/* ============================================================
   Enxoval Sem Susto — design editorial (base: handoff Claude Design)
   Newsreader + Hanken Grotesk · creme + terracota + sage
   ============================================================ */
:root{
  --bg:#FBF6EE; --panel:#F3EADB; --card:#FFFCF6;
  --ink:#2A231D; --ink-hover:#3A322B;
  --terra:#C15F3C; --terra-hover:#A24A2C; --terra-dk:#B04A2A; --chip-terra:#EEDCD3;
  --sage:#6E7F63; --sage-tx:#556B4A; --chip-sage:#E9EEE2;
  --tx2:#6B5F52; --tx3:#4A4139; --muted:#9A8B79; --muted-2:#C0AE96;
  --line:#E4D8C6; --line-2:#DDCDB6; --ghost:#DFCDB6;
  --dark:#221C17; --dark-2:#2E2720; --dark-line:#4A3F35;
  --on-dark:#F3EADB; --on-dark-2:#F8EFE2; --on-dark-muted:#CDBBA6; --peach:#E9B79F;
  --serif:'Newsreader',Georgia,serif;
  --sans:'Hanken Grotesk',-apple-system,'Segoe UI',sans-serif;
  --wrap:1180px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;}
::selection{background:#E8C9C0;color:#2A231D;}
img{max-width:100%;display:block;}
a{color:var(--terra);text-decoration:none;}
a:hover{color:var(--terra-hover);}
:focus-visible{outline:2px solid var(--terra);outline-offset:2px;}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px;}
.eyebrow{font-family:var(--sans);font-weight:600;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--terra);margin:0 0 16px;}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.01em;margin:0;}
h1{font-size:clamp(38px,5vw,62px);line-height:1.03;letter-spacing:-.015em;text-wrap:balance;}
h1 em,.hero h1 em{font-style:italic;color:var(--terra);}
h2{font-size:clamp(28px,3.4vw,42px);line-height:1.06;}
p{text-wrap:pretty;}

/* 1. disclosure */
.aff-bar{background:var(--dark);color:var(--on-dark-muted);font-size:11.5px;letter-spacing:.05em;text-align:center;padding:9px 20px;}

/* 2. header */
.hdr{border-bottom:1px solid var(--line);}
.hdr__row{max-width:var(--wrap);margin:0 auto;padding:22px 40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;}
.hdr__logo{font-family:var(--serif);font-style:italic;font-weight:500;font-size:27px;color:var(--ink);display:flex;align-items:center;gap:13px;}
.hdr__logo span{font-family:var(--sans);font-style:normal;font-weight:600;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);border-left:1px solid var(--line);padding-left:13px;}
.hdr__nav{display:flex;gap:28px;font-size:14px;font-weight:500;}
.hdr__nav a{color:var(--ink);}
.hdr__nav a:hover{color:var(--terra);}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--sans);font-weight:600;font-size:15px;border-radius:999px;padding:13px 24px;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s;}
.btn--dark{background:var(--ink);color:#fff;}
.btn--dark:hover{background:var(--ink-hover);color:#fff;}
.btn--out{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn--out:hover{background:var(--ink);color:#fff;}
.btn--terra{background:var(--terra);color:#fff;}
.btn--terra:hover{background:var(--terra-hover);color:#fff;}
.lnk-loja{color:var(--terra);font-weight:600;border-bottom:1px solid transparent;}
.lnk-loja:hover{border-bottom-color:var(--terra);}

/* 3. hero */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;max-width:var(--wrap);margin:0 auto;padding:66px 40px 74px;}
.hero__lead{font-size:19px;color:var(--tx2);margin:20px 0 24px;}
.hero__meta{font-size:13.5px;color:var(--muted);margin:0 0 26px;}
.hero__meta b{color:var(--tx3);font-weight:600;}
.hero__sep{color:var(--line-2);margin:0 .5em;}
.hero__ctas{display:flex;flex-wrap:wrap;gap:14px;}
.hero__card{background:var(--dark);border-radius:22px;padding:14px;box-shadow:0 34px 70px -34px rgba(34,28,23,.6);}
.hero__card .slot{position:relative;height:300px;border-radius:14px;}
.pick-badge{position:absolute;top:14px;left:14px;background:var(--terra);color:#fff;font-weight:600;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:7px;z-index:2;}
.hero__card-body{padding:16px 12px 8px;color:var(--on-dark);}
.hero__card-body .best{display:inline-block;background:var(--chip-terra);color:var(--terra-dk);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:6px;margin-bottom:10px;}
.hero__card-body h3{color:var(--on-dark-2);font-size:24px;}
.hero__card-body .blurb{color:var(--on-dark-muted);font-size:14.5px;margin:8px 0 14px;}
.hero__card-link{display:block;color:inherit;cursor:pointer;}
.hero__card-link:hover .hero__card-body h3{color:var(--peach);}
.hero__card-more{display:inline-block;color:var(--peach);font-size:13px;font-weight:600;margin-top:8px;}
.hero__card-foot{display:flex;align-items:center;justify-content:flex-end;border-top:1px solid var(--dark-line);margin-top:8px;padding:12px 12px 8px;}
.hero__card-foot .lnk-loja{color:var(--peach);border-bottom-color:transparent;}
.hero__card-foot .lnk-loja:hover{border-bottom-color:var(--peach);}

/* image slots — foto do produto cabe INTEIRA em fundo branco (nunca corta) */
.slot{background:#fff;display:flex;align-items:center;justify-content:center;color:var(--muted-2);font-size:12px;overflow:hidden;padding:14px;}
.slot img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;}
.hero__card .slot{background:#fff;}

/* 4. safety */
.safety{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.safety__row{max-width:var(--wrap);margin:0 auto;padding:24px 40px;display:flex;flex-wrap:wrap;align-items:center;gap:16px 30px;}
.safety__lbl{font-weight:600;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);}
.safety__chip{font-size:13.5px;color:#5A5148;display:inline-flex;gap:.4em;align-items:center;}
.safety__chip b{color:var(--sage);font-weight:700;}

/* sections */
.sec{padding:82px 0;}
.sec--panel{background:var(--panel);}
.sec__head{max-width:760px;margin:0 auto 40px;text-align:center;}
.sec__head .sub{color:var(--tx2);font-size:17px;margin:14px 0 0;}
.sec--edge .sec__head{text-align:left;margin-left:0;}
.rule-top{border-top:2px solid var(--ink);padding-top:44px;}

/* 5. quiz */
.quiz-wrap{max-width:860px;margin:0 auto;}
.quiz{background:var(--card);border:2px solid var(--ink);border-radius:24px;padding:clamp(24px,4vw,44px);box-shadow:0 30px 60px -40px rgba(42,35,29,.45);}
.quiz__prog{display:flex;align-items:center;gap:16px;margin-bottom:22px;}
.quiz__count{font-family:var(--serif);font-size:15px;color:var(--muted);white-space:nowrap;}
.quiz__count b{color:var(--terra);font-style:italic;}
.quiz__track{flex:1;height:4px;background:#EADFCD;border-radius:999px;overflow:hidden;}
.quiz__fill{height:100%;background:var(--terra);border-radius:999px;transition:width .3s ease;}
.quiz__q{font-family:var(--serif);font-size:clamp(24px,2.6vw,32px);margin:0 0 22px;}
.quiz__ops{display:flex;flex-direction:column;gap:12px;}
.quiz__op{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:18px 20px;font-family:var(--sans);font-size:16.5px;font-weight:500;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s;}
.quiz__op:hover{border-color:var(--terra);background:#F7EEDF;}
.quiz__op .badge{flex:none;width:30px;height:30px;border-radius:50%;background:var(--chip-terra);color:var(--terra-dk);font-weight:700;display:grid;place-items:center;font-size:14px;}
.quiz__op .arrow{margin-left:auto;color:var(--muted-2);}
.quiz__done .tag-ok{display:inline-block;background:var(--chip-sage);color:var(--sage-tx);font-weight:600;font-size:12px;letter-spacing:.04em;padding:6px 12px;border-radius:999px;margin-bottom:20px;}
.quiz__res{display:grid;grid-template-columns:120px 1fr;gap:28px;align-items:start;}
.quiz__medal{width:120px;height:120px;border-radius:18px;background:var(--chip-terra);display:grid;place-items:center;text-align:center;color:var(--terra);font-family:var(--serif);}
.quiz__medal small{display:block;font-family:var(--sans);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--terra-dk);}
.quiz__medal b{font-size:52px;line-height:1;}
.quiz__res .best{display:inline-block;background:var(--chip-terra);color:var(--terra-dk);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:6px;margin-bottom:8px;}
.quiz__res h3{font-size:27px;margin:0 0 8px;}
.quiz__res .blurb{color:var(--tx3);margin:0 0 16px;}
.quiz__foot{margin-top:26px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--tx2);}
.quiz__foot .ans{background:var(--panel);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;}
.quiz__redo{margin-left:auto;background:none;border:0;color:var(--terra);font:inherit;font-weight:600;text-decoration:underline;cursor:pointer;}

/* 6. guide */
.guide{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:2px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;}
.guide__cell{background:var(--bg);padding:26px 24px;}
.guide__n{font-family:var(--serif);color:var(--terra);font-size:20px;}
.guide__cell h3{font-size:19px;margin:8px 0 8px;}
.guide__cell p{color:var(--tx2);font-size:14px;margin:0;}

/* 7. ranking */
.rank__item{display:grid;grid-template-columns:88px 240px 1fr;gap:30px;align-items:center;padding:38px 0;border-top:1px solid var(--line);scroll-margin-top:24px;}
.rank__n{font-family:var(--serif);font-size:84px;color:var(--ghost);text-align:center;line-height:1;}
.rank__img{width:240px;height:210px;border-radius:16px;}
.rank__best{display:inline-block;background:var(--chip-terra);color:var(--terra-dk);font-weight:600;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:5px 10px;border-radius:6px;}
.rank__name{font-size:25px;margin:10px 0 6px;}
.rank__meta{font-size:13.5px;color:var(--muted);margin:0 0 10px;}
.rank__meta .fz{color:var(--sage);font-weight:600;}
.rank__blurb{color:var(--tx3);margin:0 0 14px;}
.rank__pros{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;}
.rank__pros span{background:var(--chip-sage);color:var(--sage-tx);font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:999px;}
.rank__foot{display:flex;align-items:center;}

/* 8. comparison table */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--card);}
.cmp{width:100%;border-collapse:collapse;min-width:720px;font-size:14px;}
.cmp thead th{font-family:var(--sans);font-weight:600;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);text-align:left;padding:16px 18px;border-bottom:2px solid var(--ink);white-space:nowrap;}
.cmp tbody td{padding:16px 18px;border-bottom:1px solid var(--line);vertical-align:top;}
.cmp tbody tr:last-child td{border-bottom:0;}
.cmp .n{font-family:var(--serif);color:var(--muted-2);}
.cmp .prod{font-weight:600;color:var(--ink);}
.cmp-note{font-size:12.5px;color:var(--muted);margin:14px 0 0;}

/* 9. reviews (mães e pais que aprovam) */
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:26px;}
.review{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:12px;}
.review__stars{color:var(--terra);font-size:15px;letter-spacing:2px;}
.review__q{font-family:var(--serif);font-style:italic;font-size:19px;color:var(--ink);margin:0;}
.review__by{font-size:13.5px;color:var(--muted);margin-top:auto;}
.review__by b{display:block;color:var(--ink);font-weight:700;font-style:normal;}

/* 10. faq */
.faq-wrap{max-width:900px;margin:0 auto;}
.faq__item{border-top:1px solid var(--line-2);}
.faq__q{width:100%;background:none;border:0;display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;padding:24px 0;cursor:pointer;font-family:var(--serif);font-size:21px;color:var(--ink);}
.faq__sign{color:var(--terra);font-size:24px;line-height:1;flex:none;}
.faq__a{font-size:16px;color:#5A5148;padding:0 0 24px;max-width:70ch;}
.faq__note{font-size:12.5px;color:var(--muted);margin:24px 0 0;}

/* 11. newsletter */
.news{background:var(--dark);}
.news__row{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;max-width:var(--wrap);margin:0 auto;padding:76px 40px;}
.news .eyebrow{color:var(--peach);}
.news h2{color:var(--on-dark-2);}
.news p{color:var(--on-dark-muted);font-size:16px;margin:14px 0 0;}
.news__form{display:flex;flex-wrap:wrap;gap:10px;}
.news__form input{flex:1;min-width:200px;background:var(--dark-2);border:1px solid var(--dark-line);color:var(--on-dark);border-radius:999px;padding:14px 20px;font:inherit;}
.news__form input::placeholder{color:#8C7E6E;}
.news__micro{color:var(--on-dark-muted);font-size:12.5px;margin:12px 0 0;}
.news__ok{color:var(--on-dark-2);font-family:var(--serif);font-size:22px;}

/* 12. footer */
.foot{background:var(--bg);border-top:1px solid var(--line);}
.foot__row{max-width:var(--wrap);margin:0 auto;padding:52px 40px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:30px;}
.foot__logo{font-family:var(--serif);font-style:italic;font-size:24px;color:var(--ink);}
.foot__disc{max-width:60ch;font-size:13.5px;color:var(--muted);margin:14px 0 0;}
.foot__nav{display:flex;flex-direction:column;gap:10px;}
.foot__nav a{color:var(--ink);font-size:15px;}
.foot__base{max-width:var(--wrap);margin:0 auto;padding:0 40px 40px;}
.foot__base > div{border-top:1px solid var(--line);padding-top:20px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12.5px;color:var(--muted);}

/* responsivo */
@media (max-width:900px){
  .hero{grid-template-columns:1fr;gap:34px;padding:44px 40px 54px;}
  .news__row{grid-template-columns:1fr;gap:28px;}
}
@media (max-width:760px){
  .wrap,.hdr__row,.hero,.safety__row,.news__row,.foot__row,.foot__base{padding-left:20px;padding-right:20px;}
  .hdr__nav{gap:18px;font-size:13px;}
  .sec{padding:56px 0;}
  .rank__item{grid-template-columns:1fr;gap:10px 0;}
  .rank__img{width:100%;height:230px;border-radius:14px;}
  .rank__n{font-size:38px;text-align:left;line-height:1;}
  .rank__name{font-size:22px;}
  .quiz__res{grid-template-columns:1fr;}
  /* tabela vira cards no celular (nada de rolagem que corta) */
  .cmp-wrap{overflow:visible;border:0;background:transparent;}
  .cmp{min-width:0;display:block;}
  .cmp thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);}
  .cmp tbody{display:block;}
  .cmp tbody tr{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;margin-bottom:14px;padding:6px 0;}
  .cmp tbody td{display:flex;justify-content:space-between;gap:1.2rem;align-items:baseline;border:0;padding:9px 16px;text-align:right;}
  .cmp tbody td::before{content:attr(data-label);font-weight:700;color:var(--muted);text-align:left;white-space:nowrap;}
  .cmp tbody td.prod{display:block;text-align:left;font-family:var(--serif);font-size:18px;background:var(--panel);border-radius:12px 12px 0 0;padding:14px 16px;margin-bottom:4px;}
  .cmp tbody td.prod::before{display:none;}
  .cmp tbody td[data-label=""]{justify-content:flex-start;}
  .cmp tbody td[data-label=""]::before{display:none;}
}

/* ============================================================
   Extensão — páginas de conteúdo (rollout dos rankings)
   classes novas; não afetam o piloto (top10.html)
   ============================================================ */

/* nav com grupos (dropdown) */
.hdr__nav .navgrp{position:relative;}
.hdr__nav .navgrp>summary{list-style:none;cursor:pointer;color:var(--ink);display:inline-flex;align-items:center;gap:5px;}
.hdr__nav .navgrp>summary::-webkit-details-marker{display:none;}
.hdr__nav .navgrp>summary::after{content:"⌄";font-size:12px;color:var(--muted-2);}
.hdr__nav .navgrp[open]>summary{color:var(--terra);}
.hdr__nav .navgrp__menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px;min-width:210px;display:grid;gap:2px;box-shadow:0 24px 48px -28px rgba(42,35,29,.5);z-index:30;}
.hdr__nav .navgrp__menu a{padding:9px 13px;border-radius:9px;font-size:14px;font-weight:500;color:var(--ink);}
.hdr__nav .navgrp__menu a:hover{background:var(--panel);color:var(--terra);}
.hdr__burger{display:none;background:none;border:0;cursor:pointer;color:var(--ink);padding:6px;}
.hdr__burger svg{width:26px;height:26px;}

/* breadcrumb */
.crumbs{max-width:var(--wrap);margin:0 auto;padding:20px 40px 0;font-size:12.5px;color:var(--muted);}
.crumbs a{color:var(--muted);}
.crumbs a:hover{color:var(--terra);}
.crumbs i{font-style:normal;margin:0 .5em;color:var(--line-2);}

/* prosa editorial (blocos de texto SEO) */
.prose{max-width:820px;}
.sec--edge .prose,.prose--edge{margin-left:0;}
.prose h2{font-size:clamp(24px,2.9vw,36px);margin:0 0 18px;}
.prose p{color:var(--tx3);font-size:16.5px;margin:0 0 16px;}
.prose>ul{list-style:none;margin:0 0 8px;padding:0;display:grid;gap:13px;}
.prose>ul>li{position:relative;padding-left:26px;color:var(--tx3);font-size:16px;}
.prose>ul>li::before{content:"";position:absolute;left:0;top:.52em;width:9px;height:9px;border-radius:50%;background:var(--terra);}
.prose li strong{color:var(--ink);}
.prose a{color:var(--terra);border-bottom:1px solid transparent;}
.prose a:hover{border-bottom-color:var(--terra);}

/* caixa de destaque / método */
.callout{background:var(--chip-sage);border:1px solid var(--line);border-left:4px solid var(--sage);border-radius:12px;padding:16px 20px;font-size:15px;color:var(--tx3);margin:20px 0 0;}
.callout strong{color:var(--sage-tx);}
.method{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:30px 34px;max-width:820px;}
.method h2{font-size:23px;margin:0 0 16px;}
.method ul{list-style:none;margin:0;padding:0;display:grid;gap:14px;}
.method li{padding-left:26px;position:relative;font-size:15.5px;color:var(--tx3);}
.method li::before{content:"✓";position:absolute;left:0;color:var(--sage);font-weight:700;}
.method li strong{color:var(--ink);}
.method p{font-size:14px;color:var(--tx2);margin:16px 0 0;}

/* ranking — dica e ponto de atenção por produto */
.rank__ficha{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0 0 12px;font-size:13.5px;color:var(--muted);}
.rank__ficha b{color:var(--tx3);font-weight:600;}
.rank__tip{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:11px 16px;font-size:14px;color:var(--tx3);margin:0 0 14px;}
.rank__tip b{color:var(--terra-dk);}
.rank__note{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px;font-size:13px;color:var(--muted);}
.rank__note span{background:#F1E6D9;color:#8A6A4E;font-weight:500;padding:5px 12px;border-radius:999px;}
.rank__note em{font-style:normal;font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:11px;}

/* hub de guias relacionados */
.hubgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.hubcard{display:flex;flex-direction:column;gap:5px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 22px;transition:border-color .15s,transform .15s;}
.hubcard:hover{border-color:var(--terra);transform:translateY(-2px);}
.hubcard b{font-family:var(--serif);font-weight:500;font-size:18px;color:var(--ink);}
.hubcard span{font-size:13.5px;color:var(--tx2);}
.hubcard .seta{color:var(--terra);}

/* fontes consultadas */
.fontes{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:28px 32px;max-width:860px;}
.fontes h2{font-size:22px;margin:0 0 14px;}
.fontes ul{list-style:none;margin:0;padding:0;display:grid;gap:11px;}
.fontes li{font-size:14px;color:var(--tx3);padding-left:22px;position:relative;}
.fontes li::before{content:"›";position:absolute;left:4px;color:var(--terra);font-weight:700;}
.fontes a{color:var(--terra);border-bottom:1px solid var(--line-2);}
.fontes__note{font-size:12.5px;color:var(--muted);margin:16px 0 0;}

/* curadoria (autora) */
.author{display:flex;gap:20px;align-items:flex-start;max-width:820px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 28px;}
.author img{width:60px;height:60px;border-radius:50%;flex:none;background:var(--panel);}
.author b{font-family:var(--serif);font-size:20px;color:var(--ink);}
.author .role{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--terra);margin-left:8px;}
.author p{font-size:14.5px;color:var(--tx2);margin:8px 0 0;}

/* leia também */
.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;}
.relcard{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:border-color .15s,transform .15s;}
.relcard:hover{border-color:var(--terra);transform:translateY(-2px);}
.relcard .slot{height:150px;padding:10px;}
.relcard__tx{padding:15px 18px;}
.relcard__tx b{font-family:var(--serif);font-weight:500;font-size:17px;color:var(--ink);display:block;line-height:1.2;}
.relcard__tx span{font-size:13px;color:var(--tx2);}

/* indicar pra uma amiga */
.share{max-width:860px;background:var(--dark);border-radius:18px;padding:22px 28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;}
.share p{color:var(--on-dark-2);font-family:var(--serif);font-size:19px;margin:0;}
.share a{display:inline-flex;align-items:center;gap:.5em;background:var(--sage);color:#fff;font-weight:600;font-size:14.5px;border-radius:999px;padding:11px 20px;}
.share a svg{width:20px;height:20px;fill:currentColor;}
.share a:hover{background:var(--sage-tx);color:#fff;}

@media (max-width:860px){
  .hdr__nav{display:none;position:fixed;inset:64px 0 auto;flex-direction:column;background:var(--card);border-bottom:1px solid var(--line);padding:16px 20px;gap:6px;z-index:40;box-shadow:0 24px 40px -28px rgba(42,35,29,.5);}
  .hdr.open .hdr__nav{display:flex;}
  .hdr__nav .navgrp__menu{position:static;transform:none;box-shadow:none;border:0;padding:4px 0 4px 14px;min-width:0;}
  .hdr__burger{display:inline-flex;}
}
@media (max-width:760px){
  .crumbs{padding-left:20px;padding-right:20px;}
  .method,.fontes,.author,.share{padding-left:22px;padding-right:22px;}
  .share{flex-direction:column;align-items:flex-start;}
}