/* LOTE 3 — microagulhamento (serviço) e flacidez (condição).
   Só o que estas duas páginas usam; o resto mora no tema. */

/* ——— hero de página: objeto único sobre creme ——— */
.mm-pag-hero{padding:clamp(118px,15vh,168px) clamp(20px,5vw,64px) clamp(64px,8vw,104px);overflow-x:clip}
.mm-pag-hero-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(36px,5vw,80px);align-items:center}
.mm-h1-pag{margin:14px 0 0;max-width:15ch;font:500 clamp(38px,5.4vw,70px)/1.06 var(--tg-f-titulo);letter-spacing:-.02em}
.mm-h1-pag em{font-style:italic;color:var(--tg-acento)}
.mm-lead-pag{margin:20px 0 0;max-width:46ch;font-size:clamp(17px,1.4vw,20px);line-height:1.6}
.mm-reg-pag{margin:14px 0 0;font-size:13.5px;line-height:1.6;opacity:.78}
.mm-pag-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px;margin-top:24px}
.mm-pag-acoes .mm-link{padding:8px 0}
.mm-pag-fig{justify-self:center;width:min(400px,100%)}

/* ——— figura 'subestimado': o texto gravado lê inteiro ou sai da moldura ——— */
@media (min-width:901px){
  .mm-pag-fig img[src*="subestimado"]{object-fit:contain;object-position:50% 50%;background:#16110d}
}

/* ——— nota sob a figura do hero ——— */
.mm-pag-fig figcaption,.mm-pag-fig .mm-nota{text-wrap:balance}

@media (max-width:900px){
  .mm-pag-hero{padding:96px 20px 48px}
  .mm-pag-hero-grid{display:flex;flex-direction:column;gap:0}
  .mm-pag-hero-grid>.mm-pag-txt{order:1;display:flex;flex-direction:column}
  .mm-pag-hero-grid>*:not(.mm-pag-txt){order:9}
  .mm-pag-txt>*{order:7}
  .mm-pag-txt>.mm-eyebrow{order:1}
  .mm-pag-txt>.mm-h1-pag{order:2;font-size:clamp(34px,10.6vw,46px)}
  .mm-pag-txt>.mm-pag-acoes,.mm-pag-txt>*:has(>a[data-k-wa]){order:3}
  .mm-pag-txt>[class*="prova"],.mm-pag-txt>*:has([data-fato="F058"]){order:4}
  .mm-pag-txt>.mm-lead-pag{order:5}
  .mm-pag-txt>.mm-reg-pag{order:6}
  .mm-pag-fig{width:min(400px,88%);margin:36px auto 0;align-self:center}
  .mm-pag-fig img[src*="subestimado"]{object-position:100% 50%;object-view-box:inset(0% 0% 0% 42%)}
}
@media (max-width:480px){
  .mm-pag-fig figcaption,.mm-pag-fig .mm-nota{max-width:30ch;margin-inline:auto;font-size:10.5px;letter-spacing:.09em;line-height:1.7}
}

/* ——— lead de seção ——— */
.mm-sec-lead{margin:16px 0 0;max-width:58ch;font-size:17.5px;line-height:1.6;opacity:.9}

/* ——— capítulo voz: cor cheia de acento (o vermelho dela) ——— */
.mm-voz{position:relative;overflow:hidden;background:var(--tg-acento);color:var(--tg-fundo)}
.mm-voz::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.06;background:url('/assets/img/arte-grao-filme.webp') center/360px repeat}
.mm-voz>.mm-cap-inner{position:relative;z-index:1}
.mm-voz>.mm-fio{z-index:1}
.mm-voz>.mm-fio path{stroke:var(--tg-fundo);opacity:.4}
.mm-voz .mm-eyebrow{color:var(--tg-luz)}
.mm-voz .mm-h2{color:var(--tg-fundo)}
.mm-voz .mm-h2 em{color:var(--tg-luz)}
.mm-voz .mm-cit{margin-top:clamp(20px,3vw,30px)}
.mm-voz .mm-cit p{max-width:24ch;color:var(--tg-fundo);font-size:clamp(30px,4.6vw,58px)}
.mm-voz .mm-cit cite{color:var(--tg-luz);opacity:.95}
.mm-voz-nota{margin:clamp(24px,3vw,34px) 0 0;max-width:58ch;font-size:16px;line-height:1.65;opacity:.94}

/* ——— capítulo noite: o grafite-vidro do espelho ——— */
.mm-noite{position:relative;overflow:hidden;background:var(--tg-noite);color:var(--tg-fundo)}
.mm-noite::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;background:url('/assets/img/arte-grao-filme.webp') center/360px repeat}
.mm-noite>.mm-cap-inner{position:relative;z-index:1}
.mm-noite>.mm-fio{z-index:1}
.mm-noite>.mm-fio path{stroke:var(--tg-luz);opacity:.35}
.mm-noite .mm-eyebrow{color:var(--tg-luz)}
.mm-noite .mm-h2{color:var(--tg-fundo)}
.mm-noite .mm-h2 em{color:var(--tg-luz)}
.mm-noite-lead{margin:18px 0 0;max-width:56ch;font-size:16.5px;opacity:.88}
.mm-noite .mm-cit{margin-top:clamp(22px,3vw,34px)}
.mm-noite .mm-cit p{color:var(--tg-fundo)}
.mm-noite .mm-cit cite{color:var(--tg-luz);opacity:.9}
.mm-noite-prova{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 22px;margin:clamp(40px,5vw,64px) 0 24px}
.mm-nota-50{margin:0;font:italic 500 clamp(58px,7.5vw,104px)/1 var(--tg-f-titulo);letter-spacing:-.02em;color:var(--tg-luz)}
.mm-noite-sub{margin:0;max-width:30ch;font-size:14.5px;line-height:1.55;opacity:.82}

/* ——— processo numerado (como é feito) ——— */
.mm-passos{list-style:none;margin:clamp(30px,4vw,46px) 0 0;padding:0}
.mm-passos li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px clamp(20px,3vw,36px);align-items:baseline;padding:clamp(18px,2.4vw,26px) 0;border-top:1.5px solid rgba(43,33,26,.22)}
.mm-passos li:last-child{border-bottom:1.5px solid rgba(43,33,26,.22)}
.mm-passos-num{min-width:2ch;font:italic 500 clamp(30px,3.4vw,44px)/1 var(--tg-f-titulo);color:var(--tg-acento)}
.mm-passos h3{margin:0 0 6px;font:600 clamp(17px,1.8vw,20px)/1.3 var(--tg-f-texto)}
.mm-passos p{margin:0;max-width:62ch;font-size:16px;opacity:.9}
.mm-passos-nota{margin:20px 0 0;font:600 12px/1.5 var(--tg-f-texto);letter-spacing:.1em;text-transform:uppercase;opacity:.55}

/* ——— índice de territórios (onde se usa) ——— */
.mm-terras{margin:clamp(28px,4vw,44px) 0 0;border-top:1.5px solid rgba(43,33,26,.22)}
.mm-terra{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:6px 32px;align-items:baseline;padding:clamp(18px,2.6vw,26px) 0;border-bottom:1.5px solid rgba(43,33,26,.22)}
.mm-terra-nome{margin:0;font:italic 500 clamp(28px,3.6vw,46px)/1.1 var(--tg-f-titulo);letter-spacing:-.01em}
.mm-terra-nome a{color:inherit;text-decoration:none;border-bottom:2px solid transparent;transition:color .2s ease,border-color .2s ease}
.mm-terra-nome a:hover{color:var(--tg-acento);border-color:var(--tg-acento)}
.mm-terra-txt{margin:0;max-width:56ch;font-size:16px;line-height:1.6;opacity:.88}

/* ——— o teste do espelho de mão (flacidez ou gordura) ——— */
.mm-teste{list-style:none;margin:clamp(28px,4vw,44px) 0 0;padding:0;border-top:1.5px solid rgba(43,33,26,.22)}
.mm-teste li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px 32px;align-items:baseline;padding:clamp(16px,2.4vw,24px) 0;border-bottom:1.5px solid rgba(43,33,26,.22)}
.mm-teste-gesto{margin:0;font:italic 500 clamp(19px,2.3vw,27px)/1.25 var(--tg-f-titulo)}
.mm-teste-sinal{margin:0;font-size:16px;line-height:1.6;opacity:.88}
.mm-teste-nota{margin:22px 0 0;max-width:60ch;font-size:15px;opacity:.8}

/* ——— o que ela usa: instrumentos em linhas abertas ——— */
.mm-usa{margin:clamp(28px,4vw,44px) 0 0;border-top:1.5px solid rgba(43,33,26,.22)}
.mm-usa-item{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:6px 32px;align-items:baseline;padding:clamp(20px,2.8vw,30px) 0;border-bottom:1.5px solid rgba(43,33,26,.22)}
.mm-usa-nome{margin:0;font:italic 500 clamp(24px,3vw,36px)/1.15 var(--tg-f-titulo)}
.mm-usa-item p{margin:0;max-width:56ch;font-size:16px;line-height:1.65;opacity:.9}
.mm-usa-nota{margin:22px 0 0;max-width:60ch;font-size:15px;opacity:.8}

/* ——— quanto custa ——— */
.mm-custa{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(26px,4vw,56px);align-items:start;margin-top:clamp(26px,3.5vw,40px)}
.mm-custa-txt{margin:0;max-width:54ch;font-size:16.5px;line-height:1.65}
.mm-custa-nota{margin:20px 0 0;font-size:14px;opacity:.72}
.mm-precos{border-top:1.5px solid rgba(43,33,26,.22)}
.mm-precos li{padding:10px 0;font-size:16px}

/* ——— cauda padrão destas páginas ——— */
.mm-cuida{background:color-mix(in srgb,var(--tg-apoio) 50%,var(--tg-fundo))}

/* ——— celular: índices viram uma coluna ——— */
@media (max-width:720px){
  .mm-terra,.mm-usa-item,.mm-teste li,.mm-custa{grid-template-columns:1fr}
}