:root{
  --bg:#1b1712;
  --surface:#241f19;
  --surface-2:#2d271f;
  --text:#f3ecdd;
  --text-muted:#bcb09b;
  --accent:#c69a54;
  --accent-2:#e3c083;
  --sage:#8a9678;
  --border:#453b2f;
  --shadow: 0 24px 60px -20px rgba(0,0,0,0.65);
  color-scheme: dark;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--text);font-family:'Karla', ui-sans-serif, system-ui, sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
[hidden]{display:none!important;}
h1,h2,h3{font-family:'Fraunces', Georgia, serif;font-weight:700;line-height:1.16;text-wrap:balance;margin:0;color:var(--text);}
a{color:var(--accent-2);}
.wrap{max-width:760px; margin-inline:auto; padding-inline:20px;}
.wrap-wide{max-width:1120px; margin-inline:auto; padding-inline:20px;}
section{padding-block:56px;}
section.alt{background:var(--surface);}

/* NAV (idéntico al del sitio principal) */
.nav{position:sticky; top:0; z-index:50; background:rgba(27,23,18,0.88); backdrop-filter:blur(10px); border-bottom:1px solid var(--border);}
.nav-inner{display:flex; align-items:center; justify-content:space-between; padding-block:16px; gap:20px;}
.nav-logo{font-family:'Fraunces', serif; font-weight:600; font-size:1.1rem; color:var(--text); letter-spacing:0.01em; text-decoration:none; white-space:nowrap;}
.nav-links{display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
.nav-links a.nav-link{color:var(--text-muted); text-decoration:none; font-size:0.92rem; font-weight:600;}
.nav-links a.nav-link:hover{color:var(--text);}
.nav-cta{display:inline-flex; align-items:center; gap:6px; background:var(--accent); color:#211a10; font-weight:700; font-size:0.88rem; padding:10px 18px; border-radius:999px; text-decoration:none; white-space:nowrap;}
.nav-cta:hover{background:var(--accent-2);}

.rope{height:10px; margin-block:0; background:repeating-linear-gradient(135deg, var(--accent) 0px, var(--accent) 6px, var(--surface-2) 6px, var(--surface-2) 12px); opacity:0.5;}

.eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; letter-spacing:0.14em; text-transform:uppercase; color:var(--sage); margin-bottom:14px;}
.eyebrow::before{content:""; width:22px; height:1px; background:var(--sage); display:inline-block;}

.btn{display:inline-flex; align-items:center; gap:10px; background:var(--accent); color:#211a10; font-weight:700; font-size:1.02rem; padding:16px 28px; border-radius:999px; text-decoration:none; box-shadow:var(--shadow); transition:transform .15s ease, background .15s ease;}
.btn:hover{background:var(--accent-2); transform:translateY(-1px);}
.btn svg{width:18px; height:18px; flex:none;}
.cta-note{font-size:0.85rem; color:var(--text-muted);}

/* BLOG HERO / HEADER DE PÁGINA */
.blog-hero{padding-block:52px 20px;}
.blog-hero h1{font-size:clamp(1.9rem, 2.6vw + 1rem, 2.6rem); max-width:22ch;}
.blog-hero p{margin-top:14px; color:var(--text-muted); max-width:60ch; font-size:1.05rem;}

/* LISTADO DE ARTÍCULOS */
.article-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:24px; margin-top:8px;}
.article-card{display:flex; flex-direction:column; border:1px solid var(--border); border-radius:16px; overflow:hidden; background:var(--surface-2); text-decoration:none; transition:transform .15s ease, border-color .15s ease;}
.article-card:hover{transform:translateY(-2px); border-color:var(--accent);}
.article-card img{aspect-ratio:16/10; object-fit:cover; width:100%;}
.article-card-body{padding:20px 22px 24px;}
.article-card-tag{font-size:0.78rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--sage);}
.article-card h2{font-size:1.15rem; margin-top:8px; color:var(--text);}
.article-card p{margin:10px 0 0; color:var(--text-muted); font-size:0.92rem;}

/* ARTÍCULO INDIVIDUAL */
.article-meta{display:flex; gap:14px; flex-wrap:wrap; color:var(--text-muted); font-size:0.85rem; margin-top:10px;}
.article-hero-img{width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:18px; border:1px solid var(--border); box-shadow:var(--shadow); margin-top:28px;}
.article-body{margin-top:8px; font-size:1.06rem; color:var(--text);}
.article-body h2{font-size:1.5rem; margin-top:44px; margin-bottom:16px;}
.article-body h3{font-size:1.18rem; margin-top:32px; margin-bottom:12px; font-family:'Karla',sans-serif; font-weight:700;}
.article-body p{margin:0 0 18px; color:var(--text-muted); line-height:1.75;}
.article-body ul,.article-body ol{margin:0 0 18px; padding-left:22px; color:var(--text-muted); line-height:1.75;}
.article-body li{margin-bottom:8px;}
.article-body strong{color:var(--text);}
.article-body img{border-radius:14px; border:1px solid var(--border); margin:24px 0;}
.infographic{max-width:640px; margin-inline:auto;}
.infographic img{width:100%;}
.infographic-caption{margin-top:10px; color:var(--text-muted); font-size:0.85rem; text-align:center;}

/* CAJA DE PRODUCTO (Amazon) */
.product-box{border:1px solid var(--border); border-radius:16px; padding:22px 24px; background:var(--surface-2); margin:28px 0; display:flex; flex-direction:column; gap:6px;}
.product-box .eyebrow{margin-bottom:6px;}
.product-box h4{font-family:'Karla',sans-serif; font-weight:700; font-size:1.05rem; color:var(--text); margin:0;}
.product-box p{margin:6px 0 0; color:var(--text-muted); font-size:0.94rem;}
.product-box a.product-link{display:inline-flex; align-items:center; gap:8px; margin-top:14px; color:var(--accent-2); font-weight:700; font-size:0.94rem; text-decoration:none; width:fit-content;}
.product-box a.product-link:hover{color:var(--accent);}
.product-box a.product-link svg{width:15px; height:15px;}

/* PÁGINA DE PRODUCTOS RECOMENDADOS */
.shop-grid{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px; margin-top:8px;}
.shop-card{border:1px solid var(--border); border-radius:16px; padding:24px 26px; background:var(--surface-2); display:flex; flex-direction:column; gap:4px;}
.shop-card-tag{font-size:0.76rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; color:var(--sage);}
.shop-card h2{font-size:1.1rem; margin-top:6px; color:var(--text);}
.shop-rating{font-size:0.85rem; color:var(--accent-2); font-weight:700; margin-top:2px;}
.shop-card p{margin:8px 0 0; color:var(--text-muted); font-size:0.92rem;}
.shop-card a.product-link{display:inline-flex; align-items:center; gap:8px; margin-top:16px; color:var(--accent-2); font-weight:700; font-size:0.92rem; text-decoration:none; width:fit-content;}
.shop-card a.product-link:hover{color:var(--accent);}
.shop-card a.product-link svg{width:14px; height:14px;}
.shop-note{font-size:0.85rem; color:var(--text-muted); margin-top:6px;}

/* CTA intermedio (idéntico al del sitio principal) */
.mid-cta{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:20px; margin-top:36px; padding:24px 28px; border:1px solid var(--border); border-radius:16px; background:var(--surface-2);}
section.alt .mid-cta{background:var(--bg);}
.mid-cta p{margin:0; color:var(--text-muted); font-size:0.98rem; max-width:40ch;}
.mid-cta .btn{flex:none;}

.author-box{display:flex; align-items:center; gap:14px; margin-top:52px; padding-top:28px; border-top:1px solid var(--border);}
.author-box .avatar{width:44px; height:44px; border-radius:50%; background:var(--accent); color:#211a10; display:flex; align-items:center; justify-content:center; font-weight:700; font-family:'Fraunces',serif; flex:none;}
.author-box p{margin:0; color:var(--text-muted); font-size:0.88rem;}
.author-box strong{color:var(--text);}

footer.disclosure{padding-block:36px 60px; font-size:0.8rem; color:var(--text-muted); border-top:1px solid var(--border); margin-top:20px;}
footer.disclosure p{margin:0 0 10px;}
footer.disclosure a{color:var(--text-muted); text-decoration:underline;}

@media (max-width: 760px){
  .article-grid{grid-template-columns:1fr;}
  .shop-grid{grid-template-columns:1fr;}
  section{padding-block:40px;}
  .mid-cta{flex-direction:column; align-items:stretch; text-align:center;}
  .mid-cta .btn{justify-content:center;}
}