/* Hotfix móvil: video de fondo en HOME (solo mobile) */

/* La sección ya es absolute en el CSS existente; mantenemos stacking controlado */
.intro {
  position: absolute;
}

@media (max-width: 575.98px) {
  /* Layer del video: queda detrás del contenido */
  .intro .intro-video-layer {
    position: absolute;
    inset: 0;
    z-index: 0;
    overflow: hidden; /* recorta overflow hacia los costados */
    pointer-events: none; /* nunca interceptar taps */
  }

  /* Video: 100% alto, centrado horizontal, overflow a los lados */
  .intro .intro-video-layer .intro-video-mobile {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    width: auto;
    min-width: 100%;
    max-width: none;
  }

  /* Overlay para legibilidad */
  .intro .intro-video-layer .intro-video-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
  }

  /* Contenido siempre arriba */
  .intro > .container {
    position: relative;
    z-index: 2;
  }
}

/* ============================================
   Hotfix móvil: Servicios - mostrar todos (sin selector)
   ============================================ */
@media (max-width: 991.98px) {
  /* Ocultar selector de servicios */
  .sel-services, 
  label[for="idservice"],
  .d-block.d-lg-none select.sel-services {
    display: none !important;
  }
  
  /* Ocultar el contenedor del selector para evitar espacios vacíos */
  .nuestros-servicios .col-12.d-block.d-lg-none {
    display: none !important;
  }

  /* Mostrar todas las secciones de servicio */
  .nuestros-servicios .text-section {
    display: block !important;
    padding-top: 2rem !important;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e0e0e0;
  }
  
  /* Quitar borde al último */
  .nuestros-servicios .text-section:last-child {
    border-bottom: none;
  }

  /* Asegurar visibilidad de imágenes */
  .nuestros-servicios .text-section img {
    display: block !important;
    margin-top: 1rem;
    opacity: 1 !important;
    visibility: visible !important;
  }
}
