/* Modo claro «Gris Humo» (ALBA #84939C), 2026-11-05.
   Igual que el modo oscuro: página, panel, tarjetas y ventanas en el mismo tono,
   separados solo por un borde fino. Los campos son un poco más claros que el fondo.
   Contraste comprobado: títulos 6,2:1, textos secundarios 5,1:1, campos 7,3:1 y textos de ejemplo 5,2:1. */
body.light{
  --humo:#84939C;            /* fondo de página */
  --humo-panel:#87969F;      /* panel y tarjetas: casi el mismo tono */
  --humo-field:#95A3AB;      /* campos, un poco más claros */
  --humo-ink:#0B1115;        /* títulos y textos principales */
  --humo-text:#1A252C;       /* textos secundarios */
  --humo-line:rgba(11,17,21,.26);
  --bg:var(--humo); --panel:var(--humo-panel); --line:var(--humo-line); --ink:var(--humo-ink); --muted:var(--humo-text);
  --input:var(--humo-field); --soft:#9BA8AF; --accent:var(--humo-ink);
  --line-ui:var(--humo-line); --surface-ui:var(--humo-panel); --text-ui:var(--humo-ink); --secondary-ui:var(--humo-text);
  --surface:var(--humo-panel); --edge:var(--humo-line); --quiet:var(--humo-text);
  background:var(--humo);
}

/* Barra superior, encabezados y pie */
body.light .topbar,body.light footer{background:transparent}
body.light .brand{color:var(--humo-ink)}
body.light .brand small,body.light footer,body.light footer span{color:var(--humo-text)}
body.light .brand small{border-left-color:rgba(11,17,21,.35)}
body.light .home-heading h1,body.light .service-intro h1{color:var(--humo-ink)}
body.light .home-heading .eyebrow,body.light .service-intro .eyebrow,
body.light .home-heading>p:last-child,body.light .service-intro>p:not(.eyebrow),
body.light .home-note,body.light .preview-note{color:var(--humo-text)}
body.light .home-heading .eyebrow:before,body.light .service-intro .eyebrow:before{background:var(--humo-ink)}
body.light .icon-button{color:var(--humo-ink);border-color:rgba(11,17,21,.38)}
body.light .icon-button:hover{border-color:var(--humo-ink)}

/* Tarjetas de inicio: mismo tono que la página, con borde fino */
body.light .choice-card{background:var(--humo-panel);border-color:var(--humo-line);box-shadow:none}
body.light .card-overlay small{color:var(--humo-text)}

/* Fondo de la pantalla de registro: el degradado se funde con el gris */
body.light .registration:after{background:linear-gradient(90deg,var(--humo) 0%,transparent 90%),linear-gradient(0deg,var(--humo),transparent 75%)}
body.light[data-service="combinado"] .registration::after{background:linear-gradient(0deg,rgba(132,147,156,.93),rgba(132,147,156,.32) 85%)}

/* Panel del formulario y ventanas de información: mismo tono, borde fino, sin sombra marcada */
body.light .panel,body.light .info-panel{background:var(--humo-panel);border-color:var(--humo-line);box-shadow:0 18px 40px rgba(11,17,21,.10)}
body.light .panel:before{background:linear-gradient(90deg,var(--humo-ink) 0 18%,rgba(11,17,21,.45) 18% 35%,transparent 35%)}
body.light .progress{background:rgba(11,17,21,.2)}
body.light .panel-top h2,body.light .info-panel h2,body.light .panel label,body.light .info-body{color:var(--humo-ink)}
body.light .step-copy,body.light .required-note,body.light .panel .eyebrow,body.light .info-top .eyebrow{color:var(--humo-text)}

/* Campos */
body.light input:not([type=checkbox]):not([type=radio]):not([type=file]),body.light select,
body.light .glass-select-trigger,body.light .country-trigger{background:var(--humo-field);color:var(--humo-ink);border-color:transparent}
body.light input::placeholder{color:#253039;opacity:1}
body.light .glass-select.is-placeholder .glass-select-value{color:#253039}
body.light .glass-select-trigger:hover,body.light .glass-select.is-open .glass-select-trigger,
body.light .country-trigger:hover,body.light .country-trigger[aria-expanded=true],
body.light input:not([type=checkbox]):not([type=radio]):hover,body.light input:not([type=checkbox]):not([type=radio]):focus{border-color:rgba(11,17,21,.45)}
body.light .glass-select-list,body.light .country-menu{background:#8E9DA5;border-color:var(--humo-line);color:var(--humo-ink)}
body.light .glass-select-option.is-active,body.light .country-option:hover{background:var(--humo-field)}
body.light .check input{accent-color:#1A252C}

/* Precio, medios de pago, resumen y comprobante */
body.light .price-summary{background:rgba(255,255,255,.14);border-color:var(--humo-line)}
body.light .payment-qr-card,body.light .payment-bank-item{background:rgba(255,255,255,.12);border-color:var(--humo-line)}
body.light .review div{border-bottom-color:var(--humo-line)}
body.light .review span{color:var(--humo-text)}
body.light .voucher{border-top-color:var(--humo-line)}
body.light .voucher-status,body.light .optional,body.light .voucher-remove{color:var(--humo-text)}
body.light .panel::-webkit-scrollbar-thumb,body.light .info-panel::-webkit-scrollbar-thumb{background:rgba(11,17,21,.3)}
/* Asteriscos de campos obligatorios y textos auxiliares de los botones de pago */
body.light label>span:first-of-type,body.light label>b,body.light .check b{color:var(--humo-text)}
body.light .payment-small-button,body.light .payment-copy{background:rgba(255,255,255,.18);color:var(--humo-ink);border-color:var(--humo-line)}