/* Dr. Victor Lázaro — blog styles (shared) */
:root{
  --pinho:#20352C; --pinho-deep:#16251E; --bone:#F4F1EA; --paper:#FBFAF5;
  --sage:#E7EDE5; --ink:#1C1C1A; --muted:#5C6660; --line:rgba(32,53,44,.16);
  --serif:"Cormorant Garamond",Georgia,serif; --sans:"Jost",-apple-system,BlinkMacSystemFont,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--paper);color:var(--ink);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
::selection{background:var(--pinho);color:var(--bone)}
.wrap{max-width:1100px;margin:0 auto;padding:0 32px}
.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;font-weight:400;color:var(--muted)}
h1,h2,h3{font-family:var(--serif);font-weight:300;line-height:1.08;letter-spacing:-.01em}

/* nav */
.bnav{position:sticky;top:0;z-index:50;background:rgba(251,250,245,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.bnav-in{display:flex;align-items:center;justify-content:space-between;height:74px}
.bnav-in .logo img{height:30px;width:auto}
.bnav-links{display:flex;align-items:center;gap:30px}
.bnav-links a{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase}
.bnav-cta{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--pinho);padding:.7em 1.3em;border-radius:2px;transition:all .3s}
.bnav-cta:hover{background:var(--pinho);color:var(--bone)}

/* blog hero */
.blog-hero{background:var(--pinho);color:var(--bone);padding:120px 0 90px;text-align:center}
.blog-hero .eyebrow{color:rgba(244,241,234,.6)}
.blog-hero h1{font-size:clamp(2.6rem,5vw,4rem);color:var(--bone);margin:18px 0 16px}
.blog-hero p{color:rgba(244,241,234,.78);max-width:54ch;margin:0 auto;font-size:1.12rem}

/* post list */
.post-list{padding:90px 0}
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.post-card{display:flex;flex-direction:column;background:var(--bone);border:1px solid transparent;border-radius:4px;overflow:hidden;transition:transform .4s ease,box-shadow .4s ease,border-color .4s}
.post-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(20,30,25,.10);border-color:var(--line)}
.post-card .thumb{aspect-ratio:16/10;background:linear-gradient(150deg,#2c4a3c,#18271f);display:flex;align-items:center;justify-content:center}
.post-card .thumb img{width:40%;opacity:.5}
.post-card .body{padding:28px 26px 30px}
.post-card .cat{font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.post-card h2{font-size:1.5rem;margin:12px 0 10px}
.post-card p{font-size:.92rem;color:var(--muted);margin-bottom:18px}
.post-card .more{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--pinho)}

/* article */
.article{padding:70px 0 30px}
.article .wrap{max-width:760px}
.crumbs{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:30px}
.crumbs a:hover{color:var(--pinho)}
.article .cat{font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.article h1{font-size:clamp(2.2rem,4.4vw,3.4rem);margin:16px 0 20px}
.article .meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:.78rem;letter-spacing:.06em;color:var(--muted);padding-bottom:30px;border-bottom:1px solid var(--line);margin-bottom:40px}
.article .lead{font-size:1.2rem;color:#3a423d;margin-bottom:30px;line-height:1.6}
.prose p{margin-bottom:22px;color:#2f3631;font-size:1.04rem}
.prose h2{font-size:1.9rem;margin:42px 0 14px}
.prose h3{font-size:1.4rem;margin:30px 0 10px}
.prose ul{list-style:none;margin:0 0 22px;display:flex;flex-direction:column;gap:10px}
.prose li{position:relative;padding-left:20px;color:#2f3631}
.prose li::before{content:"";position:absolute;left:0;top:.7em;width:8px;height:1px;background:var(--pinho)}
.prose strong{font-weight:500;color:var(--ink)}
.prose em{font-style:italic}
.prose blockquote{font-family:var(--serif);font-style:italic;font-size:1.5rem;line-height:1.35;color:var(--pinho);border-left:2px solid var(--pinho);padding:6px 0 6px 24px;margin:34px 0}
.refs{margin-top:46px;padding-top:26px;border-top:1px solid var(--line);font-size:.84rem;color:var(--muted)}
.refs h3{font-family:var(--sans);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:14px;color:var(--muted)}
.refs ol{padding-left:18px;display:flex;flex-direction:column;gap:8px}
.disc{margin-top:24px;font-size:.8rem;color:var(--muted);font-style:italic}

/* article CTA */
.article-cta{background:var(--pinho);color:var(--bone);text-align:center;padding:80px 0;margin-top:60px}
.article-cta h2{font-size:clamp(1.8rem,3.4vw,2.6rem);color:var(--bone);margin-bottom:14px}
.article-cta p{color:rgba(244,241,234,.78);max-width:46ch;margin:0 auto 30px}
.btn{display:inline-flex;align-items:center;gap:.6em;font-size:.82rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;padding:1.05em 2em;border:1px solid var(--bone);background:var(--bone);color:var(--pinho);border-radius:2px;transition:all .35s}
.btn:hover{background:transparent;color:var(--bone)}

/* footer */
.ft{background:var(--pinho-deep);color:rgba(244,241,234,.7);padding:48px 0}
.ft-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ft-in img{height:38px;width:auto}
.ft-meta{font-size:.74rem;letter-spacing:.06em;text-align:right;line-height:1.9}
.ft-meta a:hover{color:var(--bone)}

/* whatsapp float */
.wa{position:fixed;right:22px;bottom:22px;z-index:70;width:54px;height:54px;border-radius:50%;background:var(--pinho);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(20,30,25,.28);transition:transform .3s}
.wa:hover{transform:scale(1.08)}
.wa svg{width:27px;height:27px;fill:var(--bone)}

:focus-visible{outline:2px solid var(--pinho);outline-offset:3px}

@media(max-width:900px){.post-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}}
@media(max-width:760px){.wrap{padding:0 22px}.bnav-links a:not(.bnav-cta){display:none}.ft-in{flex-direction:column;text-align:center}.ft-meta{text-align:center}}