/* ===========================================================
FestivosEspaña — sistema de diseño "ledger oficial"
Paleta: papel envejecido, tinta marino, sello rojo, latón
=========================================================== */
/* Las fuentes (Fraunces, Source Serif 4, JetBrains Mono) se cargan desde el
de cada página con + ,
no con @import aquí: @import bloquea el renderizado porque obliga al navegador
a descargar este CSS, parsearlo y solo entonces empezar a pedir las fuentes,
en lugar de pedirlas en paralelo desde el HTML. */
:root{
--paper: #F5F1E6;
--paper-dark: #ECE5D2;
--paper-line: #DCD3B9;
--ink: #2C3E52;
--ink-soft: #47596E;
--stamp: #B0654F;
--stamp-soft: #C98B77;
--brass: #8C7A45;
--sage: #6E8471;
--text: #2B2A22;
--text-muted: #75705E;
--white-ish: #FDFBF4;
--radius: 10px;
--shadow-card: 0 1px 0 rgba(43,42,34,0.04), 0 10px 26px -16px rgba(43,42,34,0.28);
color-scheme: light;
}
/* ---------- Modo oscuro: "ledger nocturno", mismos materiales, luz de lámpara de despacho ---------- */
html[data-theme="dark"]{
--paper: #1B1E22;
--paper-dark: #22262B;
--paper-line: #363B42;
--ink: #E8E2D0;
--ink-soft: #C7C0AC;
--stamp: #E08A6C;
--stamp-soft: #C98B77;
--brass: #C9AD6B;
--sage: #90AC93;
--text: #EAE6DA;
--text-muted: #9B9686;
--white-ish: #23262B;
--shadow-card: 0 1px 0 rgba(0,0,0,0.2), 0 10px 26px -16px rgba(0,0,0,0.6);
color-scheme: dark;
}
html[data-theme="dark"] .site-header{border-bottom-color:var(--brass);}
html[data-theme="dark"] .brand-mark{color:var(--brass); border-color:var(--brass);}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
margin:0;
background:var(--paper);
color:var(--text);
font-family:'Source Serif 4', Georgia, serif;
font-size:17px;
line-height:1.65;
-webkit-font-smoothing:antialiased;
transition:background .2s ease, color .2s ease;
}
/* ---------- Accesibilidad: enlace de salto ---------- */
.skip-link{
position:absolute; left:-999px; top:auto;
background:var(--ink); color:var(--white-ish);
padding:.7rem 1.1rem; border-radius:0 0 8px 0;
font-family:'JetBrains Mono', monospace; font-size:.82rem; z-index:200;
text-decoration:none;
}
.skip-link:focus{left:0; top:0;}
a{color:var(--ink);}
a:focus-visible, button:focus-visible{outline:3px solid var(--brass); outline-offset:2px;}
.wrap{max-width:1040px; margin:0 auto; padding:0 1.5rem;}
/* ---------- Cabecera ---------- */
.site-header{
background:var(--ink);
color:var(--white-ish);
border-bottom:6px solid var(--brass);
}
.site-header .wrap{display:flex; align-items:center; justify-content:space-between; padding-top:1.1rem; padding-bottom:1.1rem; gap:1rem; flex-wrap:wrap;}
.brand{display:flex; align-items:baseline; gap:.6rem; text-decoration:none; color:var(--white-ish);}
.brand-mark{
font-family:'JetBrains Mono', monospace;
font-weight:700;
font-size:.72rem;
letter-spacing:.14em;
border:1.5px solid var(--brass);
color:var(--brass);
padding:.2rem .4rem;
transform:rotate(-2deg);
}
.brand-name{font-family:'Fraunces', serif; font-weight:700; font-size:1.35rem; letter-spacing:.01em;}
nav.site-nav{display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap; font-family:'JetBrains Mono', monospace; font-size:.82rem; letter-spacing:.03em;}
nav.site-nav a{color:var(--white-ish); text-decoration:none; opacity:.85; border-bottom:1px solid transparent; padding-bottom:2px;}
nav.site-nav a:hover{opacity:1; border-color:var(--brass);}
nav.site-nav a[aria-current="page"]{opacity:1; border-color:var(--brass);}
.header-utils{display:flex; align-items:center; gap:.7rem;}
.theme-toggle{
background:transparent; border:1.3px solid rgba(253,251,244,0.35); color:var(--white-ish);
width:34px; height:34px; border-radius:50%; display:flex; align-items:center; justify-content:center;
cursor:pointer; padding:0; flex-shrink:0; transition:border-color .15s ease, transform .15s ease;
}
.theme-toggle:hover{border-color:var(--brass); transform:rotate(12deg);}
.theme-toggle svg{width:17px; height:17px;}
.theme-toggle .icon-moon{display:none;}
html[data-theme="dark"] .theme-toggle .icon-sun{display:none;}
html[data-theme="dark"] .theme-toggle .icon-moon{display:block;}
.site-search{position:relative; display:flex; align-items:center;}
.site-search input{
background:rgba(253,251,244,0.08); border:1.3px solid rgba(253,251,244,0.28);
color:var(--white-ish); border-radius:20px; padding:.42rem 2.2rem .42rem .9rem;
font-family:'JetBrains Mono', monospace; font-size:.78rem; width:150px; transition:width .18s ease, background .15s ease;
}
.site-search input::placeholder{color:rgba(253,251,244,0.55);}
.site-search input:focus{width:210px; background:rgba(253,251,244,0.14); outline:none; border-color:var(--brass); box-shadow:0 0 0 3px rgba(140,122,69,0.35);}
.site-search svg{position:absolute; right:.6rem; width:14px; height:14px; opacity:.6; pointer-events:none;}
.search-results{
position:absolute; top:calc(100% + 8px); right:0; width:270px; max-height:320px; overflow-y:auto;
background:var(--white-ish); color:var(--text); border:1px solid var(--paper-line); border-radius:var(--radius);
box-shadow:var(--shadow-card); display:none; z-index:50;
}
.search-results.open{display:block;}
.search-results a{display:block; padding:.6rem .9rem; color:var(--text); text-decoration:none; font-size:.88rem; border-bottom:1px dotted var(--paper-line);}
.search-results a:last-child{border-bottom:none;}
.search-results a:hover{background:var(--paper);}
.search-results .no-results{padding:.7rem .9rem; font-size:.85rem; color:var(--text-muted); font-family:'JetBrains Mono', monospace;}
@media (max-width: 900px){
.site-search input{width:120px;}
.site-search input:focus{width:160px;}
}
@media (max-width: 640px){
.site-search{display:none;}
}
/* ---------- Eyebrow / etiquetas tipo sello ---------- */
.eyebrow{
font-family:'JetBrains Mono', monospace;
font-size:.74rem;
letter-spacing:.16em;
text-transform:uppercase;
color:var(--brass);
display:inline-block;
margin-bottom:.6rem;
}
.stamp{
display:inline-flex;
align-items:center;
font-family:'JetBrains Mono', monospace;
font-weight:600;
font-size:.68rem;
letter-spacing:.07em;
text-transform:uppercase;
padding:.28rem .6rem;
border:1.3px solid currentColor;
border-radius:20px;
white-space:nowrap;
}
.stamp.nacional{color:var(--stamp); background:rgba(176,101,79,0.09);}
.stamp.autonomico{color:var(--ink); background:rgba(44,62,82,0.07);}
.stamp.local{color:var(--brass); background:rgba(140,122,69,0.09);}
.stamp.escolar{color:var(--sage); background:rgba(110,132,113,0.1);}
.stamp.puente{color:var(--stamp); background:rgba(176,101,79,0.09);}
.stamp.proximamente{color:var(--text-muted); background:rgba(117,112,94,0.09); border-style:dashed;}
/* ---------- Hero: hoja de calendario ---------- */
.hero{padding:3.2rem 0 2.4rem;}
.hero-grid{display:grid; grid-template-columns:1.05fr 1fr; gap:2.6rem; align-items:center;}
.hero h1{
font-family:'Fraunces', serif;
font-weight:700;
font-size:clamp(2.1rem, 4vw, 3.1rem);
line-height:1.06;
margin:.2rem 0 .9rem;
}
.hero h1 em{font-style:italic; font-weight:500; color:var(--stamp);}
.hero p.lede{color:var(--text-muted); font-size:1.08rem; max-width:40ch;}
.calendar-leaf{
background:var(--white-ish);
border:1px solid var(--paper-line);
border-radius:var(--radius);
box-shadow:var(--shadow-card);
padding:0;
position:relative;
overflow:hidden;
}
.leaf-rings{display:flex; justify-content:center; gap:1.6rem; padding-top:.9rem;}
.leaf-rings span{width:11px; height:11px; border-radius:50%; background:var(--paper); border:1.5px solid var(--paper-line);}
.leaf-top{
background:var(--ink);
color:var(--white-ish);
font-family:'JetBrains Mono', monospace;
letter-spacing:.13em;
font-size:.72rem;
text-transform:uppercase;
text-align:center;
padding:.55rem 0;
margin-top:.7rem;
}
.leaf-body{padding:1.6rem 1.6rem 1.9rem; text-align:center;}
.leaf-day{font-family:'Fraunces', serif; font-weight:900; font-size:5.4rem; line-height:.9; color:var(--ink);}
.leaf-month{font-family:'JetBrains Mono', monospace; text-transform:uppercase; letter-spacing:.12em; color:var(--text-muted); margin-top:.3rem; font-size:.95rem;}
.leaf-name{font-family:'Fraunces', serif; font-size:1.3rem; font-weight:600; margin-top:.8rem;}
.leaf-countdown{
margin-top:1rem; padding-top:1rem; border-top:1px dashed var(--paper-line);
font-family:'JetBrains Mono', monospace; font-size:.85rem; color:var(--ink-soft);
}
.leaf-countdown strong{font-size:1.15rem; color:var(--stamp);}
/* ---------- Secciones / tarjetas ---------- */
section{padding:2.6rem 0;}
h2{font-family:'Fraunces', serif; font-weight:700; font-size:1.7rem; margin-bottom:.3rem;}
.section-intro{color:var(--text-muted); max-width:58ch; margin-bottom:1.6rem;}
.ledger{
background:var(--white-ish);
border:1px solid var(--paper-line);
border-radius:var(--radius);
box-shadow:var(--shadow-card);
overflow:hidden;
}
.ledger-row{
display:grid;
grid-template-columns:110px 1fr auto;
gap:1rem;
align-items:center;
padding:.85rem 1.3rem;
border-bottom:1px dotted var(--paper-line);
text-decoration:none;
color:inherit;
}
.ledger-row:last-child{border-bottom:none;}
.ledger-date{
font-family:'JetBrains Mono', monospace;
font-weight:600;
color:var(--ink);
font-size:.95rem;
}
.ledger-date .dow{display:block; font-size:.72rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.06em; font-weight:400;}
.ledger-name{font-family:'Fraunces', serif; font-size:1.08rem; font-weight:500;}
/* ---------- Rejilla de comunidades ---------- */
.region-grid{
display:grid;
grid-template-columns:repeat(auto-fill, minmax(230px, 1fr));
gap:1rem;
}
.region-card{
background:var(--white-ish);
border:1px solid var(--paper-line);
border-radius:var(--radius);
box-shadow:var(--shadow-card);
padding:1.2rem 1.3rem;
text-decoration:none;
color:var(--text);
display:flex;
flex-direction:column;
gap:.5rem;
transition:transform .15s ease, box-shadow .15s ease;
}
.region-card:hover{transform:translateY(-3px); box-shadow:0 1px 0 rgba(43,42,34,0.04), 0 16px 30px -16px rgba(43,42,34,0.32);}
.region-card.disabled{opacity:.6; cursor:default;}
.region-card.disabled:hover{transform:none;}
.region-card .region-name{font-family:'Fraunces', serif; font-weight:600; font-size:1.12rem;}
.region-card .region-meta{font-family:'JetBrains Mono', monospace; font-size:.78rem; color:var(--text-muted);}
/* ---------- Puentes ---------- */
.puente-card{
background:var(--white-ish);
border:1px solid var(--paper-line);
border-radius:var(--radius);
box-shadow:var(--shadow-card);
padding:1.3rem 1.4rem;
margin-bottom:1rem;
display:flex;
align-items:flex-start;
justify-content:space-between;
gap:1.2rem;
flex-wrap:wrap;
}
.puente-card h3{font-family:'Fraunces', serif; margin:.1rem 0 .3rem; font-size:1.22rem;}
.puente-card p{margin:0; color:var(--text-muted); font-size:.95rem;}
/* ---------- Notas / avisos ---------- */
.note{
border-left:3px solid var(--brass);
background:rgba(140,122,69,0.08);
border-radius:0 var(--radius) var(--radius) 0;
padding:.9rem 1.1rem;
font-size:.92rem;
color:var(--ink-soft);
margin:1.4rem 0;
}
/* ---------- Iconos ilustrados (SVG original, sin fotografías) ---------- */
.icon{display:inline-block; vertical-align:middle; flex-shrink:0;}
.icon-badge{
width:52px; height:52px;
border-radius:14px;
display:flex; align-items:center; justify-content:center;
background:var(--white-ish);
border:1px solid var(--paper-line);
box-shadow:var(--shadow-card);
}
/* ---------- Selector de año ---------- */
.year-tabs{display:flex; gap:.6rem; margin-bottom:1.6rem; flex-wrap:wrap;}
.year-tab{
font-family:'JetBrains Mono', monospace;
font-size:.82rem;
letter-spacing:.04em;
padding:.5rem 1rem;
border-radius:20px;
border:1.3px solid var(--paper-line);
color:var(--ink-soft);
text-decoration:none;
background:var(--white-ish);
}
.year-tab.active{background:var(--ink); border-color:var(--ink); color:var(--white-ish);}
/* ---------- Tarjetas de acceso rápido (portada) ---------- */
.feature-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:1rem;}
.feature-card{
background:var(--white-ish);
border:1px solid var(--paper-line);
border-radius:var(--radius);
box-shadow:var(--shadow-card);
padding:1.3rem;
text-decoration:none;
color:var(--text);
display:flex;
flex-direction:column;
gap:.8rem;
transition:transform .15s ease;
}
.feature-card:hover{transform:translateY(-3px);}
.feature-card h3{font-family:'Fraunces', serif; font-size:1.15rem; margin:0; font-weight:600;}
.feature-card p{margin:0; font-size:.9rem; color:var(--text-muted);}
/* ---------- Tabla escolar (más aire, cebreado suave) ---------- */
.escolar-table-wrap{overflow-x:auto; border-radius:var(--radius); border:1px solid var(--paper-line); box-shadow:var(--shadow-card);}
table.escolar{width:100%; border-collapse:collapse; font-family:'JetBrains Mono', monospace; font-size:.82rem; background:var(--white-ish); min-width:640px;}
table.escolar th{
text-align:left; padding:.7rem .9rem; background:var(--paper-dark);
color:var(--ink); text-transform:uppercase; letter-spacing:.05em; font-size:.72rem;
position:sticky; top:0;
}
table.escolar td{padding:.7rem .9rem; border-bottom:1px solid var(--paper-line); vertical-align:top;}
table.escolar tr:nth-child(even) td{background:rgba(220,211,185,0.25);}
table.escolar td.territorio{font-family:'Fraunces', serif; font-size:.95rem; font-weight:600; color:var(--ink); white-space:nowrap;}
/* ---------- Tabla simple ---------- */
table.simple{width:100%; border-collapse:collapse; font-family:'JetBrains Mono', monospace; font-size:.88rem;}
table.simple th, table.simple td{text-align:left; padding:.6rem .8rem; border-bottom:1px dotted var(--paper-line);}
table.simple th{color:var(--brass); text-transform:uppercase; letter-spacing:.08em; font-size:.75rem;}
/* ---------- Footer ---------- */
footer.site-footer{
background:var(--ink);
color:var(--white-ish);
margin-top:3rem;
padding:2.2rem 0 1.6rem;
}
footer.site-footer .wrap{display:flex; justify-content:space-between; flex-wrap:wrap; gap:1.5rem;}
footer.site-footer a{color:var(--white-ish); opacity:.8; text-decoration:none; font-size:.88rem;}
footer.site-footer a:hover{opacity:1; text-decoration:underline;}
footer.site-footer .foot-links{display:flex; gap:1.2rem; flex-wrap:wrap;}
footer.site-footer .foot-note{font-family:'JetBrains Mono', monospace; font-size:.72rem; opacity:.55; margin-top:1.2rem;}
/* ---------- Ad slots ---------- */
.ad-slot{
margin:2rem 0;
padding:.6rem;
border:1px dashed var(--paper-line);
border-radius:var(--radius);
text-align:center;
font-family:'JetBrains Mono', monospace;
font-size:.7rem;
color:var(--text-muted);
letter-spacing:.08em;
text-transform:uppercase;
}
/* ---------- Migas de pan ---------- */
.breadcrumbs{
background:var(--paper-dark);
border-bottom:1px solid var(--paper-line);
}
.breadcrumbs ol{
list-style:none; margin:0; padding:.55rem 0; display:flex; flex-wrap:wrap; gap:.35rem;
font-family:'JetBrains Mono', monospace; font-size:.76rem; color:var(--text-muted);
}
.breadcrumbs li{display:flex; align-items:center; gap:.35rem;}
.breadcrumbs li:not(:last-child)::after{content:"/"; opacity:.5;}
.breadcrumbs a{color:var(--ink-soft); text-decoration:none;}
.breadcrumbs a:hover{text-decoration:underline;}
.breadcrumbs li[aria-current="page"]{color:var(--text-muted);}
/* ---------- FAQ (acordeón nativo ) ---------- */
.faq-list{display:flex; flex-direction:column; gap:.7rem;}
.faq-item{
background:var(--white-ish); border:1px solid var(--paper-line); border-radius:var(--radius);
box-shadow:var(--shadow-card); overflow:hidden;
}
.faq-item summary{
cursor:pointer; padding:1rem 1.3rem; font-family:'Fraunces', serif; font-weight:600; font-size:1.04rem;
list-style:none; display:flex; justify-content:space-between; align-items:center; gap:1rem;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{
content:"+"; font-family:'JetBrains Mono', monospace; font-size:1.3rem; color:var(--brass); flex-shrink:0; transition:transform .18s ease;
}
.faq-item[open] summary::after{transform:rotate(45deg);}
.faq-item .faq-answer{padding:0 1.3rem 1.1rem; color:var(--text-muted); font-size:.96rem; max-width:68ch;}
/* ---------- Mini-calendario visual (12 meses) ---------- */
.mini-cal-grid{
display:grid; grid-template-columns:repeat(auto-fill, minmax(230px, 1fr)); gap:1rem;
}
.mini-cal{
background:var(--white-ish); border:1px solid var(--paper-line); border-radius:var(--radius);
box-shadow:var(--shadow-card); padding:.9rem 1rem 1.1rem;
}
.mini-cal h4{
font-family:'JetBrains Mono', monospace; text-transform:uppercase; letter-spacing:.08em;
font-size:.76rem; color:var(--ink); margin:0 0 .6rem; text-align:center;
}
.mini-cal table{width:100%; border-collapse:collapse;}
.mini-cal th{font-size:.62rem; color:var(--text-muted); font-weight:400; font-family:'JetBrains Mono', monospace;}
.mini-cal td{
text-align:center; font-size:.74rem; padding:.2rem 0; color:var(--text); font-family:'JetBrains Mono', monospace;
}
.mini-cal td.holiday{
background:var(--stamp); color:#fff; border-radius:50%; font-weight:700; position:relative;
}
.mini-cal td.holiday abbr{text-decoration:none; color:inherit;}
.mini-cal td.weekend{color:var(--text-muted); opacity:.55;}
.mini-cal td.empty{opacity:0;}
/* ---------- Tarjetas de herramienta ---------- */
.tool-card{
background:var(--white-ish); border:1px solid var(--paper-line); border-radius:var(--radius);
box-shadow:var(--shadow-card); padding:1.3rem; display:flex; flex-direction:column; gap:.6rem;
}
.tool-card h3{font-family:'Fraunces', serif; font-size:1.1rem; margin:0; font-weight:600;}
.tool-card p{margin:0; font-size:.9rem; color:var(--text-muted);}
.btn{
display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
font-family:'JetBrains Mono', monospace; font-size:.8rem; letter-spacing:.03em;
padding:.6rem 1.1rem; border-radius:22px; text-decoration:none; cursor:pointer; border:1.3px solid transparent;
transition:transform .12s ease, background .15s ease;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--ink); color:var(--white-ish);}
.btn-primary:hover{background:var(--ink-soft);}
.btn-outline{background:transparent; border-color:var(--paper-line); color:var(--ink);}
.btn-outline:hover{border-color:var(--brass);}
.btn-row{display:flex; gap:.7rem; flex-wrap:wrap; margin-top:.4rem;}
/* ---------- Índice / TOC de contenido largo ---------- */
.content-toc{
background:var(--white-ish); border:1px solid var(--paper-line); border-radius:var(--radius);
box-shadow:var(--shadow-card); padding:1.1rem 1.4rem; margin:1.6rem 0;
}
.content-toc p{font-family:'JetBrains Mono', monospace; font-size:.74rem; text-transform:uppercase; letter-spacing:.1em; color:var(--brass); margin:0 0 .5rem;}
.content-toc ol{margin:0; padding-left:1.2rem; columns:2; font-size:.92rem;}
.content-toc li{margin-bottom:.35rem; break-inside:avoid;}
.content-toc a{color:var(--ink-soft); text-decoration:none;}
.content-toc a:hover{text-decoration:underline;}
@media (max-width:560px){.content-toc ol{columns:1;}}
/* ---------- Prosa explicativa ---------- */
.prose{max-width:72ch;}
.prose h2{margin-top:2.4rem;}
.prose h3{font-family:'Fraunces', serif; font-size:1.25rem; margin:1.6rem 0 .5rem;}
.prose p{margin:0 0 1rem;}
.prose ul, .prose ol{padding-left:1.3rem;}
.prose li{margin-bottom:.4rem;}
/* ---------- Banner de consentimiento de cookies ---------- */
.cookie-banner{
position:fixed; left:0; right:0; bottom:0; z-index:300;
background:var(--ink); color:var(--white-ish);
border-top:2px solid var(--brass);
padding:1.1rem 1.5rem;
box-shadow:0 -10px 30px -12px rgba(0,0,0,0.4);
transform:translateY(120%); transition:transform .35s ease;
}
.cookie-banner.visible{transform:translateY(0);}
.cookie-banner .wrap{
display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;
max-width:1040px; margin:0 auto; padding:0;
}
.cookie-banner p{margin:0; font-size:.88rem; max-width:62ch; opacity:.92; line-height:1.5;}
.cookie-banner p a{color:var(--brass);}
.cookie-actions{display:flex; gap:.6rem; flex-wrap:wrap; flex-shrink:0;}
.cookie-actions button{
font-family:'JetBrains Mono', monospace; font-size:.78rem; padding:.55rem 1rem; border-radius:20px;
cursor:pointer; border:1.3px solid rgba(253,251,244,0.35); background:transparent; color:var(--white-ish);
}
.cookie-actions button:hover{border-color:var(--brass);}
.cookie-actions .cookie-accept{background:var(--brass); border-color:var(--brass); color:var(--ink); font-weight:600;}
@media (max-width:640px){
.cookie-banner .wrap{flex-direction:column; align-items:stretch;}
.cookie-actions{justify-content:stretch;}
.cookie-actions button{flex:1;}
}
@media print{ .cookie-banner{display:none !important;} }
.vecinas-row{display:flex; flex-wrap:wrap; gap:.6rem; margin-top:.6rem;}
.vecinas-row a{
font-family:'JetBrains Mono', monospace; font-size:.8rem; color:var(--ink-soft);
text-decoration:none; border:1px solid var(--paper-line); border-radius:20px; padding:.4rem .9rem;
transition:border-color .15s ease, color .15s ease;
}
.vecinas-row a:hover{border-color:var(--brass); color:var(--ink);}
/* ---------- Cifra destacada (días laborables) ---------- */
.stat-row{display:flex; gap:1.2rem; flex-wrap:wrap; margin:1.2rem 0;}
.stat-box{
background:var(--white-ish); border:1px solid var(--paper-line); border-radius:var(--radius);
box-shadow:var(--shadow-card); padding:1rem 1.4rem; min-width:150px; flex:1;
}
.stat-box .stat-num{font-family:'Fraunces', serif; font-size:2rem; font-weight:700; color:var(--ink); line-height:1;}
.stat-box .stat-label{font-family:'JetBrains Mono', monospace; font-size:.72rem; color:var(--text-muted); text-transform:uppercase; letter-spacing:.06em; margin-top:.3rem;}
/* ---------- Impresión: calendario limpio en papel ---------- */
@media print{
.site-header, .breadcrumbs, .site-footer, .ad-slot, .content-toc,
.skip-link, .btn-row, .tool-card, .search-results, .hero .btn-row,
#proximo-festivo, .year-tabs{ display:none !important; }
body{background:#fff; color:#000; font-size:12pt;}
.ledger-row{break-inside:avoid; border-color:#ccc;}
a{color:#000; text-decoration:none;}
.wrap{max-width:100%;}
.prose{max-width:100%;}
}
.legal-content h2{margin-top:2rem;}
.legal-content p, .legal-content li{color:var(--text); font-size:.98rem;}
.legal-content{max-width:70ch;}
/* ---------- Responsive ---------- */
@media (max-width: 760px){
.hero-grid{grid-template-columns:1fr;}
.hero{padding-top:2rem;}
.ledger-row{grid-template-columns:88px 1fr; row-gap:.3rem;}
.ledger-row .stamp{grid-column:1/-1; justify-self:start;}
footer.site-footer .wrap{flex-direction:column;}
}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior:auto;}
.region-card{transition:none;}
.theme-toggle{transition:none;}
.theme-toggle:hover{transform:none;}
}