/* Blog v2 — secciones en bandas, igual que los presupuestos: oscuras (verde) y claras (marfil).
   Solo cambia el aspecto del cuerpo del artículo (.prose.bl). Textos cortos, un tema por banda. */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 900;font-display:swap;src:url(../fonts/archivo-latin.woff2) format('woff2')}
/* Márgenes: .post-head pisaba el padding lateral de .wrap-narrow y el título quedaba pegado al borde. */
.post-head{padding-left:var(--pad);padding-right:var(--pad)}
/* Todo el texto del blog en Archivo, como los presupuestos */
.post-head,.prose.bl,.post-cta,.post-nav,.post-landing{font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif}
.post-head h1,.post-head h1 em,.prose.bl h2,.prose.bl h3,.post-cta h2,.post-cta h2 em{font-family:'Archivo',system-ui,sans-serif;font-style:normal}
.post-head h1{font-weight:800;letter-spacing:-.02em;line-height:1.08}
.post-head h1 em{font-weight:800}
.prose.bl h2,.prose.bl h3{font-weight:800;letter-spacing:-.015em}
.prose.bl{padding:0;--bl-verde:#0B1710;--bl-marfil:#F4F1E8;--bl-tinta:#14231A;--bl-laton:#7A5F22}
.prose.bl > *{max-width:none;margin-left:0;margin-right:0}
.bl-sec{padding:clamp(44px,7vw,84px) var(--pad)}
.bl-in{max-width:700px;margin:0 auto}
.bl-oscuro{background:var(--bl-verde);color:var(--bl-marfil)}
.bl-claro{background:var(--bl-marfil);color:var(--bl-tinta)}
.bl-sec .bl-n{display:block;font:800 12px/1 'Archivo',sans-serif;letter-spacing:.18em;text-transform:uppercase;margin:0 0 14px}
.bl-oscuro .bl-n{color:var(--brass-lt)}
.bl-claro .bl-n{color:var(--bl-laton)}
.prose.bl h2{margin:0 0 18px;font-size:clamp(26px,4.2vw,40px);line-height:1.12}
.bl-claro h2,.bl-claro h3{color:var(--bl-tinta)}
.prose.bl h3{margin:26px 0 10px}
.prose.bl p{font-size:17.5px;line-height:1.55;margin:0 0 14px}
.bl-oscuro p,.bl-oscuro li{color:var(--bl-marfil)}
.bl-claro p,.bl-claro li{color:var(--bl-tinta)}
.bl-claro strong{color:var(--bl-tinta)}
.bl-oscuro strong{color:#fff}
.prose.bl ul,.prose.bl ol{margin:0 0 16px;padding-left:22px}
.prose.bl li{font-size:17px;line-height:1.5;margin-bottom:8px}
.bl-claro li::marker{color:var(--bl-laton)}
.bl-oscuro li::marker{color:var(--brass-lt)}
.bl-claro a:not(.btn){color:var(--bl-laton);text-decoration:underline;text-underline-offset:3px}
.bl-oscuro a:not(.btn){color:var(--brass-lt)}
/* frase fuerte */
.prose.bl blockquote{border:0;margin:22px 0 0;padding:0;font-family:'Archivo',system-ui,sans-serif;font-style:normal;font-weight:700;font-size:clamp(21px,3vw,27px);line-height:1.3}
.bl-claro blockquote{color:var(--bl-tinta)}
.bl-oscuro blockquote{color:var(--brass-lt)}
/* resumen de arriba */
.bl-resumen p{font-size:clamp(19px,2.6vw,23px);line-height:1.4;margin:0}
/* tabla */
.prose.bl table{margin:6px 0 0;font-size:15.5px}
.bl-claro th,.bl-claro td{border:0;border-bottom:1px solid rgba(20,35,26,.18);padding:12px 10px 12px 0;color:var(--bl-tinta)}
.bl-claro th{background:none;color:var(--bl-laton)}
.bl-oscuro th,.bl-oscuro td{border:0;border-bottom:1px solid rgba(244,241,232,.16);padding:12px 10px 12px 0;color:var(--bl-marfil)}
.bl-oscuro th{background:none;color:var(--brass-lt)}
/* lista en tarjetas: items cortos con título en negrita */
.bl-tarjetas{list-style:none;padding:0!important;display:grid;gap:10px}
.bl-tarjetas li{margin:0!important;padding:14px 16px;border-radius:12px}
.bl-claro .bl-tarjetas li{background:#fff;border:1px solid rgba(20,35,26,.12)}
.bl-oscuro .bl-tarjetas li{background:rgba(244,241,232,.06);border:1px solid rgba(244,241,232,.14)}
/* preguntas frecuentes sobre banda oscura */
.bl-oscuro .faq-q{color:var(--bl-marfil)}
.bl-oscuro .faq-a p{font-size:16.5px;margin:0 0 10px}
@media (max-width:560px){.prose.bl p{font-size:17px}}
/* preguntas frecuentes en banda clara, e imágenes dentro de las bandas */
.bl-claro .faq-q{color:var(--bl-tinta)}
.bl-claro .faq-item{border-color:rgba(20,35,26,.18)}
.bl-claro .faq-a p{font-size:16.5px;margin:0 0 10px;color:var(--bl-tinta)}
.bl-in img{display:block;width:100%;height:auto;border-radius:12px;margin:18px 0;border:0}
.bl-in figure{margin:18px 0}
.bl-in figcaption{font-size:13.5px;margin:8px 0 0;opacity:.75}
/* Índice del blog: lista sobre banda clara, tarjetas blancas */
.post-head,.bl-lista,.bl-lista .card,.bl-lista .blog-filtro{font-family:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif}
.bl-lista{background:#F4F1E8;color:#14231A;padding:clamp(36px,6vw,64px) 0 clamp(52px,8vw,96px)!important}
.bl-lista .card-grid{margin-top:26px}
.bl-lista .blog-filtros{margin-top:0}
.bl-lista .blog-filtro{background:#fff;color:#14231A;border:1px solid rgba(20,35,26,.18)}
.bl-lista .blog-filtro:hover{border-color:#7A5F22}
.bl-lista .blog-filtro.is-active{background:#0B1710;color:#F4F1E8;border-color:#0B1710}
.bl-lista .card{background:#fff;border:1px solid rgba(20,35,26,.12)}
.bl-lista .card:hover{border-color:#7A5F22}
.bl-lista .card h3{font-family:'Archivo',system-ui,sans-serif;font-style:normal;color:#14231A;font-weight:800;letter-spacing:-.01em;font-size:clamp(18px,2.4vw,21px);line-height:1.2}
.bl-lista .card p{color:#14231A;opacity:.75;font-size:14.5px}
.bl-lista .card-tag{color:#7A5F22}
.bl-lista .card-more{color:#14231A}
.bl-lista .card:hover .card-more{color:#7A5F22}
/* Espaciado del cierre: el CTA y la navegación no quedan pegados a la banda ni al pie */
.prose.bl + .wrap{padding-top:clamp(40px,6vw,72px);padding-bottom:clamp(44px,6vw,80px)}
.post-cta{padding:clamp(32px,5vw,52px) clamp(20px,4vw,48px)}
.post-cta .lead{max-width:34ch;margin:0 auto;text-align:center}
.post-cta .eyebrow{margin:0 0 4px}
.post-nav{margin-top:clamp(28px,4vw,44px);gap:12px 24px;padding-bottom:4px}
.post-head{padding-bottom:0}