:root{--sage:#bcd5d0;--sage-deep:#7fa89f;--sage-light:#e9f1ef;--ink:#141414;--gray:#6b6b6b;--white:#fff;--serif:'Libre Baskerville',serif;--sans:'Poppins',sans-serif;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--sans);color:var(--ink);background:var(--white);font-weight:300;line-height:1.75;}
::selection{background:var(--sage);}
a{color:inherit;}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px;}
.label{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--gray);font-weight:500;display:block;margin-bottom:20px;}
nav{position:sticky;top:0;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid #eee;z-index:100;}
.nav-inner{max-width:1200px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
.logo img{height:44px;width:auto;display:block;}
.nav-links{display:flex;gap:32px;align-items:center;}
.nav-links a{text-decoration:none;font-size:14px;font-weight:400;}
.nav-links a:hover{opacity:.6;}
.nav-links a.active{font-weight:600;}
.btn{display:inline-block;padding:14px 32px;font-family:var(--sans);font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;}
.btn-dark{background:var(--ink);color:var(--white);}
.btn-dark:hover{background:#000;opacity:1!important;}
.nav-links .btn{padding:10px 24px;background:var(--sage);color:var(--ink);}
.nav-links .btn:hover{background:var(--sage-deep);color:#fff;}
/* listado */
.blog-hero{padding:100px 0 60px;border-bottom:1px solid #eee;}
.blog-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,6vw,80px);line-height:1.1;}
.blog-hero h1 em{font-style:italic;position:relative;}
.blog-hero h1 em::after{content:'';position:absolute;left:0;right:0;bottom:6px;height:.28em;background:var(--sage);z-index:-1;}
.blog-hero p{max-width:560px;font-size:18px;color:#333;margin-top:24px;}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:70px 0 110px;}
.post-card{border:1px solid #e5e5e5;padding:36px 30px 30px;display:flex;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .2s;}
.post-card:hover{border-color:var(--sage-deep);transform:translateY(-2px);}
.post-card .tag{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--sage-deep);font-weight:600;margin-bottom:18px;}
.post-card h2{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.35;margin-bottom:14px;}
.post-card p{font-size:14.5px;color:#444;flex-grow:1;}
.post-card .meta{font-size:12.5px;color:var(--gray);margin-top:24px;padding-top:14px;border-top:1px solid #eee;}
/* artículo */
.crumbs{font-size:13px;color:var(--gray);padding-top:56px;}
.crumbs a{text-decoration:none;}
.crumbs a:hover{color:var(--ink);}
.article{max-width:740px;margin:0 auto;padding:0 24px 40px;}
.article header{padding:28px 0 40px;border-bottom:1px solid #eee;margin-bottom:44px;}
.article .tag{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--sage-deep);font-weight:600;}
.article h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.6vw,50px);line-height:1.2;margin:16px 0 22px;}
.article .byline{font-size:13.5px;color:var(--gray);}
.article .byline b{color:var(--ink);font-weight:600;}
.article h2{font-family:var(--serif);font-weight:400;font-size:clamp(23px,2.6vw,29px);line-height:1.3;margin:52px 0 18px;}
.article p,.article li{font-size:17px;color:#2a2a2a;}
.article p{margin-bottom:20px;}
.article p.lead{font-size:20px;color:var(--ink);line-height:1.65;}
.article strong{font-weight:600;color:var(--ink);}
.article ul,.article ol{margin:0 0 24px 22px;}
.article li{margin-bottom:12px;padding-left:4px;}
.article li::marker{color:var(--sage-deep);font-weight:600;}
.formula{background:var(--sage-light);border-left:3px solid var(--sage-deep);padding:18px 22px;margin:8px 0 26px;font-weight:500;font-size:16px;}
.article table{width:100%;border-collapse:collapse;margin:8px 0 28px;font-size:14.5px;}
.article th,.article td{text-align:left;padding:12px 14px;border-bottom:1px solid #e5e5e5;vertical-align:top;}
.article th{font-weight:600;background:var(--sage-light);}
.article td:first-child{font-weight:500;color:var(--gray);}
.table-scroll{overflow-x:auto;}
.cta-box{background:var(--sage);padding:48px 44px;margin:64px 0 20px;text-align:center;}
.cta-box h2{margin:0 0 14px!important;}
.cta-box p{font-size:16px!important;max-width:520px;margin:0 auto 26px!important;color:#24332f!important;}
.more{max-width:1200px;margin:0 auto;padding:40px 40px 100px;}
.more .posts{padding:24px 0 0;grid-template-columns:repeat(2,1fr);}
footer{padding:50px 0 40px;border-top:1px solid #eee;}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;font-size:13px;color:var(--gray);}
.foot a{text-decoration:none;color:var(--gray);margin-left:18px;}
.foot a:hover{color:var(--ink);}
.foot .logo img{height:38px;}
@media(max-width:900px){
 .wrap,.nav-inner{padding-left:24px;padding-right:24px;}
 .nav-links a:not(.btn){display:none;}
 .nav-links .btn{padding:10px 16px;font-size:13px;}
 .posts,.more .posts{grid-template-columns:1fr;}
 .blog-hero{padding:64px 0 40px;}
 .more{padding:30px 24px 70px;}
 .cta-box{padding:38px 24px;}
 .foot a{margin:0 18px 0 0;}
}
@media(max-width:420px){.logo img{height:36px;}}

/* ===== Blog autoadministrable (v3): elementos nuevos, mismo lenguaje visual ===== */
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 16px;z-index:200;font-size:14px;}
.skip:focus{left:16px;top:12px;}
a:focus-visible,summary:focus-visible{outline:2px solid var(--sage-deep);outline-offset:3px;}
/* migas de pan e índice usan <nav>: anulan el estilo fijo del menú principal */
nav.crumbs,nav.toc{position:static;backdrop-filter:none;border-bottom:none;z-index:auto;background:none;}
nav.toc{background:var(--sage-light);}
/* migas de pan */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:0;margin:0;padding:0;}
.crumbs li{display:inline;font-size:13px!important;color:var(--gray)!important;margin:0!important;padding:0!important;}
.crumbs li::marker{content:'';}
.crumbs li+li::before{content:'/';margin:0 8px;color:#bbb;}
.crumbs li[aria-current]{color:#999;max-width:46ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* tarjetas con imagen destacada (opcional) */
.post-card .thumb{display:block;margin:-36px -30px 26px;aspect-ratio:16/9;overflow:hidden;background:var(--sage-light);}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s;}
.post-card:hover .thumb img{transform:scale(1.03);}
.post-card h3{font-family:var(--serif);font-weight:400;font-size:23px;line-height:1.35;margin-bottom:14px;}
.draft-badge{font-style:normal;background:#141414;color:#fff;padding:2px 8px;margin-left:10px;letter-spacing:.08em;}
.empty{padding:70px 0 110px;color:var(--gray);}
/* firma del artículo */
.article .byline{display:flex;align-items:center;gap:12px;line-height:1.6;}
.article .byline .avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:center top;flex:none;}
.article .byline a{text-decoration:none;}
.article .byline a:hover b{color:var(--sage-deep);}
/* imagen destacada e imágenes del texto */
.article .cover{margin:0 0 44px;}
.article .cover img{width:100%;height:auto;display:block;}
.article .prose img{max-width:100%;height:auto;display:block;margin:8px 0 28px;}
/* índice de contenidos */
.toc{background:var(--sage-light);padding:20px 26px;margin:0 0 44px;}
.toc summary{cursor:pointer;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:var(--ink);list-style:none;}
.toc summary::-webkit-details-marker{display:none;}
.toc summary::after{content:'−';float:right;font-family:var(--serif);font-size:18px;line-height:1;color:var(--sage-deep);}
.toc details:not([open]) summary::after{content:'+';}
.toc ul{margin:14px 0 0!important;list-style:none;}
.toc li{font-size:15px!important;margin-bottom:6px!important;padding-left:0!important;}
.toc li::marker{content:'';}
.toc a{text-decoration:none;}
.toc a:hover{text-decoration:underline;}
/* cuerpo: primer párrafo como bajada, citas, tablas, enlaces */
.prose > p:first-child{font-size:20px;color:var(--ink);line-height:1.65;}
.prose h2{scroll-margin-top:100px;}
.prose h3{font-family:var(--sans);font-weight:600;font-size:19px;margin:36px 0 12px;scroll-margin-top:100px;}
.prose a{color:var(--ink);text-decoration-color:var(--sage-deep);text-underline-offset:3px;}
.prose a:hover{color:var(--sage-deep);}
.prose blockquote{border-left:3px solid var(--sage-deep);padding:4px 0 4px 22px;margin:8px 0 28px;font-family:var(--serif);font-size:19px;line-height:1.6;}
.prose blockquote p{font-size:inherit;color:var(--ink);margin-bottom:10px;}
.prose table{display:block;overflow-x:auto;}
.prose hr{border:none;border-top:1px solid #eee;margin:40px 0;}
/* etiquetas */
.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:40px 0 0!important;padding:0;}
.tags li{font-size:12.5px!important;border:1px solid #e5e5e5;padding:4px 12px;margin:0!important;color:var(--gray)!important;}
.tags li::marker{content:'';}
/* CTA */
.cta-box .cta-wa{margin:18px auto 0!important;font-size:14px!important;}
.cta-box .cta-wa a{color:var(--ink);font-weight:500;}
.more h2.label{font-family:var(--sans);font-weight:500;}
@media(max-width:900px){
 .post-card .thumb{margin:-36px -30px 22px;}
 .crumbs li[aria-current]{display:none;}
 .article .byline{align-items:flex-start;}
}