/* Cotiza · fondos (Juan, 1 nov 2026, probado en su iPhone):
   1) modo DÍA completo: la portada, las secciones, los pasos y el cierre pasan a día (antes la portada se quedaba azul noche);
   2) fondo a pantalla completa SIN cortes en día y noche: la portada sin esquinas ni franja debajo, la barra de abajo sin corte,
      y el lienzo cubre las áreas seguras y lo que queda bajo la barra de Safari (html y body con el mismo fondo);
   3) fondos más vivos, con varios colores, como los correos de Lumens (sis/correo/maestra2.js: azul #1544DB, violeta #6A2CE0, menta
      #19C79A, coral #FF6B57, oro #F2A900); fuera los «glow» sueltos (detrás de la portada, del precio y de la historia).
   Se carga después de las demás hojas. Prueba: tests/navegador/cotiza.web.mjs («fondos»). */
:root[data-theme="noche"]{
  --lienzo:radial-gradient(120% 70% at 0% 0%,rgba(106,44,224,.55) 0%,transparent 55%),radial-gradient(110% 60% at 100% 18%,rgba(21,68,219,.6) 0%,transparent 60%),
    radial-gradient(90% 55% at 0% 100%,rgba(25,199,154,.32) 0%,transparent 60%),radial-gradient(90% 50% at 100% 100%,rgba(255,107,87,.28) 0%,transparent 60%),
    linear-gradient(180deg,#0A1033 0%,#0B1650 55%,#120F3D 100%);
  --lienzo-base:#0B1650;
}
:root[data-theme="dia"]{
  --lienzo:radial-gradient(120% 70% at 0% 0%,rgba(106,44,224,.16) 0%,transparent 55%),radial-gradient(110% 60% at 100% 18%,rgba(21,68,219,.18) 0%,transparent 60%),
    radial-gradient(90% 55% at 0% 100%,rgba(25,199,154,.18) 0%,transparent 60%),radial-gradient(90% 50% at 100% 100%,rgba(255,107,87,.16) 0%,transparent 60%),
    linear-gradient(180deg,#F6F7FF 0%,#F2F3EF 55%,#FFF7F0 100%);
  --lienzo-base:#F2F3EF;
}
/* el lienzo cubre toda la pantalla: html (áreas seguras y debajo de la barra de Safari) y body, fijo detrás de todo */
html{background:var(--lienzo-base)}
body{background-color:var(--lienzo-base);background-image:var(--lienzo);background-attachment:fixed;min-height:100svh}
@supports (-webkit-touch-callout:none){body{background-attachment:scroll}} /* iOS no pinta bien «fixed»: el lienzo se estira con la página */

/* portada: sin banda ni esquinas; el lienzo de la página se ve detrás (sin franja de otro color debajo) */
.hero,[data-theme="dia"] .hero{background:none;border-radius:0}
.hero::before{display:none}
/* día: la portada en día (texto oscuro sobre el lienzo claro) */
[data-theme="dia"] .hero{color:var(--tinta)}
[data-theme="dia"] .cabecera:not(.solida){color:var(--tinta)}
[data-theme="dia"] .cabecera .seg,[data-theme="dia"] .cabecera .ico{background:rgba(10,20,49,.05);border-color:rgba(10,20,49,.14)}
[data-theme="dia"] .cabecera .llamar{border-color:rgba(10,20,49,.22)}
[data-theme="dia"] .hero .eb{color:var(--azul-tx)}
[data-theme="dia"] .hero .eb::before{background:var(--azul)}
[data-theme="dia"] .hero .h1 em{color:#1544DB}
[data-theme="dia"] .hero .lead{color:var(--tinta2)}
[data-theme="dia"] .hero .chip{background:rgba(255,255,255,.75);border-color:rgba(10,20,49,.12);color:var(--tinta)}
[data-theme="dia"] .hero .chip svg{color:var(--azul-tx)}
[data-theme="dia"] .hero .chip.oro{background:var(--oro-suave);color:var(--oro-tx)}
[data-theme="dia"] .hero .chip.oro svg{color:var(--oro-tx)}
[data-theme="dia"] .hero .btn-p{background:linear-gradient(115deg,#1544DB 0%,#3D6BFA 55%,#6A2CE0 100%)}
[data-theme="dia"] .cordon{background:linear-gradient(#9AA6C8,#5B648C)}
[data-theme="dia"] .hola{box-shadow:0 6px 16px -8px rgba(10,20,49,.35)}
[data-theme="dia"] body.claro .hora,[data-theme="dia"] .hora{color:#0A1431}
/* secciones en día: la tarjeta de calidad clara; el cierre con el degradado de los correos */
[data-theme="dia"] .lab{background:linear-gradient(135deg,#EEF2FF 0%,#F5EEFF 50%,#E9FBF4 100%)}
[data-theme="dia"] .lab .rejilla{opacity:.5;background-image:linear-gradient(rgba(21,68,219,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(21,68,219,.08) 1px,transparent 1px)}
[data-theme="dia"] .lab .lectura{background:rgba(255,255,255,.88);color:var(--tinta);border-color:var(--linea)}
[data-theme="dia"] .aprobado{background:rgba(255,255,255,.85);color:var(--lima-tx);border-color:var(--lima)}
.cierre{background:linear-gradient(135deg,#1544DB 0%,#6A2CE0 100%)}
.piepag{border-top:0}

/* la historia: el mismo lienzo, sin el brillo suelto de arriba; la barra de abajo sin corte (sin borde ni bloque de color) */
[data-theme="noche"] .qz,[data-theme="dia"] .qz{background-color:var(--lienzo-base);background-image:var(--lienzo)}
.qz-pie{border-top:0;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--lienzo-base) 65%,transparent) 55%);
  -webkit-backdrop-filter:none;backdrop-filter:none}
/* el precio: tarjeta con el degradado de los correos, sin el círculo de luz suelto */
.monto{background:linear-gradient(135deg,#1544DB 0%,#6A2CE0 100%)}
.monto::after{display:none}