/* Blog de Eutimya con el diseño de la portada www.eutimya.org (index.html): lienzo claro con halo, tinta + dorado,
   portada partida (texto a la izquierda, foto en tarjeta redondeada a la derecha), botones píldora oscuros, vidrio.
   Solo estilo: se carga al final del <head> de cada página del blog; no cambia contenido. 5-nov-2026 */
:root{
  --ink:#0d1b2a;--ink-mid:#2a4a6b;--ink-light:#5a7a9e;--ink-faint:#9fb0c4;
  --gold:#b8893a;--gold-ink:#96702f;--gold-pale:#F4EDE0;--gold-dim:rgba(184,137,58,.12);--gold-border:rgba(184,137,58,.28);--gold-lt:#e7c98f;
  --canvas:#F5F5F7;--rule:rgba(13,27,42,.10);--sep:rgba(13,27,42,.07);
  --glass:rgba(255,255,255,.72);--glass-solid:rgba(255,255,255,.86);--glass-bdr:rgba(13,27,42,.08);
  --glass-hl:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(13,27,42,.04);
  --blur:saturate(180%) blur(20px);
  --pri:rgba(29,29,31,.88);--pri-dk:rgba(0,0,0,.94);
  --serif:'Playfair Display',Georgia,serif;
  --sans:'DM Sans','Helvetica Neue',-apple-system,BlinkMacSystemFont,sans-serif;
  --r:18px;--r-lg:28px;--r-md:14px;--r-pill:980px;
  --shadow:0 2px 12px rgba(13,27,42,.05);
  --shadow-lg:0 14px 34px rgba(13,27,42,.11),0 2px 8px rgba(13,27,42,.05);
  --ease:cubic-bezier(.25,1,.5,1);--spring:cubic-bezier(.34,1.56,.64,1);
}
html{background:var(--canvas)}
body{font-family:var(--sans);color:var(--ink);background:var(--canvas)!important;letter-spacing:-.005em}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 55% at 5% 10%,rgba(184,137,58,.09) 0%,transparent 60%),radial-gradient(ellipse 55% 50% at 95% 8%,rgba(13,27,42,.07) 0%,transparent 55%),radial-gradient(ellipse 50% 60% at 3% 92%,rgba(13,27,42,.06) 0%,transparent 55%),radial-gradient(ellipse 65% 55% at 96% 88%,rgba(184,137,58,.07) 0%,transparent 60%),#F5F5F7}

/* ── Cabecera (igual a la portada) ── */
.nav{background:rgba(245,245,247,.72)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border-bottom:1px solid transparent!important;box-shadow:none!important}
.nav.scrolled{border-bottom-color:var(--sep)!important;background:rgba(245,245,247,.82)!important}
.nav-inner{max-width:1280px;padding:.7rem 2rem;min-height:60px}
.nav-links a{font-family:var(--sans);font-size:.84rem;font-weight:500;color:var(--ink-mid)!important;background:none!important;padding:.3rem 0}
.nav-links a:hover,.nav-links a.active{color:var(--ink)!important}
.nav-links a.active{font-weight:600}
.nav-btn{display:inline-flex;align-items:center;gap:.4rem;min-height:36px;background:var(--pri)!important;color:#fff!important;padding:0 1.1rem;border-radius:var(--r-pill)!important;font-size:.82rem;font-weight:600;border:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 16px rgba(0,0,0,.14)!important}
.nav-btn:hover{background:var(--pri-dk)!important}
#readingProgress{background:var(--gold)!important}

/* ── Portada del artículo: partida como el hero de la portada ── */
.article-cover{display:grid!important;grid-template-columns:1.05fr 1fr;gap:2.5rem;align-items:center;max-width:1240px;margin:0 auto!important;padding:96px 2rem 1.5rem!important;background:none!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;height:auto!important;overflow:visible!important}
.article-cover::before,.article-cover::after{display:none!important}
.cover-overlay{display:none!important}
.article-cover>img{grid-column:2;grid-row:1;position:static!important;width:100%!important;height:440px!important;object-fit:cover;opacity:1!important;filter:none!important;border-radius:var(--r-lg)!important;box-shadow:0 30px 60px -24px rgba(13,27,42,.38),0 0 0 1px rgba(13,27,42,.04)!important;transform:none!important}
.cover-content{grid-column:1;grid-row:1;position:static!important;inset:auto!important;padding:1rem 0 1rem 1rem!important;max-width:none!important;background:none!important;color:var(--ink)!important}
.cover-breadcrumb{font-size:.8rem!important;color:var(--ink-light)!important;margin-bottom:1.2rem}
.cover-breadcrumb a{color:var(--gold-ink)!important;font-weight:500}
.cover-breadcrumb a:hover{color:var(--ink)!important}
.cover-breadcrumb .sep{color:var(--ink-faint)!important;opacity:1!important}
.cover-breadcrumb span{color:var(--ink-light)!important}
.cover-tag{display:inline-flex;align-items:center;gap:.55rem;font-size:.74rem!important;font-weight:700;letter-spacing:.1em!important;text-transform:uppercase;color:var(--gold-ink)!important;margin-bottom:1.1rem}
.cover-tag::before{width:26px!important;height:1.5px!important;border-radius:2px;background:var(--gold)!important}
.cover-content h1{font-family:var(--serif)!important;font-size:clamp(2.1rem,4vw,3.3rem)!important;font-weight:700!important;color:var(--ink)!important;line-height:1.06!important;letter-spacing:-.02em!important;margin-bottom:1.6rem!important;text-shadow:none!important}
.cover-content h1 em{font-style:italic;font-weight:400;color:var(--gold-ink)}
.cover-byline{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;padding-top:1.3rem;border-top:1px solid var(--sep)!important}
.cover-byline-info{color:var(--ink-light)!important}
.cover-byline-info strong{color:var(--ink)!important}
.cover-avatar{border:2px solid #fff!important;box-shadow:0 0 0 1px var(--gold-border),0 4px 12px rgba(13,27,42,.1)}
.cover-reading-time{display:inline-flex;align-items:center;gap:.35rem;min-height:30px;background:var(--glass)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-bdr)!important;box-shadow:var(--glass-hl);border-radius:var(--r-pill)!important;padding:.25rem .85rem!important;font-size:.76rem!important;font-weight:600;color:var(--ink-mid)!important}

/* ── Lectura y tarjetas de vidrio ── */
.prose h2{font-family:var(--serif);color:var(--ink);letter-spacing:-.015em}
.prose h3{color:var(--ink)}
.prose a{color:var(--gold-ink)}
.prose-lead{color:var(--ink)}
.feature-item,.step-item,.signal-item,.strategy-item,.norm-item,.pillar-card,.treatment-step,.myth-card,.evidence-card,.sidebar-card,.toc-card,.related-card,.post-card,.featured-post,.faq-list,.prose .callout,.prose .callout-teal,.summary-box,.conclusion-box,.cta-sidebar,.newsletter-band{background:var(--glass)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-bdr)!important;box-shadow:var(--glass-hl),var(--shadow)!important;border-radius:var(--r)!important}
@media(hover:hover){.related-card:hover,.post-card:hover,.featured-post:hover{background:var(--glass-solid)!important;box-shadow:var(--glass-hl),var(--shadow-lg)!important;transform:translateY(-3px)}}
.feature-icon,.ic42{background:var(--gold-dim)!important;color:var(--gold-ink)!important;border-radius:50%!important}
.sidebar-head,.author-badge,.related-tag,.post-tag,.featured-tag,.cta-sidebar-tag{color:var(--gold-ink)!important;letter-spacing:.08em!important;font-weight:700}
.conclusion-box::before,.cta-sidebar::before,.newsletter-band::before{display:none!important}
.conclusion-box h2,.cta-sidebar h4,.newsletter-band h3{color:var(--ink)!important;font-family:var(--serif)}
.conclusion-box p,.cta-sidebar p,.newsletter-band p{color:var(--ink-mid)!important}
.conclusion-box a{color:var(--gold-ink)!important}
.conclusion-box{border-left:3px solid var(--gold)!important}
.cta-sidebar-btn,.btn-gold{background:var(--pri)!important;color:#fff!important;border-radius:var(--r-pill)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 24px rgba(0,0,0,.14)!important}
.cta-sidebar-btn:hover,.btn-gold:hover{background:var(--pri-dk)!important}
.cta-sidebar-wa,.btn-wa-dark{background:rgba(255,255,255,.72)!important;color:var(--ink)!important;border:1px solid var(--glass-bdr)!important;box-shadow:var(--glass-hl)!important;border-radius:var(--r-pill)!important}
.share-row .share-btn{border-radius:var(--r-pill)!important}

/* ── Índice /blog/: hero claro como la portada ── */
.hero{max-width:1240px!important;width:auto!important;margin:0 auto!important;padding:120px 2rem 2.6rem!important;background:none!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
.hero::before,.hero::after{display:none!important}
.hero-inner{max-width:900px!important;margin:0!important;padding-left:1rem}
.hero-eyebrow{color:var(--gold-ink)!important;font-size:.74rem!important;letter-spacing:.1em!important;margin-bottom:1.3rem!important}
.hero-eyebrow::before{width:26px!important;height:1.5px!important;border-radius:2px;background:var(--gold)!important}
.hero h1{font-family:var(--serif)!important;font-size:clamp(2.8rem,5.4vw,4.6rem)!important;color:var(--ink)!important;line-height:1!important;letter-spacing:-.02em!important}
.hero h1 em{font-style:italic!important;font-weight:400!important;color:var(--gold-ink)!important}
.hero-sub{font-size:1.04rem!important;color:var(--ink-mid)!important;max-width:560px!important;line-height:1.7!important}
.hero-meta,.hero-stat{color:var(--ink-light)!important}
.filter-bar{background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);border:1px solid var(--glass-bdr)!important;border-radius:var(--r-pill)!important;box-shadow:var(--glass-hl),var(--shadow)!important}
.filter-btn{font-family:var(--sans)!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:0!important;color:var(--ink-mid)!important;border:none!important;border-radius:var(--r-pill)!important;padding:.5rem .95rem!important;margin:.3rem .1rem!important;background:transparent!important;box-shadow:none!important}
.filter-btn:hover{background:rgba(13,27,42,.05)!important;color:var(--ink)!important}
.filter-btn.active{background:var(--pri)!important;color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 6px 16px rgba(0,0,0,.14)!important}
.filter-btn.active .filter-dot{background:#fff!important}
.featured-post h2,.featured-post h3,.post-card h3{font-family:var(--serif)!important;color:var(--ink)!important;letter-spacing:-.01em}
.featured-read-link,.post-read-link,.specialist-mini-link{color:var(--gold-ink)!important;font-weight:600}
.post-card,.featured-post{overflow:hidden}
.post-tag-overlay,.featured-img-badge{border-radius:var(--r-pill)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.topic-count{background:var(--gold-dim)!important;color:var(--gold-ink)!important;border-radius:var(--r-pill)!important}
.newsletter-band{padding:3rem!important}

/* ── WhatsApp flotante y pie (como la portada) ── */
.wa-float{background:var(--pri)!important;color:#fff!important;border-radius:var(--r-pill)!important;box-shadow:0 10px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12)!important;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
.footer{background:var(--ink)!important;padding:3.5rem 2rem 2rem!important}
.footer::before{display:none}
.footer-inner{max-width:1200px;margin:0 auto 2.5rem!important;gap:2.5rem!important}
.footer-brand img{background:rgba(255,255,255,.94)!important;padding:6px 12px!important;border-radius:10px!important}
.footer-brand p{font-size:.84rem!important;color:rgba(255,255,255,.5)!important;max-width:260px!important}
.footer-col h4{font-size:.74rem!important;letter-spacing:.08em!important;color:#fff!important}
.footer-col a{font-size:.85rem!important;color:rgba(255,255,255,.52)!important}
.footer-col a:hover{color:var(--gold-lt)!important}
.footer-bottom{max-width:1200px;margin:0 auto;border-top:1px solid rgba(255,255,255,.08)!important;padding-top:1.5rem;font-size:.74rem!important;color:rgba(255,255,255,.36)!important}

@media(max-width:860px){
  .article-cover{grid-template-columns:1fr;gap:1.4rem;padding:84px 1rem 1rem!important}
  .article-cover>img{grid-column:1;grid-row:2;height:240px!important;border-radius:22px!important}
  .cover-content{padding:.4rem .3rem 0!important}
  .cover-content h1{font-size:clamp(1.9rem,8vw,2.5rem)!important}
  .hero{padding:96px 1rem 1.6rem!important}
  .hero-inner{padding-left:.3rem}
  .hero h1{font-size:clamp(2.3rem,10vw,3rem)!important}
  .nav-inner{padding:.6rem 1rem}
}
@media(prefers-reduced-transparency:reduce){
  .nav,.feature-item,.sidebar-card,.toc-card,.related-card,.post-card,.featured-post,.conclusion-box,.cta-sidebar,.newsletter-band{background:#fff!important;-webkit-backdrop-filter:none;backdrop-filter:none}
}