/* Página de conteúdos — estilos de produção */

:root{--ink:#432c38;--ink2:#5a3f4a;--muted:#6b5960;--paper:#f7f0e7;--paper2:#efe4d7;--rose:#c9828b;--clay:#b56f79;--clay2:#8f5360;--white:#fffaf6;--line:rgba(67,44,56,.11);--serif:"DM Serif Display",Georgia,serif;--sans:"Manrope",system-ui,sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit}
.blog-page{background:var(--paper)}
.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.blog-header{padding:24px 0 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-family:var(--serif);font-size:25px;line-height:1}.brand small{display:block;margin-top:6px;font:700 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.header-right{display:flex;align-items:center;gap:18px}.header-section{font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--clay2)}
.back-link{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);padding:9px 13px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.32);transition:.25s ease}.back-link:hover{background:var(--white);border-color:rgba(67,44,56,.2);transform:translateY(-1px)}
.blog-intro{padding:70px 0 42px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.65fr);gap:60px;align-items:end}
.intro-kicker{font-size:10px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:var(--clay2)}
.blog-intro h1{font:400 clamp(52px,7vw,82px)/.92 var(--serif);letter-spacing:-.05em;margin-top:15px;max-width:720px}.blog-intro h1 em{font-style:italic;color:var(--clay2)}
.intro-copy{font-size:14px;line-height:1.8;color:var(--muted);max-width:400px;margin-bottom:5px}.intro-copy strong{color:var(--ink2);font-weight:700}
.archive-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.archive-title{font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.filters{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.filter{appearance:none;border:1px solid rgba(143,83,96,.2);background:transparent;color:var(--clay2);border-radius:999px;padding:8px 12px;min-height:34px;font-size:10px;font-weight:800;letter-spacing:.06em;cursor:pointer;transition:.22s ease}.filter:hover{border-color:rgba(143,83,96,.45);background:rgba(255,255,255,.35)}.filter.is-active{background:var(--ink);border-color:var(--ink);color:#fff}
.archive{padding:42px 0 105px}.post-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;align-items:start}
.blog-card{min-width:0;background:rgba(255,250,246,.86);border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:0 22px 55px -44px rgba(67,44,56,.55);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.blog-card:hover{transform:translateY(-3px);box-shadow:0 30px 70px -46px rgba(67,44,56,.62);border-color:rgba(67,44,56,.16)}
.blog-card.is-hidden{display:none}
.blog-card>div:first-child{padding:13px 13px 0}.post-media-row{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(210px,.72fr);gap:16px;align-items:stretch}.post-frame{width:100%;padding:0;background:transparent;border:0;border-radius:18px;box-shadow:none;min-width:0}.post-stage{position:relative;overflow:hidden;border-radius:18px;background:var(--ink);aspect-ratio:4/5;touch-action:pan-y;user-select:none;outline:none}.slide-caption{min-width:0;border:1px solid var(--line);border-radius:18px;background:rgba(247,240,231,.72);padding:22px 20px;display:flex;flex-direction:column;justify-content:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}.slide-caption-text{font:400 clamp(16px,1.7vw,22px)/1.45 var(--serif);color:var(--ink2)}.post-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(18px) scale(.985);transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1),visibility 0s linear .65s}.post-slide.is-active{opacity:1;visibility:visible;transform:translateX(0) scale(1);transition-delay:0s}.post-slide img{width:100%;height:100%;object-fit:cover;pointer-events:none}.blog-card[data-ratio="3/4"] .post-stage{aspect-ratio:3/4;background:var(--paper2)}.blog-card[data-ratio="3/4"] .post-slide img{object-fit:contain;background:var(--paper2)}
.post-counter{position:absolute;right:14px;top:14px;z-index:5;display:flex;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(67,44,56,.72);backdrop-filter:blur(12px);color:#fff;font-size:9px;font-weight:800;letter-spacing:.08em}.post-counter .current{color:var(--rose)}
.post-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:12px;min-height:20px}.post-dot{appearance:none;width:8px;height:8px;min-width:8px;min-height:8px;padding:0;border:1px solid rgba(67,44,56,.3);border-radius:50%;background:rgba(67,44,56,.11);cursor:pointer;transition:.22s ease}.post-dot:hover{transform:scale(1.15);background:rgba(67,44,56,.3)}.post-dot.is-active{background:var(--clay2);border-color:var(--clay2);transform:scale(1.2);box-shadow:0 0 0 3px rgba(143,83,96,.1)}.post-help{text-align:center;margin:8px 0 0;font-size:9px;color:var(--muted)}
.post-copy{padding:25px 27px 28px;max-width:none}
.post-copy h3{font:400 clamp(27px,3vw,39px)/1.04 var(--serif);letter-spacing:-.035em;margin-bottom:16px}
.post-tags{display:flex;flex-wrap:wrap;gap:6px;margin:18px 0 20px}.post-tags span{border:1px solid rgba(143,83,96,.19);border-radius:999px;padding:6px 9px;color:var(--clay2);font-size:8px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.post-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 14px;font-size:9px;font-weight:800;letter-spacing:.02em;border:1px solid transparent;cursor:pointer}.btn-primary{background:var(--ink);color:#fff;box-shadow:0 12px 26px -18px rgba(67,44,56,.65)}
.empty-state{display:none;padding:45px 20px;text-align:center;color:var(--muted);font-size:13px}.empty-state strong{display:block;font-family:var(--serif);font-size:28px;color:var(--ink);margin-bottom:8px}
.blog-footer{border-top:1px solid var(--line);padding:28px 0 34px}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:10px;line-height:1.6}.footer-brand{font-family:var(--serif);font-size:19px;color:var(--ink)}
@media (max-width:850px){.blog-intro{grid-template-columns:1fr;gap:22px;padding:58px 0 35px}.intro-copy{max-width:560px}.post-grid{grid-template-columns:1fr}.blog-card{max-width:680px;width:100%;margin:0 auto}.archive-bar{align-items:flex-start;flex-direction:column}.filters{justify-content:flex-start}.footer-inner{flex-direction:column;align-items:flex-start}}
@media (max-width:850px){.post-media-row{grid-template-columns:minmax(0,1.15fr) minmax(180px,.78fr);gap:12px}.slide-caption{padding:18px 16px}.slide-caption-text{font-size:18px}} @media (max-width:600px){.page-shell{width:min(100% - 28px,680px)}.blog-header{padding:19px 0 15px}.brand{font-size:22px}.header-section{display:none}.back-link{font-size:9px;padding:8px 11px}.blog-intro{padding:47px 0 30px}.blog-intro h1{font-size:clamp(48px,15vw,70px);max-width:500px}.intro-copy{font-size:13px;line-height:1.75}.archive{padding:28px 0 75px}.post-grid{gap:20px}.blog-card{border-radius:21px}.blog-card>div:first-child{padding:9px 9px 0}.post-media-row{grid-template-columns:minmax(0,1.18fr) minmax(118px,.72fr);gap:9px}.post-stage{border-radius:15px}.slide-caption{border-radius:15px;padding:14px 12px}.slide-caption-text{font-size:14px;line-height:1.42}.post-copy{padding:22px 20px 24px}.post-copy h3{font-size:30px}.post-actions .btn{width:100%}.post-help{font-size:8px}.post-dots{gap:7px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.blog-card,.filter,.back-link,.post-slide{transition:none}}

:root{
  --editorial-line: rgba(67,44,56,.14);
  --editorial-soft: rgba(255,250,246,.72);
}
.editorial-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:9px;
  margin:0 0 14px;
  color:var(--muted,#6b5960);
  font:600 10px/1.2 Manrope,sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.editorial-meta span:first-child{color:var(--clay,#b56f79)}
.editorial-meta i{
  width:3px;height:3px;border-radius:50%;
  background:currentColor;opacity:.45;display:inline-block
}
.editorial-meta time{letter-spacing:.08em}

.blog-card{
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.blog-card:hover{
  transform:translateY(-2px);
}
.blog-card:focus-within{
  outline:2px solid rgba(185,112,121,.32);
  outline-offset:5px;
}
.post-actions a{
  transition:background .25s ease,color .25s ease,transform .25s ease;
}
.post-actions a:hover{transform:translateY(-1px)}

.editorial-return{
  max-width:1120px;
  margin:82px auto 20px;
  padding:30px 34px;
  border-top:1px solid var(--editorial-line);
  border-bottom:1px solid var(--editorial-line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}
.editorial-return .eyebrow{
  display:block;
  margin-bottom:8px;
  color:var(--clay,#b56f79);
  font:700 10px/1 Manrope,sans-serif;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.editorial-return h2{
  margin:0 0 7px;
  font-family:"DM Serif Display",serif;
  font-weight:400;
  font-size:clamp(26px,3vw,38px);
  line-height:1.05;
  color:var(--ink,#432c38);
}
.editorial-return p{
  margin:0;
  max-width:590px;
  color:var(--muted,#6b5960);
  font:400 14px/1.65 Manrope,sans-serif;
}
.editorial-return a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:12px 17px;
  border:1px solid rgba(67,44,56,.16);
  border-radius:999px;
  color:var(--ink,#432c38);
  background:rgba(255,250,246,.55);
  text-decoration:none;
  font:700 11px/1 Manrope,sans-serif;
  letter-spacing:.06em;
  transition:all .25s ease;
}
.editorial-return a:hover{
  background:var(--ink,#432c38);
  color:var(--white,#fffaf6);
  border-color:var(--ink,#432c38);
}

@media (max-width:700px){
  .editorial-meta{font-size:9px;gap:7px;margin-bottom:11px}
  .editorial-return{
    margin:58px 16px 14px;
    padding:24px 0;
    display:block;
  }
  .editorial-return p{font-size:13px}
  .editorial-return a{margin-top:18px}
}

@media (max-width:700px){.filters{display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-bottom:4px;max-width:100%;-webkit-overflow-scrolling:touch}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto;white-space:nowrap}.archive-bar{overflow:hidden}}
.filter:focus-visible,.back-link:focus-visible,.brand:focus-visible,.post-dot:focus-visible{outline:2px solid var(--rose);outline-offset:4px}



.editorial-meta time{color:var(--clay2,#8f5360)}
.btn-ghost{background:transparent;color:var(--ink2);border-color:rgba(67,44,56,.18)}
.btn-ghost:hover{background:rgba(67,44,56,.06);border-color:rgba(67,44,56,.32)}
.btn-ghost.is-copied{background:var(--clay2);border-color:var(--clay2);color:#fff}
.blog-card.is-highlighted{animation:card-pulse 2.4s ease}
@keyframes card-pulse{0%{box-shadow:0 0 0 0 rgba(143,83,96,.45)}25%{box-shadow:0 0 0 8px rgba(143,83,96,.14)}100%{box-shadow:0 22px 55px -44px rgba(67,44,56,.55)}}
.noscript-warning{margin:24px auto;padding:14px 18px;border:1px solid var(--line);border-radius:14px;background:rgba(255,250,246,.6);font-size:12px;color:var(--muted);text-align:center}
@media (prefers-reduced-motion:reduce){.blog-card.is-highlighted{animation:none;outline:2px solid var(--clay2);outline-offset:4px}}

:root{
  --glass:rgba(255,250,246,.72);
  --glass-strong:rgba(255,250,246,.86);
  --glass-soft:rgba(255,250,246,.52);
  --glass-border:rgba(67,44,56,.12);
  --shadow-soft:0 28px 80px -54px rgba(67,44,56,.55);
}

body.content-page{
  position:relative;
  isolation:isolate;
  background:var(--paper);
}
body.content-page::before{
  content:"";
  position:fixed;
  z-index:-3;
  top:0;
  right:0;
  bottom:0;
  width:40vw;
  min-width:390px;
  background:
    linear-gradient(90deg,rgba(247,240,231,1) 0%,rgba(247,240,231,.88) 10%,rgba(247,240,231,.28) 35%,rgba(247,240,231,.04) 72%),
    linear-gradient(180deg,rgba(255,250,246,.10),rgba(67,44,56,.12)),
    url("/luana-raquel-psicologa-hero-960.webp") center 28%/cover no-repeat;
  box-shadow:-45px 0 100px rgba(67,44,56,.08);
}
body.content-page::after{
  content:"";
  position:fixed;
  z-index:-2;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,
    rgba(247,240,231,.96) 0%,
    rgba(247,240,231,.88) 42%,
    rgba(247,240,231,.35) 66%,
    rgba(247,240,231,.08) 100%);
}

.blog-page .page-shell{
  position:relative;
  z-index:1;
}

.blog-header{
  margin-top:18px;
  padding:17px 20px 16px;
  border:1px solid var(--glass-border);
  border-radius:24px;
  background:rgba(255,250,246,.62);
  backdrop-filter:blur(18px) saturate(120%);
  -webkit-backdrop-filter:blur(18px) saturate(120%);
  box-shadow:0 18px 55px -42px rgba(67,44,56,.48);
}
.blog-header .brand{letter-spacing:-.025em}
.blog-header .back-link{
  background:rgba(255,250,246,.55);
  backdrop-filter:blur(10px);
}

.blog-intro{
  margin-top:24px;
  padding:62px 48px 46px;
  border:1px solid var(--glass-border);
  border-radius:30px;
  background:linear-gradient(135deg,rgba(255,250,246,.80),rgba(255,250,246,.54));
  backdrop-filter:blur(18px) saturate(115%);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  box-shadow:var(--shadow-soft);
}
.blog-intro h1{
  text-wrap:balance;
}
.intro-copy{
  padding:20px 0 5px 28px;
  border-left:1px solid rgba(143,83,96,.20);
}

.archive-bar{
  margin-top:20px;
  padding:13px 17px;
  border:1px solid var(--glass-border);
  border-radius:20px;
  background:rgba(255,250,246,.60);
  backdrop-filter:blur(15px);
  -webkit-backdrop-filter:blur(15px);
  box-shadow:0 18px 50px -46px rgba(67,44,56,.5);
}
.filter{
  background:rgba(255,250,246,.34);
  backdrop-filter:blur(8px);
}
.filter.is-active{
  box-shadow:0 10px 24px -16px rgba(67,44,56,.7);
}

.archive{
  padding-top:30px;
}

.blog-card{
  background:rgba(255,250,246,.68);
  border-color:rgba(67,44,56,.12);
  backdrop-filter:blur(18px) saturate(115%);
  -webkit-backdrop-filter:blur(18px) saturate(115%);
  box-shadow:0 28px 70px -50px rgba(67,44,56,.60);
}
.blog-card>div:first-child{
  padding:11px 11px 0;
}
.post-stage{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
.slide-caption{
  background:rgba(247,240,231,.54);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.post-copy{
  padding-top:23px;
}
.post-tags span{
  background:rgba(255,250,246,.30);
}
.btn-primary{
  box-shadow:0 16px 30px -20px rgba(67,44,56,.75);
}
.editorial-return{
  border:1px solid var(--glass-border);
  border-radius:24px;
  margin-top:54px;
  margin-bottom:22px;
  padding:27px 30px;
  background:rgba(255,250,246,.60);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:var(--shadow-soft);
}
.blog-footer{
  margin-top:28px;
  background:rgba(255,250,246,.48);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.footer-inner{
  padding-left:4px;
  padding-right:4px;
}

.blog-header::after{
  content:"LR";
  position:absolute;
  right:22px;
  bottom:-15px;
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(143,83,96,.22);
  background:rgba(255,250,246,.82);
  color:var(--clay2);
  font:400 11px/1 var(--serif);
  box-shadow:0 8px 20px -15px rgba(67,44,56,.5);
}
@media (max-width:850px){
  body.content-page::before{
    width:45vw;
    min-width:270px;
    opacity:.78;
    background:
      linear-gradient(90deg,rgba(247,240,231,1) 0%,rgba(247,240,231,.80) 18%,rgba(247,240,231,.18) 70%),
      url("/luana-raquel-psicologa-hero-960.webp") center 25%/cover no-repeat;
  }
  body.content-page::after{
    background:linear-gradient(90deg,rgba(247,240,231,.97) 0%,rgba(247,240,231,.84) 55%,rgba(247,240,231,.20) 100%);
  }
  .blog-intro{
    padding:48px 32px 36px;
  }
  .intro-copy{
    padding:0;
    border-left:0;
    max-width:560px;
  }
}
@media (max-width:600px){
  body.content-page::before{
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:390px;
    min-width:0;
    opacity:.42;
    background:
      linear-gradient(180deg,rgba(247,240,231,.18) 0%,rgba(247,240,231,.72) 72%,rgba(247,240,231,1) 100%),
      url("/luana-raquel-psicologa-hero-960.webp") center 18%/cover no-repeat;
  }
  body.content-page::after{
    position:absolute;
    height:520px;
    background:linear-gradient(180deg,
      rgba(247,240,231,.28) 0%,
      rgba(247,240,231,.60) 42%,
      rgba(247,240,231,.94) 82%,
      rgba(247,240,231,1) 100%);
  }
  .blog-header{
    margin-top:10px;
    padding:13px 14px 12px;
    border-radius:20px;
  }
  .blog-intro{
    margin-top:15px;
    padding:42px 23px 29px;
    border-radius:24px;
    background:rgba(255,250,246,.64);
  }
  .archive-bar{
    margin-top:13px;
    border-radius:17px;
  }
  .blog-card{
    background:rgba(255,250,246,.80);
  }
  .editorial-return{
    border-radius:20px;
    padding:23px 20px;
  }
}
@media (prefers-reduced-motion:reduce){
  body.content-page *{scroll-behavior:auto}
}

.blog-header.page-shell{
  position:fixed !important;
  top:14px !important;
  left:50% !important;
  right:auto !important;
  z-index:1000 !important;

  width:min(1180px, calc(100% - 28px)) !important;
  margin:0 !important;
  transform:translateX(-50%) !important;

  padding:14px 18px !important;
  border:1px solid rgba(255,255,255,.62) !important;
  border-radius:22px !important;
  background:rgba(255,250,246,.72) !important;

  box-shadow:0 18px 48px -30px rgba(67,44,56,.48) !important;
  backdrop-filter:blur(18px) saturate(120%) !important;
  -webkit-backdrop-filter:blur(18px) saturate(120%) !important;
}

body.content-page main{
  padding-top:104px !important;
}

.blog-header::after{
  bottom:-14px !important;
}

@media (max-width:600px){
  .blog-header.page-shell{
    top:10px !important;
    width:calc(100% - 20px) !important;
    padding:12px 13px !important;
    border-radius:19px !important;
  }

  body.content-page main{
    padding-top:88px !important;
  }

  .blog-header .brand{
    font-size:20px !important;
  }

  .blog-header .brand small{
    font-size:7px !important;
  }

  .blog-header .back-link{
    padding:8px 10px !important;
    font-size:8px !important;
    white-space:nowrap !important;
  }
}

/* Reorganização editorial */
/* ==========================================================
   PÁGINA DE CONTEÚDOS — REORGANIZAÇÃO EDITORIAL
   IMPORTANTE: não altera body.content-page::before/::after,
   portanto a foto/fundo original permanecem exatamente como estão.
   ========================================================== */

/* ---------- shell / intro ---------- */
body.content-page .blog-intro{
  margin-top:34px!important;
  padding:72px 0 54px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(280px,.62fr)!important;
  gap:72px!important;
  align-items:end!important;

  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.content-page .blog-intro > div:first-child{
  position:relative!important;
}

body.content-page .blog-intro > div:first-child::after{
  content:""!important;
  display:block!important;
  width:72px!important;
  height:1px!important;
  margin-top:28px!important;
  background:linear-gradient(90deg,var(--clay2),rgba(143,83,96,.10))!important;
}

body.content-page .intro-kicker{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  color:#9a6570!important;
  font-size:9px!important;
  letter-spacing:.18em!important;
}

body.content-page .intro-kicker::before{
  content:""!important;
  width:8px!important;
  height:8px!important;
  border-radius:50%!important;
  background:var(--rose)!important;
  box-shadow:0 0 0 5px rgba(201,130,139,.12)!important;
}

body.content-page .blog-intro h1{
  max-width:760px!important;
  margin-top:18px!important;
  font-size:clamp(58px,7.2vw,92px)!important;
  line-height:.91!important;
  letter-spacing:-.052em!important;
}

body.content-page .intro-copy{
  max-width:420px!important;
  margin:0 0 5px!important;
  padding:0 0 0 28px!important;
  border-left:1px solid rgba(143,83,96,.20)!important;
  font-size:14px!important;
  line-height:1.85!important;
}

/* ---------- filter bar ---------- */
body.content-page .archive-bar{
  margin-top:0!important;
  padding:15px 0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  border-top:1px solid rgba(67,44,56,.10)!important;
  border-bottom:1px solid rgba(67,44,56,.10)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.content-page .archive-title{
  color:#8b747c!important;
  font-size:9px!important;
  letter-spacing:.17em!important;
}

body.content-page .filters{
  gap:8px!important;
}

body.content-page .filter{
  min-height:35px!important;
  padding:8px 13px!important;
  border-color:rgba(143,83,96,.17)!important;
  background:rgba(255,250,246,.28)!important;
  backdrop-filter:blur(7px)!important;
}

body.content-page .filter.is-active{
  background:#432c38!important;
  border-color:#432c38!important;
  color:#fff!important;
}

/* ---------- archive ---------- */
body.content-page .archive{
  padding:44px 0 96px!important;
}

body.content-page .post-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:26px!important;
  max-width:1080px!important;
  margin:0 auto!important;
}

/* One editorial article per row */
body.content-page .blog-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr)!important;
  min-height:520px!important;
  overflow:hidden!important;
  border:1px solid rgba(67,44,56,.095)!important;
  border-radius:28px!important;
  background:rgba(255,250,246,.66)!important;
  box-shadow:0 30px 78px -56px rgba(67,44,56,.60)!important;
  backdrop-filter:blur(14px) saturate(110%)!important;
  -webkit-backdrop-filter:blur(14px) saturate(110%)!important;
}

body.content-page .blog-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(143,83,96,.17)!important;
  box-shadow:0 38px 88px -54px rgba(67,44,56,.65)!important;
}

/* soft editorial number in background */
body.content-page .blog-card::after{
  content:attr(data-post)!important;
  position:absolute!important;
  right:24px!important;
  bottom:-20px!important;
  z-index:0!important;
  max-width:42%!important;
  overflow:hidden!important;
  color:rgba(143,83,96,.035)!important;
  font:400 92px/1 var(--serif)!important;
  white-space:nowrap!important;
  pointer-events:none!important;
}

/* alternate rows */
body.content-page .blog-card:nth-child(even) > div:first-child{
  order:2!important;
}
body.content-page .blog-card:nth-child(even) > .post-copy{
  order:1!important;
}

/* ---------- media column ---------- */
body.content-page .blog-card > div:first-child{
  position:relative!important;
  z-index:1!important;
  min-width:0!important;
  padding:14px!important;
  border-right:1px solid rgba(67,44,56,.075)!important;
}

body.content-page .blog-card:nth-child(even) > div:first-child{
  border-right:0!important;
  border-left:1px solid rgba(67,44,56,.075)!important;
}

body.content-page .post-media-row{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  height:auto!important;
}

body.content-page .post-frame{
  min-width:0!important;
}

body.content-page .post-stage{
  width:100%!important;
  max-width:100%!important;
  aspect-ratio:4/5!important;
  border-radius:20px!important;
  background:#efe4d7!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)!important;
}

body.content-page .blog-card[data-ratio="3/4"] .post-stage{
  aspect-ratio:3/4!important;
}

/* caption becomes a quiet editorial note, not a second card */
body.content-page .slide-caption{
  min-height:92px!important;
  padding:16px 18px 6px!important;
  justify-content:flex-start!important;
  border:0!important;
  border-radius:0!important;
  border-top:1px solid rgba(67,44,56,.10)!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

body.content-page .slide-caption-text{
  color:#66515a!important;
  font:italic 17px/1.52 var(--serif)!important;
}

body.content-page .post-counter{
  right:13px!important;
  top:13px!important;
  padding:7px 10px!important;
  background:rgba(67,44,56,.74)!important;
}

body.content-page .post-dots{
  margin:12px 0 0!important;
}

body.content-page .post-help{
  margin-top:7px!important;
  color:#8b777f!important;
}

/* ---------- copy column ---------- */
body.content-page .post-copy{
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  padding:46px 46px 42px!important;
}

body.content-page .editorial-meta{
  margin-bottom:17px!important;
  color:#89737b!important;
  font-size:9px!important;
  letter-spacing:.11em!important;
}

body.content-page .editorial-meta span:first-child{
  color:#a05f6d!important;
}

body.content-page .post-copy h3{
  max-width:560px!important;
  margin:0 0 19px!important;
  color:#432c38!important;
  font-size:clamp(34px,3.7vw,48px)!important;
  line-height:.99!important;
  letter-spacing:-.04em!important;
  text-wrap:balance;
}

/* We use the tags as the short editorial descriptor */
body.content-page .post-tags{
  gap:7px!important;
  margin:0 0 26px!important;
}

body.content-page .post-tags span{
  padding:7px 10px!important;
  background:rgba(255,250,246,.34)!important;
  border-color:rgba(143,83,96,.16)!important;
  color:#8f5360!important;
  font-size:8px!important;
}

/* subtle divider before CTAs */
body.content-page .post-actions{
  position:relative!important;
  gap:8px!important;
  margin-top:4px!important;
  padding-top:22px!important;
}

body.content-page .post-actions::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:68px!important;
  height:1px!important;
  background:rgba(143,83,96,.22)!important;
}

body.content-page .btn{
  min-height:40px!important;
  padding:10px 15px!important;
  font-size:9px!important;
}

body.content-page .btn-primary{
  background:#432c38!important;
}

body.content-page .btn-primary:hover{
  background:#8f5360!important;
}

body.content-page .btn-ghost{
  background:rgba(255,250,246,.26)!important;
}

/* ---------- return CTA ---------- */
body.content-page .editorial-return{
  max-width:1080px!important;
  margin:10px auto 24px!important;
  padding:28px 30px!important;
  border:1px solid rgba(67,44,56,.09)!important;
  border-radius:24px!important;
  background:rgba(255,250,246,.56)!important;
  box-shadow:0 24px 68px -54px rgba(67,44,56,.52)!important;
}

body.content-page .editorial-return h2{
  font-size:clamp(29px,3vw,38px)!important;
}

/* ---------- tablet ---------- */
@media (max-width:950px){
  body.content-page .blog-intro{
    grid-template-columns:1fr!important;
    gap:26px!important;
    padding:58px 0 40px!important;
  }

  body.content-page .intro-copy{
    max-width:620px!important;
    padding-left:0!important;
    border-left:0!important;
  }

  body.content-page .blog-card{
    grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr)!important;
    min-height:480px!important;
  }

  body.content-page .post-copy{
    padding:36px 32px 34px!important;
  }

  body.content-page .post-copy h3{
    font-size:36px!important;
  }
}

/* ---------- mobile ---------- */
@media (max-width:700px){
  body.content-page .blog-intro{
    margin-top:16px!important;
    padding:42px 0 32px!important;
  }

  body.content-page .blog-intro h1{
    font-size:clamp(49px,15vw,69px)!important;
  }

  body.content-page .blog-intro > div:first-child::after{
    margin-top:22px!important;
  }

  body.content-page .archive-bar{
    align-items:flex-start!important;
    gap:12px!important;
    padding:13px 0!important;
  }

  body.content-page .archive{
    padding:28px 0 72px!important;
  }

  body.content-page .post-grid{
    gap:18px!important;
  }

  body.content-page .blog-card,
  body.content-page .blog-card:nth-child(even){
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
    border-radius:22px!important;
  }

  body.content-page .blog-card > div:first-child,
  body.content-page .blog-card:nth-child(even) > div:first-child{
    order:1!important;
    padding:9px 9px 0!important;
    border:0!important;
  }

  body.content-page .blog-card > .post-copy,
  body.content-page .blog-card:nth-child(even) > .post-copy{
    order:2!important;
  }

  body.content-page .post-stage{
    border-radius:17px!important;
  }

  body.content-page .slide-caption{
    min-height:auto!important;
    padding:14px 11px 4px!important;
  }

  body.content-page .slide-caption-text{
    font-size:15px!important;
    line-height:1.46!important;
  }

  body.content-page .post-copy{
    padding:25px 21px 24px!important;
  }

  body.content-page .post-copy h3{
    font-size:32px!important;
    line-height:1.02!important;
  }

  body.content-page .editorial-meta{
    gap:7px!important;
    font-size:8px!important;
  }

  body.content-page .post-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
  }

  body.content-page .post-actions .btn{
    width:100%!important;
  }

  body.content-page .blog-card::after{
    display:none!important;
  }

  body.content-page .editorial-return{
    margin:4px 14px 18px!important;
    padding:24px 20px!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.content-page .blog-card{
    transition:none!important;
  }
}


/* ==========================================================
   AJUSTE MOBILE — CARDS DE CONTEÚDO
   Reduz somente a área visual do carrossel em telas pequenas
   para que a legenda apareça com mais facilidade no viewport.
   Desktop/tablet e fundo da página permanecem inalterados.
   ========================================================== */
@media (max-width:700px){
  body.content-page .post-frame{
    display:flex!important;
    justify-content:center!important;
  }

  body.content-page .post-stage{
    width:min(100%, 300px)!important;
    max-width:300px!important;
    margin:0 auto!important;
  }

  body.content-page .blog-card[data-ratio="3/4"] .post-stage{
    width:min(100%, 290px)!important;
    max-width:290px!important;
  }

  body.content-page .slide-caption{
    width:min(100%, 300px)!important;
    margin:0 auto!important;
    padding:12px 6px 3px!important;
  }

  body.content-page .slide-caption-text{
    font-size:14px!important;
    line-height:1.45!important;
  }

  body.content-page .post-dots{
    margin-top:9px!important;
  }

  body.content-page .post-help{
    margin-top:4px!important;
  }
}

@media (max-width:380px){
  body.content-page .post-stage{
    width:min(100%, 276px)!important;
    max-width:276px!important;
  }

  body.content-page .blog-card[data-ratio="3/4"] .post-stage{
    width:min(100%, 268px)!important;
    max-width:268px!important;
  }

  body.content-page .slide-caption{
    width:min(100%, 276px)!important;
  }
}