/* V1.3: temas decorativos, misma navegación, avisos y textos */
:root{--theme-text:#ffefd3;--theme-soft:#f1d6a2}
.brand-image{width:40px;height:40px;object-fit:contain;border-radius:50%;background:#fff8e9;padding:2px}
.brand-image[hidden],.brand-emblem[hidden]{display:none!important}
.theme-illustration{display:none;position:relative;width:100%;height:min(31vh,280px);min-height:165px;max-width:315px;flex-shrink:1;margin:10px auto;color:var(--theme-soft)}
.theme-illustration .motif-halo{position:absolute;left:14%;right:14%;top:13%;height:73%;border-radius:50%;background:radial-gradient(circle,#ffe5a336,transparent 69%);border:1px solid #fff9d018}
.motif-star{position:absolute;top:5%;left:calc(50% - 22px);font-size:44px;text-shadow:0 0 22px #ffe59a77}
.motif-roof{position:absolute;left:19%;right:19%;top:21%;height:50%;border:3px solid currentColor;border-bottom:0;clip-path:polygon(50% 0,100% 42%,100% 100%,0 100%,0 42%)}
.motif-nativity{position:absolute;inset:0}
.motif-people{position:absolute;top:52%;left:0;right:0;text-align:center;font-size:66px;letter-spacing:25px;text-indent:25px;text-shadow:0 9px 11px #0005}
.motif-child{position:absolute;top:70%;left:0;right:0;font-size:39px;text-align:center}
.motif-spark{position:absolute;font-size:22px;opacity:.8}.s-a{top:40%;left:9%}.s-b{right:11%;top:53%}.s-c{left:32%;bottom:8%}
/* A: clásica, vino y pergamino */
html[data-theme=tradicional]{--primary:#682c36;--secondary:#ae7d3c;--cream:#fff9ee;--ink:#482d32;--sub:#755e5f;--card:#fffdfa;--gold:#edd39e;--theme-text:#ffefd5;--theme-soft:#e6bf81}
html[data-theme=tradicional] .home-screen{background:radial-gradient(circle at 50% 45%,#a05252 0%,#772d40 42%,#4b1830 100%)}
html[data-theme=tradicional] .home-screen:before{opacity:.16;background-size:27px 35px}
html[data-theme=tradicional] .tree-art{display:none}
html[data-theme=tradicional] .theme-illustration{display:block}
html[data-theme=tradicional] .hero-center h1{font-family:Georgia,serif;letter-spacing:.015em;color:#fff1d8}
html[data-theme=tradicional] .home-notice{background:#ffeed3}
html[data-theme=tradicional] .home-screen .btn.gold{background:#f1d1a0;color:#512538}
html[data-theme=tradicional] .welcome-card{background:#f4e5d9}
/* C: alegría familiar, rojo y naranja */
html[data-theme=familiar]{--primary:#973b3e;--secondary:#c36f3b;--cream:#fffaef;--ink:#58333a;--sub:#7c655e;--card:#fffefa;--gold:#ffe2a4;--theme-text:#ffefcd;--theme-soft:#f9c97d}
html[data-theme=familiar] .home-screen{background:radial-gradient(circle at 55% 48%,#dc8c62 0%,#bb444c 44%,#852b46 100%)}
html[data-theme=familiar] .tree-art{display:none}
html[data-theme=familiar] .theme-illustration{display:block}
html[data-theme=familiar] .motif-roof{border-radius:19px}
html[data-theme=familiar] .motif-halo{box-shadow:0 0 0 10px #ffd9a313}
html[data-theme=familiar] .home-screen .btn.gold{background:#ffecbb;color:#823d39}
html[data-theme=familiar] .welcome-card{background:#fceadf}
/* D: sobriedad litúrgica, azul y plata */
html[data-theme=solemne]{--primary:#27445d;--secondary:#8699b3;--cream:#f7f9fc;--ink:#26384c;--sub:#637789;--card:#fff;--gold:#e6edf8;--theme-text:#e6ebf5;--theme-soft:#d7e4f4}
html[data-theme=solemne] .home-screen{background:radial-gradient(circle at 50% 45%,#436989 0%,#213c5e 47%,#10253e 100%)}
html[data-theme=solemne] .tree-art{display:none}
html[data-theme=solemne] .theme-illustration{display:block}
html[data-theme=solemne] .motif-roof{border-color:#d9e4f2}
html[data-theme=solemne] .home-screen .btn.gold{background:#e0e8f2;color:#253f5c}
html[data-theme=solemne] .home-notice{background:#f1f4fa;border-color:#bccadf;color:#263f5a}
html[data-theme=solemne] .welcome-card{background:#e7edf3}
/* all variants */
html[data-theme=tradicional] .hero-citation,html[data-theme=familiar] .hero-citation,html[data-theme=solemne] .hero-citation{color:var(--theme-text)}
@media(max-height:760px){html:not([data-theme=moderna]) .theme-illustration{height:24vh;min-height:130px}}

.reading-body .gozos-verse,.reading-body .refrain{white-space:pre-line}

/* Tipografía y composición propias de cada estilo */
html[data-theme=tradicional] .home-header,html[data-theme=tradicional] .hero-citation{font-family:Georgia,serif}
html[data-theme=familiar] .home-screen .hero-center h1{font-family:'DM Sans',system-ui,sans-serif;font-weight:700;letter-spacing:-.035em}
html[data-theme=familiar] .home-screen .home-notice,html[data-theme=familiar] .home-screen .btn{border-radius:24px}
html[data-theme=solemne] .home-screen .hero-center h1{font-family:Georgia,serif;font-weight:400;letter-spacing:.03em}
html[data-theme=solemne] .home-header{letter-spacing:.16em;text-transform:uppercase}

.nativity-svg{width:100%;height:100%;overflow:visible;color:var(--theme-soft);filter:drop-shadow(0 6px 18px #0002)}
html[data-theme=familiar] .nativity-svg{filter:drop-shadow(0 4px 16px #fff3)}
html[data-theme=solemne] .nativity-figures{opacity:.76}