/* ═══════════════════════════════════════════════════════════════════════════
   ARIA · LA LÍNEA DE LUJO — COPIA PARA VIVERO (app7)
   (Original: app-agentecotizador/public/aria-lujo.css. Si allá cambia, se vuelve a copiar;
   lo propio de VIVERO va en vivero-lujo.css, que se carga después.)
   ───────────────────────────────────────────────────────────────────────────
   La línea de lujo de CEPAS y Accesos, en el tema de ARIA (la hoja), y SIEMPRE dentro
   del libro de marca (System/marca/sistema_de_diseno.md, que manda):

   LOS COLORES — cinco y ninguno más
     tinta  #1A2633  el suelo · la hoja #222E3A (tinta + crema 5 %: la elevación SUBE)
     deep   #005565  relleno de acción (Guardar, Correo…) y de la fase activa
     teal   #006D82  filetes y estados activos; NUNCA de letra sobre tinta (2,56)
     salvia #7D9B5B  SÓLO relleno: lo ya hecho (las fases recorridas, los puntos de estado)
     crema  #EADFCE  el texto; crema 70 % el secundario; crema 16 % los filetes
     blanco #FFFFFF  los títulos sobre tinta, y el papel del documento del cliente
     (ocre #8A6A2F y rojo #B3261E: andamiaje declarado de sistema, sólo de relleno)

   LA LEY DE TEXTO POR FONDO (§2, es ley)
     | Fondo      | Cuerpo | Títulos | Etiquetas            | Versalitas |
     | Tinta      | Crema  | Blanco  | Teal sólo ≥ 18 pt    | Crema 70 % |
     | Deep       | Blanco | Blanco  | Crema                | Blanco 75 %|
     | Blanco     | Tinta  | Deep    | Deep                 | Tinta 70 % |
     | Foto+velo  | Blanco | Blanco  | Blanco               | Blanco 80 %|

   FORMA Y MOVIMIENTO (§5): radios 14 / 9 / pastilla; UNA sola sombra (la del modal,
   teñida de tinta); nada se levanta, nada brilla; cristal sólo en la cabecera fija; el
   velo de foto es tinta de 0 a 45 % desde el 45 % de la altura, nunca más.
   Ni negrita ni itálica (consola.css ya lo impone).

   El login no cambia. El documento del cliente trae sus propios colores: sigue siendo papel.
   ES REVERSIBLE: se borran las dos líneas de aria-lujo en index.html.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1 · LAS VARIABLES DE LA CONSOLA, EN TINTA ──────────────────────────── */
html.aria-lujo body{
  --blanco:#222E3A; --suelo:#1A2633; --suelo-2:#27323E; --filete:rgba(234,223,206,.16);
  --ink:#EADFCE; --ink-70:rgba(234,223,206,.70); --ink-14:rgba(234,223,206,.16);
  --ink-08:rgba(234,223,206,.10); --ink-04:rgba(234,223,206,.05);
  /* `--deep` en consola.css hace de LETRA de acento en decenas de reglas; sobre tinta el deep
     no se lee (1,64). Adentro de la app esa letra es crema, y los RELLENOS de acción que
     dependían de la variable se pintan con #005565 escrito abajo (§5 bis). */
  --deep:#EADFCE; --teal:#006D82; --green-txt:#EADFCE; --error:#EADFCE;
  /* Los «verdes de la hoja» de consola.css (#04291f, #0b5d43, #0f766e…) NO son de la marca.
     Adentro de la app la hoja se hace con deep y teal; el login conserva los suyos (abajo). */
  --hoja-sombra:#005565; --hoja-honda:#EADFCE; --hoja-viva:#006D82; --hoja-fondo:#005565;
  --hoja:linear-gradient(#005565,#005565); --hoja-luz:linear-gradient(transparent,transparent);
  background-color:#1A2633 !important; color:#EADFCE;
}
/* El login, tal cual era; y el papel del documento del cliente, que sigue siendo papel. */
html.aria-lujo #pantallaLogin, html.aria-lujo .doc-papel, html.aria-lujo .pagina, html.aria-lujo .ed-raiz{
  --blanco:#FFFFFF; --suelo:#F8F9FA; --suelo-2:#F1F3F5; --filete:#E5E7E9;
  --ink:#1A2633; --ink-70:rgba(26,38,51,.70); --ink-14:rgba(26,38,51,.14);
  --ink-08:rgba(26,38,51,.08); --ink-04:rgba(26,38,51,.04); --deep:#005565; --teal:#006D82; --green-txt:#4C6636; }
html.aria-lujo #pantallaLogin{ --hoja-sombra:#04291f; --hoja-honda:#0b5d43; --hoja-viva:#0f766e; --hoja-fondo:#07432f;
  --hoja:linear-gradient(-45deg,var(--hoja-sombra),var(--hoja-honda),var(--hoja-viva),var(--hoja-fondo));
  --hoja-luz:linear-gradient(105deg,transparent 38%,rgba(255,240,178,.30) 50%,transparent 62%); }
html.aria-lujo .doc-papel, html.aria-lujo .pagina, html.aria-lujo .ed-raiz{ color:#1A2633; }
/* El editor del itinerario (Fase 3) es mesa de trabajo del documento: claro, como el papel.
   Sus campos no toman el estilo oscuro de la consola. */
html.aria-lujo .ed-raiz input, html.aria-lujo .ed-raiz select, html.aria-lujo .ed-raiz textarea{
  background-color:#FFFFFF !important; color:#1A2633 !important; border-color:rgba(26,38,51,.14) !important; }
html.aria-lujo ::selection{ background-color:#005565; color:#FFFFFF; }
html.aria-lujo body *{ scrollbar-color:rgba(234,223,206,.16) transparent; }

/* ── 2 · LAS SUPERFICIES: lo que era blanco es la hoja (tinta un paso más clara) ── */
html.aria-lujo .bg-white.bg-white:not(.doc *):not(.doc-papel *):not(.ed-raiz *):not(#pantallaLogin *):not(#login-screen *){ background-color:#222E3A; }
html.aria-lujo [class*="bg-slate-900/"]{ background-color:rgba(26,38,51,.72) !important; }
/* Una sola sombra en el producto, la del modal: todo lo demás se eleva por material. */
html.aria-lujo .shadow-sm.shadow-sm, html.aria-lujo .shadow.shadow, html.aria-lujo .shadow-md.shadow-md,
html.aria-lujo .shadow-lg.shadow-lg{ box-shadow:none; }
html.aria-lujo .ws-panel, html.aria-lujo .dia-tarj, html.aria-lujo .tcaja,
html.aria-lujo [class*="overflow-x-auto"]:has(>table){ border-color:rgba(234,223,206,.16) !important; }

/* ── 3 · LA CABECERA: tinta, el único cristal del producto, y un filete teal ── */
html.aria-lujo .cab-marca{ background-color:rgba(26,38,51,.94) !important; background-image:none !important;
  backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border-bottom:1px solid #006D82; }
html.aria-lujo .bt-cab{ background-color:transparent; border-color:rgba(234,223,206,.16); color:#EADFCE; }
html.aria-lujo .bt-cab:hover{ border-color:rgba(234,223,206,.70); color:#FFFFFF; }
html.aria-lujo .cab-marca__idioma{ background-color:transparent; border-color:rgba(234,223,206,.16); }
html.aria-lujo .cab-marca__idioma button{ color:rgba(234,223,206,.70); }
html.aria-lujo .cab-marca__idioma button.on{ background-color:#EADFCE; color:#1A2633; }
html.aria-lujo .ses__yo{ color:#EADFCE; }
html.aria-lujo .ses__ir, html.aria-lujo .ses__salir{ color:rgba(234,223,206,.70); border-color:rgba(234,223,206,.16); }

/* ── 4 · EL PASO A PASO: el tallo. Lo recorrido en salvia, la fase activa en deep ── */
html.aria-lujo .perfil, html.aria-lujo #faseNav{ background-color:#1A2633 !important; border-bottom:1px solid rgba(234,223,206,.16) !important; }
html.aria-lujo .fase-num{ background-color:transparent !important; color:rgba(234,223,206,.70) !important; border-color:rgba(234,223,206,.16) !important; }
html.aria-lujo .fase-btn:has(~ .fase-btn.fase-on) .fase-num{ background-color:#7D9B5B !important; border-color:#7D9B5B !important; color:#1A2633 !important; }
html.aria-lujo .fase-btn.fase-on .fase-num{ background-color:#005565 !important; border-color:#EADFCE !important; color:#FFFFFF !important; box-shadow:none !important; }
html.aria-lujo .fase-lbl{ color:rgba(234,223,206,.70) !important; }
html.aria-lujo .fase-dato{ color:#FFFFFF !important; }

/* ── 5 · BOTONES: el relleno de acción es deep, con letra blanca (8,44) ─── */
html.aria-lujo [class*="bg-indigo-6"]:not(.doc *):not(.doc-papel *):not(.ed-raiz *), html.aria-lujo [class*="bg-indigo-7"]:not(.doc *):not(.doc-papel *):not(.ed-raiz *),
html.aria-lujo [class*="bg-emerald-6"]:not(.doc *):not(.doc-papel *):not(.ed-raiz *), html.aria-lujo [class*="bg-emerald-7"]:not(.doc *):not(.doc-papel *):not(.ed-raiz *),
html.aria-lujo [class*="bg-teal-6"]:not(.doc *):not(.doc-papel *):not(.ed-raiz *), html.aria-lujo [class*="bg-teal-7"]:not(.doc *):not(.doc-papel *):not(.ed-raiz *){
  background-color:#005565 !important; background-image:none !important; color:#FFFFFF !important; border-color:#005565 !important; box-shadow:none !important; }
html.aria-lujo [class*="bg-indigo-6"]:hover:not(.doc *), html.aria-lujo [class*="bg-indigo-7"]:hover:not(.doc *),
html.aria-lujo [class*="bg-emerald-6"]:hover:not(.doc *){ background-color:#006D82 !important; }
html.aria-lujo [class*="bg-indigo-6"] *, html.aria-lujo [class*="bg-indigo-7"] *, html.aria-lujo [class*="bg-emerald-6"] *{ color:#FFFFFF; }
html.aria-lujo [class*="bg-red-6"], html.aria-lujo [class*="bg-rose-6"]{ background-color:#B3261E !important; color:#FFFFFF !important; }
html.aria-lujo .bt-menor{ background-color:transparent; border-color:rgba(234,223,206,.16); color:#EADFCE; }
html.aria-lujo .bt-menor:hover{ border-color:rgba(234,223,206,.70); color:#FFFFFF; }
html.aria-lujo input[type="file"]::file-selector-button{ background-color:#005565; color:#FFFFFF; }

/* ── 5 bis · LOS RELLENOS DE ACCIÓN QUE DEPENDÍAN DE --deep ─────────────── */
html.aria-lujo .bt-enviar, html.aria-lujo .interruptor[aria-checked="true"], html.aria-lujo .doc-bt,
html.aria-lujo .com-sw[aria-pressed="true"], html.aria-lujo [class*="bg-deep"]{ background-color:#005565 !important; border-color:#005565 !important; color:#FFFFFF !important; }
html.aria-lujo .bt-enviar:hover, html.aria-lujo .doc-bt:hover{ background-color:#006D82 !important; transform:none; }
html.aria-lujo .fase-btn.fase-on::before, html.aria-lujo .fase-btn:has(~ .fase-btn.fase-on)::before{ background-color:#7D9B5B; }
/* Teal de letra sobre tinta no se lee (2,56): los enlaces del documento van en crema. */
html.aria-lujo .doc-mini:hover, html.aria-lujo .doc-archivo, html.aria-lujo .doc-papel-link{ color:#EADFCE; }
html.aria-lujo .doc-archivo:hover, html.aria-lujo .doc-papel-link:hover, html.aria-lujo .doc-mini:hover{ border-color:#EADFCE; }

/* ── 6 · CAMPOS: la hoja un paso más clara; el foco con anillo doble (§2) ── */
html.aria-lujo body input:not(#pantallaLogin *):not(#login-screen *):not(.doc *):not(.doc-papel *):not(.ed-raiz *):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not(.border-0):not(.bg-transparent):not(.dia-tarj__tit):not(.cal-fila__input),
html.aria-lujo body textarea:not(#pantallaLogin *):not(#login-screen *):not(.doc *):not(.doc-papel *):not(.ed-raiz *):not(.border-0):not(.bg-transparent),
html.aria-lujo body select:not(#pantallaLogin *):not(#login-screen *):not(.doc *):not(.doc-papel *):not(.ed-raiz *):not(.border-0):not(.bg-transparent){
  background-color:#2A3541 !important; color:#EADFCE !important; border-color:rgba(234,223,206,.16) !important; }
/* Sobre tinta el teal solo no se ve (2,56): anillo teal más halo crema, que es lo que lo hace visible. */
html.aria-lujo body input:not(#pantallaLogin *):not(#login-screen *):focus-visible, html.aria-lujo body textarea:not(#pantallaLogin *):not(#login-screen *):focus-visible,
html.aria-lujo body select:not(#pantallaLogin *):not(#login-screen *):focus-visible, html.aria-lujo body button:not(#pantallaLogin *):not(#login-screen *):focus-visible{
  outline:2px solid #006D82 !important; box-shadow:0 0 0 4px rgba(234,223,206,.22) !important; }
html.aria-lujo select option{ background-color:#222E3A; color:#EADFCE; }
html.aria-lujo input::placeholder, html.aria-lujo textarea::placeholder{ color:rgba(234,223,206,.70) !important; opacity:.75; }
html.aria-lujo input[type=checkbox], html.aria-lujo input[type=radio]{ accent-color:#005565; }
html.aria-lujo #tsBody input[type="checkbox"]{ background-color:#2A3541; accent-color:#005565; }
/* Lo que se edita en el lugar (el título del día, su texto, la Fase 1) sigue siendo texto. */
html.aria-lujo .dia-tarj__tit{ color:#FFFFFF; background-color:transparent; }
html.aria-lujo textarea.bg-transparent, html.aria-lujo input.bg-transparent{ color:#EADFCE; }

/* ── 7 · EL INICIO: la banda de selva (foto + velo de tinta ≤ 45 %) ─────── */
html.aria-lujo #home{ background-color:transparent; overflow-x:hidden; }
html.aria-lujo .hoja-inicio__cab.lujo-cab{ position:relative; min-height:260px; align-items:flex-end; padding:0 0 24px;
  margin-bottom:24px; isolation:isolate; }
.lujo-banda{ position:absolute; inset:-44px calc(50% - 50vw) 0; z-index:-1; overflow:hidden; isolation:isolate; }
.lujo-banda__foto{ position:absolute; inset:0; background-size:cover; background-position:center 40%; opacity:0;
  transition:opacity .62s cubic-bezier(.22,.9,.24,1); }
.lujo-banda__foto.activa{ opacity:1; }
/* El velo del libro: tinta de 0 a 45 %, subiendo desde el 45 % de la altura. Nunca más. */
.lujo-banda__velo{ position:absolute; inset:0; background:linear-gradient(to bottom, rgba(26,38,51,0) 45%, rgba(26,38,51,.45) 100%); }
.lujo-banda::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:1px; background-color:#006D82; }
.lujo-banda__pie{ position:absolute; right:clamp(16px,4vw,48px); bottom:24px; display:flex; align-items:center; gap:12px; }
.lujo-banda__lugar{ font:400 11px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.80); transition:opacity .12s linear; }
.lujo-banda__puntos{ display:flex; gap:6px; }
.lujo-banda__puntos i{ width:6px; height:6px; border-radius:99px; background-color:rgba(255,255,255,.45); transition:width .18s, background-color .12s linear; }
.lujo-banda__puntos i.activo{ width:18px; background-color:#FFFFFF; }
/* Sobre foto + velo el título va en blanco (§2). */
html.aria-lujo .hoja-inicio__tit{ color:#FFFFFF; font:300 58px/1.05 var(--glare); letter-spacing:-.016em; }
html.aria-lujo .hoja-inicio__buscar, html.aria-lujo .hoja-inicio__sel{ background-color:#2A3541 !important; }
html.aria-lujo .hoja-inicio__lista{ background-color:#222E3A; border-top:1px solid #006D82; }
html.aria-lujo .hoja-inicio__cabezas{ color:rgba(234,223,206,.70); }
html.aria-lujo .fila-cotiz{ background-color:transparent !important; border-color:rgba(234,223,206,.10) !important; transition:background-color .12s linear !important; }
html.aria-lujo .fila-cotiz:hover{ background-color:#2A3541 !important; }
html.aria-lujo .hoja-inicio__paginas{ background-color:#222E3A; border-top-color:rgba(234,223,206,.16); }

/* ── 8 · LA CONVERSACIÓN ─────────────────────────────────────────────────── */
html.aria-lujo #chat{ background-color:#1A2633; }
html.aria-lujo .msj__ast{ background-color:#005565; color:#FFFFFF; }
html.aria-lujo .msj--ia .burb{ background-color:#2A3541; color:#EADFCE; border-color:rgba(234,223,206,.16); }
html.aria-lujo .msj--yo .burb{ background-color:#005565; color:#FFFFFF; }

/* ── 9 · TABLAS, DÍAS, CIFRAS, MODALES ──────────────────────────────────── */
html.aria-lujo thead th:not(.doc *):not(.doc-papel *):not(.ed-raiz *){ background-color:#222E3A !important; color:rgba(234,223,206,.70) !important; border-bottom-color:#006D82 !important; }
html.aria-lujo .dia-tarj{ background-color:#222E3A; }
html.aria-lujo .banda-cifras{ background-color:#005565 !important; }
html.aria-lujo .rec-parada{ background-color:#2A3541; }
html.aria-lujo .rec-tramo svg, html.aria-lujo .rec-tramo i, html.aria-lujo .rec-tramo span{ background-color:#1A2633; }
/* La única sombra del producto: la del modal, teñida de tinta (§5). */
html.aria-lujo [id$="Modal"] > div:not(.hidden), html.aria-lujo .nc-hoja__caja{
  border:1px solid rgba(234,223,206,.16); box-shadow:0 30px 70px -18px rgba(26,38,51,.62); }

/* ── 10 · EL DOCUMENTO: papel blanco sobre el suelo de tinta ────────────── */
html.aria-lujo .ed-lienzo, html.aria-lujo .doc-hoja{ background-color:#1A2633 !important; }
html.aria-lujo .doc-tabs{ border-color:rgba(234,223,206,.16) !important; }

/* ── 11 · AVISOS: el ocre de sistema, sólo de relleno; la letra, crema ─── */
html.aria-lujo .aviso-sin-tarifa, html.aria-lujo [class*="bg-amber-50"]{ background-color:#352F2B !important; border-color:#8A6A2F !important; color:#EADFCE; }
html.aria-lujo .cal-grupo{ background-color:#222E3A; border-color:rgba(234,223,206,.16); }

@media (prefers-reduced-motion:reduce){
  .lujo-banda__foto, .lujo-banda__puntos i{ transition:opacity .12s linear; }
}

/* ── 12 · LA BARRA DE FORMATO, en tinta ──────────────────────────────────── */
html.aria-lujo .bf{ background-color:#222E3A; border-color:rgba(234,223,206,.16); }
html.aria-lujo .bf-bt, html.aria-lujo .bf-color, html.aria-lujo .bf-restaurar{ border-color:rgba(234,223,206,.16); color:#EADFCE; }
html.aria-lujo .bf-bt:hover, html.aria-lujo .bf-color:hover, html.aria-lujo .bf-restaurar:hover{ border-color:rgba(234,223,206,.70); color:#FFFFFF; }
html.aria-lujo .bf-bt--on{ background-color:#005565; border-color:#005565; color:#FFFFFF; }
html.aria-lujo .bf-sep{ background-color:rgba(234,223,206,.16); }
html.aria-lujo .bf-tam, html.aria-lujo .bf-estado{ color:rgba(234,223,206,.70); }

/* ── 13 · LOS TONOS 300–500 SON RELLENO, NUNCA LETRA (§2, para todas las familias) ── */
html.aria-lujo [class*="text-indigo-3"]:not(.doc-papel *),
html.aria-lujo [class*="text-indigo-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-indigo-5"]:not(.doc-papel *),
html.aria-lujo [class*="text-sky-3"]:not(.doc-papel *),
html.aria-lujo [class*="text-sky-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-sky-5"]:not(.doc-papel *),
html.aria-lujo [class*="text-cyan-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-cyan-5"]:not(.doc-papel *),
html.aria-lujo [class*="text-blue-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-blue-5"]:not(.doc-papel *),
html.aria-lujo [class*="text-teal-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-teal-5"]:not(.doc-papel *),
html.aria-lujo [class*="text-emerald-3"]:not(.doc-papel *),
html.aria-lujo [class*="text-emerald-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-emerald-5"]:not(.doc-papel *),
html.aria-lujo [class*="text-green-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-green-5"]:not(.doc-papel *),
html.aria-lujo [class*="text-amber-3"]:not(.doc-papel *),
html.aria-lujo [class*="text-amber-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-amber-5"]:not(.doc-papel *),
html.aria-lujo [class*="text-red-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-red-5"]:not(.doc-papel *),
html.aria-lujo [class*="text-rose-4"]:not(.doc-papel *),
html.aria-lujo [class*="text-rose-5"]:not(.doc-papel *){ color:#EADFCE !important; }

/* ── 14 · EL INICIO, EN SERIO: portada con cifra, un panel de filtros y columnas ── */
@media (min-width:900px){
  html.aria-lujo .hoja-inicio__cab.lujo-cab{ display:grid; grid-template-columns:minmax(0,1fr) auto auto;
    grid-template-rows:340px auto; column-gap:12px; row-gap:0; align-items:center; min-height:0; padding:0; margin:0; }
  html.aria-lujo .lujo-cab > .flex-1{ display:none; }
  html.aria-lujo .lujo-cab .hoja-inicio__tit{ grid-area:1/1/2/2; align-self:end; margin:0 0 36px; font-size:64px; }
  html.aria-lujo .lujo-cab .lujo-cifra{ grid-area:1/2/2/4; align-self:end; justify-self:end; margin:0 0 30px; }
  html.aria-lujo .lujo-cab .hoja-inicio__buscar{ grid-area:2/1/3/2; width:auto; margin:18px 0 18px 18px; }
  html.aria-lujo .lujo-cab #bandejaEstado{ grid-area:2/2/3/3; margin:18px 0; }
  html.aria-lujo .lujo-cab #btnNotasCredito{ grid-area:2/3/3/4; margin:18px 18px 18px 0; }
  /* El panel de filtros: una sola hoja que arranca donde termina la foto. */
  html.aria-lujo .lujo-cab::after{ content:""; grid-area:2/1/3/4; align-self:stretch; background-color:#222E3A;
    border:1px solid rgba(234,223,206,.16); border-bottom:0; border-radius:14px 14px 0 0; z-index:-1; }
  html.aria-lujo .lujo-banda{ inset:-44px calc(50% - 50vw) auto; height:384px; }
  html.aria-lujo .hoja-inicio__filtros{ background-color:#222E3A; border:1px solid rgba(234,223,206,.16); border-top-color:rgba(234,223,206,.10);
    border-radius:0 0 14px 14px; padding:14px 18px 18px; margin-bottom:36px; }
}
.lujo-cifra{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; color:#FFFFFF; }
.lujo-cifra__n{ font:300 96px/0.9 var(--glare); letter-spacing:-.03em; font-variant-numeric:tabular-nums; }
.lujo-cifra__rot{ font:400 11px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.80); }
html.aria-lujo .lujo-banda__pie{ top:68px; bottom:auto; }
/* Los controles del panel: finos, sobre la hoja, sin relleno propio. */
html.aria-lujo .hoja-inicio__filtros select, html.aria-lujo .hoja-inicio__filtros input,
html.aria-lujo .lujo-cab select, html.aria-lujo .lujo-cab .hoja-inicio__buscar{
  background-color:transparent !important; border-color:rgba(234,223,206,.16) !important; }
html.aria-lujo .hoja-inicio__filtros select:hover, html.aria-lujo .hoja-inicio__filtros input:hover,
html.aria-lujo .lujo-cab select:hover, html.aria-lujo .lujo-cab .hoja-inicio__buscar:hover{ border-color:rgba(234,223,206,.70) !important; }
html.aria-lujo .hoja-inicio__mes, html.aria-lujo .hoja-inicio__cuenta{ color:rgba(234,223,206,.70); }
html.aria-lujo .hoja-inicio__cuenta{ letter-spacing:.14em; text-transform:uppercase; font-size:11px; }

/* La bandeja en columnas: el viaje, su estado, adónde llegó, la cifra y la fecha. */
@media (min-width:1024px){
  html.aria-lujo .hoja-inicio__cabezas{ display:grid !important; grid-template-columns:minmax(0,1fr) 370px 150px 212px; gap:20px;
    padding:0 28px 12px; font:400 11px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; }
  html.aria-lujo .hoja-inicio__cabezas span:nth-child(3){ text-align:right; }
  html.aria-lujo .fila-cotiz{ display:grid !important; grid-template-columns:minmax(0,1fr) 150px 200px 150px 120px 72px; gap:20px;
    align-items:center; padding:22px 28px !important; }
  html.aria-lujo .fila-cotiz > .fila-cotiz__seguim{ grid-column:1/-1; }
  html.aria-lujo .fila-cotiz__total{ text-align:right; }
}
html.aria-lujo .fila-cotiz{ border-left:0 !important; border-right:0 !important; border-radius:0 !important; }
html.aria-lujo .fila-cotiz__tit{ font:300 20px/1.25 var(--glare) !important; color:#FFFFFF !important; letter-spacing:-.005em; }
html.aria-lujo .fila-cotiz__cliente{ font:400 11.5px/1.3 var(--sans); letter-spacing:.06em; color:rgba(234,223,206,.70) !important; margin-top:6px; }
html.aria-lujo .fila-cotiz__cliente .font-mono{ font-family:var(--sans) !important; letter-spacing:.2em; color:#EADFCE !important; }
html.aria-lujo .fila-cotiz__estado{ justify-self:start; border-radius:99px !important; padding:6px 12px !important; font:400 11px/1 var(--sans) !important; letter-spacing:.08em; }
html.aria-lujo .fila-cotiz__fase{ font:300 13px/1.35 var(--sans); color:#EADFCE; }
html.aria-lujo .fila-cotiz__total{ font:300 24px/1 var(--glare) !important; color:#FFFFFF !important; font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
html.aria-lujo .fila-cotiz__fecha{ font:400 11px/1.3 var(--sans); letter-spacing:.08em; color:rgba(234,223,206,.70) !important; font-variant-numeric:tabular-nums; }
html.aria-lujo .fila-cotiz__acciones{ justify-self:end; }
html.aria-lujo .hoja-inicio__lista{ border-radius:14px; border:1px solid rgba(234,223,206,.16); overflow:hidden; }

/* ── 14 bis · EL INICIO EN PANTALLA ANGOSTA: título y cifra sobre la foto, controles debajo ── */
@media (max-width:899px){
  html.aria-lujo .hoja-inicio__cab.lujo-cab{ display:grid; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:230px auto auto;
    column-gap:12px; row-gap:10px; align-items:center; min-height:0; padding:0 0 12px; margin:0 0 12px; }
  html.aria-lujo .lujo-cab > .flex-1{ display:none; }
  html.aria-lujo .lujo-cab .hoja-inicio__tit{ grid-area:1/1/2/2; align-self:end; margin:0 0 22px; font-size:40px; }
  html.aria-lujo .lujo-cab .lujo-cifra{ grid-area:1/2/2/3; align-self:end; margin:0 0 18px; }
  html.aria-lujo .lujo-cab .lujo-cifra__n{ font-size:60px; }
  html.aria-lujo .lujo-cab .hoja-inicio__buscar{ grid-area:2/1/3/3; width:100%; margin-top:14px; }
  html.aria-lujo .lujo-cab #bandejaEstado{ grid-area:3/1/4/2; }
  html.aria-lujo .lujo-cab #btnNotasCredito{ grid-area:3/2/4/3; }
  html.aria-lujo .lujo-banda{ inset:-44px calc(50% - 50vw) auto; height:274px; }
  html.aria-lujo .lujo-banda__pie{ top:36px; }
}
/* Los neutros 200–300 usados como letra (los «—» de celda vacía): crema 70 %, el secundario. */
html.aria-lujo .text-slate-200.text-slate-200:not(.doc-papel *), html.aria-lujo .text-slate-300.text-slate-300:not(.doc-papel *),
html.aria-lujo .text-gray-300.text-gray-300:not(.doc-papel *){ color:rgba(234,223,206,.70); }

/* ═══ 15 · LAS FASES, ELEVADAS ════════════════════════════════════════════════
   Cada etapa se señaliza con su portada, y adentro todo sube un escalón: títulos en
   Glare, rótulos en versalita crema 70 %, cifras como cifras, filetes finos. */

/* La portada de la fase: foto + velo de tinta (≤ 45 %, desde el 45 % de la altura). */
.lujo-fase{ position:relative; flex:0 0 auto; height:150px; display:flex; align-items:flex-end; gap:24px;
  padding:0 clamp(16px,3vw,40px) 22px; overflow:hidden; isolation:isolate; border-bottom:1px solid #006D82; }
.lujo-fase[hidden]{ display:none; }
.lujo-fase[data-fase="3"], .lujo-fase[data-fase="4"]{ height:112px; padding-bottom:16px; }
.lujo-fase__fotos{ position:absolute; inset:0; z-index:-1; }
.lujo-fase__foto{ position:absolute; inset:0; background-size:cover; background-position:center 45%; opacity:0;
  transition:opacity .62s cubic-bezier(.22,.9,.24,1); }
.lujo-fase__foto.activa{ opacity:1; }
.lujo-fase__velo{ position:absolute; inset:0; background:linear-gradient(to bottom, rgba(26,38,51,0) 0%, rgba(26,38,51,0) 45%, rgba(26,38,51,.45) 100%); }
.lujo-fase__txt{ display:flex; flex-direction:column; gap:6px; min-width:0; }
.lujo-fase__ojo{ font:400 11px/1 var(--sans); letter-spacing:.24em; text-transform:uppercase; color:rgba(255,255,255,.80); }
.lujo-fase__tit{ margin:0; font:300 46px/1 var(--glare); letter-spacing:-.016em; color:#FFFFFF; }
.lujo-fase[data-fase="3"] .lujo-fase__tit, .lujo-fase[data-fase="4"] .lujo-fase__tit{ font-size:36px; }
.lujo-fase__cifras{ margin-left:auto; display:flex; gap:28px; align-items:flex-end; }
.lujo-fase__cifra{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; color:#FFFFFF; }
.lujo-fase__cifra b{ font:300 52px/.9 var(--glare); letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.lujo-fase[data-fase="3"] .lujo-fase__cifra b, .lujo-fase[data-fase="4"] .lujo-fase__cifra b{ font-size:40px; }
.lujo-fase__cifra small{ font:400 11px/1 var(--sans); letter-spacing:.2em; text-transform:uppercase; color:rgba(255,255,255,.80); }
.lujo-fase__estado{ font:300 22px/1.1 var(--glare); color:#FFFFFF; }
.lujo-fase__lugar{ position:absolute; right:clamp(16px,3vw,40px); top:14px; font:400 10px/1 var(--sans); letter-spacing:.22em;
  text-transform:uppercase; color:rgba(255,255,255,.80); padding:5px 10px; border-radius:99px; background-color:rgba(26,38,51,.45); }
@media (max-width:700px){
  .lujo-fase{ height:112px; }
  .lujo-fase__tit{ font-size:32px; }
  .lujo-fase__cifra b{ font-size:36px; }
  .lujo-fase__cifras{ gap:16px; }
}

/* El suelo de trabajo de cada fase: tinta, sin tintes grises. */
html.aria-lujo #builderSection [class*="bg-slate-50/"], html.aria-lujo #fase1panel [class*="bg-slate-50/"]{ background-color:transparent !important; }
html.aria-lujo .ws-panel{ background-color:#1A2633 !important; }
html.aria-lujo .ws-panel__tit{ font:300 28px/1.1 var(--glare) !important; color:#FFFFFF !important; letter-spacing:-.01em; }
html.aria-lujo #qualScore{ font:400 11px/1 var(--sans); letter-spacing:.16em; text-transform:uppercase; color:#EADFCE;
  padding:6px 12px; border-radius:99px; background-color:#005565; }

/* Las secciones plegables: la ficha, las notas, las comisiones, la plantilla. */
html.aria-lujo #builderSection details.bg-white{ background-color:#222E3A !important; border-color:rgba(234,223,206,.16) !important; border-radius:14px !important; }
html.aria-lujo #builderSection details.bg-white[open]{ border-color:#006D82 !important; }
html.aria-lujo .com-cab{ padding:18px 22px !important; align-items:baseline; gap:14px; }
html.aria-lujo .com-cab__tit{ font:300 21px/1.2 var(--glare) !important; color:#FFFFFF !important; letter-spacing:-.005em; }
html.aria-lujo .com-cab__resumen{ font:400 12px/1.3 var(--sans) !important; letter-spacing:.06em; color:rgba(234,223,206,.70) !important; }

/* Los días: el número como cifra, el título en Glare, el tallo que los une. */
html.aria-lujo .dia-tarj{ padding:26px 30px !important; border-radius:14px !important; border:1px solid rgba(234,223,206,.16) !important; position:relative; }
html.aria-lujo .dia-tarj:focus-within{ border-color:#006D82 !important; }
html.aria-lujo .dia-tarj__num{ width:48px !important; height:48px !important; flex:0 0 48px !important; border-radius:99px !important;
  background:#005565 !important; background-image:none !important; color:#FFFFFF !important; font:300 24px/1 var(--glare) !important;
  display:grid !important; place-items:center; }
html.aria-lujo .dia-tarj__tit{ font:300 30px/1.15 var(--glare) !important; color:#FFFFFF !important; letter-spacing:-.012em; }
html.aria-lujo .dia-tarj textarea.bg-transparent{ font:300 14.5px/1.6 var(--sans) !important; color:#EADFCE !important; }

/* Los servicios: el nombre en Glare, el código en versalita, las cifras como cifras. */
html.aria-lujo .svc-linea{ padding:16px 0 !important; border-top:1px solid rgba(234,223,206,.10) !important; }
html.aria-lujo .svc-linea p.text-sm{ font:300 17px/1.3 var(--glare) !important; color:#FFFFFF !important; white-space:normal; }
html.aria-lujo .svc-linea p.text-sm [class*="uppercase"]{ font-family:var(--sans); font-size:10px; letter-spacing:.2em; color:rgba(234,223,206,.70) !important; }
html.aria-lujo .svc-linea .font-mono{ font-family:var(--sans) !important; font-size:10px !important; letter-spacing:.16em; background:transparent !important;
  border:1px solid rgba(234,223,206,.16); border-radius:99px !important; padding:2px 8px !important; color:#EADFCE !important; }
html.aria-lujo .svc-linea p.text-\[11px\]{ color:rgba(234,223,206,.70) !important; letter-spacing:.04em; }
html.aria-lujo .svc-etq{ color:rgba(234,223,206,.70) !important; }
html.aria-lujo .precio-calc{ font:300 18px/1 var(--glare) !important; color:#FFFFFF !important; }
html.aria-lujo .ficha-margen b{ color:#FFFFFF !important; }

/* Fase 1: cada grupo con su rótulo en versalita y un filete que lo acompaña. */
html.aria-lujo .cal-grupo{ padding:24px 28px !important; border-radius:14px !important; }
html.aria-lujo .cal-grupo__tit{ display:flex !important; align-items:center; gap:14px; font:400 11px/1 var(--sans) !important;
  letter-spacing:.24em !important; text-transform:uppercase; color:rgba(234,223,206,.70) !important; margin-bottom:18px !important; }
html.aria-lujo .cal-grupo__tit::before{ content:""; width:8px; height:8px; border-radius:99px; background-color:#7D9B5B; flex:none; }
html.aria-lujo .cal-grupo__tit::after{ content:""; flex:1; height:1px; background-color:rgba(234,223,206,.16); }
html.aria-lujo .cal-fila__lbl{ color:rgba(234,223,206,.70) !important; letter-spacing:.04em; }
html.aria-lujo .cal-fila__input{ font:300 16px/1.4 var(--sans) !important; color:#FFFFFF !important; border-bottom-color:rgba(234,223,206,.16) !important; }
html.aria-lujo .cal-fila__input:focus{ border-bottom-color:#EADFCE !important; }
html.aria-lujo .cal-fila__origen{ color:rgba(234,223,206,.70) !important; }

/* Fase 5: la cabecera de la reserva, cada dato legible de lejos. */
html.aria-lujo #tsCabecera{ background-color:#222E3A !important; border:1px solid rgba(234,223,206,.16) !important; border-radius:14px !important;
  padding:20px 24px !important; box-shadow:none !important; }
html.aria-lujo #tsCabecera .uppercase{ font:400 10.5px/1 var(--sans) !important; letter-spacing:.2em !important; color:rgba(234,223,206,.70) !important; margin-bottom:6px; }
html.aria-lujo #tsCabecera .ts-copiable{ font:300 18px/1.2 var(--glare) !important; color:#FFFFFF !important; }
html.aria-lujo .ts-copiable:hover{ background-color:#2A3541 !important; }

/* Las tablas de la consola: cabeceras en versalita, filas quietas (§5: las tablas no animan). */
html.aria-lujo thead th:not(.doc *):not(.doc-papel *):not(.ed-raiz *){ font:400 10.5px/1.2 var(--sans) !important; letter-spacing:.2em !important; text-transform:uppercase; padding-top:16px !important; }
html.aria-lujo tbody td:not(.doc *):not(.doc-papel *):not(.ed-raiz *){ border-bottom-color:rgba(234,223,206,.10) !important; }
html.aria-lujo tbody tr:not(.doc *):not(.doc-papel *):not(.ed-raiz *):hover{ background-color:#2A3541; }

/* La Fase 4: las pestañas del documento, como pestañas de marca. */
html.aria-lujo .doc-tab{ color:rgba(234,223,206,.70); letter-spacing:.04em; }
html.aria-lujo .doc-tab--on{ color:#FFFFFF !important; border-bottom-color:#EADFCE !important; }
html.aria-lujo .doc-panel{ background-color:#222E3A; border:1px solid rgba(234,223,206,.16); border-radius:14px; }
html.aria-lujo .doc-lbl{ color:rgba(234,223,206,.70) !important; letter-spacing:.14em; text-transform:uppercase; font-size:10.5px !important; }

/* La sección de la plantilla Safari (otra estructura) y los «Editar descripción» de cada servicio. */
html.aria-lujo #builderSection details.p-4 > summary{ font:300 21px/1.2 var(--glare) !important; color:#FFFFFF !important; padding:4px 6px; }
html.aria-lujo #builderSection details.p-4{ padding:18px 22px !important; }
html.aria-lujo .svc-linea summary.text-\[11px\]{ font:400 10.5px/1 var(--sans) !important; letter-spacing:.14em; text-transform:uppercase;
  color:rgba(234,223,206,.70) !important; margin-top:8px; }
html.aria-lujo .svc-linea summary.text-\[11px\]:hover{ color:#FFFFFF !important; }

/* El paso a paso: lo recorrido es salvia SÓLIDO (consola.css le ponía encima la capa de la hoja). */
html.aria-lujo .fase-btn .fase-num{ background-image:none !important; }
/* La Fase 1: su portada ya dice «Calificación»; el panel no lo repite (queda la cuenta de datos). */
html.aria-lujo #fase1panel .ws-panel__tit, html.aria-lujo #fase1panel .ws-panel__tit ~ svg,
html.aria-lujo #fase1panel > div:first-child > svg:first-child{ display:none !important; }