/* Ensigna Tours V9.0.7.9.2
   Hotfix móvil de Mis Viajes + calendario visible de pagos.
*/
html,body.v4-page{max-width:100%;overflow-x:hidden}

/* El hero y los formularios de acceso nunca deben conservar estados de
   animación ocultos al cambiar entre flujos. */
body.v9075-auth-mode .v9-client-hero,
body.v9075-auth-mode .v9-client-hero .v4-container,
body.v9075-auth-mode .v9-client-hero .v4-kicker,
body.v9075-auth-mode .v9-client-hero h1,
body.v9075-auth-mode .v9-client-hero p,
body.v9075-auth-mode .v9-client-hero .v9-client-version,
body.v9075-auth-mode #auth,
body.v9075-auth-mode #auth .v4-card:not(.v4-hidden){
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
body.v9075-auth-mode #auth .v4-auth-grid,
body.v9075-auth-mode #auth .v4-card,
body.v9075-auth-mode #auth form,
body.v9075-auth-mode #auth section{min-width:0;max-width:100%}

/* Calendario del plan dentro de Mis Viajes. */
.v90792-payment-calendar{margin-top:10px;border-top:1px solid rgba(84,65,230,.15);padding-top:8px}
.v90792-payment-calendar summary{cursor:pointer;font-weight:850;color:#3521c4;list-style-position:inside}
.v90792-payment-calendar>div{display:grid;gap:6px;margin-top:8px}
.v90792-payment-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:10px;background:rgba(246,247,255,.9)}
.v90792-payment-row span{display:grid;gap:1px;min-width:0}
.v90792-payment-row small{font-size:11px;color:#69738a}
.v90792-payment-row strong{white-space:nowrap;color:#252c45}
.v90792-payment-row.is-paid{opacity:.68}

@media(max-width:720px){
  body.v9075-auth-mode .v9-client-hero{padding:30px 0!important;min-height:0!important;height:auto!important}
  body.v9075-auth-mode .v9-client-hero .v4-container{display:block!important;min-height:0!important;height:auto!important}
  body.v9075-auth-mode #auth{min-height:0!important;height:auto!important}
  body.v9075-auth-mode #auth .v4-auth-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
  body.v9075-auth-mode #auth .v4-card:not(.v4-hidden){display:block;min-height:0!important;height:auto!important;margin-bottom:0!important}
  body.v9075-auth-mode #auth input,
  body.v9075-auth-mode #auth select,
  body.v9075-auth-mode #auth textarea{max-width:100%!important}

  /* El control de música era útil en navegación, pero sobre formularios
     de acceso tapa campos/botones en pantallas pequeñas. */
  body.v9075-auth-mode .ensigna-ambient-toggle,
  body.v9075-forced-pin-change .ensigna-ambient-toggle{display:none!important}

  .v90792-payment-row{align-items:flex-start}
}