/* Componentes con la identidad del manual de Ground Rise (skill groundrise-design). Solo modo claro.
   Colores planos, sin sombras ni degradados; titulares en sans negrita rojo tierra; coral como bloque. */
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--fs-body)/1.5 var(--font);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}
main{flex:1 0 auto;width:100%;max-width:640px;margin:0 auto;padding:0 var(--s4)}

/* Cabecera: bloque coral con el logo en blanco (versión del manual "sobre coral") */
header.bar{position:relative;background:var(--gr-coral);color:var(--gr-white);display:flex;justify-content:center;align-items:center;padding:14px var(--s4) 16px}
h1{margin:0;line-height:0}
h1 .logo{display:block;height:76px;width:auto;color:var(--gr-white)}
#langBtn{position:absolute;right:var(--s4);top:50%;transform:translateY(-50%);min-height:40px;padding:6px 14px;border-color:rgba(255,255,255,.85);color:var(--gr-wine);background:var(--gr-cream);font-weight:700;font-size:.85rem;letter-spacing:.06em}

/* Tipografía: Europa Bold para titulares (manual, pág. 14) */
h2{font-weight:700;font-size:1.85rem;line-height:1.05;letter-spacing:-.015em;color:var(--heading);margin:0 0 var(--s4)}
h3{font-weight:700;font-size:1.2rem;line-height:1.15;color:var(--heading);margin:var(--s5) 0 var(--s2)}
.tagline{font-weight:500;color:var(--gr-earth);margin:-6px 0 var(--s4)}
.card p{margin:0 0 var(--s3)}

/* Tarjetas: blancas, planas */
.card{background:var(--surface);border-radius:var(--radius);padding:var(--s5) 20px;margin:var(--s4) 0}

/* Formularios */
label{display:block;margin:var(--s4) 0 var(--s2);font-weight:700;color:var(--text)}
input[type=email],input[type=time],select,textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--gr-white);color:var(--text);font:inherit}
input:focus,textarea:focus,select:focus{border-color:var(--gr-earth)}
textarea{resize:vertical}

/* Botones: coral plano, texto vino */
button{background:var(--primary);color:var(--on-primary);border:1.5px solid transparent;border-radius:var(--radius-sm);padding:var(--s3) 22px;font:inherit;font-weight:700;cursor:pointer;min-height:var(--tap)}
button:hover{background:#EE7449}
button.ghost{background:transparent;color:var(--gr-earth);border-color:var(--gr-earth)}
button.ghost:hover{background:rgba(140,39,17,.06)}
button.danger{background:var(--danger);color:var(--on-danger)}
button.danger:hover{background:#470B05}
:focus-visible{outline:3px solid var(--gr-wine);outline-offset:2px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* Escala 1–5: la elegida en rojo tierra */
.scale{display:flex;gap:8px}.scale label{flex:1;margin:0;font-weight:700}
.scale input{position:absolute;opacity:0}
.scale span{display:block;text-align:center;padding:10px 0;border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:var(--gr-white);min-height:var(--tap);color:var(--text)}
.scale span:hover{background:var(--gr-cream)}
.scale input:checked+span{background:var(--selected);color:var(--on-selected);border-color:var(--selected)}
.scale input:focus-visible+span{outline:3px solid var(--gr-wine);outline-offset:2px}
.check{display:flex;gap:12px;align-items:flex-start;font-weight:400;color:var(--text)}.check input{margin-top:3px;width:20px;height:20px;accent-color:var(--gr-earth);flex:none}

.small{font-size:var(--fs-small)}.msg{min-height:1.2em;color:var(--gr-earth);font-weight:500}
.chart-block{margin:var(--s4) 0;color:var(--text)}.chart-block b{font-weight:700;color:var(--heading)}
svg{width:100%;height:auto;display:block}

/* Navegación: control segmentado blanco; la pestaña activa en coral */
nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:var(--s4) 0 0;padding:4px;background:var(--gr-white);border-radius:var(--radius-sm)}
nav button{background:transparent;color:var(--gr-earth);border:0;padding:8px 2px;min-height:var(--tap);font-weight:700;font-size:.85rem;min-width:0;border-radius:9px}
nav button:hover{background:var(--gr-cream)}
nav button[aria-current=true]{background:var(--gr-coral);color:var(--gr-wine)}
@media (min-width:521px){nav button{font-size:.95rem}}

/* Pie: aviso legal y banda del recurso gráfico del manual (pág. 16) */
footer{margin-top:var(--s6)}
footer p{max-width:640px;margin:0 auto;padding:0 var(--s4) var(--s5);font-size:.8rem;line-height:1.5;color:var(--text)}
footer .pattern{height:88px;background:var(--gr-coral) url(/patron.svg) 0 0/96px auto repeat}
a{color:var(--gr-earth);font-weight:700;text-underline-offset:3px}
[hidden]{display:none!important}
.sep{border:0;border-top:1.5px solid var(--border);margin:var(--s5) 0}

/* Página de privacidad */
.doc .card{margin-top:var(--s5)}.doc h2{font-size:1.5rem;margin-top:var(--s5)}
.draft{background:#FFF3CD;border:1px solid #E0C36A;padding:10px 12px;border-radius:var(--radius-sm);color:var(--gr-brown);font-size:.9rem}