/* Diagnóstico CNI · piel vino y champán · 2026-11-01 (V7)
   Se carga DESPUÉS de cni-diagnostico.css y solo cambia colores, contraste y detalles táctiles.
   Estructura, textos y comportamiento no se tocan.
   Mundo oscuro (cabecera, entrada, pie): vino #2A0C19 con champán #E6CFA2.
   Mundo claro (preguntas, resultado, datos, gracias): papel #FBF6EC con texto vino, para leer a pleno sol.
   El naranja corporativo #FF6600 queda como chispa pequeña (--spark), no como botón. */

:root{
  --accent-orange:#E6CFA2;--accent-orange-deep:#F2E2BC;--spark:#FF6600;
  --gold:#E6CFA2;--logo-gold:#E6CFA2;--logo-blue:#7A3A50;--logo-blue-light:#B98396;
  --surface-page:#2A0C19;--surface-raised:#3A1424;--surface-sunken:#1E0811;--surface-nav:#1E0811;--surface-glow:#4A1326;
  --ink:#FBF6EC;--ink-muted:#D9C9B8;--border-subtle:rgba(230,207,162,.18);--border-strong:#9A6A7B;
  --on-accent:#2A0C19;--focus-ring:#E6CFA2;--whatsapp:#25D366;
  --glow-orange:0 6px 18px rgba(10,2,6,.35);
  --err:#FFB8A8;
}

/* Mundo claro: papel con texto vino */
#s-question,#s-result,#s-form,#s-done{
  --accent-orange:#5A1428;--accent-orange-deep:#3F0D1C;
  --gold:#8A5A1C;--logo-gold:#8A5A1C;--logo-blue:#7A3A50;--logo-blue-light:#7A3A50;
  --surface-page:#FBF6EC;--surface-raised:#FFFDF8;--surface-sunken:#F4EBDD;--surface-glow:#F1E2D5;
  --ink:#2A0C19;--ink-muted:#6B4A55;--border-subtle:#E3D6C4;--border-strong:#8C6A74;
  --on-accent:#FFF8ED;--focus-ring:#5A1428;--glow-orange:0 6px 16px rgba(90,20,40,.22);
  --err:#9B2C1A;
  background:var(--surface-page);color:var(--ink);
}
::selection{background:#E6CFA2;color:#2A0C19}

/* Cabecera y pie sobre vino */
.site{background:var(--surface-nav);border-bottom-color:rgba(230,207,162,.22)}
.foot{background:#1E0811;border-top-color:rgba(230,207,162,.18)}

/* Botones: champán sobre vino, vino sobre papel. Sin halo naranja */
.btn-primary{box-shadow:var(--glow-orange)}
.btn-primary[disabled]{background:#4A2634;color:#CDBBB2;box-shadow:none}
#s-question .btn-primary[disabled],#s-result .btn-primary[disabled],#s-form .btn-primary[disabled]{background:#E9DED0;color:#7A6A66}
.btn-wa{color:#0B2A17}
.lnk{text-decoration-color:var(--spark)}
.doc a{text-decoration-color:var(--spark)}

/* Entrada: foto de Xàtiva teñida de vino y sin animación de entrada (Emil) */
.entry-band::before{animation:none;opacity:.88}
.entry-band::after{background:linear-gradient(90deg,rgba(30,8,17,.9) 0%,rgba(42,12,25,.62) 52%,rgba(42,12,25,.28) 100%),linear-gradient(180deg,rgba(42,12,25,0) 0%,rgba(42,12,25,.5) 46%,var(--surface-page) 80%)}
.entry .lead,.about-tool p,.done-wrap .lead{color:#E9DDCB}
.about-tool{background:transparent}
.card{box-shadow:0 18px 40px -22px rgba(10,2,6,.7)}
#s-question .card,#s-result .card,#s-form .card,#s-done .card{box-shadow:0 12px 30px -20px rgba(90,20,40,.35)}
textarea,input[type=text],input[type=tel],input[type=email]{caret-color:var(--spark)}
textarea:focus,input:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(230,207,162,.28)}
#s-question textarea:focus,#s-form input:focus{border-color:#5A1428;box-shadow:0 0 0 3px rgba(90,20,40,.18)}
::placeholder{color:#B9A9A0}
#s-question ::placeholder,#s-form ::placeholder{color:#7A6A66}
.field-error{color:var(--err)}
.field-error::before{color:var(--spark)}

/* Opciones y chips */
.chip[aria-pressed="true"]{border-color:var(--accent-orange);color:var(--ink);background:var(--surface-glow)}
.opt[aria-pressed="true"]{border-color:var(--accent-orange);background:var(--surface-glow)}
.opt[aria-pressed="true"] .key{background:var(--accent-orange);border-color:var(--accent-orange);color:var(--on-accent)}
.key{color:var(--ink-muted)}
.qkicker{color:var(--gold)}

/* Etapas: la chispa naranja marca dónde estás; sin azul */
.stage{font-size:12.5px}
.stage.done::after{background:var(--logo-blue-light)}
.stage.done .stg-hex,.stage.done .stg-hex i{background:var(--logo-blue-light)}
.stage.now{color:var(--ink)}
.stage.now .stg-hex{background:var(--spark)}
.stage.now .stg-hex i{background:linear-gradient(0deg,rgba(255,102,0,.55) calc(var(--p,0)*100%),transparent 0)}
.stg-hex span{color:var(--ink)}
.stage.now .stg-hex span{color:#2A0C19}
.stage.done .stg-hex span{color:#FFF8ED}
.hexn{background:var(--accent-orange);color:var(--on-accent)}

/* Resultado */
.res-head{border-bottom-color:var(--accent-orange)}
.sem.senalado{border-color:var(--accent-orange)}
.sem.first{border-color:var(--accent-orange)}
.sem.explorar{border-color:var(--ink)}
.input[aria-invalid="true"],input[aria-invalid="true"]{border-color:var(--spark)}
.channel input:checked + span{border-color:var(--whatsapp);background:rgba(37,211,102,.12);color:var(--ink)}
.channel label:last-child input:checked + span{border-color:var(--accent-orange);background:var(--surface-glow)}
.form-alert{border-color:var(--spark);background:var(--surface-glow)}
.check input{accent-color:var(--accent-orange)}

/* Botón fijo del móvil: sin halo y con sitio para no tapar el contenido */
@media (max-width:860px){
  .sticky-cta:not([hidden]){background:linear-gradient(180deg,rgba(251,246,236,0),var(--surface-page) 46%)}
  #s-result .pad{padding-bottom:150px}
  /* «Empezar» siempre al alcance del pulgar en la entrada */
  .entry .card .btn-block{position:sticky;bottom:12px;z-index:5;box-shadow:0 10px 24px rgba(10,2,6,.5)}
}

/* Táctil y lectura en móvil */
.check{min-height:44px;align-items:center}
.check input{width:28px;height:28px}
.check a,.qnote a,.micro a,.opt-help a,.about-tool a{padding:12px 2px;margin:-12px -2px}
@media (max-width:520px){
  .stage{font-size:12px}
  .brand b{font-size:14px}
}

/* Desborde horizontal: el enlace «saltar» y el sprite SVG no deben ensanchar la página */
html,body{overflow-x:clip}
.skip{left:0;max-width:calc(100vw - 32px)}

/* Fecha de actualización más discreta */
.about-tool .about-date{font-size:12.5px;opacity:.8}

/* Aviso de cookies: mismo vino y papel que la portada (los estilos los inyecta cni-consent.js; la lógica no se toca) */
body #cni-cookies{background:#F8F4EB;color:#351321;border:1px solid #C7A776;box-shadow:0 18px 55px rgba(50,14,29,.24)}
body #cni-cookies h2{color:#4A162C}
body #cni-cookies p{color:#53424A}
body #cni-cookies a{color:#6A1A37}
body #cni-cookies .cni-accept{background:#5A1428;color:#FFF9EB;border:2px solid #5A1428}
body #cni-cookies .cni-accept:hover{background:#721F3C;border-color:#721F3C}
body #cni-cookies .cni-reject{background:#FFFDF8;color:#5A1428;border:2px solid #5A1428}
body #cni-cookies .cni-reject:hover{background:#EFE0CD;border-color:#5A1428}
body #cni-cookies button:focus-visible,body #cni-cookies a:focus-visible{outline:3px solid #A67A4A;outline-offset:3px}

/* V8 · Resultado: detalle plegado y llamada con WhatsApp como botón principal */
.more-res{margin-top:24px}
.more-res>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 18px;border:1.5px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);font-weight:700;line-height:1.35;cursor:pointer;list-style:none;transition:background-color .15s ease,border-color .15s ease}
.more-res>summary::-webkit-details-marker{display:none}
.more-res>summary::after{content:"";flex:none;width:10px;height:10px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--ease-out)}
.more-res[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.more-res>summary:hover{border-color:var(--ink)}
.more-res>summary:active{transform:scale(.99)}
.more-res>.sems{margin-top:16px}
.next-actions .btn-wa{width:100%}
@media (min-width:861px){.next-actions{min-width:300px}.next-actions .btn{width:100%}}
@media (prefers-reduced-motion:reduce){.more-res>summary::after{transition:none}}

/* V9 · Prioridades 2 y 3 compactas: título y evidencia a la vista, el resto desplegable */
.sem.senalado.compact{border-width:2px}
.sem.compact h2{font-size:1.1rem}
.sem.compact .trace{margin-top:10px;padding-top:10px}
.mini{margin-top:6px}
.mini>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;font-weight:700;font-size:15px;cursor:pointer;list-style:none;color:var(--ink)}
.mini>summary::-webkit-details-marker{display:none}
.mini>summary::after{content:"";flex:none;width:8px;height:8px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--ease-out)}
.mini[open]>summary::after{transform:translateY(2px) rotate(-135deg)}
.mini>p{margin-top:6px}
.sems-after{margin-top:16px}
@media (prefers-reduced-motion:reduce){.mini>summary::after{transition:none}}