/* Identidad cálida compartida. Solo presentación: preguntas, estados y protocolos intactos. */
@font-face{font-family:Kalam;src:url('assets/fonts/kalam-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Kalam;src:url('assets/fonts/kalam-bold.ttf') format('truetype');font-weight:700;font-display:swap}
body[data-mode]{--warm-bg:#fff6e1;--warm-soft:#ffebc2;--warm-line:#e8cf9a;--warm-accent:#a95718;--warm-ink:#623c20;--warm-button:#ffcf69;--warm-button-ink:#593506;background:radial-gradient(ellipse at 0 30%,var(--warm-soft),transparent 60%),var(--warm-bg);color:#35423d}
body[data-mode=topic]{--warm-bg:#f1f8ed;--warm-soft:#d9efcf;--warm-line:#bcd8b7;--warm-accent:#26775b;--warm-ink:#2c5f46;--warm-button:#218666;--warm-button-ink:#fff}
body[data-mode=challenge]{--warm-bg:#fff1ea;--warm-soft:#ffded7;--warm-line:#edc1b7;--warm-accent:#af454c;--warm-ink:#793e40;--warm-button:#c84151;--warm-button-ink:#fff}
body[data-mode] .topbar{background:transparent;border-bottom-color:var(--warm-line)}
/* @cpi 2026-10-15 10:08 Las hojas laterales permanecen visibles dentro de la pantalla sin ampliar el ancho del documento. */
body[data-mode] main{position:relative;isolation:isolate;overflow-x:clip}
body[data-mode] main:before,body[data-mode] main:after{content:'';position:absolute;pointer-events:none;z-index:-1;width:190px;height:380px;left:-135px;top:100px;background:url('assets/home-leaves-illustrated.png') center/contain no-repeat;opacity:.8;transform:rotate(18deg)}
body[data-mode] main:after{left:auto;right:-135px;top:270px;transform:scaleX(-1) rotate(12deg)}
body[data-mode] .intro h1,body[data-mode] .lobby-intro h1,body[data-mode] .topics-header h1{font-family:Kalam,'Segoe Print',cursive;color:var(--warm-ink);letter-spacing:-.7px;line-height:1.2}
body[data-mode] .intro h1 em{color:var(--warm-accent);font-style:normal}
body[data-mode] .intro-badge{background:var(--warm-soft);border-color:var(--warm-line);color:var(--warm-accent)}
body[data-mode] .panel,body[data-mode] .topic-card,body[data-mode] .challenge-card,body[data-mode] .topics-header,body[data-mode] .topics-toolbar{background:#fffdf8;border-color:var(--warm-line);box-shadow:0 8px 24px #63452b0b}
body[data-mode] .login-panel:before{background:var(--warm-button)}
body[data-mode] .btn-primary{background:var(--warm-button);border-color:var(--warm-button);color:var(--warm-button-ink)}
body[data-mode] .btn-secondary{background:var(--warm-bg);border-color:var(--warm-line);color:var(--warm-ink)}
body[data-mode] .area-nav{background:var(--warm-soft);border-color:var(--warm-line)}
body[data-mode] .area-tab[aria-current=page]{background:#fffdf8;color:var(--warm-accent)}
.section-wall-motto{font:22px/1.35 Kalam,'Segoe Print',cursive;color:var(--warm-accent);text-align:center;margin:0 0 18px;transform:rotate(-2deg)}
.section-sticky{position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:12px;max-width:270px;background:linear-gradient(135deg,#fff3bb,#ffe6a0);color:#86552a;padding:12px 20px;box-shadow:2px 5px 12px #80501a18;transform:rotate(-4deg);font:21px/1.25 Kalam,'Segoe Print',cursive;margin:14px 0}
.section-sticky:before{content:'';position:absolute;left:45%;top:-10px;width:25px;height:24px;background:#deac5260;transform:rotate(9deg)}
body[data-mode] .scene-note{font-family:Kalam,'Segoe Print',cursive;background:#fff0b5;color:#805528;border-radius:2px;box-shadow:2px 5px 12px #80501a18}
/* Hojas por delante solo en bordes no interactivos del acceso. */
body[data-mode] .login-panel:after{content:'';position:absolute;pointer-events:none;right:-44px;bottom:-12px;width:80px;height:110px;background:url('assets/home-leaves-illustrated.png') center/contain no-repeat;transform:scaleX(-1) rotate(-10deg);filter:drop-shadow(2px 4px 2px #36512720)}
body[data-battle=true] .section-wall-motto{display:none}
@media(max-width:760px){body[data-mode] main:before,body[data-mode] main:after{display:none}.section-wall-motto{font-size:19px;margin-bottom:12px}.section-sticky{font-size:18px;padding:9px 14px;margin:8px 0}.login-panel:after{display:none}}
@media(max-height:650px){.section-wall-motto{display:none}.section-sticky{font-size:17px;margin:6px 0;padding:7px 13px}}

/* Cabecera de Temas: el fondo necesita su propio espacio interior y contorno. */
body[data-mode=topic] .topics-header{padding:20px 24px;border:1px solid var(--warm-line);border-radius:22px;background:linear-gradient(115deg,#fffdf8,#e8f3df);gap:24px;align-items:center}
body[data-mode=topic] .topics-header>div{min-width:0;flex:1}
body[data-mode=topic] .topics-header h1{margin:7px 0 10px;text-wrap:balance}
body[data-mode=topic] .topics-header .lede{max-width:70ch;line-height:1.5}
body[data-mode=topic] .topics-header>img{flex:0 0 auto;width:110px;height:110px;object-fit:contain}
@media(max-width:760px){body[data-mode=topic] .topics-header{padding:16px;gap:12px;border-radius:18px}body[data-mode=topic] .topics-header>img{width:72px;height:85px}body[data-mode=topic] .topics-header h1{font-size:29px}body[data-mode=topic] .topics-header .lede{font-size:14px}}