/* Responsive */
@media (max-width: 767px) {
  .description_service{
    padding: 20% 5% 0% !important;
  }
  .service-features{
    height: 40vh;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .description_service{
    height: 100vh;
    padding: 5% 5% 0% !important;
  }
  .service-features{
    max-height: 90%;
  }
}

@media (min-width: 1025px){
  .description_service{
    height: 100vh;
    padding: 5% 5% 0% !important;
  }
  .service-features{
    max-height: 90%;
  }
}

.description_service{
  text-align: center;
  position: relative;
  align-content: center;
}

.service_img{
  display: flex;
  align-items: center;
}

@layer demo {
  .compare {
    display: grid;
    
    > * {
      grid-area: 1 / 1;
    }
    
    > section {
      display: grid;
      place-content: center;
    }
    
    .before {
      mask: linear-gradient(to right, #000 0, var(--pos, 50%), #0000 0);
    }

    .after {
      mask: linear-gradient(to right, #0000 0, var(--pos, 50%), #000 0);
    }

    > input[type="range"] {
      z-index: 1;
      appearance: none;
      background: transparent;
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
      block-size: 100%; /* Ajusta el tamaño vertical para que coincida con el tamaño de la imagen */

      &::-webkit-slider-thumb {
        appearance: none;
        inline-size: 4px;
        block-size: 100%; /* Ajusta el tamaño vertical para que coincida con el tamaño de la imagen */
        background-color: CanvasText;
      } 

      &::-moz-range-thumb {
        appearance: none;
        inline-size: 4px;
        block-size: 100%; /* Ajusta el tamaño vertical para que coincida con el tamaño de la imagen */
        background-color: CanvasText;
      }
    }
  }
  
  img {
    max-block-size: 100dvh;
    max-inline-size: 100%;
  }
}

  
/* Iconos de popup de portada */
.service-features-icon{
  height: 100%;
}
.col-feature{
  align-items: center;
  text-align: center;
  display: flex;
}
/* Popup */
.feature-description {
  display: none; /* Oculta la descripción por defecto */
}

