/*
Theme Name:   WLG Child
Theme URI:    https://clinicawlg.com.br
Description:  Tema filho do Hello Elementor com os templates do blog da Clinica WLG (listagem e artigo). O institucional segue como pagina do Elementor.
Author:       Morro Alto - Creative Office
Author URI:   https://morroalto.co
Template:     hello-elementor
Version:      1.0.0
Text Domain:  wlg-child
*/

/* ================================================================
   ESTILOS DO BLOG - listagem (/blog) e artigo (/blog/slug)
   Sistema visual: porcelana, ameixa e ouro | Cormorant + Manrope
   ================================================================ */

/* ---------- LISTAGEM ---------- */
:root{
  --porcelain:#FAF5F1;
  --porcelain-deep:#F2E9E2;
  --plum:#3A1228;
  --plum-soft:#5A2742;
  --rose:#B97F86;
  --blush:#E7CFC9;
  --blush-soft:#F0DED7;
  --gold:#B08D57;
  --gold-light:#C9AC7C;
  --ink:#2B1A22;
  --ink-soft:#705A64;
  --line:rgba(58,18,40,.14);
  --line-gold:rgba(176,141,87,.45);
  --wa:#25D366;
  --wa-dark:#1ebe5d;
  --shadow:0 24px 60px -28px rgba(58,18,40,.45);
  --header-h:74px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:96px;-webkit-text-size-adjust:100%;}
body{
  margin:0;background:var(--porcelain);color:var(--ink);
  font-family:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;
  font-size:17px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;margin:0;letter-spacing:-.015em;}
h1{font-weight:700;}
.serif-em{font-family:'Cormorant Garamond',serif;font-style:italic;}
.eyebrow{
  font-size:11.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;
  color:var(--gold);margin:0 0 18px;display:inline-flex;align-items:center;gap:12px;
}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold-light);display:inline-block;}
.lead{color:var(--ink-soft);font-size:17.5px;max-width:62ch;}

/* ---------- header ---------- */
.head{
  position:fixed;top:0;left:0;width:100%;z-index:800;
  background:rgba(250,245,241,.92);backdrop-filter:saturate(140%) blur(12px);
  border-bottom:1px solid var(--line);transition:box-shadow .3s ease;
}
.head.scrolled{box-shadow:0 10px 30px -22px rgba(58,18,40,.55);}
.head-in{max-width:1180px;margin:0 auto;padding:0 28px;height:var(--header-h);display:flex;align-items:center;gap:24px;}
.brand img{height:70px;width:auto;}
.nav{margin-left:auto;display:flex;align-items:center;gap:26px;}
.nav a{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);padding:6px 0;position:relative;transition:color .2s;}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .25s ease;}
.nav a:hover{color:var(--plum);}
.nav a:hover::after{width:100%;}
.nav a.active{color:var(--plum);}
.nav a.active::after{width:100%;}
.btn-head{
  background-color:#3A1228 !important;color:#FFFFFF !important;border:none;border-radius:999px;
  padding:12px 24px;font-size:12.5px;font-weight:700;letter-spacing:.08em;cursor:pointer;
  transition:background-color .2s,transform .2s;box-shadow:0 10px 22px -14px rgba(58,18,40,.8);
}
.btn-head:hover{background-color:#5A2742 !important;transform:translateY(-1px);}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:999px;padding:9px 12px;cursor:pointer;}
.burger span{display:block;width:18px;height:1.5px;background:var(--plum);margin:4px 0;}
.mobile-nav{display:none;border-top:1px solid var(--line);background:var(--porcelain);}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:14px 28px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--plum);border-bottom:1px solid var(--line);}
@media(max-width:960px){.nav{display:none;}.burger{display:block;}}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  border:none;border-radius:999px;cursor:pointer;
  font-size:14px;font-weight:700;letter-spacing:.03em;padding:16px 30px;
  transition:transform .2s ease,background-color .2s ease,color .2s ease;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background-color:#3A1228 !important;color:#FFFFFF !important;box-shadow:0 14px 28px -16px rgba(58,18,40,.85);}
.btn-primary:hover{background-color:#5A2742 !important;}
.btn-ghost{background-color:transparent !important;color:#3A1228 !important;border:1.5px solid #3A1228 !important;}
.btn-ghost:hover{background-color:#3A1228 !important;color:#FFFFFF !important;}
.btn-wa{background-color:#25D366 !important;color:#FFFFFF !important;box-shadow:0 14px 28px -16px rgba(37,211,102,.75);}
.btn-wa:hover{background-color:#1EBE5D !important;}

/* ---------- topo do blog ---------- */
.blog-top{
  padding:calc(var(--header-h) + 66px) 0 46px;
  background:
    radial-gradient(760px 340px at 84% 6%, var(--blush-soft) 0%, rgba(240,222,215,0) 70%),
    linear-gradient(180deg,var(--porcelain) 0%,var(--porcelain-deep) 100%);
}
.blog-top h1{font-size:clamp(38px,5vw,58px);line-height:1.05;color:var(--plum);margin-bottom:16px;}
.crumbs{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 20px;}
.crumbs a:hover{color:var(--gold);}

/* ---------- filtros ---------- */
.filters{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px;}
.filters a{
  font-size:12.5px;font-weight:600;letter-spacing:.06em;padding:9px 18px;border-radius:999px;
  border:1px solid var(--line);color:var(--ink-soft);background:rgba(255,255,255,.5);transition:.2s;
}
.filters a:hover{border-color:var(--line-gold);color:var(--plum);}
.filters a.on{background:var(--plum);border-color:var(--plum);color:#fff;}

/* ---------- destaque ---------- */
.sec{padding:64px 0;}
.featured{
  display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;
  background:var(--porcelain);border:1px solid var(--line);border-radius:24px;
  overflow:hidden;box-shadow:var(--shadow);
}
.featured .ph{overflow:hidden;height:100%;}
.featured .ph img{width:100%;height:100%;object-fit:cover;min-height:340px;}
.featured .tx{padding:44px 44px 44px 0;}
.featured h2{font-size:clamp(28px,3.2vw,40px);line-height:1.12;color:var(--plum);margin:10px 0 14px;}
.featured p{color:var(--ink-soft);font-size:16.5px;margin:0 0 22px;}
.tag{
  display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold);
}
.meta{font-size:12.5px;color:var(--ink-soft);letter-spacing:.04em;display:flex;gap:14px;flex-wrap:wrap;}
.meta span{display:inline-flex;align-items:center;gap:6px;}
.read-more{
  font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--plum);
  display:inline-flex;align-items:center;gap:8px;margin-top:6px;
}
.read-more svg{transition:transform .2s;}
a:hover .read-more svg{transform:translateX(4px);}

/* ---------- grid de artigos ---------- */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.card{
  background:var(--porcelain);border:1px solid var(--line);border-radius:20px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-gold);}
.card .ph{aspect-ratio:16/10;overflow:hidden;background:var(--porcelain-deep);}
.card .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.card:hover .ph img{transform:scale(1.04);}
.card .tx{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1;}
.card h3{font-size:25px;line-height:1.18;color:var(--plum);margin:10px 0 10px;}
.card p{font-size:15px;color:var(--ink-soft);margin:0 0 20px;}
.card .meta{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);}

/* ---------- paginação ---------- */
.pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:52px;}
.pager a,.pager span{
  min-width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;border:1px solid var(--line);color:var(--ink-soft);padding:0 14px;
}
.pager a:hover{border-color:var(--line-gold);color:var(--plum);}
.pager .cur{background:var(--plum);border-color:var(--plum);color:#fff;}

/* ---------- faixa CTA ---------- */
.cta-band{background:var(--plum);color:rgba(255,255,255,.82);padding:74px 0;}
.cta-band h2{color:#fff;font-size:clamp(30px,3.6vw,44px);line-height:1.1;margin-bottom:14px;}
.cta-band p{max-width:56ch;margin:0 auto 28px;color:rgba(255,255,255,.7);}
.cta-inner{text-align:center;max-width:720px;margin:0 auto;}

/* ---------- footer ---------- */
.foot{background:#2A0D1D;color:rgba(255,255,255,.6);padding:44px 0 96px;font-size:13px;}
.foot-in{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;}
.foot img{height:40px;opacity:.9;}
.foot a{color:rgba(255,255,255,.8);}
.foot .legal{max-width:52ch;line-height:1.6;}

/* ---------- barra fixa ---------- */
.bar{
  position:fixed;left:0;bottom:0;width:100%;background:var(--plum);
  padding:13px 16px calc(13px + env(safe-area-inset-bottom));
  display:flex;justify-content:center;align-items:center;gap:18px;z-index:900;
  box-shadow:0 -10px 30px -18px rgba(0,0,0,.5);
}
.bar .bar-note{color:rgba(255,255,255,.62);font-size:12.5px;}
@media(max-width:680px){.bar .bar-note{display:none;}}
.bar .btn{padding:13px 28px;font-size:14px;}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;background:rgba(43,26,34,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px;z-index:1000;}
.modal.open{display:flex;}
.modal-card{background:var(--porcelain);border-radius:22px;max-width:460px;width:100%;padding:34px 32px 30px;box-shadow:var(--shadow);position:relative;max-height:92vh;overflow-y:auto;}
.modal-card h3{font-size:30px;color:var(--plum);margin-bottom:8px;line-height:1.15;}
.modal-card .sub{font-size:15px;color:var(--ink-soft);margin:0 0 24px;}
.close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:24px;color:var(--ink-soft);cursor:pointer;line-height:1;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px;}
.field input,.field select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;font-family:inherit;font-size:16px;color:var(--ink);}
.field input:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(176,141,87,.15);}
.modal .btn{width:100%;margin-top:8px;}
.modal-note{font-size:12px;color:var(--ink-soft);text-align:center;margin:14px 0 0;line-height:1.5;}
.err{color:#B23A48;font-size:13px;margin:6px 0 0;display:none;}

/* ---------- responsivo ---------- */
@media(max-width:960px){
  .posts{grid-template-columns:1fr 1fr;}
  .featured{grid-template-columns:1fr;}
  .featured .tx{padding:32px 30px 36px;}
  .featured .ph img{min-height:260px;}
}
@media(max-width:680px){
  body{font-size:16px;}
  .wrap,.head-in{padding:0 20px;}
  .blog-top{padding:calc(var(--header-h) + 40px) 0 34px;}
  .sec{padding:44px 0;}
  .posts{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}

/* ---------- ARTIGO ---------- */
:root{
  --porcelain:#FAF5F1;--porcelain-deep:#F2E9E2;--plum:#3A1228;--plum-soft:#5A2742;
  --rose:#B97F86;--blush:#E7CFC9;--blush-soft:#F0DED7;--gold:#B08D57;--gold-light:#C9AC7C;
  --ink:#2B1A22;--ink-soft:#705A64;--line:rgba(58,18,40,.14);--line-gold:rgba(176,141,87,.45);
  --wa:#25D366;--wa-dark:#1ebe5d;--shadow:0 24px 60px -28px rgba(58,18,40,.45);--header-h:74px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:100px;-webkit-text-size-adjust:100%;}
body{margin:0;background:var(--porcelain);color:var(--ink);font-family:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;font-size:17px;line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;}

.wrap{max-width:1180px;margin:0 auto;padding:0 28px;}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;margin:0;letter-spacing:-.015em;}
h1{font-weight:700;}
.serif-em{font-family:'Cormorant Garamond',serif;font-style:italic;}
.eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin:0 0 18px;display:inline-flex;align-items:center;gap:12px;}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--gold-light);display:inline-block;}

/* ---------- header ---------- */
.head{position:fixed;top:0;left:0;width:100%;z-index:800;background:rgba(250,245,241,.92);backdrop-filter:saturate(140%) blur(12px);border-bottom:1px solid var(--line);}
.head.scrolled{box-shadow:0 10px 30px -22px rgba(58,18,40,.55);}
.head-in{max-width:1180px;margin:0 auto;padding:0 28px;height:var(--header-h);display:flex;align-items:center;gap:24px;}
.brand img{height:70px;width:auto;}
.nav{margin-left:auto;display:flex;align-items:center;gap:26px;}
.nav a{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);padding:6px 0;position:relative;transition:color .2s;}
.nav a::after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--gold);transition:width .25s ease;}
.nav a:hover{color:var(--plum);}
.nav a:hover::after,.nav a.active::after{width:100%;}
.nav a.active{color:var(--plum);}
.btn-head{background-color:#3A1228 !important;color:#FFFFFF !important;border:none;border-radius:999px;padding:12px 24px;font-size:12.5px;font-weight:700;letter-spacing:.08em;cursor:pointer;transition:background-color .2s,transform .2s;box-shadow:0 10px 22px -14px rgba(58,18,40,.8);}
.btn-head:hover{background-color:#5A2742 !important;transform:translateY(-1px);}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:999px;padding:9px 12px;cursor:pointer;}
.burger span{display:block;width:18px;height:1.5px;background:var(--plum);margin:4px 0;}
.mobile-nav{display:none;border-top:1px solid var(--line);background:var(--porcelain);}
.mobile-nav.open{display:block;}
.mobile-nav a{display:block;padding:14px 28px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--plum);border-bottom:1px solid var(--line);}
@media(max-width:960px){.nav{display:none;}.burger{display:block;}}

/* ---------- barra de progresso ---------- */
.progress{position:fixed;top:var(--header-h);left:0;height:2px;width:0;background:var(--gold);z-index:801;transition:width .1s linear;}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:999px;cursor:pointer;font-size:14px;font-weight:700;letter-spacing:.03em;padding:16px 30px;transition:transform .2s ease,background-color .2s ease,color .2s ease;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background-color:#3A1228 !important;color:#FFFFFF !important;box-shadow:0 14px 28px -16px rgba(58,18,40,.85);}
.btn-primary:hover{background-color:#5A2742 !important;}
.btn-ghost{background-color:transparent !important;color:#3A1228 !important;border:1.5px solid #3A1228 !important;}
.btn-ghost:hover{background-color:#3A1228 !important;color:#FFFFFF !important;}
.btn-wa{background-color:#25D366 !important;color:#FFFFFF !important;box-shadow:0 14px 28px -16px rgba(37,211,102,.75);}
.btn-wa:hover{background-color:#1EBE5D !important;}

/* ---------- cabeçalho do artigo ---------- */
.art-top{
  padding:calc(var(--header-h) + 62px) 0 42px;
  background:radial-gradient(700px 320px at 88% 4%, var(--blush-soft) 0%, rgba(240,222,215,0) 70%),
             linear-gradient(180deg,var(--porcelain) 0%,var(--porcelain-deep) 100%);
}
.crumbs{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 18px;}
.crumbs a:hover{color:var(--gold);}
.art-top h1{font-size:clamp(34px,4.6vw,56px);line-height:1.08;color:var(--plum);max-width:20ch;margin-bottom:20px;}
.art-sub{font-size:19px;color:var(--ink-soft);max-width:60ch;margin:0 0 30px;}
.byline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.byline img{width:48px;height:48px;border-radius:50%;object-fit:cover;object-position:top;border:1px solid var(--line-gold);}
.byline strong{display:block;font-size:14.5px;color:var(--plum);}
.byline span{font-size:12.5px;color:var(--ink-soft);}

.cover{margin-top:44px;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.5);}
.cover img{width:100%;aspect-ratio:16/8;object-fit:cover;}

/* ---------- corpo ---------- */
.art-body{padding:64px 0 40px;}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:64px;align-items:start;}
.prose{max-width:68ch;}
.prose > p{font-size:18px;line-height:1.78;color:var(--ink);margin:0 0 24px;}
.prose h2{font-size:clamp(28px,3.2vw,38px);line-height:1.15;color:var(--plum);margin:48px 0 16px;scroll-margin-top:110px;}
.prose h3{font-size:24px;color:var(--plum);margin:34px 0 12px;}
.prose ul,.prose ol{margin:0 0 26px;padding-left:0;list-style:none;}
.prose ul li{position:relative;padding-left:26px;margin-bottom:12px;font-size:17px;line-height:1.7;}
.prose ul li::before{content:"";position:absolute;left:2px;top:11px;width:8px;height:8px;border-radius:50%;border:1px solid var(--gold-light);}
.prose ol{counter-reset:n;}
.prose ol li{counter-increment:n;position:relative;padding-left:34px;margin-bottom:12px;font-size:17px;line-height:1.7;}
.prose ol li::before{content:counter(n);position:absolute;left:0;top:0;font-family:'Cormorant Garamond',serif;font-size:19px;color:var(--gold);}
.prose strong{font-weight:700;color:var(--plum);}
.prose a{color:var(--plum);border-bottom:1px solid var(--gold-light);}
.prose a:hover{color:var(--gold);}
blockquote{
  margin:38px 0;padding:26px 30px;border-left:2px solid var(--gold);
  background:var(--porcelain-deep);border-radius:0 16px 16px 0;
}
blockquote p{margin:0;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;line-height:1.4;color:var(--plum);}
figure{margin:38px 0;}
figure img{border-radius:18px;border:1px solid var(--line);}
figcaption{font-size:13px;color:var(--ink-soft);margin-top:10px;text-align:center;}

/* caixa de destaque dentro do texto */
.callout{
  margin:38px 0;padding:28px 30px;border:1px solid var(--line-gold);border-radius:18px;
  background:rgba(176,141,87,.06);
}
.callout h3{margin:0 0 8px;font-size:24px;}
.callout p{margin:0 0 18px;font-size:16px;color:var(--ink-soft);}
.callout .btn{padding:13px 24px;font-size:13.5px;}

/* ---------- sidebar ---------- */
.side{position:sticky;top:110px;display:grid;gap:26px;}
.toc{border:1px solid var(--line);border-radius:18px;padding:24px;background:var(--porcelain);}
.toc strong{display:block;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;}
.toc a{display:block;font-size:14.5px;color:var(--ink-soft);padding:7px 0;border-bottom:1px solid var(--line);line-height:1.4;}
.toc a:last-child{border-bottom:none;}
.toc a:hover{color:var(--plum);}
.side-cta{background:var(--plum);border-radius:18px;padding:26px;color:rgba(255,255,255,.78);}
.side-cta h3{color:#fff;font-size:24px;line-height:1.2;margin-bottom:8px;}
.side-cta p{font-size:14.5px;margin:0 0 18px;}
.side-cta .btn{width:100%;padding:13px 20px;font-size:13.5px;}
.share{display:flex;gap:10px;align-items:center;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);}
.share a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:.2s;}
.share a:hover{border-color:var(--line-gold);background:rgba(176,141,87,.08);}
.share svg{width:15px;height:15px;fill:var(--plum);}

/* ---------- assinatura médica ---------- */
.med-note{
  max-width:68ch;margin:48px 0 0;padding:22px 26px;border-radius:16px;
  background:var(--porcelain-deep);font-size:14px;color:var(--ink-soft);line-height:1.6;
}

/* ---------- relacionados ---------- */
.related{background:var(--porcelain-deep);padding:72px 0;}
.related h2{font-size:clamp(28px,3.2vw,40px);color:var(--plum);margin-bottom:34px;}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.card{background:var(--porcelain);border:1px solid var(--line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:var(--line-gold);}
.card .ph{aspect-ratio:16/10;overflow:hidden;}
.card .ph img{width:100%;height:100%;object-fit:cover;}
.card .tx{padding:24px;}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}
.card h3{font-size:23px;line-height:1.2;color:var(--plum);margin:10px 0 8px;}
.card .meta{font-size:12.5px;color:var(--ink-soft);}

/* ---------- footer ---------- */
.foot{background:#2A0D1D;color:rgba(255,255,255,.6);padding:44px 0 96px;font-size:13px;}
.foot-in{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;}
.foot img{height:40px;opacity:.9;}
.foot a{color:rgba(255,255,255,.8);}
.foot .legal{max-width:52ch;line-height:1.6;}

/* ---------- barra fixa ---------- */
.bar{position:fixed;left:0;bottom:0;width:100%;background:var(--plum);padding:13px 16px calc(13px + env(safe-area-inset-bottom));display:flex;justify-content:center;align-items:center;gap:18px;z-index:900;box-shadow:0 -10px 30px -18px rgba(0,0,0,.5);}
.bar .bar-note{color:rgba(255,255,255,.62);font-size:12.5px;}
@media(max-width:680px){.bar .bar-note{display:none;}}
.bar .btn{padding:13px 28px;font-size:14px;}

/* ---------- modal ---------- */
.modal{position:fixed;inset:0;background:rgba(43,26,34,.55);backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:20px;z-index:1000;}
.modal.open{display:flex;}
.modal-card{background:var(--porcelain);border-radius:22px;max-width:460px;width:100%;padding:34px 32px 30px;box-shadow:var(--shadow);position:relative;max-height:92vh;overflow-y:auto;}
.modal-card h3{font-size:30px;color:var(--plum);margin-bottom:8px;line-height:1.15;}
.modal-card .sub{font-size:15px;color:var(--ink-soft);margin:0 0 24px;}
.close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:24px;color:var(--ink-soft);cursor:pointer;line-height:1;}
.field{margin-bottom:16px;}
.field label{display:block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:7px;}
.field input,.field select{width:100%;padding:14px 16px;border-radius:12px;border:1px solid var(--line);background:#fff;font-family:inherit;font-size:16px;color:var(--ink);}
.field input:focus,.field select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(176,141,87,.15);}
.modal .btn{width:100%;margin-top:8px;}
.modal-note{font-size:12px;color:var(--ink-soft);text-align:center;margin:14px 0 0;line-height:1.5;}
.err{color:#B23A48;font-size:13px;margin:6px 0 0;display:none;}

/* ---------- responsivo ---------- */
@media(max-width:960px){
  .art-grid{grid-template-columns:1fr;gap:40px;}
  .side{position:static;}
  .posts{grid-template-columns:1fr 1fr;}
}
@media(max-width:680px){
  body{font-size:16px;}
  .wrap,.head-in{padding:0 20px;}
  .art-top{padding:calc(var(--header-h) + 38px) 0 30px;}
  .art-body{padding:44px 0 30px;}
  .prose > p{font-size:17px;}
  .cover img{aspect-ratio:4/3;}
  .posts{grid-template-columns:1fr;}
  .related{padding:52px 0;}
}
@media(prefers-reduced-motion:reduce){*{animation:none !important;transition:none !important;}html{scroll-behavior:auto;}}


/* ================================================================
   AJUSTES PARA O CONTEUDO DO EDITOR (Gutenberg) E WORDPRESS
   ================================================================ */
.prose .wp-block-image{margin:38px 0;}
.prose .wp-block-image img{border-radius:18px;border:1px solid var(--line);}
.prose figcaption{font-size:13px;color:var(--ink-soft);margin-top:10px;text-align:center;}
.prose .wp-block-quote{margin:38px 0;padding:26px 30px;border-left:2px solid var(--gold);background:var(--porcelain-deep);border-radius:0 16px 16px 0;}
.prose .wp-block-quote p{margin:0;font-family:'Cormorant Garamond',serif;font-style:italic;font-size:24px;line-height:1.4;color:var(--plum);}
.prose .wp-block-quote cite{display:block;margin-top:10px;font-size:13px;font-style:normal;color:var(--ink-soft);}
.prose .wp-block-table{margin:34px 0;}
.prose .wp-block-table table{width:100%;border-collapse:collapse;font-size:15.5px;}
.prose .wp-block-table th{background:var(--porcelain-deep);text-align:left;font-weight:700;color:var(--plum);}
.prose .wp-block-table th,.prose .wp-block-table td{padding:12px 14px;border:1px solid var(--line);}
.prose .wp-block-separator{border:none;border-top:1px solid var(--line);margin:40px 0;}
.prose .wp-block-embed{margin:34px 0;}
.prose .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border-radius:18px;border:0;}
.prose h4{font-family:'Cormorant Garamond',serif;font-size:21px;color:var(--plum);margin:28px 0 10px;}

/* paginação gerada pelo the_posts_pagination() */
.pagination.pager,.navigation.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:52px;}
.navigation.pagination .nav-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;}
.navigation.pagination .page-numbers{
  min-width:42px;height:42px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;
  font-size:14px;font-weight:600;border:1px solid var(--line);color:var(--ink-soft);padding:0 14px;text-decoration:none;
}
.navigation.pagination .page-numbers:hover{border-color:var(--line-gold);color:var(--plum);}
.navigation.pagination .page-numbers.current{background:var(--plum);border-color:var(--plum);color:#fff;}
.navigation.pagination .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* o card inteiro é um link: evita sublinhado herdado.
   ATENÇÃO: .featured NÃO pode receber display:block,
   senão o grid de duas colunas do destaque se desfaz. */
.posts > a{display:block;height:100%;}
.card,.featured{color:inherit;}
.card{height:100%;}

/* destaque: garante o grid mesmo dentro do link.
   Envolvido em min-width para não anular o padding do mobile,
   que está definido antes, dentro do media query de 960px. */
@media(min-width:961px){
  .featured{display:grid;grid-template-columns:1.05fr .95fr;}
  .featured .tx{padding:44px 44px 44px 4px;}
}
@media(max-width:960px){
  .featured{display:grid;grid-template-columns:1fr;}
  .featured .tx{padding:32px 30px 36px;}
}

/* some com o grid quando só existe o post em destaque */
.posts:empty{display:none;}
.posts:empty + .navigation{display:none;}


/* ================================================================
   PÁGINA 404
   ================================================================ */
.erro-404{
  padding:calc(var(--header-h) + 90px) 0 100px;min-height:72vh;
  background:radial-gradient(760px 340px at 84% 6%, var(--blush-soft) 0%, rgba(240,222,215,0) 70%),
             linear-gradient(180deg,var(--porcelain) 0%,var(--porcelain-deep) 100%);
}
.erro-404 h1{font-size:clamp(36px,5vw,58px);line-height:1.05;color:var(--plum);margin-bottom:16px;}
.erro-404 .lead{margin-bottom:40px;}
.atalhos{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:760px;}
.atalhos a{
  display:block;padding:22px 24px;border:1px solid var(--line);border-radius:16px;
  background:var(--porcelain);transition:transform .2s,border-color .2s,box-shadow .2s;
}
.atalhos a:hover{transform:translateY(-3px);border-color:var(--line-gold);box-shadow:var(--shadow);}
.atalhos strong{display:block;font-family:'Cormorant Garamond',serif;font-size:24px;color:var(--plum);margin-bottom:4px;}
.atalhos span{font-size:14.5px;color:var(--ink-soft);}
.busca-404{display:flex;gap:10px;margin:34px 0 30px;max-width:520px;}
.busca-404 input{
  flex:1;padding:15px 18px;border-radius:999px;border:1px solid var(--line);
  background:#fff;font-family:inherit;font-size:16px;color:var(--ink);
}
.busca-404 input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(176,141,87,.15);}
.busca-404 .btn{padding:15px 26px;font-size:13.5px;}
.acoes-404{display:flex;flex-wrap:wrap;gap:14px;}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
@media(max-width:680px){
  .erro-404{padding:calc(var(--header-h) + 50px) 0 70px;}
  .atalhos{grid-template-columns:1fr;}
  .busca-404{flex-direction:column;}
  .busca-404 .btn{width:100%;}
}