/* ============================================================
   Blog Lumua Decor — camada "revista" (v2)
   Carregado DEPOIS de styles.css. Só afeta páginas do blog.
   Usa os tokens do site: --salvia --papel --tinta --mata --latao ...
   ============================================================ */

.blogv2{ --col:720px; --gap:34px; }

/* ---------- barra de progresso de leitura ---------- */
.lp-bar{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;
  background:linear-gradient(90deg,var(--latao),var(--latao-hi));transition:width .12s linear}

/* ---------- cabeçalho editorial do índice ---------- */
.mag-top{background:var(--papel);padding:116px 0 10px;border-bottom:1px solid var(--linha)}
.mag-top .wrap{max-width:1180px}
.mag-cab{display:grid;grid-template-columns:1.3fr .85fr;gap:16px 60px;align-items:end}
.mag-cab .col-b{padding-bottom:6px}
.mag-kicker{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.mag-kicker span{font:600 11px/1 'Albert Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--latao-2)}
.mag-kicker i{flex:1;height:1px;background:var(--linha)}
.mag-top h1{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(38px,5.2vw,62px);
  line-height:1.06;letter-spacing:-.01em;color:var(--tinta);margin:0 0 16px;max-width:15ch}
.mag-top .lede{font-size:17px;line-height:1.65;color:var(--tinta-2);max-width:58ch;margin:0 0 30px}
.mag-meta{display:flex;flex-wrap:wrap;gap:10px 26px;padding-bottom:22px;
  font:500 12px/1 'Albert Sans',sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--tinta-2)}
.mag-meta b{color:var(--tinta);font-weight:600}

/* ---------- filtros por editoria ---------- */
.mag-filtros{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0 0}
.mag-filtro{appearance:none;border:1px solid var(--linha);background:transparent;cursor:pointer;
  padding:9px 17px;border-radius:999px;color:var(--tinta-2);
  font:500 13px/1 'Albert Sans',sans-serif;transition:.18s}
.mag-filtro:hover{border-color:var(--latao);color:var(--tinta)}
.mag-filtro[aria-pressed="true"]{background:var(--mata);border-color:var(--mata);color:#fff}

/* ---------- destaque (capa da edição) ---------- */
.mag-hero{padding:52px 0 8px;background:var(--papel)}
.mag-hero .wrap{max-width:1180px}
.mag-dest{display:grid;grid-template-columns:1.25fr .95fr;gap:52px;align-items:center}
.mag-dest .foto{position:relative;overflow:hidden;border-radius:10px;aspect-ratio:4/3;background:var(--salvia-2)}
.mag-dest .foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.mag-dest:hover .foto img{transform:scale(1.035)}
.mag-dest .selo{position:absolute;top:16px;left:16px;background:rgba(22,40,29,.9);color:#fff;
  font:600 10px/1 'Albert Sans',sans-serif;letter-spacing:.16em;text-transform:uppercase;
  padding:8px 13px;border-radius:999px;backdrop-filter:blur(4px)}
.mag-dest h2{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(28px,3.4vw,42px);
  line-height:1.12;color:var(--tinta);margin:14px 0 16px;letter-spacing:-.01em}
.mag-dest h2 a{color:inherit;text-decoration:none;background-image:linear-gradient(var(--latao),var(--latao));
  background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .4s}
.mag-dest:hover h2 a{background-size:100% 1px}
.mag-dest p{font-size:16.5px;line-height:1.7;color:var(--tinta-2);margin:0 0 20px;max-width:46ch}

/* ---------- linha de metadados de card ---------- */
.mag-linha{display:flex;align-items:center;gap:10px;
  font:500 11.5px/1 'Albert Sans',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--latao-2)}
.mag-linha .pt{width:3px;height:3px;border-radius:50%;background:var(--linha);flex:none}
.mag-linha .cinza{color:var(--tinta-2);letter-spacing:.06em}

/* ---------- grade de artigos ---------- */
.mag-grade-sec{padding:56px 0 20px;background:var(--papel)}
.mag-grade-sec .wrap{max-width:1180px}
.mag-titulo-sec{display:flex;align-items:baseline;gap:16px;margin-bottom:30px}
.mag-titulo-sec h2{font-family:'Fraunces',serif;font-weight:400;font-size:26px;color:var(--tinta);margin:0}
.mag-titulo-sec i{flex:1;height:1px;background:var(--linha)}
.mag-titulo-sec em{font:500 12px/1 'Albert Sans',sans-serif;font-style:normal;color:var(--tinta-2);letter-spacing:.08em}
.mag-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 34px}
.mag-card{display:flex;flex-direction:column}
.mag-card.oculto{display:none}
.mag-card .foto{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:3/2;background:var(--salvia-2);margin-bottom:16px}
.mag-card .foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.mag-card:hover .foto img{transform:scale(1.045)}
.mag-card h3{font-family:'Fraunces',serif;font-weight:400;font-size:21px;line-height:1.25;
  color:var(--tinta);margin:11px 0 9px;letter-spacing:-.005em}
.mag-card h3 a{color:inherit;text-decoration:none}
.mag-card:hover h3 a{color:var(--esm-escuro)}
.mag-card p{font-size:14.5px;line-height:1.62;color:var(--tinta-2);margin:0}

/* ---------- faixa institucional entre os posts ---------- */
.mag-faixa{margin:66px 0 10px;background:var(--mata);color:#fff;border-radius:14px;
  padding:46px 52px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.mag-faixa h3{font-family:'Fraunces',serif;font-weight:400;font-size:30px;line-height:1.18;margin:0 0 12px;color:#fff}
.mag-faixa p{color:rgba(255,255,255,.78);font-size:15.5px;line-height:1.7;margin:0}
.mag-faixa .selos{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.mag-faixa .selos span{border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:8px 14px;
  font:500 12px/1 'Albert Sans',sans-serif;color:rgba(255,255,255,.9)}
.mag-faixa .acao{text-align:right}
.mag-faixa .acao .cta{display:inline-block}

/* ---------- botão ver mais ---------- */
.mag-mais{display:block;margin:44px auto 0;background:transparent;border:1px solid var(--linha);
  color:var(--tinta);padding:14px 34px;border-radius:999px;cursor:pointer;
  font:500 14px/1 'Albert Sans',sans-serif;transition:.2s}
.mag-mais:hover{border-color:var(--latao);background:#fff}

/* ============================================================
   PÁGINA DO ARTIGO
   ============================================================ */
.art-capa{position:relative;height:clamp(320px,52vh,520px);overflow:hidden;background:var(--mata)}
.art-capa img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art-capa::after{content:'';position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(22,40,29,.42) 0%,rgba(22,40,29,.1) 38%,rgba(22,40,29,.82) 100%)}

.art-cab{background:var(--papel);padding:0 0 8px}
.art-cab .wrap{max-width:820px;margin:0 auto}
.art-cab .caixa{background:var(--papel);border-radius:12px;margin-top:-96px;position:relative;z-index:2;
  padding:40px 46px 32px;box-shadow:0 -12px 44px rgba(22,40,29,.10)}
.art-cab .editoria{font:600 11px/1 'Albert Sans',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--latao-2)}
.art-cab h1{font-family:'Fraunces',serif;font-weight:400;font-size:clamp(30px,4.1vw,46px);
  line-height:1.12;letter-spacing:-.012em;color:var(--tinta);margin:16px 0 20px}
.art-cab .assinatura{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;
  padding-top:18px;border-top:1px solid var(--linha);
  font:500 12.5px/1 'Albert Sans',sans-serif;color:var(--tinta-2)}
.art-cab .assinatura .marca{display:flex;align-items:center;gap:9px;color:var(--tinta);font-weight:600}
.art-cab .assinatura .marca img{width:30px;height:30px;border-radius:50%;object-fit:contain;
  background:#fff;padding:4px;border:1px solid var(--linha)}
.art-share{margin-left:auto;display:flex;gap:8px}
.art-share button,.art-share a{appearance:none;border:1px solid var(--linha);background:transparent;cursor:pointer;
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--tinta-2);transition:.18s;text-decoration:none}
.art-share button:hover,.art-share a:hover{border-color:var(--latao);color:var(--tinta);background:#fff}
.art-share svg{width:15px;height:15px;fill:currentColor}

/* ---------- corpo do artigo ---------- */
.art-corpo{background:var(--papel);padding:14px 0 20px}
.art-corpo .wrap{max-width:var(--col);margin:0 auto}
.art-corpo p{font-size:18.5px;line-height:1.82;color:#33452F;margin:0 0 26px;letter-spacing:.002em}
.art-corpo p.sub{font-size:18.5px;color:#33452F}
.art-corpo > .wrap > div > p:first-of-type{font-size:21px;line-height:1.7;color:var(--tinta)}
.art-corpo h3{font-family:'Fraunces',serif;font-weight:400;font-size:27px;line-height:1.22;
  color:var(--tinta);margin:46px 0 16px !important;letter-spacing:-.008em;position:relative;padding-top:20px}
.art-corpo h3::before{content:'';position:absolute;top:0;left:0;width:38px;height:2px;background:var(--latao)}
.art-corpo a{color:var(--esm-escuro)}

/* checklist em caixa de papel */
.art-corpo ul.checks{list-style:none;margin:34px 0;padding:30px 34px;background:#fff;
  border:1px solid var(--linha);border-radius:12px;box-shadow:0 10px 30px rgba(22,40,29,.05)}
.art-corpo ul.checks::before{content:'Para não esquecer';display:block;
  font:600 11px/1 'Albert Sans',sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:var(--latao-2);margin-bottom:18px}
.art-corpo ul.checks li{position:relative;padding-left:30px;margin:0 0 14px;border:0;
  font-size:16px;line-height:1.6;color:var(--tinta)}
.art-corpo ul.checks li:last-child{margin-bottom:0}
.art-corpo ul.checks li::before{content:'';position:absolute;left:0;top:7px;width:14px;height:8px;
  border-left:2px solid var(--esmeralda);border-bottom:2px solid var(--esmeralda);transform:rotate(-45deg)}

/* figura no meio do texto (sangra além da coluna) */
.art-fig{margin:44px -80px;border-radius:10px;overflow:hidden}
.art-fig img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}
.art-fig figcaption{font:500 12.5px/1.5 'Albert Sans',sans-serif;color:var(--tinta-2);
  padding:12px 4px 0;letter-spacing:.03em}

/* frase destacada */
.art-quote{margin:46px -40px;padding:8px 0 8px 34px;border-left:2px solid var(--latao)}
.art-quote p{font-family:'Fraunces',serif;font-size:25px;line-height:1.42;color:var(--tinta);
  font-style:italic;margin:0}

/* assinatura da marca no fim */
.art-marca{max-width:var(--col);margin:52px auto 0;background:var(--salvia);border-radius:12px;
  padding:30px 34px;display:flex;gap:22px;align-items:center}
.art-marca img{width:56px;height:56px;border-radius:50%;object-fit:contain;background:#fff;padding:6px;flex:none}
.art-marca h4{font-family:'Fraunces',serif;font-weight:500;font-size:19px;color:var(--tinta);margin:0 0 6px}
.art-marca p{font-size:14.5px;line-height:1.6;color:var(--tinta-2);margin:0}

/* leia também */
.art-rel{background:var(--linho);padding:64px 0;border-top:1px solid var(--linha)}
.art-rel .wrap{max-width:1180px}
.art-rel .mag-grade{gap:34px}

/* ---------- responsivo ---------- */
@media (max-width:980px){
  .mag-cab{grid-template-columns:1fr;gap:0}
  .mag-dest{grid-template-columns:1fr;gap:26px}
  .mag-grade{grid-template-columns:repeat(2,1fr);gap:36px 26px}
  .mag-faixa{grid-template-columns:1fr;padding:36px 32px;text-align:left}
  .mag-faixa .acao{text-align:left}
  .art-fig{margin-left:0;margin-right:0}
  .art-quote{margin-left:0;margin-right:0}
}
@media (max-width:640px){
  .mag-top{padding:88px 0 6px}
  .mag-grade{grid-template-columns:1fr;gap:34px}
  .art-cab .caixa{margin-top:-58px;padding:28px 22px 24px;border-radius:10px}
  .art-corpo p{font-size:17px;line-height:1.75}
  .art-corpo > .wrap > div > p:first-of-type{font-size:18.5px}
  .art-corpo h3{font-size:23px;margin-top:38px !important}
  .art-corpo ul.checks{padding:24px 20px}
  .art-quote p{font-size:21px}
  .art-marca{flex-direction:column;text-align:center;gap:14px}
  .mag-faixa .selos span{font-size:11.5px}
}