/* Difusor V174 · Ajustes exclusivamente móviles en Home.
   1) Hero: baja el título para despegarlo del header fijo.
   2) Cotización: título -> formulario -> información introductoria al final.
   No modifica desktop ni otras secciones. */

@media (max-width:719px){
  /* HERO · mantener video y distribución V173; solo bajar el título. */
  body.v73-home #inicio .hero-inner{
    padding-top:30px!important;
  }

  /* COTIZACIÓN · flujo móvil simplificado. */
  body.v73-home #contacto .contact-box.quote-box{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:14px!important;
  }

  /* Aplana únicamente el contenedor de texto para poder ordenar sus piezas
     alrededor del formulario sin alterar el HTML ni el comportamiento desktop. */
  body.v73-home #contacto .contact-copy{
    display:contents!important;
  }

  /* Único encabezado visible antes de los campos. */
  body.v73-home #contacto .contact-copy .kicker.home-section-label{
    order:1!important;
    display:block!important;
    position:relative!important;
    z-index:1!important;
    margin:0 0 2px!important;
  }

  /* El formulario aparece inmediatamente después del título. */
  body.v73-home #contacto .quote-form{
    order:2!important;
    position:relative!important;
    z-index:1!important;
    margin:0!important;
  }
  body.v73-home #contacto .quote-form-head{
    display:none!important;
  }

  /* El contenido explicativo que antes abría la sección pasa al final. */
  body.v73-home #contacto .contact-copy h2{
    order:3!important;
    position:relative!important;
    z-index:1!important;
    margin:22px 0 0!important;
  }
  body.v73-home #contacto .contact-copy > p{
    order:4!important;
    position:relative!important;
    z-index:1!important;
    margin-top:10px!important;
  }
  body.v73-home #contacto .quote-benefits{
    order:5!important;
    position:relative!important;
    z-index:1!important;
    margin-top:14px!important;
  }
  body.v73-home #contacto .contact-links{
    order:6!important;
    position:relative!important;
    z-index:1!important;
    margin-top:14px!important;
  }
}

@media (max-width:719px) and (max-height:700px){
  body.v73-home #inicio .hero-inner{
    padding-top:24px!important;
  }
}