/* Emulsa — estilos do site. Tokens copiados do projeto "Emulsa Design System" (guia v4). */
@import url("https://fonts.googleapis.com/css2?family=Newsreader:ital,opsz,wght@0,6..72,300;0,6..72,400;1,6..72,300;1,6..72,400&family=Jost:wght@400;500&display=swap");

/* ---------- Tokens: tema claro "Cinza e blush" ---------- */
:root{
  --surface-100:#F3EDE6;--surface-200:#FFFFFF;--surface-300:#F3ECE6;--pink:#EBCFCA;--rose:#F6E7E3;--grey:#DAD6D2;
  --plum:#3B2F32;--accent:#94675F;--ink:#2A2524;--ink-muted:#675F5C;--line-base:#E3DCD6;--primary-hover:#4A413F;
  --bg:var(--surface-100);--surface-card:var(--surface-200);--surface-panel:var(--surface-300);
  --text:var(--ink);--text-muted:var(--ink-muted);--text-accent:var(--accent);
  --btn-bg:var(--pink);--btn-text:var(--ink);--btn-border:var(--pink);--btn-hover:#E0B8B1;
  --line:var(--line-base);--line-strong:var(--ink);--field-line:var(--ink);
  --footer-bg:var(--plum);--footer-text:#F4EEEA;--band-bg:var(--accent);--band-text:#FFFFFF;--notice-bg:var(--pink);--news-bg:var(--rose);
  --photo-1:var(--pink);--photo-2:var(--grey);--photo-3:var(--surface-300);--photo-text:#2A2524;
  --draft-bg:#FFF3D6;--draft-text:#6B4E12;

  --font-display:"Newsreader",Georgia,serif;--font-body:"Jost",system-ui,sans-serif;
  --fs-display:clamp(40px,7vw,68px);--fs-h1:clamp(36px,5vw,48px);--fs-h2:clamp(26px,3.4vw,32px);--fs-h3:24px;
  --fs-body:16px;--lh-body:26px;--fs-small:14px;--lh-small:22px;--fs-eyebrow:12px;--fs-button:13px;
  --tracking-eyebrow:.2em;--tracking-button:.16em;

  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;
  --section:clamp(52px,9vw,104px);--max-width:1280px;--gutter:clamp(16px,4vw,48px);
  --radius-option:16px;--border-thin:1px solid var(--line);
  --ease:cubic-bezier(.3,.7,.3,1);--dur:200ms;
}
/* ---------- Tema escuro "Ameixa" ---------- */
:root[data-theme="dark"]{
  --bg:#231C1E;--surface-card:#2C2427;--surface-panel:#342A2D;
  --text:#F4EEEA;--text-muted:#C9BEBA;--text-accent:#E3B3AB;
  --btn-bg:#E3B3AB;--btn-text:#231C1E;--btn-border:#E3B3AB;--btn-hover:#EEC7C0;
  --line:rgba(244,238,234,.2);--line-strong:#F4EEEA;--field-line:#C9BEBA;
  --footer-bg:#171214;--news-bg:#2C2427;--notice-bg:#4A3438;
  --photo-1:#4A3438;--photo-2:#3A3133;--photo-3:#342A2D;--photo-text:#F4EEEA;
  --draft-bg:#4A3D22;--draft-text:#F6E3B4;
  color-scheme:dark;
}

/* ---------- Base ---------- */
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:400 var(--fs-body)/var(--lh-body) var(--font-body);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--font-display);font-weight:300;margin:0;text-wrap:balance}
h1{font-size:var(--fs-h1);line-height:1.08}
h2{font-size:var(--fs-h2);line-height:1.15}
h3{font-size:var(--fs-h3);line-height:28px}
p{margin:0}
a{color:var(--text);text-underline-offset:4px}
a:hover{color:var(--text-muted)}
img{max-width:100%}
:focus-visible{outline:2px solid var(--text-accent);outline-offset:3px}
.eyebrow{font:500 var(--fs-eyebrow)/16px var(--font-body);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase}
.muted{color:var(--text-muted)}
.small{font-size:var(--fs-small);line-height:var(--lh-small)}
.wrap{max-width:var(--max-width);margin:0 auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section)}
.stack{display:flex;flex-direction:column;gap:var(--sp-4)}
.row{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-8);flex-wrap:wrap}
.sec-head .stack{gap:var(--sp-3)}
.grid{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}
.grid-2{display:grid;gap:var(--sp-4);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- Botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:500 var(--fs-button)/1 var(--font-body);letter-spacing:var(--tracking-button);text-transform:uppercase;padding:18px 32px;border:1px solid var(--btn-border);border-radius:0;cursor:pointer;white-space:nowrap;text-decoration:none;transition:background var(--dur) var(--ease),color var(--dur) var(--ease)}
.btn-primary{background:var(--btn-bg);color:var(--btn-text)}
.btn-primary:hover{background:var(--btn-hover);border-color:var(--btn-hover)}
.btn-secondary{background:transparent;color:var(--text)}
.btn-secondary:hover{background:var(--surface-panel)}
.btn-small{padding:12px 20px}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.link{background:none;border:0;padding:0 0 4px;border-bottom:1px solid var(--line-strong);font:500 var(--fs-button)/1 var(--font-body);letter-spacing:var(--tracking-button);text-transform:uppercase;color:var(--text);cursor:pointer;text-decoration:none;display:inline-block}

/* ---------- Etiquetas ---------- */
.chip{display:inline-block;padding:6px 12px;border:1px solid var(--line-strong);font:500 var(--fs-eyebrow)/16px var(--font-body);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text);background:transparent;white-space:nowrap}
.chip-filled{background:var(--pink);border-color:var(--pink);color:#2A2524}
.chip-dashed{border-style:dashed;color:var(--text-muted)}
button.chip{cursor:pointer}
button.chip[aria-pressed="true"]{background:var(--btn-bg);color:var(--btn-text);border-color:var(--btn-bg)}

/* ---------- Rascunho (só no modo prévia) ---------- */
.draft{display:inline-block;background:var(--draft-bg);color:var(--draft-text);font:500 11px/14px var(--font-body);letter-spacing:.14em;text-transform:uppercase;padding:4px 8px}
.draft-bar{background:var(--draft-bg);color:var(--draft-text);font-size:13px;line-height:20px;text-align:center;padding:8px 16px}

/* ---------- Espaço de foto ---------- */
.photo{position:relative;overflow:hidden;background:var(--photo-2);display:grid;place-items:center;color:var(--photo-text);font:italic 300 20px var(--font-display);max-width:100%}
.photo span{transition:transform 400ms var(--ease)}
.photo.p1{background:var(--photo-1)}.photo.p2{background:var(--photo-2)}.photo.p3{background:var(--photo-3)}
.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 400ms var(--ease)}
a:hover .photo span,.card:hover .photo span,a:hover .photo img,.card:hover .photo img,.qcard:hover .photo img{transform:scale(1.02)}

/* ---------- Cartões ---------- */
.card{display:flex;flex-direction:column;gap:var(--sp-3);text-decoration:none;color:var(--text)}
.card .photo{width:100%}
.card h3{font-size:22px}
.box{background:var(--surface-card);border:var(--border-thin);padding:var(--sp-6)}
.panel{background:var(--surface-panel);padding:clamp(20px,4vw,40px)}

/* ---------- Faixa de aviso e cabeçalho ---------- */
.notice{background:var(--notice-bg);color:var(--text);text-align:center;padding:12px 16px}
.header{position:sticky;top:env(safe-area-inset-top,0px);z-index:10;background:var(--bg);border-bottom:var(--border-thin)}
.header-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:70px;gap:var(--sp-4)}
.nav{display:flex;gap:22px;white-space:nowrap;align-items:center}
.nav a{text-decoration:none}
.nav a[aria-current="page"]{border-bottom:1px solid var(--line-strong);padding-bottom:3px}
.nav-right{justify-content:flex-end}
.logo{font:300 30px/1 var(--font-display);text-decoration:none;color:var(--text)}
.menu-btn{display:none}
.theme-btn{background:none;border:0;cursor:pointer;color:var(--text);padding:0}
.mobile-nav{display:flex;flex-direction:column;gap:18px;padding:16px var(--gutter) 24px;border-top:var(--border-thin);background:var(--bg)}
@media (max-width:1100px){
  .nav-desktop{display:none!important}
  .menu-btn{display:inline-block}
}
@media (max-width:520px){.header .btn{padding:12px 14px}.logo{font-size:26px}}

/* ---------- Rodapé ---------- */
.footer{background:var(--footer-bg);color:var(--footer-text);padding-block:72px 40px}
.footer a{color:var(--footer-text);text-decoration:none;font-size:14px}
.footer a:hover{text-decoration:underline}
.footer-cols{display:grid;gap:32px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.footer-col{display:flex;flex-direction:column;gap:10px}
.trust{text-align:center;padding:20px var(--gutter);border-top:var(--border-thin);color:var(--text-muted);font-size:14px}

/* ---------- Diálogo ---------- */
.overlay{position:fixed;inset:0;background:rgba(42,37,36,.55);z-index:50;display:grid;place-items:center;padding:16px;overflow:auto}
.dialog{background:var(--bg);color:var(--text);padding:clamp(24px,5vw,40px);max-width:560px;width:100%;display:flex;flex-direction:column;gap:20px}
.option{border:1px solid var(--line);border-radius:var(--radius-option);padding:20px;cursor:pointer;background:var(--surface-card);display:flex;flex-direction:column;gap:6px;text-align:left;color:var(--text);font:inherit;width:100%}
.option[aria-checked="true"]{border-color:var(--line-strong);background:var(--surface-panel)}
.option .big{font:300 32px/1.1 var(--font-display)}

/* ---------- Topo da Home ---------- */
.hero{background:var(--grey);min-height:clamp(420px,60vw,600px);display:flex;align-items:flex-end;position:relative}
.hero .photo-label{position:absolute;top:24px;right:24px;font:italic 300 20px var(--font-display);color:#2A2524}
.hero-card{background:var(--bg);padding:clamp(24px,4vw,40px);max-width:500px;display:flex;flex-direction:column;gap:20px;margin-bottom:clamp(16px,4vw,48px)}
.hero-card h1{font-size:clamp(34px,5vw,52px)}
@media (max-width:700px){
  .hero{min-height:0;padding-top:clamp(200px,55vw,300px)}
  .hero .wrap{padding-inline:0}
  .hero-card{max-width:none;margin-bottom:0}
}
.grid-4{display:grid;gap:var(--sp-4);grid-template-columns:repeat(2,minmax(0,1fr))}
@media (min-width:900px){.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:520px){.grid-4 .card h3{font-size:19px;line-height:24px}.grid-4 .chip{letter-spacing:.1em;padding:5px 8px;white-space:normal}}
.promises{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding-block:28px;text-align:center;border-bottom:var(--border-thin)}

/* ---------- Carrossel de queixas ---------- */
.carousel-outer{margin-right:calc(-1 * var(--gutter))}
.qrow{display:flex;flex-wrap:nowrap;gap:20px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;user-select:none;padding-right:var(--gutter);outline:none}
.qrow::-webkit-scrollbar{display:none}
.qcard{text-decoration:none;display:block;flex:0 0 clamp(220px,22vw,280px);scroll-snap-align:start;background:none;border:0;padding:0;text-align:left;color:var(--text);cursor:inherit;font:inherit}
.qcard .photo{aspect-ratio:4/5;width:100%}
.qcard h3{margin-top:12px;display:inline-block;padding-bottom:4px;border-bottom:1px solid transparent}
.qprogress{position:relative;height:3px;margin-top:24px;margin-right:var(--gutter)}
.qprogress::before{content:"";position:absolute;left:0;right:0;top:1px;height:1px;background:var(--line)}
.qprogress i{position:absolute;top:0;height:3px;background:var(--text)}
.arrow{width:48px;height:48px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font:300 24px var(--font-display);cursor:pointer;border-radius:0}
.drag-cursor{position:fixed;left:0;top:0;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--bg);border:1px solid var(--line-strong);display:grid;place-items:center;font:500 11px var(--font-body);letter-spacing:.16em;text-transform:uppercase;pointer-events:none;z-index:9;opacity:0;transition:opacity 200ms}
@media (hover:none){.drag-cursor{display:none}}

/* ---------- Painel da queixa e acordeão ---------- */
.acc{border-top:var(--border-thin)}
.acc button{width:100%;background:none;border:0;padding:14px 0;text-align:left;color:var(--text);font:400 20px/1.3 var(--font-display);cursor:pointer;display:flex;justify-content:space-between;gap:16px}
.acc button span:last-child{font-family:var(--font-body);font-size:18px}
.acc .ans{padding-bottom:14px}

/* ---------- Faixa da filosofia ---------- */
.band{background:var(--band-bg);color:var(--band-text);padding-block:clamp(56px,8vw,88px)}
.band h2{font-size:clamp(30px,4vw,40px);line-height:1.2;max-width:720px}
.band .eyebrow{border-top:1px solid #fff;padding-top:12px}

/* ---------- Campos ---------- */
.field{display:flex;flex-direction:column;gap:6px;flex:1 1 240px;min-width:0}
.field input,.field textarea,.field select{background:var(--surface-card);border:1px solid var(--field-line);border-radius:0;padding:14px 16px;font:inherit;color:var(--text);width:100%}

/* ---------- Bloco premium ---------- */
.locked{background:var(--news-bg);border:1px dashed var(--line-strong);padding:var(--sp-6);display:flex;flex-direction:column;gap:var(--sp-3)}
.locked .fade{opacity:.35}

/* ---------- Páginas internas ---------- */
.page-head{padding-block:clamp(40px,7vw,80px) clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:16px;max-width:760px}
.crumb{font-size:14px;color:var(--text-muted)}
.crumb a{color:var(--text-muted)}
.blocks{display:flex;flex-direction:column;gap:var(--sp-8);max-width:760px;padding-bottom:var(--section)}
.block{display:flex;flex-direction:column;gap:var(--sp-3);border-top:1px solid var(--line-strong);padding-top:var(--sp-4)}
.kv{display:grid;grid-template-columns:minmax(120px,180px) 1fr;gap:8px 16px}
.kv dt{font-weight:500}
.kv dd{margin:0}
@media (max-width:520px){.kv{grid-template-columns:1fr}.kv dd{margin-bottom:8px}}
.highlight{background:var(--surface-panel);padding:var(--sp-6);font:300 24px/1.35 var(--font-display)}
.table-wrap{overflow-x:auto;border:var(--border-thin)}
table{border-collapse:collapse;width:100%;min-width:520px}
th,td{text-align:left;padding:12px 16px;border-bottom:var(--border-thin);vertical-align:top}
th{background:var(--surface-panel);font:500 12px/16px var(--font-body);letter-spacing:.16em;text-transform:uppercase}
.empty{border:1px dashed var(--line-strong);padding:var(--sp-8);text-align:center;color:var(--text-muted)}

/* ---------- Quiz ---------- */
.quiz{max-width:640px;margin:0 auto;padding-block:clamp(32px,6vw,72px) var(--section);display:flex;flex-direction:column;gap:var(--sp-6)}
.qbar{height:3px;background:var(--line);position:relative}
.qbar i{position:absolute;left:0;top:0;bottom:0;background:var(--text);transition:width 300ms var(--ease)}
.qtop{display:flex;justify-content:space-between;align-items:center;gap:16px}
.answers{display:flex;flex-direction:column;gap:10px}
.ans-btn{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius-option);background:var(--surface-card);color:var(--text);font:inherit;cursor:pointer}
.ans-btn[aria-pressed="true"]{border-color:var(--line-strong);background:var(--surface-panel)}
.ans-btn .check{width:20px;flex:0 0 20px;text-align:center;visibility:hidden}
.ans-btn[aria-pressed="true"] .check{visibility:visible}
.cards{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr))}
.icard{position:relative;display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left;padding:16px;border:1px solid var(--line);border-radius:var(--radius-option);background:var(--surface-card);color:var(--text);font:inherit;font-size:15px;line-height:21px;cursor:pointer}
.icard[aria-pressed="true"]{border-color:var(--line-strong);background:var(--surface-panel)}
.icard .ill{width:56px;height:56px;border:var(--border-thin);background:var(--bg);display:grid;place-items:center;font:300 22px var(--font-display);color:var(--text-muted)}
.badge{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:50%;background:var(--btn-bg);color:var(--btn-text);font-size:11px;line-height:18px;text-align:center;display:none}
[aria-pressed="true"] > .badge{display:block}
.swatch{width:40px;height:40px;border-radius:50%;border:1px solid var(--line)}
.facemap{max-width:240px;width:100%;margin:0 auto;display:block}
.facemap ellipse.zone{cursor:pointer;fill:rgba(235,207,202,.2);stroke:var(--text);stroke-width:1;stroke-dasharray:4 3}
.facemap ellipse.zone.on{fill:rgba(235,207,202,.55);stroke-width:2;stroke-dasharray:none}
.facemap text{fill:var(--text);font:12px var(--font-body);pointer-events:none}
.error{color:#A23B2A;font-size:14px}
:root[data-theme="dark"] .error{color:#F0A898}
.result-sec{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line-strong);padding-top:16px}

/* ---------- Ficha do ingrediente (janela da Home e página) ---------- */
.dialog-wide{max-width:760px;margin-block:24px;align-self:start}
.close-x{background:none;border:1px solid var(--line-strong);width:40px;height:40px;font:300 24px/1 var(--font-display);color:var(--text);cursor:pointer;border-radius:0}
.ing-page{max-width:760px;padding-block:24px var(--section)}
.ing-detail{display:flex;flex-direction:column;gap:28px}
.ing-top{display:flex;flex-direction:column;gap:10px;padding-bottom:24px;border-bottom:var(--border-thin)}
.ing-title{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ing-title h1,.ing-title h2{font-size:clamp(36px,5vw,48px);line-height:1.05}
.ev-badge{border:1px solid var(--accent);color:var(--text-accent);background:var(--news-bg);padding:6px 12px;font-size:14px;line-height:20px;white-space:nowrap}
.ing-sec{display:flex;flex-direction:column;gap:12px;padding-bottom:24px;border-bottom:var(--border-thin)}
.ing-headline{font:300 clamp(24px,3vw,28px)/1.25 var(--font-display)}
.tiles{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}
.tile{background:var(--surface-panel);padding:14px 16px;display:flex;flex-direction:column;gap:2px}
.tile b{font-weight:500}
@media (max-width:560px){.tiles{grid-template-columns:1fr}}
.myth{background:var(--news-bg);border:1px solid var(--pink);padding:16px 20px;margin-top:8px}
.myth b{font-weight:500}
.premium-div{display:flex;align-items:center;gap:12px;color:var(--text-muted);font-size:14px}
.premium-div::before,.premium-div::after{content:"";flex:1;border-top:1px dotted var(--line-strong);opacity:.6}
.premium-div span{display:flex;align-items:center;gap:6px}
.premium-list{display:flex;flex-direction:column;gap:10px}
.premium-row{border:var(--border-thin);background:var(--surface-card);padding:14px 18px;display:flex;flex-direction:column;gap:2px}
.premium-row b{font:400 19px/1.3 var(--font-display)}

/* ---------- Menu lateral ---------- */
.drawer-overlay{position:fixed;inset:0;z-index:40;background:rgba(42,37,36,.5);display:flex;animation:fade-in 240ms var(--ease)}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
.drawer{background:var(--bg);color:var(--text);width:min(600px,100%);height:100%;overflow:auto;display:flex;flex-direction:column;padding:20px clamp(20px,4vw,44px) 28px;animation:drawer-in 420ms var(--ease);border-right:var(--border-thin)}
@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:none}}
.drawer-top{display:flex;justify-content:space-between;align-items:center;height:50px;margin-bottom:clamp(24px,5vh,48px)}
.drawer-close{background:none;border:0;color:var(--text);cursor:pointer;font:500 12px/1 var(--font-body);letter-spacing:.2em;text-transform:uppercase;display:flex;align-items:center;gap:10px;padding:8px 0}
.drawer-close span{font:300 26px/1 var(--font-display);letter-spacing:0;transition:transform 300ms var(--ease)}
.drawer-close:hover span{transform:rotate(90deg)}
.drawer-list{list-style:none;margin:0;padding:0;border-top:var(--border-thin)}
.drawer-list li{border-bottom:var(--border-thin);animation:item-in 520ms var(--ease) both;animation-delay:calc(120ms + var(--i) * 60ms)}
@keyframes item-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.drawer-link{display:block;padding:14px 0;text-decoration:none;color:var(--text);transition:opacity 260ms var(--ease)}
.drawer-row{display:flex;align-items:center;gap:14px}
.drawer-label{font:300 clamp(22px,2.4vw,27px)/1.15 var(--font-display);letter-spacing:-.01em;transition:transform 360ms var(--ease)}
.drawer-tag{transition:transform 360ms var(--ease);font:500 10px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;padding:5px 8px;border:1px solid var(--line-strong);white-space:nowrap}
.drawer-arrow{margin-left:auto;font:300 20px/1 var(--font-display);opacity:0;transform:translateX(-12px);transition:opacity 260ms var(--ease),transform 360ms var(--ease)}
.drawer-desc{display:grid;grid-template-rows:0fr;transition:grid-template-rows 380ms var(--ease)}
.drawer-desc>span{overflow:hidden;font-size:14px;line-height:21px;color:var(--text-muted);max-width:420px;opacity:0;transition:opacity 300ms var(--ease)}
.drawer-link[aria-current="page"] .drawer-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
/* passar o mouse ou focar: explicação abre embaixo, seta aparece, os outros apagam */
.drawer-list:hover .drawer-link:not(:hover){opacity:.35}
.drawer-link:hover .drawer-label,.drawer-link:focus-visible .drawer-label,.drawer-link:hover .drawer-tag,.drawer-link:focus-visible .drawer-tag{transform:translateX(8px)}
.drawer-link:hover .drawer-arrow,.drawer-link:focus-visible .drawer-arrow{opacity:1;transform:none}
.drawer-link:hover .drawer-desc,.drawer-link:focus-visible .drawer-desc{grid-template-rows:1fr}
.drawer-link:hover .drawer-desc>span,.drawer-link:focus-visible .drawer-desc>span{opacity:1;padding-top:8px;padding-left:8px}
.drawer-link:focus-visible{outline:none}
.drawer-foot{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;gap:24px}
.drawer-cta{background:var(--surface-panel);padding:20px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.drawer-cta-title{font:300 22px/1.2 var(--font-display)}
.drawer-sec{display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.drawer-sec a{text-decoration:none}
/* telas sem mouse: explicação sempre visível */
@media (hover:none){
  .drawer-desc{grid-template-rows:1fr}
  .drawer-desc>span{opacity:1;padding-top:6px}
  .drawer-list:hover .drawer-link:not(:hover){opacity:1}
}

/* ---------- Cabe no bolso ---------- */
.budget-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:760px;margin-bottom:32px}
.budget-tab{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;border:1px solid var(--line);background:var(--surface-card);color:var(--text);cursor:pointer;text-align:left;font:inherit;border-radius:0}
.budget-tab[aria-selected="true"]{border-color:var(--line-strong);background:var(--surface-panel)}
.budget-range{font:300 clamp(24px,3vw,30px)/1.1 var(--font-display)}
.budget-body{max-width:760px;display:flex;flex-direction:column;gap:20px;padding-bottom:var(--section)}
.steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.step-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:16px;padding:20px;border:var(--border-thin);background:var(--surface-card)}
.step-num{font:300 32px/1 var(--font-display);color:var(--text-accent)}
.step-product{display:flex;gap:14px;align-items:center;border-top:var(--border-thin);padding-top:12px}
.budget-total{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-top:1px solid var(--line-strong);padding-top:16px}

/* Home: cabeçalho sem fundo, por cima da foto do topo (13 out) */
body.is-home .header{position:absolute;left:0;right:0;top:auto;background:transparent;border-bottom:0}
body.is-home .hero{padding-top:70px}
body.is-home .hero .photo-label{top:auto;bottom:24px}
.hero{overflow:hidden}
.hero-media{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:100%}
.hero-media img{width:100%;height:100%;min-height:0;object-fit:cover;display:block}
.hero-media img:last-child{object-position:40% 50%}
.hero .wrap{position:relative;z-index:1}
@media (max-width:700px){.hero-media{grid-template-columns:1fr;bottom:auto;height:clamp(300px,90vw,420px)}.hero-media img:first-child{display:none}.hero-media img:last-child{object-position:50% 35%}body.is-home .hero{padding-top:clamp(300px,90vw,420px)}}
body.is-home .header .logo{color:var(--text)}
/* cartão do topo transparente, com desfoque (13 out) */
.hero-media ~ .wrap .hero-card{background:rgba(251,248,245,.42);backdrop-filter:blur(14px) saturate(1.1);-webkit-backdrop-filter:blur(14px) saturate(1.1);border:1px solid rgba(255,255,255,.45)}
.hero-media ~ .wrap .hero-card .btn-secondary{background:rgba(255,255,255,.35)}
:root[data-theme="dark"] .hero-media ~ .wrap .hero-card{background:rgba(35,28,30,.45);border-color:rgba(255,255,255,.15)}
@media (max-width:700px){.hero-media ~ .wrap .hero-card{background:var(--bg);backdrop-filter:none;-webkit-backdrop-filter:none;border:0}}
/* topo: bandeja inteira com o texto dentro; o texto cresce junto com a bandeja (13 out) */
.hero-tray{background:#E9DDDF;padding:64px var(--gutter) 20px;display:flex;justify-content:center}
.tray{position:relative;container-type:inline-size;width:min(100%,calc((100vh - 128px) * 1.835));aspect-ratio:2400/1308}
.tray img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent,#000 2.5%,#000 97.5%,transparent),linear-gradient(180deg,transparent,#000 4%,#000 96%,transparent);mask-composite:intersect}
.tray-text{position:absolute;left:12%;top:50%;transform:translateY(-50%);width:38%;text-align:left;align-items:flex-start;color:#fff;display:flex;flex-direction:column;gap:1.5cqw}
.tray-text .eyebrow{color:rgba(255,255,255,.78);font-size:.95cqw;letter-spacing:.2em;line-height:1.3}
.tray-text h1{color:#fff;font-size:3.9cqw;line-height:1.08}
.tray-text p{color:rgba(255,255,255,.92);font-size:1.3cqw;line-height:1.55}
.tray-text .row{flex-direction:column;align-items:flex-start;gap:.8cqw;flex-wrap:nowrap}
.tray-text .btn{font-size:.95cqw;padding:1.25cqw 2.1cqw}
.tray-text .btn-secondary{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.tray-text .btn-secondary:hover{background:rgba(255,255,255,.15)}
@media (max-width:900px){
  .hero-tray{flex-direction:column;padding-top:76px}
  .tray-text{position:static;transform:none;width:auto;color:var(--text);padding:24px 4px 0}
  .tray-text h1{color:var(--text)}.tray-text .eyebrow{color:var(--text-muted)}.tray-text p{color:var(--text)}
  .tray-text .btn-secondary{color:var(--text);border-color:var(--line-strong)}
  .tray{aspect-ratio:auto;width:100%}.tray img{position:static;aspect-ratio:2400/1308;height:auto}
}
/* barra de rolagem: a do navegador fica escondida e uma barra fina flutua por cima
   da página, transparente, nas cores do site (13 out). Desenhada em js/layout.js. */
html{scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar{display:none;width:0;height:0}
.scroll-ind{position:fixed;top:0;right:3px;width:5px;border-radius:5px;background:rgba(196,165,163,.75);z-index:60;pointer-events:none;opacity:0;transition:opacity .4s}
.scroll-ind.on{opacity:1}
:root[data-theme="dark"] .scroll-ind{background:rgba(227,179,171,.55)}
@media (hover:none){.scroll-ind{display:none}}
/* cabeçalho de ponta a ponta e botão "Mapear minha pele" arredondado, cinza claro (13 out) */
.header-in{max-width:none;padding-inline:clamp(16px,2.6vw,40px)}
.btn-header{background:#BDBDBD;color:#fff;border-color:#BDBDBD;border-radius:999px;font:400 18px/1 var(--font-display);letter-spacing:0;text-transform:none;padding:11px 24px}
.btn-header:hover{background:#ABABAB;border-color:#ABABAB}
:root[data-theme="dark"] .btn-header{background:#3A3133;color:#F4EEEA;border-color:#3A3133}
@media (max-width:900px){.tray-text{text-align:left;align-items:flex-start}.tray-text .row{align-items:flex-start}}
/* topo: texto à esquerda + foto da risada à direita (13 out) */
.hero-split{display:grid;grid-template-columns:1fr 1fr;height:100vh;min-height:520px;max-height:900px;background:#8C7F6E}
.hero-split-text{padding-top:64px!important}
.hero-split-text{display:flex;align-items:center;padding:0 clamp(24px,6vw,110px)}
.hero-split-text .tray-text{position:static;transform:none;width:auto;max-width:520px;gap:20px}
.hero-split-text .tray-text h1{font-size:clamp(34px,3.6vw,58px)}
.hero-split-text .tray-text p{font-size:clamp(15px,1.15vw,18px)}
.hero-split-text .tray-text .btn{font-size:var(--fs-button);padding:16px 28px}
.hero-split-media{position:relative;overflow:hidden}
.hero-split-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%}
body.is-home .header:has(+ *){}
.mip-photo{position:relative;min-height:clamp(320px,44vw,560px);overflow:hidden}
.mip-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:900px){
  .hero-split{grid-template-columns:1fr;height:auto;max-height:none;padding-top:56px}
  .hero-split-media{order:-1;min-height:clamp(320px,95vw,520px)}
  .hero-split-text{padding:32px 20px 40px}
  .hero-split-text .tray-text{color:#fff}
}
/* bloco do mapeamento: cartão escuro, compacto e delimitado (13 out) */
.mipc-wrap{padding-block:clamp(40px,6vw,88px)}
.mipc{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);background:var(--plum);color:#F4EEEA;border-radius:24px;overflow:hidden;max-width:1080px;margin:0 auto;min-height:360px;box-shadow:0 18px 40px -24px rgba(59,47,50,.55)}
.mipc-photo{position:relative;min-height:300px}
.mipc-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.mipc-text{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:18px}
.mipc-tag{align-self:flex-start;background:rgba(235,207,202,.16);color:#EBCFCA;border-radius:999px;padding:7px 14px;font:500 12px/1 var(--font-body);letter-spacing:.08em}
.mipc h2{color:#F4EEEA;font-size:clamp(26px,2.6vw,36px);line-height:1.12}
.mipc-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.mipc-steps li{display:flex;gap:12px;align-items:center;font-size:15px;color:rgba(244,238,234,.9)}
.mipc-steps span{flex:0 0 26px;height:26px;border-radius:50%;background:#EBCFCA;color:#3B2F32;display:grid;place-items:center;font:500 13px var(--font-body)}
.mipc-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.mipc-cta .small{color:rgba(244,238,234,.6)}
.mipc-btn{background:#EBCFCA;color:#3B2F32;border-color:#EBCFCA;border-radius:999px;text-transform:none;letter-spacing:.01em;font-size:15px;padding:15px 26px}
.mipc-btn:hover{background:#fff;border-color:#fff;color:#3B2F32}
@media (max-width:760px){.mipc{grid-template-columns:1fr}.mipc-photo{min-height:220px}}
/* topo: foto larga das amigas + texto centralizado embaixo (13 out) */
.hero-wide{background:var(--bg)}
.hero-wide-media{position:relative;width:100%;aspect-ratio:2/1;max-height:82vh;overflow:hidden}
.hero-wide-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.hero-wide-text{display:flex;justify-content:center;padding:clamp(18px,2.4vw,32px) var(--gutter) clamp(28px,4vw,48px);text-align:center}
.hero-wide-text .tray-text{position:static;transform:none;width:auto;max-width:720px;color:var(--text);align-items:center;text-align:center;gap:18px}
.hero-wide-text .tray-text h1{color:var(--text);font-size:clamp(32px,3.6vw,54px)}
.hero-wide-text .tray-text .eyebrow{color:var(--text-muted)}
.hero-wide-text .tray-text p{color:var(--text-muted);font-size:clamp(15px,1.15vw,18px)}
.hero-wide-text .tray-text .row{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:12px}
.hero-wide-text .tray-text .btn{font-size:var(--fs-button);padding:16px 28px}
.hero-wide-text .tray-text .btn-secondary{color:var(--text);border-color:var(--line-strong);background:transparent}
body.is-home:has(.hero-wide) .header .logo{color:var(--text);text-shadow:none}

/* ---------- Página da queixa (estilo coleção) ---------- */
.col-page{padding-top:clamp(24px,4vw,40px);padding-bottom:var(--section)}
.col-head{display:grid;gap:clamp(20px,4vw,48px);grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;padding-block:clamp(32px,6vw,64px) clamp(32px,5vw,56px)}
.col-title{font:italic 400 clamp(44px,7.5vw,88px)/1.02 var(--font-display);letter-spacing:-.01em}
.col-lead{margin:clamp(0px,1.5vw,16px) 0 0;font-size:18px;line-height:28px}
@media (max-width:820px){.col-head{grid-template-columns:1fr}}
.col-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:12px}
.col-filters{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.dd{position:relative}
.dd-btn,.col-sort select{display:inline-flex;align-items:center;gap:12px;background:transparent;border:1px solid var(--line-strong);border-radius:0;padding:12px 16px;font:400 var(--fs-body)/1.2 var(--font-body);color:var(--text);cursor:pointer}
.dd-btn svg{transition:transform var(--dur) var(--ease)}
.dd-btn[aria-expanded="true"] svg{transform:rotate(180deg)}
.dd-btn[aria-expanded="true"] span{text-decoration:underline;text-underline-offset:4px}
.dd-panel{position:absolute;z-index:20;top:calc(100% + 8px);left:-16px;width:340px;max-width:calc(100vw - 32px);background:var(--surface-panel);border:1px solid var(--line);box-shadow:0 12px 32px rgba(42,37,36,.08)}
.dd-head{display:flex;justify-content:space-between;align-items:center;padding:18px 28px;border-bottom:1px solid var(--line-strong)}
.dd-list{padding:12px 28px 20px;display:flex;flex-direction:column;max-height:min(60vh,420px);overflow:auto}
.dd-opt{display:flex;align-items:center;gap:16px;padding:10px 0;cursor:pointer}
.dd-opt input{appearance:none;-webkit-appearance:none;width:22px;height:22px;margin:0;flex:0 0 22px;border:1px solid var(--line-strong);background:transparent;display:grid;place-items:center;cursor:pointer}
.dd-opt input:checked{background:var(--text)}
.dd-opt input:checked::after{content:"";width:10px;height:5px;border:solid var(--bg);border-width:0 0 2px 2px;transform:translateY(-1px) rotate(-45deg)}
.dd-opt input:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}
.col-sort{display:flex;align-items:center;gap:12px}
.col-sort select{appearance:none;-webkit-appearance:none;min-width:220px;padding-right:44px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14'%3E%3Cpath d='M2 5l5 5 5-5' fill='none' stroke='%23675F5C' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 16px center}
.col-sort select option{background:var(--surface-card);color:var(--text)}
.col-count{margin:16px 0 24px}
.col-grid{display:grid;gap:clamp(16px,3vw,40px) clamp(12px,2.5vw,32px);grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.col-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.col-card .photo{width:100%}
.col-badge{position:absolute;top:16px;left:16px;background:var(--surface-card);color:var(--text);font:500 12px/16px var(--font-body);letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;max-width:calc(100% - 32px)}
.col-name{font-size:clamp(20px,2.4vw,30px);padding:0 16px;text-align:center}
.col-card p{margin:0}
.col-faq{display:grid;gap:clamp(20px,4vw,48px);grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);margin-top:var(--section);padding-top:clamp(32px,5vw,56px);border-top:var(--border-thin)}
@media (max-width:820px){.col-faq{grid-template-columns:1fr}}
@media (max-width:560px){
  .col-filters{position:relative}
  .dd{position:static}
  .dd-panel{left:0;right:0;width:auto;max-width:none}
  .dd-head,.dd-list{padding-inline:20px}
  .col-sort,.col-sort select{width:100%;min-width:0}
  .col-badge{top:10px;left:10px;font-size:10px;letter-spacing:.06em;padding:4px 8px}
  .col-grid .col-card h3{font-size:19px;line-height:24px}
}
/* vídeo do topo + granulado de filme aplicado por cima (13 out) */
.hero-wide-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.grain::after{content:"";position:absolute;inset:-50%;background:url(../img/grain.png);opacity:.34;mix-blend-mode:overlay;pointer-events:none;animation:grain 0.9s steps(6) infinite}
@keyframes grain{0%{transform:translate(0,0)}17%{transform:translate(-6%,4%)}33%{transform:translate(5%,-7%)}50%{transform:translate(-3%,8%)}67%{transform:translate(8%,3%)}83%{transform:translate(-8%,-5%)}100%{transform:translate(0,0)}}
@media (prefers-reduced-motion:reduce){.grain::after{animation:none}.hero-wide-media video{display:none}.hero-wide-media{background:url(../video/amigas.jpg) 50% 40%/cover}}
/* separar as partes da Home com cores contrastantes (13 out):
   topo blush, promessas em ameixa, queixas no off-white */
.hero-wide{background:#E8DCCB}
.hero-wide-text{padding-bottom:clamp(36px,4.5vw,64px)}
.hero-wide-text .tray-text .eyebrow{color:#675F5C}
.hero-wide-text .tray-text p{color:#3B2F32}
.hero-wide-text .tray-text .btn-primary{background:#3B2F32;color:#F4EEEA;border-color:#3B2F32}
.hero-wide-text .tray-text .btn-primary:hover{background:#4A3D40;border-color:#4A3D40}
.hero-wide-text .tray-text .btn-secondary{border-color:#3B2F32;color:#3B2F32}
.wrap.promises{background:var(--plum);box-shadow:0 0 0 100vmax var(--plum);clip-path:inset(0 -100vmax);border-bottom:0;padding-block:20px;color:#F4EEEA}
.wrap.promises .eyebrow{color:#F4EEEA}
.wrap.promises + .section{padding-top:clamp(56px,7vw,96px)}
.hero-wide-text .tray-text .btn{border-radius:999px}
/* botão Menu: pílula escura, bem visível sobre a foto (13 out) */
.header [data-menu]{border:0;padding:12px 22px;border-radius:999px;background:#3B2F32;color:#F4EEEA;box-shadow:0 2px 14px rgba(42,37,36,.25)}
.header [data-menu]:hover{background:#4A3D40;color:#fff}
.queixas-home{padding-top:clamp(28px,3.2vw,48px)}
.hero-wide-text{padding-bottom:clamp(28px,3.4vw,48px)}
/* bloco do texto do topo em areia, texto escuro (13 out) */
.hero-wide-text .tray-text h1{color:var(--ink)}
.hero-wide-text .tray-text .eyebrow{color:#6E5F52}
.hero-wide-text .tray-text p{color:#4A3F38}
.hero-wide-text .tray-text .btn-primary{background:#3B2F32;color:#F4EEEA;border-color:#3B2F32}
.hero-wide-text .tray-text .btn-primary:hover{background:#4A3D40;border-color:#4A3D40}
.hero-wide-text .tray-text .btn-secondary{border-color:#3B2F32;color:#3B2F32;background:transparent}
.hero-wide-text .tray-text .btn-secondary:hover{background:rgba(59,47,50,.06)}
/* detalhes em rosa no bloco areia, para conversar com o vídeo (13 out) */
.hero-wide-text .tray-text .eyebrow{color:#B9827A;display:inline-flex;align-items:center;gap:12px}
.hero-wide-text .tray-text .eyebrow::before,.hero-wide-text .tray-text .eyebrow::after{content:"";width:28px;height:1px;background:#D9ABA3}
.hero-wide-text .tray-text .btn-primary{background:#3B2F32}
.hero-wide-text .tray-text .btn-primary:hover{background:#D9ABA3;border-color:#D9ABA3;color:#3B2F32}
.hero-wide-text .tray-text .btn-secondary{border-color:#D9ABA3;border-width:1.5px}
.hero-wide-text .tray-text .btn-secondary:hover{background:#EBCFCA;border-color:#EBCFCA}

.hero-wide-media{border-bottom:4px solid #EBCFCA}
.hero-wide-text .hl{background:linear-gradient(transparent 62%,#EBCFCA 62%,#EBCFCA 92%,transparent 92%);padding:0 .08em}
/* "Descobrir minha rotina" em rosa queimado, mais leve que o ameixa (13 out) */
.hero-wide-text .tray-text .btn-primary{background:#C9918A;border-color:#C9918A;color:#fff}
.hero-wide-text .tray-text .btn-primary:hover{background:#B9827A;border-color:#B9827A;color:#fff}
/* teste estilo Rhode: vídeo em cartão arredondado com frase e botão (13 out) */
.hero-card-video{padding:12px 12px 0}
.hcv{position:relative;border-radius:22px;overflow:hidden;height:calc(100vh - 24px);min-height:480px;max-height:960px;background:#2A2524}
.hcv video,.hcv img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.hcv::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(0deg,rgba(42,37,36,.55),rgba(42,37,36,0) 45%),linear-gradient(180deg,rgba(42,37,36,.35),rgba(42,37,36,0) 22%);pointer-events:none}
.hcv-text{position:absolute;z-index:2;left:clamp(22px,3.4vw,52px);right:clamp(22px,3.4vw,52px);bottom:clamp(26px,4vw,52px);display:flex;flex-direction:column;align-items:flex-start;gap:22px;color:#fff}
.hcv-text h1{color:#fff;font-size:clamp(32px,3.6vw,56px);line-height:1.05;max-width:900px}
.hcv-btn{background:transparent;color:#fff;border:1.5px solid #fff;border-radius:999px;padding:14px 30px;font-size:14px}
.hcv-btn:hover{background:#fff;color:#2A2524}
body.hero-cartao .header{top:12px;left:12px;right:12px}
body.hero-cartao .header .logo{color:#fff;text-shadow:0 1px 14px rgba(42,37,36,.4)}
body.hero-cartao .header [data-menu]{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.85);box-shadow:none}
body.hero-cartao .header [data-menu]:hover{background:#fff;color:#2A2524}
@media (max-width:700px){.hcv{height:82vh}}
.hcv-text h1{font-size:clamp(38px,4.4vw,72px)}
.hcv-btn{font-size:15px;padding:16px 34px;text-transform:none;letter-spacing:.02em}
body.hero-cartao .header .logo{font-size:40px}
body.hero-cartao .header-in{padding-inline:clamp(28px,3.4vw,52px)}
.hcv-text h1{font-size:clamp(28px,2.8vw,44px);line-height:1.1}
.hcv-btn{font-size:14px;padding:13px 28px}
.queixas-home .sec-head{margin-bottom:18px;align-items:center}
.qprogress{display:none}
/* botão Voltar nas páginas de queixa (13 out) */
.col-top{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.back-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;border:1px solid var(--line-strong);color:var(--text);text-decoration:none;font:500 14px/1 var(--font-body);background:transparent;transition:background var(--dur) var(--ease)}
.back-btn:hover{background:var(--surface-panel);color:var(--text)}
.back-btn span{font-size:16px}
/* etiquetas das queixas escolhidas (3 ou mais) */
.col-chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.col-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);background:transparent;color:var(--text);font:400 14px/1 var(--font-body);cursor:pointer}
.col-chip:hover{background:var(--surface-panel)}
.col-chip span{font-size:16px;line-height:1;opacity:.7}
.hcv-text{gap:16px}
.hcv-apoio{color:rgba(255,255,255,.92);font-size:clamp(15px,1.15vw,18px);line-height:1.5;max-width:520px;margin:-4px 0 6px}

/* =========================================================
   Página da necessidade, redesenhada (13 out): cartões arredondados,
   topo em areia com foto, barra de filtros em pílulas, grade de cartões brancos.
   ========================================================= */
.qx{padding-top:clamp(16px,2vw,28px);padding-bottom:var(--section);display:flex;flex-direction:column;gap:clamp(20px,2.4vw,32px)}
.qx-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);background:#E8DCCB;border-radius:28px;overflow:hidden;min-height:clamp(340px,34vw,460px)}
.qx-hero.no-photo{grid-template-columns:1fr}
.qx-hero-text{padding:clamp(24px,3.4vw,52px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.qx-back{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.6);color:var(--ink);text-decoration:none;font:500 14px/1 var(--font-body);margin-bottom:auto;transition:background var(--dur) var(--ease)}
.qx-back:hover{background:#fff;color:var(--ink)}
.qx-eyebrow{align-self:flex-start;font:500 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#B9827A;display:inline-flex;align-items:center;gap:10px}
.qx-eyebrow::before{content:"";width:22px;height:1px;background:#D9ABA3}
.qx-title{font:400 clamp(38px,4.6vw,68px)/1.02 var(--font-display);letter-spacing:-.02em;color:var(--ink)}
.qx-lead{font-size:clamp(15px,1.15vw,18px);line-height:1.6;color:#4A3F38;max-width:520px;margin:0}
.qx-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.qx-meta span{background:rgba(255,255,255,.55);border-radius:999px;padding:7px 13px;font:500 13px/1 var(--font-body);color:#4A3F38}
.qx-hero-photo{position:relative;margin:12px;border-radius:20px;overflow:hidden;min-height:260px}
.qx-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
@media (max-width:820px){.qx-hero{grid-template-columns:1fr}.qx-hero-photo{order:-1;min-height:260px;margin:10px 10px 0}.qx-back{margin-bottom:8px}}

/* barra de filtros */
.qx-bar{position:sticky;top:12px;z-index:15;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:999px;padding:8px;box-shadow:0 8px 24px -16px rgba(42,37,36,.25)}
.qx-bar .col-filters{gap:8px}
.qx-bar .dd-btn,.qx-bar .col-sort select{border:0;border-radius:999px;background:var(--bg);padding:11px 18px;font:500 14px/1.2 var(--font-body)}
.qx-bar .dd-btn:hover,.qx-bar .col-sort select:hover{background:#E8DCCB}
.qx-bar .dd-btn[aria-expanded="true"]{background:var(--ink);color:#F4EEEA}
.qx-bar .dd-btn[aria-expanded="true"] span{text-decoration:none}
.qx-bar .col-sort select{min-width:0;padding-right:40px;background-color:var(--bg);background-position:right 14px center}
.qx-bar-right{display:flex;align-items:center;gap:12px}
.qx-count{font:500 13px/1 var(--font-body);color:var(--text-muted);padding-left:6px}
.qx .dd-panel{border-radius:20px;background:#fff;border:1px solid var(--line);top:calc(100% + 12px);left:0;box-shadow:0 18px 40px -18px rgba(42,37,36,.3);overflow:hidden}
.qx .dd-head{border-bottom:1px solid var(--line);padding:16px 22px}
.qx .dd-list{padding:10px 22px 16px}
.qx .dd-opt input{border-radius:6px}
@media (max-width:640px){.qx-bar{border-radius:22px;top:8px}.qx-bar-right{width:100%;justify-content:space-between}.qx-bar .col-sort{width:auto}}

/* grade */
.qx-grid{display:grid;gap:clamp(12px,1.6vw,22px);grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.qx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.qx-grid{grid-template-columns:1fr}}
.qx-card{display:flex;flex-direction:column;background:#fff;border-radius:24px;padding:10px;text-decoration:none;color:var(--text);border:1px solid var(--line);transition:transform 380ms var(--ease),box-shadow 380ms var(--ease)}
a.qx-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px -20px rgba(42,37,36,.35);color:var(--text)}
.qx-card-photo{aspect-ratio:4/3;border-radius:16px;width:100%}
.qx-card-name{font:italic 400 clamp(22px,2vw,30px)/1 var(--font-display);padding:0 16px;text-align:center}
.qx-badge{position:absolute;top:12px;left:12px;background:#fff;color:var(--ink);border-radius:999px;padding:7px 12px;font:500 12px/1 var(--font-body);letter-spacing:.02em}
.qx-card-body{padding:16px 10px 10px;display:flex;flex-direction:column;gap:8px;flex:1}
.qx-card-body h3{font:400 22px/1.15 var(--font-display)}
.qx-card-body p{margin:0;font-size:14px;line-height:1.55;color:var(--text-muted);flex:1}
.qx-more{align-self:flex-start;margin-top:8px;display:inline-flex;gap:8px;align-items:center;background:var(--bg);border-radius:999px;padding:9px 15px;font:500 13px/1 var(--font-body);transition:background var(--dur) var(--ease)}
a.qx-card:hover .qx-more{background:#EBCFCA}
.qx-more.off{color:var(--text-muted)}
.qx-empty{background:#fff;border:1px dashed var(--line-strong);border-radius:24px;padding:32px;text-align:center;color:var(--text-muted)}

/* perguntas frequentes */
.qx-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(20px,3vw,48px);background:#fff;border:1px solid var(--line);border-radius:28px;padding:clamp(24px,3.4vw,48px);margin-top:clamp(12px,2vw,24px)}
.qx-faq-head{display:flex;flex-direction:column;gap:12px}
.qx-faq-head h2{font:400 clamp(28px,2.6vw,38px)/1.1 var(--font-display)}
.qx-faq-head p{margin:0;color:var(--text-muted)}
.qx-faq-list{display:flex;flex-direction:column;gap:10px}
.qx-faq-list .acc{border:0;background:var(--bg);border-radius:18px;padding:0 20px}
.qx-faq-list .acc button{font-size:18px;padding:18px 0}
.qx-faq-list .acc .ans{padding-bottom:18px}
@media (max-width:820px){.qx-faq{grid-template-columns:1fr}}

/* chamada final */
.qx-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;background:var(--plum);color:#F4EEEA;border-radius:28px;padding:clamp(24px,3.4vw,44px)}
.qx-cta h2{color:#F4EEEA;font:400 clamp(26px,2.4vw,34px)/1.1 var(--font-display)}
.qx-cta p{margin:8px 0 0;color:rgba(244,238,234,.75)}
.qx-cta-btns{display:flex;gap:10px;flex-wrap:wrap}
.qx-btn{background:#EBCFCA;color:#3B2F32;border-color:#EBCFCA;border-radius:999px;text-transform:none;letter-spacing:.01em;font-size:15px;padding:15px 26px}
.qx-btn:hover{background:#fff;border-color:#fff;color:#3B2F32}
.qx-btn-ghost{background:transparent;color:#F4EEEA;border:1px solid rgba(244,238,234,.5);border-radius:999px;text-transform:none;letter-spacing:.01em;font-size:15px;padding:15px 26px}
.qx-btn-ghost:hover{background:rgba(255,255,255,.1);color:#fff}
.qx-note{margin:0;font-size:13px;color:var(--text-muted);text-align:center}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* mapa do rosto na página da necessidade (13 out) */
.qx-hero-map{margin:12px;border-radius:20px;background:#F6EFE8;display:flex;align-items:center;justify-content:center;padding:clamp(18px,2.4vw,32px)}
.fm{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}
.fm-svg{width:min(100%,260px);height:auto;overflow:visible}
.fm-zone{fill:#E7A9A1;opacity:.75}
.fm-line path{fill:none;stroke:#3B2F32;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.fm-legend{display:flex;flex-direction:column;align-items:center;gap:10px}
.fm-title{font:500 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#B9827A}
.fm-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.fm-chip{display:inline-flex;align-items:center;gap:7px;background:#fff;border-radius:999px;padding:7px 12px;font:500 13px/1 var(--font-body);color:var(--ink)}
.fm-chip i{width:9px;height:9px;border-radius:50%;background:#E7A9A1}
@media (max-width:820px){.qx-hero-map{order:-1;margin:10px 10px 0}.fm-svg{width:200px}}
/* alerta do dermatologista no topo da necessidade (13 out) */
.qx-alert{display:flex;gap:12px;align-items:flex-start;background:rgba(255,255,255,.55);border-left:3px solid #D9ABA3;border-radius:14px;padding:14px 16px;max-width:520px;margin-top:6px}
.qx-alert svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:#B9827A;stroke-width:1.6;stroke-linecap:round;margin-top:1px}
.qx-alert p{margin:0;font-size:14px;line-height:1.5;color:#4A3F38}
.qx-bar{margin-bottom:-4px}
/* "Em destaque": menu próprio no padrão do site, no lugar da lista do navegador (13 out) */
.dd-sort .dd-panel{left:auto;right:0;width:220px}
.dd-sort .dd-list{padding:8px;gap:2px}
.dd-sort-opt{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:transparent;border:0;border-radius:12px;padding:11px 14px;font:400 15px/1.2 var(--font-body);color:var(--text);cursor:pointer;text-align:left}
.dd-sort-opt:hover{background:var(--bg)}
.dd-sort-opt[aria-selected="true"]{background:#E8DCCB;font-weight:500}
.dd-sort-opt svg{width:14px;height:14px;fill:none;stroke:var(--ink);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;visibility:hidden}
.dd-sort-opt[aria-selected="true"] svg{visibility:visible}
.qx-bar .dd-btn:focus-visible{outline:2px solid #D9ABA3;outline-offset:2px}
.qx-bar{top:82px;z-index:9}@media (max-width:640px){.qx-bar{top:78px}}
/* topo sem mapa (nenhuma ou várias necessidades): conteúdo centralizado (13 out) */
.qx-hero.no-photo{min-height:clamp(300px,26vw,380px);position:relative}
.qx-hero.no-photo .qx-hero-text{align-items:center;text-align:center;justify-content:center;padding-top:clamp(64px,6vw,84px)}
.qx-hero.no-photo .qx-back{position:absolute;top:clamp(18px,2.4vw,28px);left:clamp(18px,2.4vw,28px);margin:0}
.qx-hero.no-photo .qx-eyebrow{align-self:center}
.qx-hero.no-photo .qx-eyebrow::after{content:"";width:22px;height:1px;background:#D9ABA3}
.qx-hero.no-photo .qx-lead{margin-inline:auto}
.qx-hero.no-photo .col-chips{justify-content:center}
/* topo da necessidade cabe inteiro na primeira tela (13 out) */
@media (min-width:821px){
  .qx{gap:16px;padding-top:12px}
  .qx-hero:not(.no-photo){height:calc(100vh - 250px);min-height:440px;max-height:640px}
  .qx-hero-text{padding:clamp(20px,2.4vw,36px);gap:12px}
  .qx-back{margin-bottom:0}
  .qx-hero:not(.no-photo) .qx-hero-text{justify-content:flex-start}
  .qx-hero:not(.no-photo) .qx-eyebrow{margin-top:auto}
  .qx-title{font-size:clamp(34px,min(4vw,6.4vh),60px)}
  .qx-lead{font-size:clamp(14px,min(1.1vw,2vh),17px);line-height:1.55}
  .qx-alert{padding:11px 14px;margin-bottom:auto}
  .qx-alert p{font-size:13.5px}
  .qx-hero-map{padding:16px}
  .fm{gap:12px}
  .fm-svg{width:auto;height:calc(100vh - 430px);min-height:200px;max-height:420px}
}
/* desenho do rosto ocupa todo o espaço livre do cartão (13 out) */
@media (min-width:821px){
  .qx-hero-map{padding:20px 16px 18px;min-height:0}
  .fm{height:100%;justify-content:center}
  .fm-svg{flex:1 1 0;min-height:0;height:auto;max-height:none;width:100%}
}
@media (min-width:821px){.fm-svg{flex:0 1 82%}}
/* alerta do dermatologista mais delicado (13 out) */
.qx-alert{display:flex;gap:14px;align-items:center;background:#fff;border:0;border-left:0;border-radius:20px;padding:14px 18px 14px 14px;max-width:520px;box-shadow:0 10px 26px -18px rgba(59,47,50,.35)}
.qx-alert-ic{flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:#F3DCD7;display:grid;place-items:center}
.qx-alert-ic svg{width:20px;height:20px;fill:none;stroke:#9E6C64;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin:0}
.qx-alert-t{display:block;font:500 11px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#B9827A;margin-bottom:4px}
.qx-alert p{margin:0;font-size:14px;line-height:1.45;color:#4A3F38}
/* alerta do dermatologista: sem cartão, integrado ao fundo areia (13 out) */
.qx-alert{background:transparent;box-shadow:none;border-radius:0;border-top:1px solid rgba(185,130,122,.35);padding:14px 0 0;gap:12px;align-items:flex-start;max-width:500px}
.qx-alert-ic{flex:0 0 30px;width:30px;height:30px;background:transparent;border:1px solid rgba(185,130,122,.55)}
.qx-alert-ic svg{width:15px;height:15px;stroke-width:1.5}
.qx-alert-t{font-size:10.5px;margin-bottom:3px}
.qx-alert p{font-size:13.5px;color:#5E534C}
/* título do alerta escuro com marca-texto rosa (13 out) */
.qx-alert-t{display:inline;color:var(--ink);font-weight:600;background:linear-gradient(transparent 52%,#EBC3BC 52%,#EBC3BC 94%,transparent 94%);padding:0 3px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.qx-alert-t + p{margin-top:6px}
.qx-alert p{color:var(--ink)}
/* página da necessidade com cores mais vivas (13 out) */
.qx-hero{background:#ECCFC4}
.qx-hero-map,.qx-hero-photo{background:#FBF4EF}
.qx-eyebrow,.fm-title{color:#A8584E}
.qx-eyebrow::before,.qx-hero.no-photo .qx-eyebrow::after{background:#A8584E}
.qx-title{color:#2A2524}
.qx-lead{color:#3B2F32}
.qx-back{background:#fff}
.qx-alert{border-top-color:rgba(168,88,78,.35)}
.qx-alert-t{background:linear-gradient(transparent 52%,#F2AFA4 52%,#F2AFA4 94%,transparent 94%)}
.fm-zone{fill:#E58A7E;opacity:.72}
.fm-chip i{background:#E58A7E}
.fm-line path{stroke:#2A2524}
.qx-bar .dd-btn,.qx-bar .dd-sort .dd-btn{background:#F6E3DC}
.qx-bar .dd-btn:hover{background:#ECCFC4}
.qx-badge{background:#F6E3DC}
a.qx-card:hover .qx-more{background:#F2AFA4}
.qx-hero{background:#E4D2BB}
/* cartões de produto na página da necessidade (teste, 13 out) */
.qx-prod-brand{font:400 clamp(22px,2vw,30px)/1.05 var(--font-display);padding:0 18px;text-align:center}
.qx-prod-marca{font:500 11px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#A8584E;display:flex;gap:8px;align-items:center}
.qx-prod .qx-card-body h3{font-size:20px}
.qx-ativos{display:flex;flex-wrap:wrap;gap:6px;flex:1;align-content:flex-start}
.qx-ativos span{background:var(--bg);border-radius:999px;padding:6px 10px;font:400 12.5px/1 var(--font-body);color:var(--text)}
.qx-prod .qx-more{text-decoration:none;color:var(--ink)}
.qx-prod .qx-more:hover{background:#F2AFA4;color:var(--ink)}
/* "Saiba mais" do produto e a ficha (13 out) */
.qx-prod-btns{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}
.qx-prod-btns .qx-more{margin-top:0}
.qx-saiba{border:0;cursor:pointer;background:var(--ink)!important;color:#F4EEEA!important}
.qx-saiba:hover{background:#4A3D40!important}
/* ficha do produto, redesenhada (13 out) */
.pf{position:relative;border-radius:30px;gap:14px;padding:14px;background:#F3EDE6;max-width:880px}
.pf-close{position:absolute;top:24px;right:24px;z-index:2;width:42px;height:42px;border-radius:50%;border:0;background:#fff;color:var(--ink);font:300 24px/1 var(--font-display);cursor:pointer;box-shadow:0 4px 14px -6px rgba(59,47,50,.35)}
.pf-close:hover{background:#F2AFA4}
.pf-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);background:#E4D2BB;border-radius:22px;overflow:hidden}
.pf-hero-text{padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:14px}
.pf-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pf-pill{background:#fff;border-radius:999px;padding:7px 13px;font:500 12px/1 var(--font-body)}
.pf-brand{font:500 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#A8584E}
.pf h2{font:400 clamp(28px,3.2vw,40px)/1.08 var(--font-display);color:var(--ink);padding-right:40px}
.pf-faz{margin:0;font:300 clamp(17px,1.6vw,21px)/1.45 var(--font-display);color:#3B2F32}
.pf-cta{margin-top:6px}
.pf-cta .qx-btn{text-decoration:none;background:var(--ink);color:#F4EEEA;border-color:var(--ink)}
.pf-cta .qx-btn:hover{background:#F2AFA4;border-color:#F2AFA4;color:var(--ink)}
.pf-visual{margin:12px;border-radius:18px;background:radial-gradient(circle at 30% 30%,#F6E3DC,#ECCFC4 70%);display:grid;place-items:center;min-height:200px}
.pf-visual span{font:400 clamp(20px,2.2vw,28px)/1.1 var(--font-display);color:#3B2F32;text-align:center;padding:0 16px}
.pf-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.pf-card{background:#fff;border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:10px}
.pf-card p{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}
.pf-why{background:#F6E3DC}
.pf-k{font:500 11px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#A8584E}
.pf-ativos{display:flex;flex-wrap:wrap;gap:8px}
.pf-ativos a,.pf-ativos span{background:#F6E3DC;border-radius:999px;padding:8px 14px;font:500 13px/1 var(--font-body);color:var(--ink);text-decoration:none}
.pf-ativos a:hover{background:#F2AFA4}
.pf-block{background:#fff;border-radius:20px;padding:20px 22px;display:flex;flex-direction:column;gap:14px}
.pf-use{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pf-use-i{background:#F3EDE6;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:4px}
.pf-use-i i{width:34px;height:34px;border-radius:50%;background:#fff;display:grid;place-items:center;margin-bottom:6px}
.pf-use-i svg{width:18px;height:18px;fill:none;stroke:#A8584E;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pf-use-i span{font-size:12.5px;color:var(--text-muted)}
.pf-use-i b{font-weight:500;font-size:14.5px;line-height:1.4;color:var(--ink)}
.pf-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14.5px;color:var(--ink)}
.pf-list li{position:relative;padding-left:20px;line-height:1.45}
.pf-list li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;border-radius:50%;background:#E58A7E}
.pf-note{margin:4px 8px 6px;font-size:12px;color:var(--text-muted);text-align:center}
@media (max-width:680px){.pf-hero,.pf-cards,.pf-use{grid-template-columns:1fr}.pf-visual{min-height:120px;order:-1}.pf-close{top:20px;right:20px}}

/* ficha do produto sem branco: tons de creme, areia e rosa (13 out) */
.pf{background:#F4EEE7}
.pf-card,.pf-block{background:#EBE0D3}
.pf-why{background:#F2D9D1}
.pf-use-i{background:#F4EEE7}
.pf-use-i i{background:#EBE0D3}
.pf-ativos a,.pf-ativos span{background:#F4EEE7}
.pf-ativos a:hover{background:#F2AFA4}
.pf-pill{background:#F4EEE7}
.pf-close{background:#E4D2BB;box-shadow:none}
/* ficha do produto na paleta da marca: blush, rosa, off e cinza pastel (13 out) */
.pf{background:#F8F3F0}
.pf-hero{background:#EBCFCA}
.pf-brand{color:#8E4F47}
.pf-faz{color:#3B2F32}
.pf-pill{background:#F8F3F0;color:var(--ink)}
.pf-visual{background:#DAD6D2;background-image:radial-gradient(circle at 70% 25%,rgba(255,255,255,.45),transparent 60%)}
.pf-visual span{color:#3B2F32}
.pf-card,.pf-block{background:#ECE8E4}
.pf-why{background:#F6E7E3}
.pf-k{color:#9E5B53}
.pf-ativos a,.pf-ativos span{background:#F8F3F0}
.pf-ativos a:hover{background:#EBCFCA}
.pf-block{background:#F6E7E3}
.pf-use-i{background:#F8F3F0}
.pf-use-i i{background:#EBCFCA}
.pf-use-i svg{stroke:#8E4F47}
.pf-cards:last-of-type .pf-card:last-child{background:#F6E7E3}
.pf-list li::before{background:#D9A39B}
.pf-close{background:#F8F3F0}
.pf-close:hover{background:#DAD6D2}
.pf-cta .qx-btn{background:#3B2F32;border-color:#3B2F32}
.pf-cta .qx-btn:hover{background:#F8F3F0;border-color:#F8F3F0;color:#3B2F32}
/* ficha do produto, versão 2: coluna da marca fixa + lista editorial numerada (13 out) */
.pf2{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);max-width:980px;width:100%;padding:0;gap:0;border-radius:30px;overflow:hidden;background:#F8F3F0;align-self:start;margin-block:24px}
.pf2-side{background:#EBCFCA;padding:26px;display:flex;flex-direction:column;gap:18px;position:sticky;top:0;align-self:start;min-height:100%}
.pf2-tags{display:flex;gap:8px;align-items:center}
.pf2-pill{background:#F8F3F0;border-radius:999px;padding:7px 13px;font:500 12px/1 var(--font-body);color:var(--ink)}
.pf2-visual{aspect-ratio:4/5;border-radius:22px;background:#F6E7E3;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.6),transparent 55%),radial-gradient(circle at 80% 90%,#DAD6D2,transparent 60%);display:grid;place-items:center}
.pf2-visual span{font:300 italic clamp(24px,2.6vw,34px)/1.1 var(--font-display);color:#3B2F32;text-align:center;padding:0 18px}
.pf2-id{display:flex;flex-direction:column;gap:6px}
.pf2-brand{font:500 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#8E4F47}
.pf2-id h2{font:400 clamp(24px,2.4vw,32px)/1.1 var(--font-display);color:var(--ink)}
.pf2-buy{display:flex;justify-content:space-between;align-items:center;background:#3B2F32;color:#F8F3F0;border-radius:999px;padding:16px 22px;text-decoration:none;font:500 15px/1 var(--font-body);transition:background var(--dur) var(--ease)}
.pf2-buy:hover{background:#4A3D40;color:#fff}
.pf2-main{position:relative;padding:clamp(26px,3.4vw,44px);display:flex;flex-direction:column;gap:22px}
.pf2-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid #DAD6D2;background:transparent;color:var(--ink);font:300 22px/1 var(--font-display);cursor:pointer}
.pf2-close:hover{background:#EBCFCA;border-color:#EBCFCA}
.pf2-faz{margin:0;padding-right:48px;font:300 clamp(22px,2.2vw,30px)/1.3 var(--font-display);color:var(--ink)}
.pf2-why{background:#F6E7E3;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;gap:6px}
.pf2-why p{margin:0;font-size:15px;line-height:1.55;color:var(--ink)}
.pf2-k{font:500 11px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#9E5B53}
.pf2-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pf2-list > li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;padding:18px 0;border-top:1px solid #E6DEDA}
.pf2-n{font:300 20px/1.2 var(--font-display);color:#C08A82}
.pf2-list h3{font:500 15px/1.3 var(--font-body);color:var(--ink);margin-bottom:6px}
.pf2-list p{margin:0;font-size:15px;line-height:1.55;color:#4A3F42}
.pf2-ativos{display:flex;flex-wrap:wrap;gap:6px}
.pf2-ativos a,.pf2-ativos span{background:#ECE8E4;border-radius:999px;padding:7px 13px;font:400 13.5px/1 var(--font-body);color:var(--ink);text-decoration:none}
.pf2-ativos a:hover{background:#EBCFCA}
.pf2-use{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pf2-use div{background:#ECE8E4;border-radius:14px;padding:12px 14px}
.pf2-use dt{font-size:12px;color:var(--text-muted);margin-bottom:4px}
.pf2-use dd{margin:0;font-size:14px;line-height:1.4;font-weight:500;color:var(--ink)}
.pf2-care{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pf2-care li{position:relative;padding-left:18px;font-size:14.5px;line-height:1.5;color:#4A3F42}
.pf2-care li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;border-radius:50%;background:#D9A39B}
.pf2-note{margin:0;font-size:12px;line-height:1.5;color:var(--text-muted)}
@media (max-width:760px){.pf2{grid-template-columns:1fr}.pf2-side{position:static}.pf2-visual{aspect-ratio:16/9}.pf2-use{grid-template-columns:1fr}}
.pf2-close:focus-visible{outline:2px solid #EBCFCA;outline-offset:2px}.pf2-close:focus:not(:focus-visible){outline:none}
.header .hdr-back{display:inline-flex;align-items:center;gap:8px;border:0;padding:12px 22px;border-radius:999px;background:#3B2F32;color:#F4EEEA;text-decoration:none;box-shadow:0 2px 14px rgba(42,37,36,.25)}
.header .hdr-back:hover{background:#4A3D40;color:#fff}
.qx-hero.no-photo .qx-hero-text{padding-top:clamp(28px,3.4vw,48px)}
/* compromisso abaixo dos produtos (13 out) */
.qx-pledge{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:clamp(28px,4vw,48px) 16px}
.qx-pledge-k{display:inline-flex;align-items:center;gap:12px;font:500 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#A8584E}
.qx-pledge-k::before,.qx-pledge-k::after{content:"";width:28px;height:1px;background:#D9A39B}
.qx-pledge p{margin:0;max-width:640px;font:300 clamp(20px,2vw,26px)/1.45 var(--font-display);color:var(--ink)}
.qx-pledge mark{background:linear-gradient(transparent 58%,#F2C2BA 58%,#F2C2BA 92%,transparent 92%);color:inherit;padding:0 2px}
/* perguntas frequentes na paleta da marca: rosa, blush, off e cinza pastel (13 out) */
.qx-faq{background:#F6E7E3;border:0}
.qx-faq-head .qx-eyebrow{color:#9E5B53}
.qx-faq-head .qx-eyebrow::before{background:#D9A39B}
.qx-faq-head p{color:#5E4F52}
.qx-faq-list .acc{background:#F8F3F0;transition:background var(--dur) var(--ease)}
.qx-faq-list .acc:has(button[aria-expanded="true"]){background:#EBCFCA}
.qx-faq-list .acc button{color:var(--ink)}
.qx-faq-list .acc button span:last-child{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#ECE8E4;display:grid;place-items:center;font-size:16px}
.qx-faq-list .acc:has(button[aria-expanded="true"]) button span:last-child{background:#F8F3F0}
.qx-faq-list .acc .ans{color:#3B2F32}
/* compromisso discreto, só com o marca-texto rosa (13 out) */
.qx-pledge{align-items:flex-start;text-align:left;padding:4px 4px 0;gap:0}
.qx-pledge p{max-width:none;font:400 15px/1.6 var(--font-body);color:#4A3F42}
.qx-pledge mark{background:linear-gradient(transparent 55%,#F2C2BA 55%,#F2C2BA 95%,transparent 95%);color:var(--ink);padding:0 3px}
.qx{padding-bottom:clamp(20px,2.4vw,32px)}
/* perguntas frequentes, versão 2: lista editorial numerada, sem caixas (13 out) */
.qx-faq2{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(20px,4vw,64px);padding:clamp(28px,4vw,56px) clamp(4px,1vw,12px)}
.qx-faq2-head{display:flex;flex-direction:column;gap:12px;position:sticky;top:180px;align-self:start}
.qx-faq2-head .qx-eyebrow{color:#9E5B53}
.qx-faq2-head h2{font:400 clamp(30px,3vw,44px)/1.05 var(--font-display);color:var(--ink)}
.qx-faq2-list{border-top:1px solid #DAD6D2}
.faq2{border-bottom:1px solid #DAD6D2;transition:background var(--dur) var(--ease)}
.faq2 button{width:100%;display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:8px;background:none;border:0;padding:22px 4px;text-align:left;cursor:pointer;color:var(--ink)}
.faq2-n{font:300 18px/1 var(--font-display);color:#C08A82}
.faq2-q{font:400 clamp(18px,1.6vw,22px)/1.3 var(--font-display)}
.faq2-ic{position:relative;width:36px;height:36px;border-radius:50%;background:#EBCFCA;transition:background var(--dur) var(--ease),transform 300ms var(--ease)}
.faq2-ic::before,.faq2-ic::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1.5px;background:#3B2F32;transform:translate(-50%,-50%)}
.faq2-ic::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform 300ms var(--ease)}
.faq2.open .faq2-ic{background:#3B2F32}
.faq2.open .faq2-ic::before,.faq2.open .faq2-ic::after{background:#F8F3F0}
.faq2.open .faq2-ic::after{transform:translate(-50%,-50%) rotate(0deg)}
.faq2 button:hover .faq2-q{color:#9E5B53}
.faq2-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows 360ms var(--ease)}
.faq2.open .faq2-a{grid-template-rows:1fr}
.faq2-a > div{overflow:hidden}
.faq2-a p{margin:0 48px 22px 52px;padding-left:16px;border-left:2px solid #EBCFCA;font-size:15.5px;line-height:1.6;color:#4A3F42}
@media (max-width:820px){.qx-faq2{grid-template-columns:1fr}.qx-faq2-head{position:static}.faq2-a p{margin:0 8px 20px 8px}}
/* perguntas frequentes como conversa (13 out) */
.qx-chat{display:flex;flex-direction:column;align-items:center;gap:clamp(20px,2.6vw,32px);padding:clamp(28px,4vw,56px) 0}
.qx-chat-head{display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.qx-chat-head .qx-eyebrow{align-self:center;color:#9E5B53}
.qx-chat-head .qx-eyebrow::after{content:"";width:22px;height:1px;background:#D9A39B}
.qx-chat-head h2{font:400 clamp(30px,3vw,42px)/1.05 var(--font-display);color:var(--ink)}
.chat{width:min(100%,760px);display:flex;flex-direction:column;gap:26px}
.chat-pair{display:flex;flex-direction:column;gap:10px}
.bubble{max-width:min(80%,560px);padding:14px 18px;border-radius:22px;line-height:1.55}
.bubble p{margin:0}
.bubble.q{align-self:flex-end;background:#3B2F32;color:#F8F3F0;border-bottom-right-radius:6px;font:400 17px/1.4 var(--font-display)}
.bubble.a{align-self:flex-start;background:#F6E7E3;color:var(--ink);border-bottom-left-radius:6px;font-size:15px;display:flex;flex-direction:column;gap:6px}
.bubble-who{display:inline-flex;align-items:center;gap:8px;font:500 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#9E5B53}
.bubble-who i{width:20px;height:20px;border-radius:50%;background:#EBCFCA;display:grid;place-items:center;font:italic 400 13px/1 var(--font-display);color:#3B2F32;text-transform:none;letter-spacing:0}
@media (max-width:600px){.bubble{max-width:90%}}
/* perguntas frequentes: brilho rosa suave só dentro da caixa (14 out) */
.qx-faq-wrap{padding:0}
.qx-faq-wrap .qx-faq{position:relative;isolation:isolate;overflow:hidden;margin-top:0;background:linear-gradient(135deg,#F6E7E3 0%,#F3EDEA 55%,#ECE8E4 100%);border:1px solid rgba(255,255,255,.7);box-shadow:0 20px 40px -30px rgba(59,47,50,.35)}
.qx-faq-wrap .qx-faq::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(420px circle at var(--mx,30%) var(--my,40%),rgba(235,190,182,.75),rgba(235,207,202,.25) 45%,transparent 70%);opacity:0;transition:opacity .9s ease}
.qx-faq-wrap .qx-faq:hover::before{opacity:1}
.qx-faq-wrap .qx-faq-list .acc{background:rgba(248,243,240,.7)}
.qx-faq-wrap .qx-faq-list .acc:has(button[aria-expanded="true"]){background:rgba(235,207,202,.8)}
/* "Nossa filosofia" no visual atual: cartão arredondado em blush com compromissos em pílulas (14 out) */
.filo{padding-block:clamp(20px,3vw,40px)}
.filo-card{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(24px,4vw,56px);align-items:center;background:linear-gradient(135deg,#EBCFCA 0%,#F6E7E3 60%,#ECE8E4 100%);border-radius:28px;padding:clamp(28px,4vw,56px)}
.filo-text{display:flex;flex-direction:column;gap:14px}
.filo-k{display:inline-flex;align-items:center;gap:10px;font:500 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9E5B53}
.filo-k::before{content:"";width:22px;height:1px;background:#C08A82}
.filo h2{font:400 clamp(30px,3.4vw,48px)/1.1 var(--font-display);color:var(--ink);max-width:620px}
.filo mark{background:linear-gradient(transparent 58%,#F8F3F0 58%,#F8F3F0 92%,transparent 92%);color:inherit;padding:0 4px}
.filo-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.filo-list li{display:flex;align-items:center;gap:14px;background:rgba(248,243,240,.7);border-radius:999px;padding:10px 20px 10px 10px;font:500 15px/1.3 var(--font-body);color:var(--ink)}
.filo-list i{flex:0 0 38px;width:38px;height:38px;border-radius:50%;background:#EBCFCA;display:grid;place-items:center}
.filo-list svg{width:18px;height:18px;fill:none;stroke:#8E4F47;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:820px){.filo-card{grid-template-columns:1fr}}
.queixas-home{padding-bottom:clamp(20px,3vw,40px)}
/* filosofia com mais contraste (14 out) */
.filo-card{background:#E8C4BD;background-image:radial-gradient(circle at 85% 20%,rgba(248,243,240,.35),transparent 55%)}
.filo-k{color:#7E3F38}
.filo-k::before{background:#7E3F38}
.filo h2{color:#2A2524}
.filo mark{background:linear-gradient(transparent 60%,#F6E7E3 60%,#F6E7E3 92%,transparent 92%)}
.filo-list li{background:#F8F3F0;box-shadow:0 6px 16px -12px rgba(59,47,50,.4)}
.filo-list i{background:#3B2F32}
.filo-list svg{stroke:#F6E7E3}
.filo + .section,#ing{padding-top:clamp(28px,3.4vw,48px)}
.filo-p{margin:0;max-width:540px;font-size:clamp(15px,1.15vw,17px);line-height:1.6;color:#3B2F32}
.filo-btn{background:#3B2F32;color:#F8F3F0;border-color:#3B2F32;border-radius:999px;text-transform:none;letter-spacing:.01em;font-size:15px;padding:15px 26px;margin-top:6px}
.filo-btn:hover{background:#F8F3F0;border-color:#F8F3F0;color:#3B2F32}
/* escolha do mapeamento, redesenhada com mais cor (14 out) */
.dialog.mq{position:relative;max-width:640px;border-radius:30px;padding:clamp(24px,3.4vw,40px);gap:22px;background:#F8F3F0;background-image:radial-gradient(circle at 100% 0%,#EBCFCA 0,transparent 45%)}
.mq-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:0;background:#EBCFCA;color:#3B2F32;font:300 22px/1 var(--font-display);cursor:pointer}
.mq-close:hover{background:#3B2F32;color:#F8F3F0}
.mq-head{display:flex;flex-direction:column;gap:8px;padding-right:44px}
.mq-step{align-self:flex-start;background:#3B2F32;color:#F8F3F0;border-radius:999px;padding:7px 13px;font:500 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase}
.mq-head h2{font:400 clamp(28px,3vw,38px)/1.1 var(--font-display);color:#2A2524}
.mq-head p{margin:0;font-size:14.5px;color:#5E4F52}
.mq-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mq-opt{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-align:left;border:2px solid transparent;border-radius:22px;padding:18px;cursor:pointer;font:inherit;color:#2A2524;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}
.mq-rapido{background:#EBCFCA}
.mq-completo{background:#DAD6D2}
.mq-opt:hover{transform:translateY(-3px)}
.mq-opt[aria-checked="true"]{border-color:#3B2F32;box-shadow:0 14px 28px -18px rgba(59,47,50,.6)}
.mq-top{display:flex;justify-content:space-between;align-items:center;width:100%}
.mq-tag{background:rgba(248,243,240,.85);border-radius:999px;padding:6px 11px;font:500 11.5px/1 var(--font-body)}
.mq-radio{width:22px;height:22px;border-radius:50%;border:2px solid #3B2F32;display:grid;place-items:center}
.mq-opt[aria-checked="true"] .mq-radio::after{content:"";width:10px;height:10px;border-radius:50%;background:#3B2F32}
.mq-time{margin-top:10px;font:300 18px/1 var(--font-display);color:#3B2F32}
.mq-time b{font:400 clamp(44px,5vw,58px)/.9 var(--font-display)}
.mq-name{font:500 16px/1.3 var(--font-body)}
.mq-count{background:#3B2F32;color:#F8F3F0;border-radius:999px;padding:5px 10px;font:500 12px/1 var(--font-body)}
.mq-txt{font-size:13.5px;line-height:1.5;color:#3B2F32;margin-top:4px}
.mq-go{display:flex;justify-content:space-between;align-items:center;background:#3B2F32;color:#F8F3F0;border-radius:999px;padding:18px 24px;text-decoration:none;font:500 16px/1 var(--font-body);transition:background .25s}
.mq-go:hover{background:#9E5B53;color:#fff}
.mq-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.mq-foot span{display:inline-flex;align-items:center;gap:6px;font:500 12.5px/1 var(--font-body);color:#5E4F52}
.mq-foot span::before{content:"";width:6px;height:6px;border-radius:50%;background:#D9A39B}
@media (max-width:560px){.mq-opts{grid-template-columns:1fr}}
.mq-opt:focus{outline:none}.mq-opt:focus-visible{outline:2px solid #9E5B53;outline-offset:3px}
/* escolha do mapeamento, versão 2: painel ameixa com rosto animado + opções com anel de tempo (14 out) */
.dialog.mq2{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);max-width:900px;width:100%;padding:0;gap:0;border-radius:32px;overflow:hidden;background:#F8F3F0;box-shadow:0 40px 80px -40px rgba(42,37,36,.6)}
.mq2-side{background:#3B2F32;color:#F8F3F0;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}
.mq2-side::after{content:"";position:absolute;width:300px;height:300px;right:-120px;top:-120px;border-radius:50%;background:radial-gradient(circle,#9E5B53 0,transparent 70%);opacity:.55}
.mq2-step{position:relative;z-index:1;align-self:flex-start;border:1px solid rgba(248,243,240,.35);border-radius:999px;padding:7px 13px;font:500 11px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase}
.mq2-side h2{position:relative;z-index:1;font:400 clamp(28px,3vw,38px)/1.05 var(--font-display);color:#F8F3F0}
.mq2-sub{position:relative;z-index:1;margin:0;font-size:14px;line-height:1.55;color:rgba(248,243,240,.75)}
.mq2-face{position:relative;z-index:1;width:120px;margin:6px auto}
.mq2-face .l{fill:none;stroke:#F8F3F0;stroke-width:1.4;stroke-linecap:round}
.mq2-face .z{fill:#E58A7E;opacity:0;filter:blur(3px);animation:mq2z 4s ease-in-out infinite}
.mq2-face .z2{animation-delay:1s}.mq2-face .z3{animation-delay:1.6s}.mq2-face .z4{animation-delay:2.4s}
@keyframes mq2z{0%,100%{opacity:0}35%,65%{opacity:.85}}
.mq2-gets{position:relative;z-index:1;margin-top:auto;background:rgba(248,243,240,.08);border-radius:18px;padding:14px 16px}
.mq2-k{font:500 10.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#EBCFCA}
.mq2-gets ul{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;font-size:14px}
.mq2-gets li{display:flex;gap:9px;align-items:center}
.mq2-gets li::before{content:"✓";flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#EBCFCA;color:#3B2F32;display:grid;place-items:center;font-size:11px;font-weight:600}
.mq2-main{position:relative;padding:clamp(20px,2.6vw,30px);display:flex;flex-direction:column;gap:14px}
.mq2-close{align-self:flex-end;width:38px;height:38px;border-radius:50%;border:0;background:#ECE8E4;color:#3B2F32;font:300 22px/1 var(--font-display);cursor:pointer;transition:background .2s}
.mq2-close:hover{background:#EBCFCA}
.mq2-opts{display:flex;flex-direction:column;gap:12px}
.mq2-opt{display:flex;gap:16px;align-items:flex-start;text-align:left;padding:16px;border-radius:22px;border:2px solid transparent;background:#ECE8E4;cursor:pointer;font:inherit;color:#2A2524;transition:background .3s,border-color .3s,transform .3s}
.mq2-opt:hover{transform:translateX(4px)}
.mq2-opt[aria-checked="true"]{background:#EBCFCA;border-color:#3B2F32}
.mq2-opt:focus{outline:none}.mq2-opt:focus-visible{outline:2px solid #9E5B53;outline-offset:3px}
.mq2-time{position:relative;flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center}
.mq2-ring{position:absolute;inset:0;transform:rotate(-90deg)}
.mq2-ring circle{fill:none;stroke-width:5}
.mq2-ring .bg{stroke:rgba(59,47,50,.12)}
.mq2-ring .fg{stroke:#3B2F32;stroke-linecap:round}
.mq2-time > span{position:relative;text-align:center;font:500 10px/1 var(--font-body);color:#5E4F52;display:flex;flex-direction:column;align-items:center}
.mq2-time b{font:400 22px/1 var(--font-display);color:#2A2524}
.mq2-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.mq2-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.mq2-name{font:500 16.5px/1.2 var(--font-body)}
.mq2-tag{background:#3B2F32;color:#F8F3F0;border-radius:999px;padding:5px 10px;font:500 11px/1 var(--font-body)}
.mq2-count{font:400 13px/1 var(--font-body);color:#5E4F52}
.mq2-chips{display:flex;flex-wrap:wrap;gap:5px}
.mq2-chips span{background:rgba(248,243,240,.85);border-radius:999px;padding:5px 9px;font:400 12px/1 var(--font-body)}
.mq2-chips .all{background:#3B2F32;color:#F8F3F0}
.mq2-go{display:flex;justify-content:space-between;align-items:center;background:#3B2F32;color:#F8F3F0;border-radius:999px;padding:8px 8px 8px 24px;text-decoration:none;font:500 15.5px/1 var(--font-body);margin-top:4px}
.mq2-go i{font-style:normal;width:44px;height:44px;border-radius:50%;background:#EBCFCA;color:#3B2F32;display:grid;place-items:center;font-size:18px;transition:transform .3s var(--ease)}
.mq2-go:hover{color:#fff}.mq2-go:hover i{transform:translateX(4px) rotate(-12deg)}
.mq2-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.mq2-foot span{display:inline-flex;align-items:center;gap:6px;font:500 12px/1 var(--font-body);color:#5E4F52}
.mq2-foot span::before{content:"";width:6px;height:6px;border-radius:50%;background:#D9A39B}
@media (max-width:760px){.dialog.mq2{grid-template-columns:1fr}.mq2-face,.mq2-gets{display:none}}
@media (prefers-reduced-motion:reduce){.mq2-face .z{animation:none;opacity:.7}}
/* escolha do mapeamento compacta (14 out) */
.dialog.mq2{grid-template-columns:1fr;max-width:460px;border-radius:26px}
.mq2-main{padding:22px;gap:12px}
.mq2-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.mq2-head .mq2-step{display:inline-block;border:0;padding:0;font:500 10.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9E5B53;margin-bottom:6px}
.mq2-head h2{font:400 26px/1.1 var(--font-display);color:#2A2524}
.mq2-close{flex:0 0 34px;width:34px;height:34px;font-size:19px;align-self:flex-start}
.mq2-opts{gap:8px}
.mq2-opt{padding:12px 14px;gap:12px;border-radius:18px;align-items:center}
.mq2-opt:hover{transform:none}
.mq2-time{flex:0 0 48px;width:48px;height:48px}
.mq2-time b{font-size:17px}
.mq2-time > span{font-size:9px}
.mq2-body{gap:4px}
.mq2-name{font-size:15px}
.mq2-tag{font-size:10.5px;padding:4px 8px}
.mq2-desc{font-size:12.5px;line-height:1.4;color:#5E4F52}
.mq2-go{padding:6px 6px 6px 20px;font-size:14.5px}
.mq2-go i{width:38px;height:38px}
.mq2-foot{gap:10px}
.mq2-foot span{font-size:11.5px}
.mq2-close:focus{outline:none}.mq2-close:focus-visible{outline:2px solid #D9A39B;outline-offset:2px}
.mq2-desc{display:none}
/* "No final você recebe" na escolha do mapeamento (14 out) */
.mq2-res{display:flex;flex-direction:column;gap:8px;background:#F6E7E3;border-radius:16px;padding:12px 14px}
.mq2-res-k{font:500 10.5px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#9E5B53}
.mq2-res ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mq2-res li{display:inline-flex;align-items:center;gap:6px;background:#F8F3F0;border-radius:999px;padding:6px 11px 6px 6px;font:500 12.5px/1 var(--font-body);color:#2A2524}
.mq2-res li::before{content:"✓";width:18px;height:18px;border-radius:50%;background:#3B2F32;color:#F8F3F0;display:grid;place-items:center;font-size:10px}
/* escolha do mapeamento: benefício em cada opção, linguagem leve (14 out) */
.mq2-res{display:none}
.mq2-sub2{margin:6px 0 0;font-size:13.5px;line-height:1.45;color:#5E4F52}
.mq2-ganho{font:400 15px/1.35 var(--font-display);color:#2A2524}
.mq2-count{font-size:12px}
.mq2-row{order:-1}
.mq2-sub2{font-size:14px;line-height:1.6;color:#3B2F32}
.mq2-sub2 mark{background:linear-gradient(transparent 55%,#F2C2BA 55%,#F2C2BA 92%,transparent 92%);color:#2A2524;font-weight:500;padding:0 2px}
.mq2-sub2 mark{white-space:nowrap}
/* escolha do mapeamento: cada opção com sua cor (14 out) */
.dialog.mq2{background:#F3EDE6}
.mq2-close{background:#E6DED6}
.mq2-opt{border:0;outline:2px solid transparent;outline-offset:3px;transition:outline-color .25s,transform .25s,opacity .25s}
.mq2-opt[data-escolha="0"]{background:#EBCFCA}
.mq2-opt[data-escolha="1"]{background:#94675F;color:#F8F3F0}
.mq2-opt[data-escolha="1"] .mq2-ganho{color:#F8F3F0}
.mq2-opt[data-escolha="1"] .mq2-count,.mq2-opt[data-escolha="1"] .mq2-time > span{color:rgba(248,243,240,.75)}
.mq2-opt[data-escolha="1"] .mq2-time b{color:#F8F3F0}
.mq2-opt[data-escolha="1"] .mq2-ring .bg{stroke:rgba(248,243,240,.25)}
.mq2-opt[data-escolha="1"] .mq2-ring .fg{stroke:#F8F3F0}
.mq2-opt[data-escolha="1"] .mq2-tag{background:#F8F3F0;color:#3B2F32}
.mq2-opt[aria-checked="true"]{outline-color:#3B2F32;background-color:revert-layer}
.mq2-opt[data-escolha="0"][aria-checked="true"]{background:#EBCFCA}
.mq2-opt[data-escolha="1"][aria-checked="true"]{background:#94675F}
.mq2-opt[aria-checked="false"]{opacity:.82}
.mq2-opt[aria-checked="false"]:hover{opacity:1}
.mq2-go{background:#3B2F32}
.mq2-go i{background:#F2C2BA}

/* escolha do mapeamento, versão "dois cartões grandes" (14 out) */
.dialog.mq3{max-width:640px;width:100%;padding:26px;gap:18px;border-radius:30px;background:#F8F3F0;box-shadow:0 40px 80px -40px rgba(42,37,36,.6)}
.mq3-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}
.mq3-step{display:block;font:500 10.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9E5B53;margin-bottom:6px}
.mq3-head h2{font:400 clamp(26px,3vw,32px)/1.08 var(--font-display);color:#2A2524}
.mq3-sub{margin:8px 0 0;font-size:14px;line-height:1.6;color:#3B2F32}
.mq3-sub mark{white-space:nowrap;background:linear-gradient(transparent 55%,#F2C2BA 55%,#F2C2BA 92%,transparent 92%);color:#2A2524;font-weight:500;padding:0 2px}
.mq3-close{flex:0 0 36px;width:36px;height:36px;border-radius:50%;border:0;background:#ECE8E4;color:#2A2524;font:300 20px/1 var(--font-display);cursor:pointer}
.mq3-close:hover{background:#EBCFCA}.mq3-close:focus{outline:none}.mq3-close:focus-visible{outline:2px solid #D9A39B;outline-offset:2px}
.mq3-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mq3-card{position:relative;display:flex;flex-direction:column;gap:6px;min-height:270px;padding:18px;border-radius:24px;text-decoration:none;overflow:hidden;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.mq3-card::after{content:"";position:absolute;width:180px;height:180px;right:-60px;top:-60px;border-radius:50%;opacity:.5;transition:transform .5s var(--ease)}
.mq3-card:hover{transform:translateY(-5px);box-shadow:0 20px 34px -22px rgba(42,37,36,.6)}
.mq3-card:hover::after{transform:scale(1.25)}
.mq3-rapido{background:#EBCFCA;color:#2A2524}
.mq3-rapido::after{background:#F8F3F0}
.mq3-completo{background:#3B2F32;color:#F8F3F0}
.mq3-completo::after{background:#94675F}
.mq3-card > *{position:relative;z-index:1}
.mq3-tag{align-self:flex-start;border-radius:999px;padding:6px 11px;font:500 11.5px/1 var(--font-body)}
.mq3-rapido .mq3-tag{background:#3B2F32;color:#F8F3F0}
.mq3-completo .mq3-tag{background:#EBCFCA;color:#2A2524}
.mq3-num{margin-top:10px;font:300 clamp(64px,8vw,84px)/.85 var(--font-display);letter-spacing:-.03em;display:flex;align-items:baseline;gap:8px}
.mq3-num small{font:400 17px/1 var(--font-display);letter-spacing:0}
.mq3-name{margin-top:8px;font:500 16px/1.2 var(--font-body)}
.mq3-gain{font:400 15px/1.35 var(--font-display);opacity:.9;flex:1}
.mq3-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}
.mq3-count{font-size:12px;opacity:.75}
.mq3-go{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:8px 8px 8px 14px;font:500 13.5px/1 var(--font-body)}
.mq3-go i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;transition:transform .3s var(--ease)}
.mq3-rapido .mq3-go{background:#F8F3F0}.mq3-rapido .mq3-go i{background:#3B2F32;color:#F8F3F0}
.mq3-completo .mq3-go{background:rgba(248,243,240,.12)}.mq3-completo .mq3-go i{background:#EBCFCA;color:#2A2524}
.mq3-card:hover .mq3-go i{transform:translateX(3px) rotate(-12deg)}
.mq3-card:focus{outline:none}.mq3-card:focus-visible{outline:2px solid #9E5B53;outline-offset:3px}
.mq3-foot{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font:500 12px/1 var(--font-body);color:#5E4F52}
.mq3-foot span{display:inline-flex;align-items:center;gap:6px}
.mq3-foot span::before{content:"";width:6px;height:6px;border-radius:50%;background:#D9A39B}
@media (max-width:560px){.mq3-cards{grid-template-columns:1fr}.mq3-card{min-height:0}}
/* =========================================================
   MIP dentro da janela (14 out): uma pergunta por vez, opções em pílulas e cartões arredondados
   ========================================================= */
.dialog.mipd{max-width:600px;width:100%;padding:0;gap:0;border-radius:30px;background:#F8F3F0;overflow:hidden;box-shadow:0 40px 80px -40px rgba(42,37,36,.6);align-self:start;margin-block:clamp(12px,4vh,40px)}
.mipq-page{max-width:620px;margin:clamp(20px,4vw,48px) auto;border-radius:30px;background:#F8F3F0;overflow:hidden}
.mipq{display:flex;flex-direction:column;gap:18px;padding:22px clamp(20px,3vw,30px) 26px}
.mipq-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.mipq-brand{font:500 11px/1 var(--font-body);letter-spacing:.16em;color:#9E5B53;background:#F6E7E3;border-radius:999px;padding:8px 12px}
.mipq-back{display:inline-flex;align-items:center;gap:6px;background:#ECE8E4;border:0;border-radius:999px;padding:8px 14px;font:500 13px/1 var(--font-body);color:#2A2524;cursor:pointer}
.mipq-back:hover{background:#EBCFCA}
.mipq-count{font:500 12.5px/1 var(--font-body);color:#5E4F52;margin-left:auto}
.mipq-x{flex:0 0 34px;width:34px;height:34px;border-radius:50%;border:0;background:#ECE8E4;color:#2A2524;font:300 19px/1 var(--font-display);cursor:pointer}
.mipq-x:hover{background:#EBCFCA}
.mipq-bar{height:6px;border-radius:999px;background:#ECE8E4;overflow:hidden}
.mipq-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#D9A39B,#3B2F32);transition:width .5s var(--ease)}
.mipq-q{display:flex;flex-direction:column;gap:6px}
.mipq-q h2{font:400 clamp(24px,2.8vw,30px)/1.15 var(--font-display);color:#2A2524;outline:none}
.mipq-q p{margin:0;font-size:14px;color:#5E4F52}
.mipq-body{display:flex;flex-direction:column;gap:12px}
/* escolha única: linhas arredondadas */
.mipq-opts{display:flex;flex-direction:column;gap:8px}
.mipq-opt{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;text-align:left;padding:15px 18px;border-radius:18px;border:2px solid transparent;background:#ECE8E4;font:500 15px/1.3 var(--font-body);color:#2A2524;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.mipq-opt:hover{background:#F6E7E3;transform:translateX(3px)}
.mipq-opt i{flex:0 0 24px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:#F8F3F0;color:transparent;transition:background .2s,color .2s}
.mipq-opt[aria-pressed="true"]{background:#EBCFCA;border-color:#3B2F32}
.mipq-opt[aria-pressed="true"] i{background:#3B2F32;color:#F8F3F0}
/* várias: pílulas */
.mipq-chips{display:flex;flex-wrap:wrap;gap:8px}
.mipq-chip{display:inline-flex;align-items:center;gap:8px;padding:10px 15px 10px 10px;border-radius:999px;border:2px solid transparent;background:#ECE8E4;font:500 14px/1.25 var(--font-body);color:#2A2524;cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.mipq-chip:hover{background:#F6E7E3}
.mipq-chip i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;background:#F8F3F0;color:transparent}
.mipq-chip[aria-pressed="true"]{background:#EBCFCA;border-color:#3B2F32}
.mipq-chip[aria-pressed="true"] i{background:#3B2F32;color:#F8F3F0}
.mipq-chip.ex{background:transparent;border:2px dashed #CFC9C4}
.mipq-chip.ex[aria-pressed="true"]{background:#EBCFCA;border-style:solid;border-color:#3B2F32}
/* amostras de tom */
.mipq-swatches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.mipq-sw{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:18px;border:2px solid transparent;background:#ECE8E4;font:500 13px/1.2 var(--font-body);color:#2A2524;cursor:pointer}
.mipq-sw .dot{width:42px;height:42px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.5)}
.mipq-sw[aria-pressed="true"]{background:#EBCFCA;border-color:#3B2F32}
/* mapa do rosto */
.mipq-face{width:min(100%,230px);margin:0 auto;display:block}
.mipq-face .outline{fill:none;stroke:#3B2F32;stroke-width:1.2}
.mipq-face .zone{fill:rgba(235,207,202,.35);stroke:#9E5B53;stroke-width:1;stroke-dasharray:4 3;cursor:pointer;transition:fill .2s}
.mipq-face .zone:hover{fill:rgba(235,207,202,.6)}
.mipq-face .zone.on{fill:#E7A9A1;stroke:#3B2F32;stroke-dasharray:none;stroke-width:1.5}
.mipq-face text{fill:#2A2524;font:500 11px var(--font-body);pointer-events:none}
.mipq-marked{margin:0;text-align:center;font-size:13.5px;color:#5E4F52}
.mipq-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}
/* botões */
.mipq-next{display:flex;justify-content:center;align-items:center;gap:10px;width:100%;border:0;border-radius:999px;padding:16px 22px;background:#3B2F32;color:#F8F3F0;font:500 15px/1 var(--font-body);cursor:pointer;transition:background .2s}
.mipq-next:hover{background:#9E5B53}
.mipq-ghost{border:2px solid #CFC9C4;background:transparent;border-radius:999px;padding:12px 18px;font:500 14px/1 var(--font-body);color:#2A2524;cursor:pointer}
.mipq-ghost:hover,.mipq-ghost[aria-pressed="true"]{background:#EBCFCA;border-color:#3B2F32}
.mipq-ghost[disabled]{opacity:.5;cursor:not-allowed}
.mipq-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#5E4F52}
.mipq-field input{border:2px solid #ECE8E4;background:#F8F3F0;border-radius:14px;padding:12px 14px;font:inherit;font-size:15px;color:#2A2524}
.mipq-field input:focus{outline:none;border-color:#D9A39B}
.mipq-err{margin:0;color:#A23B2A;font-size:13.5px}
.mipq-link{align-self:center;background:none;border:0;color:#5E4F52;font:500 13px/1 var(--font-body);text-decoration:underline;text-underline-offset:4px;cursor:pointer}
/* tela final */
.mipq-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding-top:6px}
.mipq-tick{width:56px;height:56px;border-radius:50%;background:#EBCFCA;color:#3B2F32;display:grid;place-items:center;font-size:24px}
.mipq-done h2{font:400 32px/1.1 var(--font-display);color:#2A2524;outline:none}
.mipq-done p{margin:0;font-size:14px;color:#5E4F52}
.mipq-alert{background:#F6E7E3;border-radius:16px;padding:14px 16px;font-size:14px;color:#2A2524}
.mipq-res{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.mipq-res-i{display:flex;flex-direction:column;gap:4px;background:#ECE8E4;border-radius:16px;padding:14px}
.mipq-res-i b{font:500 14.5px/1.25 var(--font-body);color:#2A2524}
.mipq-res-i span{font-size:13px;color:#5E4F52}
.mipq-res-i em{align-self:flex-start;margin-top:4px;font:500 10.5px/1 var(--font-body);font-style:normal;letter-spacing:.06em;text-transform:uppercase;background:#F8F3F0;border-radius:999px;padding:5px 8px;color:#9E5B53}
.mipq-more{display:flex;flex-direction:column;gap:10px;background:#3B2F32;color:#F8F3F0;border-radius:20px;padding:16px}
.mipq-more span{font:400 18px/1.3 var(--font-display)}
.mipq-more .mipq-next{background:#EBCFCA;color:#2A2524}
.mipq-help{display:flex;flex-direction:column;gap:10px;background:#F6E7E3;border-radius:20px;padding:16px}
.mipq-help h3{font:400 20px/1.2 var(--font-display);color:#2A2524}
.mipq-help p{margin:0;font-size:13.5px;color:#5E4F52}
.mipq-help .mipq-chip{background:#F8F3F0}
.mipq-k{font:500 10.5px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#9E5B53}
@media (max-width:520px){.mipq-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.mipq-res{grid-template-columns:1fr}}
.mipq button:focus{outline:none}.mipq button:focus-visible{outline:2px solid #9E5B53;outline-offset:2px}
.mipq-face .zone:focus{outline:none}.mipq-face .zone:focus-visible{stroke:#9E5B53;stroke-width:2.5}

/* perguntas com temas e subopções (saúde), 14 out */
.mipq-groups{display:flex;flex-direction:column;gap:8px}
.mipq-group{border-radius:20px;background:#ECE8E4;transition:background .25s}
.mipq-group.open{background:#F6E7E3;box-shadow:inset 0 0 0 2px #3B2F32}
.mipq-gbtn{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:13px 16px 13px 12px;text-align:left;font:500 15px/1.3 var(--font-body);color:#2A2524;cursor:pointer}
.mipq-gic{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#F8F3F0;display:grid;place-items:center;font:400 15px/1 var(--font-display);color:#9E5B53}
.mipq-group.open .mipq-gic{background:#3B2F32;color:#F8F3F0}
.mipq-gbtn > span:nth-child(2){flex:1}
.mipq-gbtn i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:15px;background:#F8F3F0;color:#3B2F32}
.mipq-group.open .mipq-gbtn i{background:#3B2F32;color:#F8F3F0}
.mipq-sub{display:flex;flex-direction:column;gap:8px;padding:0 16px 14px 58px;animation:mipqsub .3s var(--ease)}
@keyframes mipqsub{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.mipq-sub-k{font:500 10.5px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#9E5B53}
.mipq-chip.sm{background:#F8F3F0;padding:8px 13px 8px 8px;font-size:13.5px}
.mipq-chip.sm[aria-pressed="true"]{background:#EBCFCA}
.mipq-groups > .mipq-chip.ex{align-self:flex-start}
@media (max-width:520px){.mipq-sub{padding-left:16px}}
/* pílulas: círculo do ✓ visível também quando desmarcado, texto alinhado (14 out) */
.mipq-chip i{box-shadow:inset 0 0 0 1.5px #CFC9C4;background:transparent}
.mipq-chip[aria-pressed="true"] i{box-shadow:none}
.mipq-chip.sm{padding:8px 14px 8px 8px}
.mipq-chip.sm i{background:transparent}
.mipq-chip.sm[aria-pressed="true"] i{background:#3B2F32}
/* aviso para salvar o resultado (14 out) */
.mipq-save{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#3B2F32;color:#F8F3F0;border-radius:20px;padding:16px 18px}
.mipq-save > div{display:flex;flex-direction:column;gap:4px;flex:1 1 260px}
.mipq-save b{font:400 19px/1.2 var(--font-display)}
.mipq-save span{font-size:13px;line-height:1.5;color:rgba(248,243,240,.78)}
.mipq-save-btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:13px 18px;background:#EBCFCA;color:#2A2524;font:500 14px/1 var(--font-body);cursor:pointer;white-space:nowrap}
.mipq-save-btn:hover{background:#F8F3F0}
.mipq-save-btn span{font-size:15px;color:#2A2524}
/* ao salvar em PDF, imprime só o resultado */
/* (23 out) o PDF agora sai de #mip-print, uma versão própria do resultado: ver "PDF do MIP" no fim do arquivo */

/* resultado do MIP (textos da planilha), 14 out */
.mipr{display:flex;flex-direction:column;gap:18px}
.mipr-hero{position:relative;background:#EBCFCA;border-radius:22px;padding:20px 20px 22px;display:flex;flex-direction:column;gap:6px}
.mipr-k{font:500 10.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#7E3F38}
.mipr-frase{margin:0;font:400 clamp(22px,3vw,27px)/1.2 var(--font-display);color:#2A2524}
.mipr-sec{display:flex;flex-direction:column;gap:10px}
.mipr-sec > header{display:flex;align-items:center;gap:10px;padding-top:4px}
.mipr-n{flex:0 0 28px;width:28px;height:28px;border-radius:50%;background:#3B2F32;color:#F8F3F0;display:grid;place-items:center;font:500 13px/1 var(--font-body)}
.mipr-sec h3{font:400 22px/1.15 var(--font-display);color:#2A2524}
.mipr-card{position:relative;display:flex;flex-direction:column;gap:8px;background:#ECE8E4;border-radius:18px;padding:16px}
.mipr-card h4,.mipr-step h4,.mipr-sec h3{margin:0;font:500 15.5px/1.25 var(--font-body);color:#2A2524}
.mipr-card p,.mipr-step p,.mipr-lead{margin:0;font-size:14px;line-height:1.55;color:#3B2F32}
.mipr-card.is-perfil{background:#F6E7E3;box-shadow:inset 0 0 0 2px #3B2F32}
.mipr-card.is-perfil h4{font:400 24px/1.1 var(--font-display)}
.mipr-card.is-meta h4{font:400 19px/1.2 var(--font-display)}
.mipr-card.is-nota{background:#F8F3F0;box-shadow:inset 0 0 0 1px #DAD6D2}
.mipr-card.is-alerta{background:#F6E7E3;border-left:4px solid #9E5B53}
.mipr-card.is-aviso{background:none;padding:4px 2px}
.mipr-card.is-aviso p{font-size:12.5px;color:#5E4F52}
.mipr-fe{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:2px}
.mipr-fe > div{background:#F8F3F0;border-radius:14px;padding:12px 12px 10px}
.mipr-fe b{display:flex;align-items:center;gap:6px;font:500 11px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase}
.mipr-faca b{color:#4F6B4A}.mipr-faca b::before{content:"✓"}
.mipr-evite b{color:#9E5B53}.mipr-evite b::before{content:"✕"}
.mipr-fe ul{margin:8px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.mipr-fe li{font-size:13.5px;line-height:1.45;color:#2A2524;padding-left:12px;position:relative}
.mipr-fe li::before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%}
.mipr-faca li::before{background:#8DA587}.mipr-evite li::before{background:#D9A39B}
.mipr-prod{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;margin-top:2px;border-radius:999px;padding:10px 14px;background:#3B2F32;color:#F8F3F0;font:500 13px/1 var(--font-body);text-decoration:none}
.mipr-prod:hover{background:#94675F}
.mipr-steps{display:flex;flex-direction:column;gap:8px}
.mipr-step{position:relative;display:flex;gap:12px;background:#ECE8E4;border-radius:18px;padding:16px}
.mipr-step > div{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.mipr-sn{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#EBCFCA;color:#2A2524;display:grid;place-items:center;font:400 18px/1 var(--font-display)}
.mipr-lead{position:relative;padding:0 2px}
.mipr-todos{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.mipr-todos li{font-size:13.5px;line-height:1.5;color:#3B2F32}
.mipr-todos b{font-weight:500;color:#2A2524}
/* ID da planilha, só durante a revisão */
.mipr-id{position:absolute;top:10px;right:10px;font:500 10px/1 var(--font-body);letter-spacing:.06em;background:#3B2F32;color:#F8F3F0;border-radius:6px;padding:4px 6px;opacity:.8}
.mipr-lead .mipr-id{position:static;margin-right:8px;vertical-align:1px}
.mipr-card:has(.mipr-id) > h4,.mipr-step:has(.mipr-id) h4,.mipr-hero:has(.mipr-id) .mipr-k{padding-right:70px}
@media (max-width:520px){.mipr-fe{grid-template-columns:1fr}}
@media print{body.print-mip .mipr-id{display:none!important}body.print-mip .mipr-card{break-inside:avoid}}
.mipr-card.is-derm{background:#F6E7E3}
.mipr-card.is-aviso .mipr-id{position:static;align-self:flex-start}

/* seções da Home com linhas (queixas e ingredientes em destaque), 20 out:
   título encostado numa linha de ponta a ponta e uma linha fechando a seção embaixo */
/* linha que some nas pontas (modelo de referência, 22 out): forte no meio, transparente nas bordas */
.sec-linhas{--linha:linear-gradient(90deg,transparent,rgba(59,47,50,.55) 50%,transparent)}
.sec-linhas > .wrap{position:relative;padding-bottom:20px}
.sec-linhas > .wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--linha)}
.sec-linhas .sec-head{position:relative;margin:0 calc(-1 * var(--gutter)) 24px;padding:0 var(--gutter) 12px;align-items:flex-end}
.sec-linhas .sec-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--linha)}
.sec-linhas .sec-head h2{line-height:1}
.queixas-home .qcard:hover h3{color:#9E5B53}

/* News sem a linha de baixo e encostada no rodapé; aviso como faixa de abertura do rodapé (20 out) */
#news.sec-linhas > .wrap{border-bottom:0;padding-bottom:0}
#news.sec-linhas > .wrap::after{display:none}
#news.section{padding-bottom:clamp(40px,5vw,64px)}
.trust{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:16px var(--gutter);background:#3B2F32;color:#EBCFCA;border-top:0;border-bottom:1px solid rgba(248,243,240,.14);font:500 12px/1.4 var(--font-body);letter-spacing:.08em;text-transform:uppercase}
.trust-i{flex:0 0 20px;width:20px;height:20px;border-radius:50%;border:1px solid #EBCFCA;display:grid;place-items:center;font:italic 400 12px/1 var(--font-display);letter-spacing:0;text-transform:none}

/* carrossel das queixas sangra até a borda da tela dos dois lados (20 out):
   ao arrastar, as fotos passam por baixo da margem em vez de sumir num bloco da cor do fundo.
   --bleed = distância da borda da tela até o começo do conteúdo. */
.queixas-home{overflow-x:clip;--bleed:max(var(--gutter),calc((100vw - var(--max-width)) / 2 + var(--gutter)))}
.queixas-home .carousel-outer{margin-left:calc(-1 * var(--bleed));margin-right:calc(-1 * var(--bleed))}
/* a primeira foto começa perto da borda da tela (16px), não alinhada com o título */
.queixas-home .qrow{padding-left:16px;padding-right:var(--bleed);scroll-padding-left:16px}

/* foto de embalagem na janela "Sobre" (20 out): o fundo branco da foto some no degradê (multiply) */
.pf2-visual.has-foto{position:relative;overflow:hidden}
.pf2-visual.has-foto img{position:absolute;inset:8%;width:84%;height:84%;object-fit:contain;mix-blend-mode:multiply}
/* cartão de produto do tamanho do conteúdo: botões logo abaixo dos ativos, sem buraco (20 out) */
.qx-prod .qx-ativos{flex:0 0 auto}
.qx-grid:has(.qx-prod){align-items:start}
.qx-prod-btns{margin-top:6px}

/* teste: foto da embalagem no cartão (20 out) */
.qx-card-photo.has-foto{position:relative;background:#F6E7E3;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.6),transparent 55%),radial-gradient(circle at 80% 90%,#DAD6D2,transparent 60%)}
.qx-card-photo.has-foto img.qx-prod-img{position:absolute;inset:10%;width:80%;height:80%;max-width:none;object-fit:contain;mix-blend-mode:multiply;transform:none;transition:transform .5s var(--ease)}
.qx-prod:hover .qx-card-photo.has-foto img.qx-prod-img{transform:scale(1.04)}
.qx-card-photo.has-foto .qx-badge{z-index:1}

/* foto do cartão abre o "Sobre" (20 out) */
.qx-prod .qx-card-photo[data-produto]{cursor:pointer}
.qx-prod .qx-card-photo[data-produto]:focus-visible{outline:2px solid #9E5B53;outline-offset:3px}
.pf2-soon{margin:18px 0 0;padding:12px 14px;border-radius:14px;background:#ECE8E4;font-size:13.5px;color:#5E4F52}

/* profundidade (22 out): uma família de sombras quentes, em tom ameixa, usada em todo o site */
:root{
  --sombra-1:0 1px 2px rgba(59,47,50,.06),0 12px 28px -16px rgba(59,47,50,.32);
  --sombra-2:0 2px 4px rgba(59,47,50,.08),0 24px 44px -20px rgba(59,47,50,.42);
  --sombra-3:0 2px 6px rgba(59,47,50,.10),0 34px 60px -28px rgba(59,47,50,.55);
}
/* cartões de produto da página da queixa */
.qx-prod.qx-card{border-color:rgba(59,47,50,.06);box-shadow:var(--sombra-1)}
.qx-prod.qx-card:hover{transform:translateY(-4px);box-shadow:var(--sombra-2)}
.qx-prod .qx-card-photo.has-foto{box-shadow:inset 0 0 0 1px rgba(255,255,255,.6),inset 0 -24px 40px -30px rgba(59,47,50,.18)}
/* topo da queixa e o mapa do rosto dentro dele */
.qx-hero{box-shadow:var(--sombra-2)}
.qx-hero-map{box-shadow:var(--sombra-1)}
/* perguntas frequentes */
.qx-faq-wrap .qx-faq{box-shadow:var(--sombra-2)}
.qx-faq-wrap .qx-faq-list .acc{box-shadow:0 6px 16px -12px rgba(59,47,50,.35)}
/* faixa escura "Não sabe por onde começar?" */
.qx-cta{box-shadow:var(--sombra-3)}
/* Home: fotos das queixas, "Por que a Emulsa", ingredientes e News */
/* queixas da Home com profundidade delicada (22 out): sem moldura, só a foto com cantos suaves
   e uma sombra difusa por baixo. O carrossel tem espaço em cima e embaixo para a sombra não ser cortada. */
.queixas-home .qrow{padding-top:20px;padding-bottom:64px;margin-top:-20px;margin-bottom:-44px}
/* sombra em camadas: contato (curta e escura) + ambiente (longa e difusa) */
.queixas-home .qcard .photo{border-radius:14px;box-shadow:0 2px 4px rgba(59,47,50,.10),0 14px 24px -12px rgba(59,47,50,.30),0 42px 60px -30px rgba(59,47,50,.50);transition:transform .5s var(--ease),box-shadow .5s var(--ease)}
/* volume na foto: brilho fino em cima e um leve escurecido embaixo */
.queixas-home .qcard .photo::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.10) 0%,transparent 30%,transparent 62%,rgba(42,37,36,.22) 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.queixas-home .qcard:hover .photo{transform:translateY(-6px);box-shadow:0 4px 8px rgba(59,47,50,.10),0 20px 30px -14px rgba(59,47,50,.34),0 54px 70px -32px rgba(59,47,50,.55)}
.filo-card{box-shadow:var(--sombra-2)}
#ing .card .photo,#news .card .photo{box-shadow:var(--sombra-1);transition:box-shadow .4s var(--ease),transform .4s var(--ease)}
#ing .card:hover .photo,#news .card:hover .photo{box-shadow:var(--sombra-2);transform:translateY(-3px)}
#news input[type="email"]{box-shadow:inset 0 2px 4px rgba(59,47,50,.08),0 8px 18px -14px rgba(59,47,50,.35)}
#news form .btn{box-shadow:var(--sombra-1)}

/* setas do carrossel (22 out): sem o quadrado; botão redondo claro com sombra suave */
.arrow{width:44px;height:44px;border:0;border-radius:50%;background:#F8F3F0;color:#3B2F32;display:grid;place-items:center;line-height:1;font:300 22px/1 var(--font-display);box-shadow:0 1px 2px rgba(59,47,50,.06),0 10px 20px -10px rgba(59,47,50,.45);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease)}
.arrow:hover{transform:translateY(-2px);background:#EBCFCA;box-shadow:0 2px 4px rgba(59,47,50,.08),0 14px 24px -12px rgba(59,47,50,.5)}
.arrow:active{transform:translateY(0);box-shadow:0 1px 2px rgba(59,47,50,.1),0 6px 12px -8px rgba(59,47,50,.45)}
.arrow:focus{outline:none}.arrow:focus-visible{outline:2px solid #9E5B53;outline-offset:3px}

/* celular (22 out): sem as setas do carrossel; arrasta com o dedo */
@media (max-width:760px){.queixas-home .sec-head .arrow{display:none}}

/* sinal de "arraste" no celular (22 out): barrinha de progresso + "Deslize →" que some depois do 1º arraste */
.qhint{display:none}
@media (max-width:760px){
  .queixas-home .qhint{display:flex;align-items:center;gap:12px;margin:0 16px}
  /* a área de toque é maior que a barra (padding), para dar para segurar com o dedo */
  .queixas-home .qprogress{display:block;flex:1;height:auto;margin:0;padding:12px 0;cursor:grab;touch-action:none}
  .queixas-home .qprogress::before{display:block;content:"";position:absolute;left:0;right:0;top:50%;height:5px;margin-top:-2.5px;border-radius:5px;background:#DAD6D2;box-shadow:inset 0 1px 2px rgba(59,47,50,.08)}
  .queixas-home .qprogress i{top:50%;height:5px;margin-top:-2.5px;border-radius:5px;background:#EBCFCA;box-shadow:0 2px 6px -2px rgba(59,47,50,.35);transition:height .2s var(--ease),margin .2s var(--ease)}
  .queixas-home .qprogress.ativa{cursor:grabbing}
  .queixas-home .qprogress.ativa i{height:8px;margin-top:-4px}
  .qhint-t{font:500 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#2A2524;white-space:nowrap;transition:opacity .5s var(--ease),max-width .5s var(--ease);max-width:130px;overflow:hidden;padding-right:8px}
  .qhint-t span{display:inline-block;animation:qhintSeta 1.4s ease-in-out infinite}
  .queixas-home.qhint-usado .qhint-t{opacity:0;max-width:0}
}
@keyframes qhintSeta{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
@media (prefers-reduced-motion:reduce){.qhint-t span{animation:none}}

/* barra do carrossel com sombreado (22 out): cores lisas, só uma sombra suave por baixo (sem efeito 3D).
   No celular a barra já fecha a seção, então sai a linha de baixo. */
@media (max-width:760px){
  .queixas-home .qprogress::before{height:5px;margin-top:-2.5px;border-radius:5px;background:#DAD6D2;box-shadow:0 3px 8px rgba(59,47,50,.18)}
  .queixas-home .qprogress i{height:5px;margin-top:-2.5px;border-radius:5px;background:#EBCFCA;box-shadow:0 3px 8px rgba(59,47,50,.28)}
  .queixas-home .qprogress.ativa i{height:8px;margin-top:-4px}
  .queixas-home > .wrap::after{display:none}
}

/* celular (22 out): produtos da queixa em 2 colunas, com o cartão compacto */
@media (max-width:520px){
  .qx-grid:has(.qx-prod){grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .qx-prod.qx-card{padding:6px;border-radius:18px}
  .qx-prod .qx-card-photo{border-radius:13px}
  .qx-prod .qx-card-photo .qx-badge{top:8px;left:8px;font-size:10px;padding:4px 8px}
  .qx-prod .qx-card-body{padding:10px 4px 6px;gap:6px}
  .qx-prod .qx-prod-marca{font-size:9.5px;letter-spacing:.1em;flex-wrap:wrap;gap:4px}
  .qx-prod .qx-card-body h3{font-size:15px;line-height:1.2}
  .qx-prod .qx-ativos{gap:4px}
  .qx-prod .qx-ativos span{font-size:10.5px;padding:4px 7px}
  .qx-prod-btns{gap:6px}
  .qx-prod-btns .qx-more{padding:7px 10px;font-size:11.5px;gap:4px}
}
@media (max-width:520px){.qx-prod .qx-prod-marca .draft{font-size:8.5px;line-height:11px;padding:3px 6px;letter-spacing:.1em}}

/* janela "Sobre": seções em toggle, estilo Notion (22 out). Fechadas; o triângulo gira ao abrir. */
.pf2-list > li{display:block;padding:8px 0}
.pf2-tg > summary{list-style:none;display:flex;align-items:center;gap:12px;cursor:pointer;padding:6px 8px;margin:0 -8px;border-radius:10px;transition:background .2s var(--ease)}
.pf2-tg > summary::-webkit-details-marker{display:none}
.pf2-tg > summary:hover{background:rgba(59,47,50,.05)}
.pf2-tg > summary:focus{outline:none}.pf2-tg > summary:focus-visible{outline:2px solid #9E5B53;outline-offset:2px}
.pf2-tg > summary h3{margin:0}
.pf2-tri{flex:0 0 auto;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent #5E4F52;transition:transform .2s var(--ease)}
.pf2-tg[open] > summary .pf2-tri{transform:rotate(90deg)}
.pf2-tg-body{padding:10px 0 4px 54px;animation:pf2tg .25s var(--ease)}
@keyframes pf2tg{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pf2-main .pf2-why{margin-top:20px;box-shadow:0 2px 4px rgba(59,47,50,.05),0 14px 28px -14px rgba(59,47,50,.30)}
@media (max-width:520px){.pf2-tg-body{padding-left:20px}}
/* janela "Sobre": sombra suave também na foto e no "Ver na loja" (22 out) */
.pf2-visual{box-shadow:0 2px 4px rgba(59,47,50,.05),0 16px 30px -16px rgba(59,47,50,.32)}
.pf2-buy{box-shadow:0 2px 4px rgba(59,47,50,.08),0 12px 24px -12px rgba(59,47,50,.45);transition:box-shadow .3s var(--ease),transform .3s var(--ease)}
.pf2-buy:hover{transform:translateY(-2px);box-shadow:0 3px 6px rgba(59,47,50,.10),0 16px 28px -12px rgba(59,47,50,.5)}

/* lupa na foto do produto: o zoom acontece dentro da própria foto (22 out) */
.pf2-visual.has-foto .pf2-zoom{position:absolute;right:12px;bottom:12px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:#F8F3F0;color:#3B2F32;display:grid;place-items:center;cursor:zoom-in;box-shadow:0 2px 4px rgba(59,47,50,.08),0 10px 20px -10px rgba(59,47,50,.45);transition:transform .25s var(--ease),background .25s var(--ease)}
.pf2-visual.has-foto .pf2-zoom:hover{transform:scale(1.06);background:#EBCFCA}
.pf2-zoom:focus{outline:none}.pf2-zoom:focus-visible{outline:2px solid #9E5B53;outline-offset:3px}
.pf2-zoom svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.pf2-visual.has-foto{cursor:zoom-in;touch-action:pan-y}
.pf2-visual.has-foto img{transition:transform .35s var(--ease)}



/* × da janela "Sobre" (22 out): botão claro com sombra suave; no celular vai para o canto de cima da janela */
.pf2-close{border:0;background:#F8F3F0;box-shadow:0 2px 4px rgba(59,47,50,.08),0 10px 20px -10px rgba(59,47,50,.45);transition:transform .25s var(--ease),background .25s var(--ease)}
.pf2-close:hover{transform:scale(1.06)}
@media (max-width:760px){
  .dialog.pf2{position:relative}
  .pf2-main{position:static}
  .pf2-close{top:14px;right:14px;z-index:3;width:38px;height:38px}
}

/* barra de filtros da queixa no celular (22 out): os 3 botões na mesma linha, com a mesma largura,
   e a contagem de produtos centralizada embaixo */
@media (max-width:640px){
  .qx-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px}
  .qx-bar .col-filters,.qx-bar .qx-bar-right{display:contents}
  .qx-bar .dd{min-width:0;width:100%}
  .qx-bar .dd-btn{width:100%;justify-content:center;gap:4px;padding:10px 6px;font-size:12.5px;white-space:nowrap}
  .qx-bar .dd-btn svg{flex:0 0 auto;width:12px;height:12px}
  .qx-bar .dd-btn span{overflow:hidden;text-overflow:ellipsis}
  .qx-bar .dd-sort{order:3}
  .qx-bar .qx-count{order:4;grid-column:1/-1;text-align:center;font-size:12px;padding:2px 0 0}
}

/* "Filtros" da página da queixa (22 out): ordenar + preço no mesmo painel */
.qx-bar .dd-btn[aria-expanded="true"],.qx-bar .dd-sort .dd-btn[aria-expanded="true"]{background:#3B2F32;color:#F8F3F0}
.qx .dd-sort .dd-panel{width:280px}
.dd-sec{padding:10px 8px 6px}
.dd-sec + .dd-sec{border-top:1px solid var(--line)}
.dd-sec-t{display:flex;justify-content:space-between;align-items:center;padding:4px 14px 6px;font:500 10.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9E5B53}
.dd-sec-t .link{font-size:11px;letter-spacing:.04em;text-transform:none}
.dd-sec .dd-list{padding:0;gap:2px}
.dd-preco{gap:12px;padding:10px 14px;border-radius:12px}
.dd-preco:hover{background:var(--bg)}
.dd-preco > span{flex:1;display:flex;flex-direction:column;gap:3px;font-size:14.5px}
.dd-preco b{font-weight:500}
.dd-preco small{font-size:12px;color:#5E4F52}
.dd-preco em{font-style:normal;font-size:12px;color:#5E4F52}
.dd-preco input{border-radius:6px;width:20px;height:20px;flex-basis:20px}

/* medalhas das faixas de preço (22 out) */
.medalha{flex:0 0 26px;width:26px;height:26px;display:grid;place-items:center;filter:drop-shadow(0 2px 3px rgba(59,47,50,.25))}
.medalha svg{width:26px;height:26px}
.medalha .fita{fill:#C9A4A0}
.medalha .estrela{fill:rgba(255,255,255,.75)}
.m-bronze .disco{fill:#B9825A}.m-bronze .fita{fill:#9E5B53}
.m-prata .disco{fill:#B8B4B0}.m-prata .fita{fill:#8E8A87}
.m-ouro .disco{fill:#D6AE5C}.m-ouro .fita{fill:#B48A3E}
.medalha{flex-basis:32px;width:32px;height:32px}.medalha svg{width:32px;height:32px}
.dd-preco > span{gap:1px}
.dd-preco{padding:8px 14px}

/* janela grande da foto do produto (22 out) */
.zm{position:fixed;inset:0;z-index:300;background:rgba(42,37,36,.62);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;padding:16px;animation:zmIn .25s var(--ease)}
.zm[hidden]{display:none}
@keyframes zmIn{from{opacity:0}to{opacity:1}}
.zm-dialog{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:min(620px,100%);padding:16px;border-radius:26px;background:#F8F3F0;box-shadow:0 30px 70px -30px rgba(0,0,0,.6)}
.zm-close{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#F8F3F0;color:#2A2524;font:300 22px/1 var(--font-display);cursor:pointer;box-shadow:0 2px 4px rgba(59,47,50,.08),0 10px 20px -10px rgba(59,47,50,.45)}
.zm-close:hover{background:#EBCFCA}
.zm-stage{position:relative;width:100%;height:min(78vh,680px);overflow:hidden;border-radius:18px;background:#F6E7E3;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 55%),radial-gradient(circle at 80% 90%,#DAD6D2,transparent 60%);cursor:zoom-in;touch-action:none;user-select:none}
.zm-stage img{position:absolute;inset:5%;width:90%;height:90%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s var(--ease);-webkit-user-drag:none}
.zm-stage.on{cursor:grab}
.zm-stage.arrastando{cursor:grabbing}
.zm-stage.arrastando img{transition:none}
.zm-hint{margin:0;font:500 12px/1.3 var(--font-body);letter-spacing:.04em;color:#5E4F52;text-align:center}
.dd-sec-p{margin:0 0 6px;padding:0 14px;font-size:12.5px;line-height:1.4;color:#5E4F52}
/* faixa de preço: medalha centralizada com o nome + valor (22 out) */
.dd-preco{align-items:center}
.dd-preco > span{justify-content:center}
.dd-preco b{line-height:1.15}
.dd-preco small{line-height:1.2}
.medalha svg{display:block}


/* ===== Resultado do MIP v2 (22 out): visual e rápido; rotina com produtos por faixa; texto longo em toggles ===== */
.mipr2{display:flex;flex-direction:column;gap:18px}
.mipr2 h3{margin:0;font:400 22px/1.15 var(--font-display);color:#2A2524}
.mipr2-hero{position:relative;background:linear-gradient(135deg,#EBCFCA 0%,#F6E7E3 70%);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:10px;box-shadow:0 2px 4px rgba(59,47,50,.05),0 16px 30px -18px rgba(59,47,50,.35)}
.mipr2-chips{display:flex;flex-wrap:wrap;gap:8px}
.mipr2-chips span{display:flex;flex-direction:column;gap:3px;background:#F8F3F0;border-radius:14px;padding:8px 12px;font:500 14px/1.1 var(--font-body);color:#2A2524;box-shadow:0 6px 14px -10px rgba(59,47,50,.4)}
.mipr2-chips small{font:500 9.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9E5B53}
/* alertas */
.mipr-alertas{display:flex;flex-wrap:wrap;gap:8px}
.mipr-alerta{position:relative;display:inline-flex;align-items:center;gap:8px;background:#F6E7E3;border-radius:999px;padding:7px 14px 7px 7px;font:500 13px/1.2 var(--font-body);color:#2A2524;box-shadow:inset 0 0 0 1px rgba(158,91,83,.35)}
.mipr-alerta i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#9E5B53;color:#F8F3F0;display:grid;place-items:center;font:600 12px/1 var(--font-body);font-style:normal}
.mipr-alerta .mipr-id{position:static;margin-right:2px}
/* rotina */
.mipr2-rot{display:flex;flex-direction:column;gap:12px}
.mipr2-rot-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.mipr-faixas{display:flex;gap:4px;background:#ECE8E4;border-radius:999px;padding:4px}
.mipr-faixas button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:999px;padding:6px 12px 6px 6px;font:500 13px/1 var(--font-body);color:#5E4F52;cursor:pointer;transition:background .25s var(--ease),color .25s var(--ease),box-shadow .25s var(--ease)}
.mipr-faixas button[aria-pressed="true"]{background:#F8F3F0;color:#2A2524;box-shadow:0 6px 14px -8px rgba(59,47,50,.45)}
.mipr-faixas .medalha,.mipr-faixas .medalha svg{width:22px;height:22px;flex-basis:22px}
.mipr-quando{display:flex;flex-wrap:wrap;gap:14px;font:500 12px/1 var(--font-body);color:#5E4F52}
.mipr-quando span{display:inline-flex;align-items:center;gap:6px}
.mipr-quando svg{width:16px;height:16px;fill:none;stroke:#9E5B53;stroke-width:1.6;stroke-linecap:round}
.mipr-grade{display:none;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.mipr2[data-faixa="Econômico"] .mipr-grade[data-f="Econômico"],.mipr2[data-faixa="Médio"] .mipr-grade[data-f="Médio"],.mipr2[data-faixa="Premium"] .mipr-grade[data-f="Premium"]{display:grid;animation:miprIn .35s var(--ease)}
@keyframes miprIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.mipr-pc{display:flex;flex-direction:column;gap:6px;background:#fff;border-radius:18px;padding:10px;box-shadow:0 2px 4px rgba(59,47,50,.05),0 14px 26px -16px rgba(59,47,50,.35)}
.mipr-pc-top{display:flex;align-items:center;gap:6px;font:500 12.5px/1 var(--font-body);color:#2A2524}
.mipr-pc-top svg{width:16px;height:16px;fill:none;stroke:#9E5B53;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mipr-pc-n{width:20px;height:20px;border-radius:50%;background:#3B2F32;color:#F8F3F0;display:grid;place-items:center;font:500 11px/1 var(--font-body)}
.mipr-pc-foto{position:relative;aspect-ratio:1/1;border-radius:13px;overflow:hidden;cursor:pointer;background:#F6E7E3;background-image:radial-gradient(circle at 30% 20%,rgba(255,255,255,.7),transparent 55%),radial-gradient(circle at 80% 90%,#DAD6D2,transparent 60%);display:grid;place-items:center}
.mipr-pc-foto img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s var(--ease)}
.mipr-pc-foto:hover img{transform:scale(1.05)}
.mipr-pc-foto span{font:italic 300 16px/1.1 var(--font-display);color:#3B2F32;text-align:center;padding:0 8px}
.mipr-pc-marca{font:500 9.5px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#A8584E;margin-top:2px}
.mipr-pc h4{margin:0;font:400 15px/1.2 var(--font-display);color:#2A2524}
.mipr-pc-nota{font-size:10.5px;line-height:1.3;color:#5E4F52;background:#ECE8E4;border-radius:8px;padding:4px 7px;align-self:flex-start}
.mipr-pc-btns{display:flex;gap:6px;margin-top:auto;padding-top:4px}
.mipr-pc-btns .qx-more{margin:0;padding:7px 11px;font-size:12px;text-decoration:none;color:#2A2524;background:#F3EDE6}
.mipr-pc-btns .qx-saiba{background:#3B2F32;color:#F8F3F0;border:0;cursor:pointer}
/* faça / evite */
.mipr-fe2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mipr-fe2-col{display:flex;flex-direction:column;align-items:flex-start;gap:6px;border-radius:18px;padding:14px}
.mipr-fe2-col.ok{background:#EEF1EA}.mipr-fe2-col.no{background:#F6E7E3}
.mipr-fe2-t{display:inline-flex;align-items:center;gap:6px;font:500 11px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px}
.mipr-fe2-t i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;color:#fff}
.ok .mipr-fe2-t{color:#4F6B4A}.ok .mipr-fe2-t i{background:#7E9A78}
.no .mipr-fe2-t{color:#9E5B53}.no .mipr-fe2-t i{background:#C9867C}
.mipr-chip{background:#F8F3F0;border-radius:12px;padding:7px 10px;font-size:13px;line-height:1.35;color:#2A2524;box-shadow:0 4px 10px -8px rgba(59,47,50,.4)}
/* entenda (toggles) */
.mipr2-entenda{display:flex;flex-direction:column;gap:2px}
.mipr2-entenda h3{margin-bottom:6px}
.mipr-tg{border-top:1px solid #E6DEDA}
.mipr-tg:last-child{border-bottom:1px solid #E6DEDA}
.mipr-tg > summary{list-style:none;display:flex;align-items:center;gap:10px;cursor:pointer;padding:12px 6px;border-radius:10px;font:500 14.5px/1.2 var(--font-body);color:#2A2524}
.mipr-tg > summary::-webkit-details-marker{display:none}
.mipr-tg > summary:hover{background:rgba(59,47,50,.05)}
.mipr-tg[open] > summary .pf2-tri{transform:rotate(90deg)}
.mipr-tg-ic{width:26px;height:26px;border-radius:50%;background:#F6E7E3;color:#9E5B53;display:grid;place-items:center;font-size:13px}
.mipr-tg-body{display:flex;flex-direction:column;gap:12px;padding:4px 6px 16px 50px;animation:pf2tg .25s var(--ease)}
.mipr-tb{position:relative;display:flex;flex-direction:column;gap:4px}
.mipr-tb b{font:500 14px/1.3 var(--font-body);color:#2A2524;padding-right:60px}
.mipr-tb p{margin:0;font-size:13.5px;line-height:1.55;color:#4A3F42}
.mipr-tb .mipr-id{top:0;right:0}
.mipr2-aviso{position:relative;margin:0;font-size:12px;line-height:1.5;color:#5E4F52}
.mipr2-aviso .mipr-id{position:static;margin-right:6px}
@media (max-width:520px){
  .mipr-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .mipr-fe2{grid-template-columns:1fr}
  .mipr-tg-body{padding-left:10px}
  .mipr-faixas{width:100%}.mipr-faixas button{flex:1;justify-content:center;padding:6px 6px}
}
@media print{body.print-mip .mipr-grade{display:none!important}body.print-mip .mipr2 .mipr-grade[data-f]{display:none!important}body.print-mip .mipr2[data-faixa="Econômico"] .mipr-grade[data-f="Econômico"],body.print-mip .mipr2[data-faixa="Médio"] .mipr-grade[data-f="Médio"],body.print-mip .mipr2[data-faixa="Premium"] .mipr-grade[data-f="Premium"]{display:grid!important}}
/* janela do produto por cima do quiz */
.overlay.pf-top{z-index:70}
.mipr-grade{grid-template-columns:repeat(2,minmax(0,1fr))}
.mipr-grade.n3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:520px){.mipr-grade.n3{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* fim do quiz (22 out): sem o bloco "Pronto!"; aviso de salvar vira faixa compacta no fim */
.mipq-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.mipq-save{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;background:#F6E7E3;color:#2A2524;border-radius:18px;padding:12px 12px 12px 14px;box-shadow:0 2px 4px rgba(59,47,50,.05),0 12px 24px -16px rgba(59,47,50,.35)}
.mipq-save > div{flex:1 1 auto;gap:2px}
.mipq-save b{font:500 14.5px/1.2 var(--font-body);color:#2A2524}
.mipq-save span{font-size:12.5px;color:#5E4F52}
.mipq-save-ic{flex:0 0 34px;width:34px;height:34px;border-radius:50%;background:#3B2F32;color:#F8F3F0!important;display:grid;place-items:center;font-size:15px!important}
.mipq-save-btn{background:#3B2F32;color:#F8F3F0;padding:11px 16px;font-size:13px;box-shadow:0 8px 16px -10px rgba(59,47,50,.6)}
.mipq-save-btn:hover{background:#94675F}
@media (max-width:520px){.mipq-save{flex-wrap:wrap}.mipq-save-btn{width:100%;justify-content:center}}

/* "Entenda sua pele" com mais vida (22 out): tema aberto com fundo, trechos em cartões com faixa de cor */
.mipr-tg{border:0!important;border-radius:18px;margin-bottom:8px;background:#F8F3F0;box-shadow:0 2px 4px rgba(59,47,50,.04),0 10px 20px -16px rgba(59,47,50,.35);transition:background .25s var(--ease)}
.mipr-tg > summary{padding:14px 14px;font:400 17px/1.2 var(--font-display)}
.mipr-tg > summary:hover{background:transparent}
.mipr-tg[open]{background:#F6E7E3}
.mipr-tg .pf2-tri{order:3;margin-left:auto}
.mipr-tg-ic{width:34px;height:34px;font-size:15px;color:#F8F3F0}
.t-rosa .mipr-tg-ic{background:#D9A39B}.t-ouro .mipr-tg-ic{background:#C9A15A}.t-verde .mipr-tg-ic{background:#8DA587}.t-terra .mipr-tg-ic{background:#9E5B53}.t-cinza .mipr-tg-ic{background:#94675F}
.mipr-tg-body{padding:0 12px 14px;gap:8px}
.mipr-tb{background:#fff;border-radius:14px;padding:12px 14px 12px 16px;border-left:4px solid #EBCFCA}
.t-ouro .mipr-tb{border-left-color:#E4CB94}.t-verde .mipr-tb{border-left-color:#BFD0B9}.t-terra .mipr-tb{border-left-color:#D9A39B}.t-cinza .mipr-tb{border-left-color:#DAD6D2}
.mipr-tb b{font:400 16px/1.25 var(--font-display);color:#2A2524}
.mipr-tb p{font-size:14px;color:#3B2F32}
.mipr-tb .mipr-id{top:10px;right:10px}
.pf2-pare{margin-top:8px!important;font-size:13px!important;color:#9E5B53!important}

/* objetivos no topo do resultado (22 out): um título + etiquetas numeradas */
.mipr2-obj{display:flex;flex-direction:column;gap:6px}
.mipr2-obj > small{font:500 10px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9E5B53}
.mipr2-chips span{flex-direction:row;align-items:center;gap:8px;padding:7px 12px 7px 7px}
.mipr2-chips i{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#3B2F32;color:#F8F3F0;display:grid;place-items:center;font:500 11px/1 var(--font-body);font-style:normal}

/* ordem de aplicação da rotina (22 out) */
.mipr-ordem{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;font:400 13.5px/1 var(--font-body);color:#2A2524}
.mipr-ordem b{font-weight:500;margin-right:2px}
.mipr-ordem i{width:22px;height:22px;border-radius:50%;background:#3B2F32;color:#F8F3F0;display:grid;place-items:center;font:500 11.5px/1 var(--font-body);font-style:normal}
.mipr-ordem span{color:#9E5B53;font-size:13px}
/* resultado (22 out): botões e números num ameixa mais claro, para combinar com o rosa */
.mipr-pc-btns .qx-saiba{background:#6B5458!important}
.mipr-pc-btns .qx-saiba:hover{background:#94675F!important}
.mipr-pc-n,.mipr-ordem i,.mipr2-chips i{background:#6B5458}

/* quando usar, dentro de cada cartão da rotina (22 out) */
.mipr-pc-top{flex-wrap:wrap}
.mipr-pc-turno{margin-left:auto;display:flex;gap:4px}
.mipr-pc-turno > span{display:inline-flex;align-items:center;gap:3px;background:#F6E7E3;border-radius:999px;padding:3px 7px 3px 5px;font:500 10.5px/1 var(--font-body);color:#5E4F52}
.mipr-pc-turno svg{width:12px;height:12px;fill:none;stroke:#9E5B53;stroke-width:1.8;stroke-linecap:round}
@media (max-width:520px){.mipr-pc-turno{margin-left:0;width:100%}}

/* ficha do produto visual (22 out): tudo à vista, em blocos curtos */
.pf3{gap:16px}
.pf3-head{display:flex;flex-direction:column;gap:6px;padding-right:48px}
.pf3-nome{margin:0;font:400 clamp(24px,2.6vw,32px)/1.12 var(--font-display);color:#2A2524}
.pf3-why{margin:0;font-size:14.5px;line-height:1.5;color:#5E4F52}
.pf3-k{display:block;font:500 10px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9E5B53}
.pf3-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pf3-tile{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:16px;padding:12px;box-shadow:0 2px 4px rgba(59,47,50,.04),0 10px 20px -14px rgba(59,47,50,.35)}
.pf3-tile b{font:500 14px/1.25 var(--font-body);color:#2A2524}
.pf3-steps{display:flex;gap:4px}
.pf3-steps i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:500 11px/1 var(--font-body);font-style:normal;background:#ECE8E4;color:#94675F}
.pf3-steps i.on{background:#6B5458;color:#F8F3F0}
.pf3-turno{display:flex;flex-wrap:wrap;gap:4px}
.pf3-turno span{display:inline-flex;align-items:center;gap:4px;background:#F6E7E3;border-radius:999px;padding:4px 8px 4px 6px;font:500 12px/1 var(--font-body);color:#2A2524}
.pf3-turno svg,.pf3-como svg{width:14px;height:14px;fill:none;stroke:#9E5B53;stroke-width:1.8;stroke-linecap:round}
.pf3-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.pf3-row .pf3-k{flex:0 0 64px}
.pf3-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.pf3-chips > span,.pf3-chips > a{background:#F6E7E3;border-radius:999px;padding:6px 11px;font:500 12.5px/1.2 var(--font-body);color:#2A2524;text-decoration:none}
.pf3-ativos > a,.pf3-ativos > span{background:#ECE8E4}
.pf3-care > span{background:#fff;box-shadow:inset 0 0 0 1px #E6DEDA;font-weight:400}
.pf3-como{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:16px;padding:12px 14px;box-shadow:0 2px 4px rgba(59,47,50,.04),0 10px 20px -14px rgba(59,47,50,.35)}
.pf3-como svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px}
.pf3-como p{margin:4px 0 0;font-size:14px;line-height:1.45;color:#2A2524}
.pf3-alerts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.pf3-al{border-radius:16px;padding:12px 14px;display:flex;flex-direction:column;gap:6px}
.pf3-al.no{background:#F6E7E3}.pf3-al.stop{background:#F3EDE6;box-shadow:inset 0 0 0 1px #EBCFCA}
.pf3-al-t{display:flex;align-items:center;gap:6px;font:500 11px/1 var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:#9E5B53}
.pf3-al-t i{width:18px;height:18px;border-radius:50%;background:#C9867C;color:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;letter-spacing:0}
.pf3-al ul{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:3px}
.pf3-al li{font-size:12.5px;line-height:1.4;color:#2A2524}
.pf3-al p{margin:2px 0 0;font-size:11.5px;color:#9E5B53}
@media (max-width:760px){.pf3-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.pf3-alerts{grid-template-columns:1fr}.pf3-row .pf3-k{flex-basis:100%}}

/* ficha da página da queixa (22 out): tudo aberto, visual */
.pf4{gap:22px}
.pf4-k{display:block;font:500 10.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9E5B53;margin-bottom:10px}
.pf4-top{padding-right:48px}
.pf4-faz{margin:0;font:400 clamp(24px,2.6vw,32px)/1.18 var(--font-display);color:#2A2524}
.pf4-det{margin:10px 0 0;font-size:15px;line-height:1.55;color:#5E4F52}
.pf4-bolas{display:flex;gap:14px;flex-wrap:wrap}
.pf4-bola{width:138px;height:138px;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:4px;padding:14px;box-shadow:0 2px 4px rgba(59,47,50,.05),0 14px 26px -16px rgba(59,47,50,.4)}
.pf4-bola svg{width:20px;height:20px;fill:none;stroke:#9E5B53;stroke-width:1.6;stroke-linecap:round;margin-bottom:2px}
.pf4-bola small{font:500 9.5px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#94675F}
.pf4-bola b{font:500 13.5px/1.25 var(--font-body);color:#2A2524}
.pf4-cuids{display:flex;flex-direction:column;gap:8px}
.pf4-cuid{border-radius:16px;padding:12px 14px;background:#fff;box-shadow:0 2px 4px rgba(59,47,50,.04),0 10px 20px -16px rgba(59,47,50,.35);border-left:4px solid #EBCFCA}
.pf4-cuid.c1{border-left-color:#C9867C}.pf4-cuid.c2{border-left-color:#D9A39B}.pf4-cuid.c3{border-left-color:#B9827A}
.pf4-cuid-t{display:flex;align-items:center;gap:7px;font:500 13.5px/1 var(--font-body);color:#2A2524;margin-bottom:6px}
.pf4-cuid-t svg{width:16px;height:16px;fill:none;stroke:#9E5B53;stroke-width:1.7;stroke-linecap:round}
.pf4-cuid ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}
.pf4-cuid li{font-size:13.5px;line-height:1.45;color:#3B2F32}
@media (max-width:520px){.pf4-bola{width:122px;height:122px}}

/* página da queixa: destaques e "Você sabia?" (22 out) */
.pf4-dest{display:flex;flex-wrap:wrap;gap:14px 22px}
.pf4-dest .pf4-k{margin-bottom:6px}
.pf4-chips{display:flex;flex-wrap:wrap;gap:6px}
.pf4-chips > span,.pf4-chips > a{background:#F6E7E3;border-radius:999px;padding:6px 11px;font:500 12.5px/1.2 var(--font-body);color:#2A2524;text-decoration:none}
.pf4-at > a,.pf4-at > span{background:#ECE8E4}
.pf4-fx{display:inline-flex!important;align-items:center;gap:6px;padding:4px 11px 4px 5px!important;background:#fff!important;box-shadow:0 6px 14px -10px rgba(59,47,50,.45)}
.pf4-fx .medalha,.pf4-fx .medalha svg{width:22px;height:22px;flex-basis:22px}
.pf4-sabia{position:relative;display:flex;flex-direction:column;gap:8px;border-radius:18px;padding:16px 18px;background:linear-gradient(135deg,#EBCFCA,#F6E7E3);box-shadow:0 2px 4px rgba(59,47,50,.05),0 14px 26px -18px rgba(59,47,50,.4)}
.pf4-sabia-t{display:flex;align-items:center;gap:8px;font:400 18px/1 var(--font-display);color:#2A2524}
.pf4-sabia-t i{width:24px;height:24px;border-radius:50%;background:#6B5458;color:#F8F3F0;display:grid;place-items:center;font:500 13px/1 var(--font-body);font-style:normal}
.pf4-sabia p{margin:0;font-size:14px;line-height:1.5;color:#2A2524}
.pf4-sabia p + p{padding-top:8px;border-top:1px solid rgba(59,47,50,.12)}
.pf4-voce{margin:0;padding:2px 0 2px 14px;border-left:3px solid #D9A39B;font:italic 400 17px/1.4 var(--font-display);color:#6B5458}
.pf2-id .pf4-voce{margin-top:10px;font-size:15.5px;border-left-color:#C9867C;color:#5E4F52}

/* alertas do resultado explicados (22 out) */
.mipr-alertas{display:flex;flex-direction:column;gap:8px;background:#F6E7E3;border-radius:18px;padding:14px 16px;box-shadow:inset 0 0 0 1px rgba(158,91,83,.25)}
.mipr-alertas-t{display:flex;align-items:center;gap:8px;font:400 17px/1.2 var(--font-display);color:#2A2524}
.mipr-alertas-t i{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#9E5B53;color:#F8F3F0;display:grid;place-items:center;font:600 12px/1 var(--font-body);font-style:normal}
.mipr-alerta-i{display:flex;flex-direction:column;gap:2px;background:#fff;border-radius:12px;padding:9px 12px}
.mipr-alerta-i b{font:500 13.5px/1.25 var(--font-body);color:#2A2524}
.mipr-alerta-i span{font-size:13px;line-height:1.4;color:#5E4F52}
.mipr-alertas-p{font-size:12px;color:#94675F}

/* "O que suas respostas dizem" (22 out): um cartão por resposta */
.mipr2-mapa{display:flex;flex-direction:column;gap:6px}
.mipr2-mapa-p{margin:0 0 6px;font-size:13.5px;color:#5E4F52}
.mipr2-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mipr2-c{position:relative;display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:16px;padding:12px;box-shadow:0 2px 4px rgba(59,47,50,.04),0 10px 20px -14px rgba(59,47,50,.35)}
.mipr2-c b{display:block;font:400 16px/1.2 var(--font-display);color:#2A2524;margin-bottom:3px}
.mipr2-c p{margin:0;font-size:13px;line-height:1.45;color:#4A3F42}
.mipr2-c-ic{flex:0 0 30px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#F8F3F0;font-size:14px}
.c-rosa .mipr2-c-ic{background:#D9A39B}.c-verde .mipr2-c-ic{background:#8DA587}.c-ouro .mipr2-c-ic{background:#C9A15A}.c-terra .mipr2-c-ic{background:#9E5B53}.c-cinza .mipr2-c-ic{background:#94675F}
.mipr2-c.has-face{grid-column:1/-1;background:#F6E7E3;align-items:center}
.mipr2-c.has-face .mipr2-c-ic{display:none}
.mipr-face{flex:0 0 74px;width:74px;height:86px}
.mipr-face .o{fill:#fff;stroke:#94675F;stroke-width:3}
.mipr-face .z{fill:rgba(235,207,202,.25);stroke:#D9A39B;stroke-width:2;stroke-dasharray:5 4}
.mipr-face .on{fill:#D9A39B;stroke:#9E5B53;stroke-width:3}
@media (max-width:520px){.mipr2-cards{grid-template-columns:1fr}}

/* "Entenda sua pele": etiquetas + uma explicação por vez (22 out) */
.mipr2-tags{display:flex;flex-wrap:wrap;gap:6px}
.mipr2-tag{display:inline-flex;align-items:center;gap:7px;border:0;cursor:pointer;background:#fff;border-radius:999px;padding:5px 12px 5px 5px;font:500 13px/1.1 var(--font-body);color:#2A2524;box-shadow:0 2px 4px rgba(59,47,50,.04),0 8px 16px -12px rgba(59,47,50,.4);transition:background .2s var(--ease),transform .2s var(--ease)}
.mipr2-tag .mipr2-c-ic{flex:0 0 24px;width:24px;height:24px;font-size:11px}
.mipr2-tag:hover{transform:translateY(-1px)}
.mipr2-tag[aria-selected="true"]{background:#6B5458;color:#F8F3F0}
.mipr2-tip{margin-top:4px}
.mipr2-tip p{margin:0;background:#F6E7E3;border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.5;color:#2A2524;animation:pf2tg .25s var(--ease)}
.mipr2-tag:focus{outline:none}.mipr2-tag:focus-visible{outline:2px solid #9E5B53;outline-offset:2px}

/* tela de escolha: atalho para o último resultado (22 out) */
.mq3-salvo{display:flex;align-items:center;gap:12px;width:100%;border:0;cursor:pointer;text-align:left;background:#F6E7E3;border-radius:18px;padding:12px 14px;box-shadow:0 2px 4px rgba(59,47,50,.05),0 12px 22px -16px rgba(59,47,50,.4);transition:transform .25s var(--ease)}
.mq3-salvo:hover{transform:translateY(-2px)}
.mq3-salvo > span:first-child{flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#6B5458;color:#F8F3F0;display:grid;place-items:center;font-size:14px}
.mq3-salvo > span:nth-child(2){flex:1;display:flex;flex-direction:column;gap:2px}
.mq3-salvo b{font:500 15px/1.2 var(--font-body);color:#2A2524}
.mq3-salvo small{font-size:12.5px;color:#5E4F52}
.mq3-salvo i{font-style:normal;color:#9E5B53;font-size:18px}

/* "Entenda sua pele": por que sua pele está assim (22 out) */
.mipr2-pq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:6px}
.mipr2-pq-c{display:flex;flex-direction:column;gap:8px;background:#fff;border-radius:18px;padding:16px;box-shadow:0 2px 4px rgba(59,47,50,.04),0 12px 22px -16px rgba(59,47,50,.38)}
.mipr2-pq-c h4{margin:0;font:400 19px/1.2 var(--font-display);color:#2A2524}
.mipr2-pq-k{font:500 10px/1 var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:#9E5B53}
.mipr2-pq-c ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:5px}
.mipr2-pq-c li{position:relative;padding-left:14px;font-size:13.5px;line-height:1.4;color:#3B2F32}
.mipr2-pq-c li::before{content:"";position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%;background:#D9A39B}
.mipr2-pq-a{margin:auto 0 0;padding:10px 12px;border-radius:12px;background:#F6E7E3;font-size:13.5px;line-height:1.45;color:#2A2524}
.mipr2-pq-a b{font-weight:500;color:#6B5458}
@media (max-width:620px){.mipr2-pq{grid-template-columns:1fr}}

/* objetivo dentro do produto da rotina (22 out) */
.mipr-pc-obj{display:flex;flex-wrap:wrap;gap:4px}
.mipr-pc-obj span{display:inline-flex;align-items:center;gap:4px;background:#F6E7E3;border-radius:999px;padding:3px 8px 3px 5px;font:500 11px/1.1 var(--font-body);color:#6B5458}
.mipr-pc-obj svg{width:13px;height:13px;fill:none;stroke:#9E5B53;stroke-width:1.8}

.mipr-ajuda{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:14px;padding:14px 16px}
.mipr-ajuda b{display:block;font:500 13.5px/1.3 var(--font-body);color:#2A2524;margin-bottom:5px}
.mipr-ajuda ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:3px}
.mipr-ajuda li,.mipr-ajuda p{margin:0;font-size:13.5px;line-height:1.45;color:#3B2F32}
.mipr-ajuda > div + div{padding-top:10px;border-top:1px solid #EDE5E1}

/* "Quando procurar ajuda" mais bonito (22 out) */
.mipr-ajuda2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.aj-c{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:16px;padding:14px;box-shadow:0 2px 4px rgba(59,47,50,.04),0 10px 20px -14px rgba(59,47,50,.35)}
.aj-t{display:flex;align-items:center;gap:9px;font:400 16px/1.2 var(--font-display);color:#2A2524}
.aj-t i{flex:0 0 32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center}
.aj-t svg{width:17px;height:17px;fill:none;stroke:#F8F3F0;stroke-width:1.8;stroke-linecap:round}
.aj-derm .aj-t i{background:#94675F}.aj-pare .aj-t i{background:#C9867C}
.aj-chips{display:flex;flex-wrap:wrap;gap:6px}
.aj-chips span{background:#F6E7E3;border-radius:999px;padding:6px 11px;font:500 12.5px/1.25 var(--font-body);color:#2A2524}
.aj-pare .aj-chips span{background:#F3EDE6;box-shadow:inset 0 0 0 1px #EBCFCA}
.aj-c p{margin:0;font-size:12.5px;line-height:1.4;color:#94675F}
@media (max-width:620px){.mipr-ajuda2{grid-template-columns:1fr}}

/* janela do MIP: "Não use se" e "Pare de usar" simétricos (22 out) */
.pf3-alerts{align-items:stretch}
.pf3-al{justify-content:center;align-items:flex-start;gap:10px;padding:16px;min-height:150px}
.pf3-al-t{font-size:11.5px}
.pf3-al-chips{display:flex;flex-wrap:wrap;gap:6px}
.pf3-al-chips span{background:#fff;border-radius:999px;padding:6px 11px;font:500 12.5px/1.3 var(--font-body);color:#2A2524;box-shadow:0 4px 10px -8px rgba(59,47,50,.4)}
.pf3-al p{margin:0;font-size:12px;line-height:1.4;color:#9E5B53}
/* simetria (22 out): altura mínima só lado a lado; quadros de uso em 3 colunas, sem sobra */
@media (max-width:760px){.pf3-al{min-height:0}.pf3-tiles{grid-template-columns:1fr 1fr}.pf3-tiles > .pf3-tile:last-child:nth-child(odd){grid-column:1/-1}}
@media (min-width:761px){.pf3-tiles{grid-template-columns:repeat(auto-fit,minmax(0,1fr))}}
.pf3-al{justify-content:flex-start}
.pf3-al.no,.pf3-al.stop{box-shadow:0 2px 4px rgba(59,47,50,.05),0 12px 22px -14px rgba(59,47,50,.38)}
.mipq-aviso-fim{text-align:center;max-width:520px;margin:4px auto 0!important;font-size:11.5px!important;color:#94675F!important}
/* cartões do "Entenda sua pele" do tamanho do conteúdo, centralizados na linha (22 out) */
.mipr2-pq{align-items:center}
.mipr2-pq-a{margin-top:4px}
.mipr2-pq > .mipr2-pq-c:last-child:nth-child(odd){grid-column:1/-1}
.aj-chips span{border-radius:12px;padding:7px 12px;line-height:1.3}

/* "Dicas para todo mundo" (22 out): quadradinhos curtos */
.mipr-dicas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mipr-dica{display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:11px 12px;box-shadow:0 2px 4px rgba(59,47,50,.04),0 8px 16px -12px rgba(59,47,50,.35)}
.mipr-dica > span{flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:#F6E7E3;color:#9E5B53;display:grid;place-items:center;font-size:14px}
.mipr-dica b{display:block;font:500 13.5px/1.25 var(--font-body);color:#2A2524}
.mipr-dica p{margin:2px 0 0;font-size:12.5px;line-height:1.35;color:#5E4F52}
.mipr-dicas > .mipr-dica:last-child:nth-child(odd){grid-column:1/-1}
@media (max-width:520px){.mipr-dicas{grid-template-columns:1fr}}
.mipr-id{display:none!important}   /* códigos da planilha fora do design (22 out) */

/* "Dicas para todo mundo" (22 out): faixa de cartões coloridos que desliza */
.mipr-dicas{display:flex!important;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 12px;margin:0 -2px;scrollbar-width:none}
.mipr-dicas::-webkit-scrollbar{display:none}
.mipr-dica{flex:0 0 168px;min-height:168px;flex-direction:column;align-items:flex-start!important;justify-content:flex-end;gap:6px!important;padding:16px!important;border-radius:20px!important;scroll-snap-align:start;box-shadow:0 2px 4px rgba(59,47,50,.05),0 14px 24px -16px rgba(59,47,50,.4)!important;grid-column:auto!important}
.mipr-dica-n{font:300 44px/1 var(--font-display);margin-bottom:auto;opacity:.85}
.mipr-dica b{font:400 18px/1.15 var(--font-display)!important}
.mipr-dica p{margin:0!important;font-size:12.5px!important;line-height:1.4!important}
.mipr-dica.d1{background:#EBCFCA}.mipr-dica.d2{background:#6B5458}.mipr-dica.d3{background:#DDE6D8}.mipr-dica.d4{background:#F3E3C3}.mipr-dica.d5{background:#E2B9AF}
.mipr-dica.d1 *,.mipr-dica.d3 *,.mipr-dica.d4 *,.mipr-dica.d5 *{color:#2A2524!important}
.mipr-dica.d2 *{color:#F8F3F0!important}
.mipr-dicas-hint{margin:0;font-size:11.5px;color:#94675F;text-align:right}
@media (min-width:900px){.mipr-dicas-hint{display:none}}
.mipr-dica > .mipr-dica-n{flex:none;width:auto;height:auto;border-radius:0;background:none;display:block;font:300 46px/1 var(--font-display)}

/* dicas: ícone ao lado do nome, título na fonte do texto (22 out) */
.mipr-dica-t{display:flex;align-items:center;gap:8px}
.mipr-dica-t i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;background:rgba(255,255,255,.6)}
.mipr-dica.d2 .mipr-dica-t i{background:rgba(248,243,240,.18)}
.mipr-dica .mipr-dica-t b{font:500 14.5px/1.2 var(--font-body)!important}
.mipr-dica > .mipr-dica-t{flex:none;width:auto;height:auto;border-radius:0;background:none;display:flex;place-items:initial;font-size:inherit}
.mipr-dica{justify-content:flex-start!important;flex-basis:184px!important}.mipr-dica > .mipr-dica-n{margin-bottom:14px}

/* "Dicas para todo mundo" simples (22 out): lista numerada em texto */
.mipr-dicas-lista{margin:0;padding:14px 18px 14px 38px;background:#fff;border-radius:16px;display:flex;flex-direction:column;gap:8px}
.mipr-dicas-lista li{font-size:14px;line-height:1.5;color:#3B2F32;padding-left:4px}
.mipr-dicas-lista li::marker{font:500 14px var(--font-body);color:#9E5B53}
.mipr-dicas-lista b{font-weight:500;color:#2A2524}

/* rotina: 2 opções por passo (22 out) */
.mipr-pc-op{display:flex;flex-direction:column;gap:6px;flex:1}
.mipr-pc-op[hidden]{display:none}
.mipr-pc-meta{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap;margin-top:2px}
.mipr-pc-meta .mipr-pc-turno{margin-left:0;width:auto}
.mipr-pc-sw{margin-left:auto;display:flex;gap:2px;background:#ECE8E4;border-radius:999px;padding:3px}
.mipr-pc-sw button{border:0;background:transparent;border-radius:999px;padding:4px 9px;font:500 11px/1 var(--font-body);color:#5E4F52;cursor:pointer}
.mipr-pc-sw button[aria-pressed="true"]{background:#fff;color:#2A2524;box-shadow:0 4px 10px -6px rgba(59,47,50,.45)}
.mipr-pc-btns{margin-top:auto}
@media (max-width:520px){.mipr-pc-sw{margin-left:0;width:100%;justify-content:center}.mipr-pc-sw button{flex:1}}

/* causas que abrem uma explicação curta (23 out) */
.mipr2-pq-l details > summary{list-style:none;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;cursor:pointer}
.mipr2-pq-l details > summary::-webkit-details-marker{display:none}
.mipr2-pq-l summary i{flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#F6E7E3;color:#9E5B53;display:grid;place-items:center;font:500 13px/1 var(--font-body);font-style:normal;transition:transform .2s var(--ease),background .2s var(--ease)}
.mipr2-pq-l details[open] summary i{transform:rotate(45deg);background:#EBCFCA}
.mipr2-pq-l summary:hover span{color:#9E5B53}
.mipr2-pq-l details p{margin:4px 0 2px;font-size:12.5px;line-height:1.45;color:#5E4F52;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;animation:pf2tg .2s var(--ease)}
.hcv{box-shadow:0 2px 6px rgba(59,47,50,.08),0 28px 50px -26px rgba(59,47,50,.5)}   /* sombra leve no topo da Home (23 out) */

/* "Por que a Emulsa" sem botão de mapear (23 out) */
.filo-link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;font:500 15px/1 var(--font-body);color:#3B2F32;text-decoration:none;padding-bottom:4px;border-bottom:1px solid rgba(59,47,50,.35);transition:color .2s var(--ease),border-color .2s var(--ease)}
.filo-link:hover{color:#9E5B53;border-color:#9E5B53}
.filo-list i{background:#6B5458}   /* um tom mais claro que o ameixa (23 out) */

/* ===== Dupes (23 out): cartão de comparação visual ===== */
.dp-lead{margin:-8px 0 20px;font-size:15px;color:#5E4F52;max-width:620px}
.dp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.dp-card{display:flex;flex-direction:column;gap:12px;background:#fff;border-radius:24px;padding:14px;text-decoration:none;color:#2A2524;box-shadow:0 2px 4px rgba(59,47,50,.05),0 18px 34px -22px rgba(59,47,50,.45);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.dp-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(59,47,50,.06),0 26px 44px -24px rgba(59,47,50,.5)}
.dp-funcao{align-self:flex-start;font:500 10.5px/1 var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:#9E5B53}
.dp-par{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px}
.dp-lado{display:flex;flex-direction:column;gap:6px;min-width:0}
.dp-fx{align-self:flex-start;display:inline-flex;align-items:center;gap:5px;font:500 11px/1 var(--font-body);color:#2A2524}
.dp-fx .medalha,.dp-fx .medalha svg{width:20px;height:20px;flex-basis:20px}
.dp-foto{position:relative;aspect-ratio:3/4;border-radius:16px;overflow:hidden;display:grid;place-items:center}
.dp-a .dp-foto{background:linear-gradient(160deg,#F3E3C3,#EBCFCA)}
.dp-b .dp-foto{background:linear-gradient(160deg,#F8F3F0,#E6DED8)}
.dp-foto img{position:absolute;inset:10%;width:80%;height:80%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.dp-card:hover .dp-foto img{transform:scale(1.05)}
.dp-marca{font:500 9.5px/1.2 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#A8584E}
.dp-nome{font:400 14.5px/1.25 var(--font-display);color:#2A2524}
.dp-vs{position:absolute;left:50%;top:calc(50% - 22px);transform:translate(-50%,-50%);width:38px;height:38px;border-radius:50%;background:#6B5458;color:#F8F3F0;display:grid;place-items:center;font-size:17px;box-shadow:0 0 0 5px #fff,0 8px 18px -8px rgba(59,47,50,.6);z-index:2}
.dp-rodape{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #EFE7E3}
.dp-comum{display:flex;flex-direction:column;gap:3px;font:500 13.5px/1.2 var(--font-body)}
.dp-comum small{font:500 9.5px/1 var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:#94675F}
.dp-ver{display:inline-flex;align-items:center;gap:6px;font:500 12.5px/1 var(--font-body);color:#6B5458}
.dp-ver i{font-style:normal;transition:transform .3s var(--ease)}
.dp-card:hover .dp-ver i{transform:translateX(3px)}
.dp-aviso{margin:18px 0 0;font-size:12.5px;line-height:1.5;color:#94675F;max-width:680px}
@media (max-width:900px){.dp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){
  .home-dupes .dp-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 18px;scrollbar-width:none}
  .home-dupes .dp-grid::-webkit-scrollbar{display:none}
  .home-dupes .dp-card{flex:0 0 82%;scroll-snap-align:start}
  .dp-page .dp-grid{grid-template-columns:1fr}
}
/* página do par */
.dpp{display:flex;flex-direction:column;gap:18px;padding-bottom:var(--section)}
.dpp-x{color:#9E5B53}
.dpp-par{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px;background:#fff;border-radius:26px;padding:18px;box-shadow:0 2px 4px rgba(59,47,50,.05),0 18px 34px -22px rgba(59,47,50,.45)}
.dpp-par .dp-vs{top:calc(50% - 30px);width:48px;height:48px;font-size:21px}
.dpp-lado{display:flex;flex-direction:column;gap:10px}
.dpp-par .dp-nome{font-size:19px}
.dpp-loja{align-self:flex-start;border-radius:999px;padding:9px 14px;background:#F3EDE6;color:#2A2524;font:500 12.5px/1 var(--font-body);text-decoration:none}
.dpp-loja:hover{background:#EBCFCA}
.dpp-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.dpp-box{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:18px;padding:16px;box-shadow:0 2px 4px rgba(59,47,50,.04),0 12px 22px -16px rgba(59,47,50,.38)}
.dpp-k{font:500 10.5px/1 var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:#9E5B53}
.dpp-escala{display:flex;flex-direction:column;gap:6px}
.dpp-escala span{border-radius:10px;padding:7px 10px;font-size:13px;color:#94675F;background:#F8F3F0}
.dpp-escala span.on{background:#6B5458;color:#F8F3F0;font-weight:500}
.dpp-chips{display:flex;flex-wrap:wrap;gap:6px}
.dpp-chips span{background:#F6E7E3;border-radius:999px;padding:7px 12px;font:500 13px/1 var(--font-body)}
.dpp-dif b{display:block;font:500 13px/1.2 var(--font-body)}
.dpp-dif p{margin:2px 0 0;font-size:13px;line-height:1.45;color:#5E4F52}
@media (max-width:760px){.dpp-info{grid-template-columns:1fr}.dpp-par{gap:10px;padding:12px}.dpp-par .dp-nome{font-size:15px}}
/* página do par: fotos com altura limitada */
.dpp-par .dp-foto{aspect-ratio:auto;height:clamp(220px,32vw,340px)}
.dpp-par{max-width:860px;margin:0 auto;width:100%}
/* fundo do site um tom mais claro e suave (23 out) */
:root{--surface-100:#F8F3EF;--surface-300:#F8F2EE}
body{background:#F8F3EF}
.dp-page .chip{border:0;border-radius:999px;background:#fff;padding:9px 16px;letter-spacing:.04em;text-transform:none;font:500 13.5px/1 var(--font-body);box-shadow:0 6px 14px -10px rgba(59,47,50,.4)}.dp-page .chip[aria-pressed="true"]{background:#6B5458;color:#F8F3F0}

/* "Deslizar" em formato de estrela (23 out) */
.drag-cursor{width:108px;height:108px;margin:-54px 0 0 -54px;border:0;border-radius:0;background:#EBCFCA;color:#2A2524;clip-path:polygon(50.0% 0.0%,60.6% 10.4%,75.0% 6.7%,79.0% 21.0%,93.3% 25.0%,89.6% 39.4%,100.0% 50.0%,89.6% 60.6%,93.3% 75.0%,79.0% 79.0%,75.0% 93.3%,60.6% 89.6%,50.0% 100.0%,39.4% 89.6%,25.0% 93.3%,21.0% 79.0%,6.7% 75.0%,10.4% 60.6%,0.0% 50.0%,10.4% 39.4%,6.7% 25.0%,21.0% 21.0%,25.0% 6.7%,39.4% 10.4%);font-size:10.5px;letter-spacing:.14em}
.dpp-sem,.dpp-sem:hover{background:transparent;color:#8A7B78;padding-left:0;cursor:default}

/* ---------- Página do par de dupes (23 out): coluna central, ficha em linhas ---------- */
.dpp-pg{max-width:940px}
.dpp-topo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:clamp(28px,5vw,56px) 0 clamp(22px,3vw,32px)}
.dpp-crumb{display:flex;gap:8px;font-size:13px;color:#94675F}
.dpp-crumb a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.dpp-eyebrow{font:500 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#9E5B53}
.dpp-h1{margin:0;font:400 clamp(30px,4.4vw,46px)/1.1 var(--font-display);color:#2A2524;text-wrap:balance}
.dpp-h1 .dpp-x{font-size:.8em;margin:0 .15em}
.dpp-pg .dpp{gap:16px}
.dpp-pg .dpp-par{max-width:none}
.dpp-pg .dpp-par .dp-foto{height:clamp(200px,28vw,300px)}
.dpp-pg .dpp-lado{gap:8px}
.dpp-ficha{background:#fff;border-radius:22px;padding:6px 24px;box-shadow:0 2px 4px rgba(59,47,50,.05),0 18px 34px -24px rgba(59,47,50,.45)}
.dpp-linha{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:18px 0}
.dpp-linha + .dpp-linha{border-top:1px solid #F0E6E1}
.dpp-linha .dpp-k{align-self:center}
.dpp-medidor{display:flex;align-items:center;gap:14px}
.dpp-barra{display:flex;gap:5px}
.dpp-barra i{width:42px;height:8px;border-radius:99px;background:#F0E6E1}
.dpp-barra i.on{background:#6B5458}
.dpp-medidor b{font:500 14px/1.2 var(--font-body);color:#2A2524}
.dpp-difs{display:flex;flex-direction:column;gap:10px}
.dpp-dif b{font-size:13.5px}
.dpp-dif p{font-size:13.5px}
.dpp-premium{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 20px;border-radius:22px;background:#F6E7E3;color:#2A2524;text-decoration:none;transition:background .25s}
.dpp-premium:hover{background:#F1DCD6}
.dpp-cad{width:42px;height:42px;border-radius:50%;background:#fff;display:grid;place-items:center}
.dpp-cad svg{width:20px;height:20px;fill:none;stroke:#9E5B53;stroke-width:1.6;stroke-linecap:round}
.dpp-pt{display:flex;flex-direction:column;gap:3px}
.dpp-pt small{font:500 10.5px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:#9E5B53}
.dpp-pt b{font:400 18px/1.2 var(--font-display)}
.dpp-pt span{font-size:13px;color:#5E4F52}
.dpp-pbtn{border-radius:999px;padding:10px 16px;background:#6B5458;color:#F8F3F0;font:500 13px/1 var(--font-body);white-space:nowrap}
.dpp-aviso{text-align:center;margin:6px auto var(--section)}
@media (max-width:640px){
  .dpp-linha{grid-template-columns:1fr;gap:10px;padding:16px 0}
  .dpp-ficha{padding:4px 18px}
  .dpp-premium{grid-template-columns:auto 1fr;padding:14px 16px}
  .dpp-pbtn{grid-column:1/-1;text-align:center}
  .dpp-barra i{width:34px}
}
/* Cartões de dupe alinhados (23 out): nome sempre com espaço de 2 linhas e rodapé no pé do cartão */
.dp-nome{min-height:2.5em}
.dp-rodape{margin-top:auto;flex-wrap:nowrap;align-items:flex-end}
.dp-comum{flex:1;min-width:0}
.dp-ver{flex:none;white-space:nowrap}

/* ---------- Dupes: escolha do par de faixas (23 out) ---------- */
.dpf{display:grid;grid-template-columns:auto repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}
.dpf-btn{display:flex;align-items:center;gap:12px;border:0;border-radius:18px;background:#fff;padding:12px 16px;text-align:left;cursor:pointer;color:#2A2524;box-shadow:0 2px 4px rgba(59,47,50,.04),0 12px 22px -16px rgba(59,47,50,.38);transition:background .25s,transform .25s var(--ease)}
.dpf-btn:hover:not(:disabled){transform:translateY(-2px)}
.dpf-btn[aria-pressed="true"]{background:#6B5458;color:#F8F3F0}
.dpf-btn:disabled{opacity:.5;cursor:default}
.dpf-med{display:inline-flex;align-items:center;gap:2px;flex:none}
.dpf-med .medalha,.dpf-med .medalha svg{width:24px;height:24px;flex-basis:24px}
.dpf-x{font-style:normal;font-size:12px;opacity:.6;margin:0 1px}
.dpf-txt{display:flex;flex-direction:column;gap:3px;min-width:0}
.dpf-txt b{font:500 14px/1.2 var(--font-body)}
.dpf-txt small{font:400 12px/1 var(--font-body);opacity:.7}
.dpf-todas{justify-content:center;padding:12px 22px}
.dpf-cat{margin-bottom:24px;gap:8px}
.dpf-cat .chip{padding:7px 13px;font-size:12.5px;box-shadow:none;background:transparent;border:1px solid #E6DAD5}
.dp-page .dpf-cat .chip[aria-pressed="true"]{background:#F6E7E3;color:#2A2524;border-color:#F6E7E3}
@media (max-width:760px){
  .dpf{grid-template-columns:1fr 1fr}
  .dpf-todas{justify-content:flex-start;padding:10px 14px}
  .dpf-btn{padding:10px 12px;gap:8px}
  .dpf-med .medalha,.dpf-med .medalha svg{width:20px;height:20px;flex-basis:20px}
  .dpf-txt b{font-size:12.5px}
}
@media (max-width:760px){
  .dpf-btn{flex-direction:column;align-items:flex-start;gap:6px}
  .dpf-todas{justify-content:center}
}

/* Dupes (23 out): barra de filtros igual à das queixas */
.dp-bar{margin-bottom:24px}
.dp-dd-faixa{width:280px}
.dp-dd-med{display:inline-flex;flex:none}
.dp-dd-med .medalha,.dp-dd-med .medalha svg{width:22px;height:22px;flex-basis:22px}
.dp-dd-med .medalha + .medalha{margin-left:-6px}
.dd-preco input:disabled{opacity:.35}
.dd-preco:has(input:disabled){opacity:.5;cursor:default}
.dd-sort .dp-dd-faixa{width:300px}
.dd-preco > .dp-dd-med{flex:none;flex-direction:row;align-items:center;justify-content:flex-start;gap:0}
.dd-preco > .dp-dd-med .medalha{flex:none}
.dp-dd-faixa .dd-preco b{white-space:nowrap}

/* 23 out: nas fotos que deslizam, a estrela "Deslizar" substitui a seta do mouse */
@media (hover:hover) and (pointer:fine){.qrow,.qrow *{cursor:none!important}}
.drag-cursor{transition:opacity 200ms,transform 160ms var(--ease)}
.drag-cursor.segurando{transform:scale(.88)}
/* 23 out: bloco "Conheça sua pele" no marrom mais claro dos botões, com sombra, e mais perto dos dupes */
.mipc{background:#6B5458;box-shadow:0 2px 6px rgba(59,47,50,.08),0 28px 54px -26px rgba(59,47,50,.6)}
.mipc-tag{background:rgba(255,255,255,.14);color:#F6E7E3}
.mipc-steps span{color:#6B5458}
.mipc-cta .small{color:rgba(248,243,240,.75)}
.mipc-btn,.mipc-btn:hover{color:#4A3B3E}
.home-dupes{padding-bottom:clamp(20px,3vw,36px)}
.home-dupes + .mipc-wrap{padding-top:clamp(20px,3vw,36px)}
/* 23 out: "Conheça sua pele" flutuando. A foto fica dentro do cartão (moldura marrom) para o contorno
   aparecer inteiro, e a sombra em camadas descola o cartão do fundo. */
.mipc{padding:14px;gap:0;border-radius:28px;
  box-shadow:0 1px 2px rgba(59,47,50,.10),0 8px 16px -6px rgba(59,47,50,.18),0 30px 60px -22px rgba(59,47,50,.45),0 60px 90px -50px rgba(107,84,88,.55);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.mipc:hover{transform:translateY(-4px);box-shadow:0 1px 2px rgba(59,47,50,.10),0 12px 22px -8px rgba(59,47,50,.2),0 40px 70px -24px rgba(59,47,50,.5),0 70px 100px -50px rgba(107,84,88,.6)}
.mipc-photo{border-radius:18px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.mipc-text{padding:clamp(22px,3.6vw,46px)}
@media (max-width:760px){.mipc{padding:10px;border-radius:24px}.mipc-photo{border-radius:16px}}
@media (prefers-reduced-motion:reduce){.mipc,.mipc:hover{transition:none;transform:none}}
.mipc-tag{line-height:1.35;border-radius:14px;padding:6px 14px}

/* 23 out: "Guarde o seu resultado" diferente das linhas de cima: cartão marrom com uma folha (o PDF) inclinada */
.mipq-save.mipq-save2{display:flex;align-items:center;flex-wrap:nowrap;gap:clamp(18px,3vw,30px);background:#6B5458;color:#F8F3F0;border-radius:24px;padding:22px clamp(20px,3vw,30px) 22px clamp(22px,3.4vw,36px);overflow:hidden;position:relative;
  box-shadow:0 2px 4px rgba(59,47,50,.08),0 22px 40px -22px rgba(59,47,50,.6)}
.mipq-save2::before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;left:-60px;top:-70px;background:radial-gradient(circle,rgba(235,207,202,.28),transparent 70%)}
.mipq-doc{position:relative;flex:0 0 78px;height:100px;background:#fff;border-radius:8px;padding:0 10px 10px;display:flex;flex-direction:column;gap:7px;transform:rotate(-7deg);
  box-shadow:0 10px 22px -8px rgba(30,20,22,.55);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%)}
.mipq-doc-top{margin:0 -10px 4px;padding:7px 10px 5px;background:#EBCFCA;color:#6B5458!important;font:600 9px/1 var(--font-body)!important;letter-spacing:.18em}
.mipq-doc i{display:block;height:5px;border-radius:3px;background:#EDE4E0;width:100%}
.mipq-doc i.c{width:62%}
.mipq-doc-dobra{position:absolute;right:0;top:0;width:16px;height:16px;background:linear-gradient(225deg,transparent 50%,#D9B9B3 50%)}
.mipq-save-txt{display:flex;flex-direction:column;align-items:flex-start;gap:6px;flex:1;min-width:0;position:relative}
.mipq-save2 .mipq-save-txt b{font:400 22px/1.15 var(--font-display);color:#F8F3F0}
.mipq-save2 .mipq-save-txt > span{font-size:13.5px;line-height:1.45;color:rgba(248,243,240,.82)}
.mipq-save2 .mipq-save-btn{margin-top:8px;background:#EBCFCA;color:#3B2F32;padding:12px 20px;font-size:14px;box-shadow:0 10px 18px -12px rgba(20,12,14,.7)}
.mipq-save2 .mipq-save-btn span{color:#3B2F32;font-size:14px}
.mipq-save2 .mipq-save-btn:hover{background:#fff}
@media (max-width:520px){
  .mipq-save.mipq-save2{flex-direction:column;text-align:center;padding:24px 20px}
  .mipq-save2 .mipq-save-txt{align-items:center}
  .mipq-save2 .mipq-save-btn{width:100%;justify-content:center}
}
.mipq-save2 > .mipq-doc{flex:none;width:80px;height:102px}

/* ---------- PDF do MIP (23 out): só #mip-print é impresso ---------- */
#mip-print{display:none}
@media print{
  @page{size:A4;margin:14mm 14mm 16mm}
  body.print-mip{background:#fff!important}
  body.print-mip > *:not(#mip-print){display:none!important}
  body.print-mip #mip-print{display:block!important}
  body.print-mip *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
.pdf{font:400 11pt/1.45 var(--font-body);color:#2A2524}
.pdf h2{font:400 18pt/1.2 var(--font-display);margin:18pt 0 8pt;display:flex;align-items:center;gap:10pt;break-after:avoid}
.pdf h3{font:500 11.5pt/1.3 var(--font-body);margin:0 0 4pt}
.pdf-topo{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid #E6DAD5;padding-bottom:8pt;margin-bottom:12pt}
.pdf-logo{font:400 20pt/1 var(--font-display)}
.pdf-data{font-size:9pt;color:#8A7B78;letter-spacing:.04em}
.pdf-alerta{background:#F6E7E3;border-left:3pt solid #9E5B53;padding:8pt 10pt;margin-bottom:10pt;border-radius:4pt}
.pdf-hero{background:#F6E7E3;border-radius:10pt;padding:12pt 14pt}
.pdf-hero small{font:500 8pt/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#9E5B53}
.pdf-hero p{font:400 14pt/1.35 var(--font-display);margin:5pt 0 0}
.pdf-chips{display:flex;flex-wrap:wrap;gap:5pt;margin-top:8pt}
.pdf-chips span{background:#fff;border-radius:99pt;padding:3pt 9pt;font-size:9pt}
.pdf-fx{display:inline-flex;align-items:center;gap:4pt;font:500 10pt/1 var(--font-body);background:#F6E7E3;border-radius:99pt;padding:3pt 10pt 3pt 6pt}
.pdf-fx .medalha,.pdf-fx .medalha svg{width:16pt;height:16pt;flex-basis:16pt;filter:none}
.pdf-ordem{margin:-4pt 0 8pt;font-size:9.5pt;color:#5E4F52}
.pdf-passo{border:1px solid #EDE3DF;border-radius:10pt;padding:9pt 11pt;margin-bottom:7pt;break-inside:avoid}
.pdf-passo-h{display:flex;align-items:center;gap:8pt;margin-bottom:6pt}
.pdf-passo-h i{font-style:normal;width:16pt;height:16pt;border-radius:50%;background:#6B5458;color:#fff;display:grid;place-items:center;font-size:8.5pt;font-weight:500}
.pdf-passo-h b{font:500 11.5pt/1 var(--font-body)}
.pdf-passo-h span{margin-left:auto;font-size:8.5pt;color:#8A7B78}
.pdf-ops{display:grid;grid-template-columns:1fr 1fr;gap:10pt}
.pdf-op{display:flex;gap:8pt;align-items:flex-start}
.pdf-op-foto{flex:0 0 38pt;height:46pt;display:grid;place-items:center}
.pdf-op-foto img{max-width:100%;max-height:100%;object-fit:contain}
.pdf-op-txt{display:flex;flex-direction:column;gap:1pt;min-width:0}
.pdf-op-txt small{font-size:7.5pt;letter-spacing:.08em;text-transform:uppercase;color:#9E5B53}
.pdf-op-txt b{font:400 10.5pt/1.25 var(--font-display)}
.pdf-op-txt span{font-size:8.5pt;color:#5E4F52}
.pdf-op-txt p{margin:2pt 0 0;font-size:8.5pt;line-height:1.35;color:#2A2524}
.pdf-lista{margin:0;padding-left:14pt;display:flex;flex-direction:column;gap:3pt}
.pdf-lista li{font-size:10pt;line-height:1.4}
.pdf-pq{margin-bottom:9pt;break-inside:avoid}
.pdf-ajuda{margin:4pt 0 0;font-size:10pt;background:#F8F3F0;border-radius:6pt;padding:5pt 8pt}
.pdf-aviso{margin-top:16pt;padding-top:8pt;border-top:1px solid #E6DAD5;font-size:8.5pt;color:#8A7B78}
.pdf-op-foto{overflow:hidden}.pdf-op-foto img{width:auto;height:auto;max-width:38pt;max-height:46pt}

/* ---------- Menu lateral (23 out): painel arredondado, itens em cartões com ícone ---------- */
.drawer-overlay{background:rgba(42,37,36,.38);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.drawer{width:min(460px,calc(100% - 24px));height:calc(100% - 24px);margin:12px;border:0;border-radius:30px;background:#F8F3EF;padding:18px 18px 18px;
  box-shadow:0 2px 6px rgba(59,47,50,.08),0 30px 70px -28px rgba(42,37,36,.55)}
.drawer-top{height:auto;margin:4px 4px 22px 8px}
.drawer-close{width:42px;height:42px;padding:0;border-radius:50%;background:#fff;justify-content:center;box-shadow:0 6px 14px -8px rgba(59,47,50,.45)}
.drawer-close span{font:300 24px/1 var(--font-display)}
.drawer-close:hover{background:#F6E7E3}
.drawer-list{border-top:0;display:flex;flex-direction:column;gap:8px}
.drawer-list li{border-bottom:0}
.drawer-link{padding:12px 14px;border-radius:20px;background:#fff;box-shadow:0 2px 4px rgba(59,47,50,.04),0 12px 22px -16px rgba(59,47,50,.38);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s}
.drawer-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;column-gap:14px;align-items:center}
.drawer-ic{grid-row:1/3;width:44px;height:44px;border-radius:50%;background:#F6E7E3;display:grid;place-items:center}
.drawer-ic svg{width:21px;height:21px;fill:none;stroke:#6B5458;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.drawer-label{font:400 21px/1.15 var(--font-display);transform:none!important}
.drawer-tag{grid-column:2;justify-self:start;border:0;border-radius:99px;background:#F6E7E3;padding:4px 9px;margin-top:4px;transform:none!important}
.drawer-arrow{grid-column:3;grid-row:1/3;width:34px;height:34px;border-radius:50%;background:#F8F3EF;display:grid;place-items:center;font:400 16px/1 var(--font-body);opacity:1;transform:none;transition:background .3s,color .3s,transform .3s var(--ease)}
.drawer-desc{display:block;grid-template-rows:none;margin-left:58px;margin-top:-2px}
.drawer-link .drawer-desc>span,.drawer-link:hover .drawer-desc>span,.drawer-link:focus-visible .drawer-desc>span{display:block;opacity:1;padding:2px 0 0;font-size:13px;line-height:1.4;max-width:none}
.drawer-list:hover .drawer-link:not(:hover){opacity:1}
.drawer-link:hover,.drawer-link:focus-visible{transform:translateY(-2px);box-shadow:0 4px 8px rgba(59,47,50,.06),0 18px 30px -18px rgba(59,47,50,.45)}
.drawer-link:hover .drawer-arrow,.drawer-link:focus-visible .drawer-arrow{background:#6B5458;color:#F8F3F0;transform:translateX(2px)}
.drawer-link:focus-visible{outline:2px solid #D9ABA3;outline-offset:2px}
.drawer-link[aria-current="page"]{background:#F6E7E3}
.drawer-link[aria-current="page"] .drawer-ic{background:#fff}
.drawer-link[aria-current="page"] .drawer-label{text-decoration:none}
.drawer-foot{padding-top:24px;gap:14px}
.drawer-cta{background:#6B5458;color:#F8F3F0;border-radius:24px;padding:20px 22px;flex-direction:column;align-items:flex-start;gap:14px;
  box-shadow:0 2px 4px rgba(59,47,50,.08),0 20px 36px -20px rgba(59,47,50,.6)}
.drawer-cta .eyebrow{color:#EBCFCA!important}
.drawer-cta-title{font:400 23px/1.2 var(--font-display);color:#F8F3F0}
.drawer-cta .btn{border:0;border-radius:999px;background:#EBCFCA;color:#3B2F32;text-transform:none;letter-spacing:.01em;font:500 14px/1 var(--font-body);padding:13px 20px}
.drawer-cta .btn:hover{background:#fff;color:#3B2F32}
.drawer-sec{gap:8px}
.drawer-sec a,.drawer-sec .theme-btn{border-radius:999px;background:#fff;padding:9px 15px;letter-spacing:.06em;text-transform:none;font:500 13px/1 var(--font-body);color:#2A2524;border:0;box-shadow:0 6px 14px -10px rgba(59,47,50,.4);cursor:pointer}
.drawer-sec a:hover,.drawer-sec .theme-btn:hover{background:#F6E7E3}
@media (max-width:520px){
  .drawer{width:calc(100% - 16px);height:calc(100% - 16px);margin:8px;border-radius:26px;padding:14px}
  .drawer-label{font-size:19px}
  .drawer-ic{width:40px;height:40px}
  .drawer-desc{margin-left:54px}
}
/* menu: ícone | nome + descrição | seta, sem buraco entre nome e descrição */
.drawer-link{display:grid;grid-template-columns:44px minmax(0,1fr) 34px;column-gap:14px;row-gap:2px;align-items:center}
.drawer-row{display:contents}
.drawer-ic{grid-column:1;grid-row:1/3}
.drawer-label{grid-column:2;grid-row:1;align-self:end}
.drawer-tag{display:none}
.drawer-desc{grid-column:2;grid-row:2;margin:0;align-self:start}
.drawer-link .drawer-desc>span,.drawer-link:hover .drawer-desc>span{padding:0;font-size:12.5px;line-height:1.35}
.drawer-arrow{grid-column:3;grid-row:1/3}
.drawer-close:focus{outline:none}.drawer-close:focus-visible{outline:2px solid #D9ABA3;outline-offset:2px}
@media (max-width:520px){.drawer-link{grid-template-columns:40px minmax(0,1fr) 30px}.drawer-desc{margin:0}.drawer-arrow{width:30px;height:30px}}

/* Dupes (23 out): categorias em botões lado a lado, sem a faixa branca de fundo */
.qx-bar.dp-bar{position:static;background:none;border:0;box-shadow:none;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none;align-items:center}
.dp-cats{display:flex;flex-wrap:wrap;gap:8px}
.dp-cat{border:0;border-radius:999px;background:#fff;color:#2A2524;padding:10px 16px;font:500 13.5px/1 var(--font-body);cursor:pointer;
  box-shadow:0 6px 14px -10px rgba(59,47,50,.4);transition:background .25s,color .25s,transform .25s var(--ease)}
.dp-cat:hover:not(:disabled){background:#F6E7E3;transform:translateY(-1px)}
.dp-cat[aria-pressed="true"]{background:#6B5458;color:#F8F3F0}
.dp-cat:disabled{background:transparent;box-shadow:none;border:1px dashed #E0D3CE;color:#A89A97;cursor:default}
.dp-cat small{font-size:10.5px;margin-left:3px;opacity:.85}
@media (max-width:640px){
  .qx-bar.dp-bar{flex-direction:column;align-items:stretch;gap:12px}
  .dp-cats{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--gutter));padding:4px var(--gutter) 10px;scrollbar-width:none}
  .dp-cats::-webkit-scrollbar{display:none}
  .dp-cat{flex:none}
  .dp-bar .qx-bar-right{justify-content:space-between}
}
@media (max-width:640px){
  .qx-bar.dp-bar{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:0}
  .qx-bar.dp-bar .qx-bar-right{display:flex;width:100%;justify-content:space-between;align-items:center}
  .qx-bar.dp-bar .qx-count{order:0}
}
@media (max-width:640px){
  .qx-bar.dp-bar .dd{width:auto}
  .qx-bar.dp-bar .dd-btn{width:auto;padding:10px 16px;font-size:13px}
  .qx-bar.dp-bar .qx-count{white-space:nowrap;text-align:left;padding:0;font-size:12.5px}
}

/* Dupes (23 out): topo em cartão, sem o espaço vazio do topo padrão */
.dp-hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:24px;margin:clamp(18px,3vw,32px) 0 22px;
  padding:clamp(24px,3.6vw,40px) clamp(22px,4vw,48px);border-radius:30px;background:linear-gradient(120deg,#F6E7E3 0%,#F1DCD6 100%);
  box-shadow:0 2px 4px rgba(59,47,50,.05),0 18px 34px -24px rgba(59,47,50,.4);overflow:hidden;position:relative}
.dp-hero::after{content:"";position:absolute;right:-60px;top:-80px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55),transparent 70%)}
.dp-hero-txt{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.dp-hero-k{font:500 11px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#9E5B53}
.dp-hero h1{margin:0;font:400 clamp(32px,4.4vw,52px)/1.05 var(--font-display);color:#2A2524}
.dp-hero p{margin:0;font-size:15px;line-height:1.5;color:#5E4F52;max-width:460px}
.dp-hero-ill{display:flex;align-items:center;justify-content:center;gap:18px;position:relative;z-index:1}
.dp-hero-m{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border-radius:22px;padding:16px 18px 12px;box-shadow:0 14px 26px -16px rgba(59,47,50,.45)}
.dp-hero-m .medalha,.dp-hero-m .medalha svg{width:46px;height:46px;flex-basis:46px}
.dp-hero-m small{font:500 12px/1 var(--font-body);color:#2A2524}
.dp-hero-m:first-child{transform:rotate(-5deg)}
.dp-hero-m:last-child{transform:rotate(5deg)}
.dp-hero-x{width:44px;height:44px;border-radius:50%;background:#6B5458;color:#F8F3F0;display:grid;place-items:center;font-size:19px;box-shadow:0 0 0 5px #fff}
@media (max-width:700px){
  .dp-hero{grid-template-columns:1fr;gap:18px;padding:22px 20px;border-radius:24px}
  .dp-hero-ill{justify-content:flex-start;gap:12px}
  .dp-hero-m{padding:12px 14px 10px;border-radius:18px}
  .dp-hero-m .medalha,.dp-hero-m .medalha svg{width:34px;height:34px;flex-basis:34px}
  .dp-hero-x{width:36px;height:36px;font-size:16px}
}
/* menu: sem a barra de rolagem cinza do navegador (continua rolando com o dedo/roda do mouse) */
.drawer{scrollbar-width:none;overscroll-behavior:contain}.drawer::-webkit-scrollbar{display:none}

/* topo dos dupes: par real em dois círculos (substitui as medalhas soltas) */
.dp-hero-ill{display:flex;align-items:center;justify-content:center;text-decoration:none;position:relative;z-index:1}
.dp-hero-disco{position:relative;width:clamp(120px,13vw,168px);aspect-ratio:1;border-radius:50%;background:#fff;display:grid;place-items:center;
  box-shadow:0 2px 4px rgba(59,47,50,.06),0 22px 36px -20px rgba(59,47,50,.5);transition:transform .45s var(--ease)}
.dp-hero-disco + .dp-hero-x + .dp-hero-disco{margin-left:-14px}
.dp-hero-disco img{width:62%;height:62%;object-fit:contain;mix-blend-mode:multiply}
.dp-hero-disco b{font:400 15px/1.2 var(--font-display);color:#2A2524;text-align:center;padding:0 14px}
.dp-hero-disco i{position:absolute;top:6%;left:6%;width:34px;height:34px;border-radius:50%;background:#F8F3EF;display:grid;place-items:center;box-shadow:0 4px 10px -6px rgba(59,47,50,.45)}
.dp-hero-disco i .medalha,.dp-hero-disco i .medalha svg{width:22px;height:22px;flex-basis:22px;filter:none}
.dp-hero-ill .dp-hero-x{position:relative;z-index:2;margin:0 -14px;flex:none}
.dp-hero-ill:hover .dp-hero-disco:first-child{transform:translateX(-6px) rotate(-3deg)}
.dp-hero-ill:hover .dp-hero-disco:last-child{transform:translateX(6px) rotate(3deg)}
@media (max-width:700px){.dp-hero-ill{justify-content:center}.dp-hero-disco{width:118px}}
.dp-hero-disco{--d:clamp(120px,13vw,168px);width:var(--d);height:var(--d);flex:none;aspect-ratio:auto}
.dp-hero-disco img{position:absolute;inset:19%;width:62%;height:62%}
@media (max-width:700px){.dp-hero-disco{--d:116px}}

/* ---------- Emulsa News na Home (23 out): jornal com o design arredondado do site ---------- */
.nw-wrap{background:var(--news-bg)}
.nw{background:#FFFDFB;border-radius:30px;padding:clamp(22px,3.6vw,44px);max-width:1080px;margin:0 auto;
  box-shadow:0 2px 6px rgba(59,47,50,.06),0 30px 60px -32px rgba(59,47,50,.5)}
.nw-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.nw-linha{width:100%;display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #2A2524;
  font:500 10.5px/1.2 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#5E4F52}
.nw-titulo{margin:6px 0 0;font:400 clamp(44px,7vw,84px)/.95 var(--font-display);letter-spacing:-.02em;color:#2A2524}
.nw-sub{margin:0;max-width:520px;font:italic 400 15px/1.45 var(--font-display);color:#5E4F52}
.nw-secoes{width:100%;display:flex;justify-content:center;gap:clamp(14px,3vw,34px);padding:9px 0;margin-top:6px;
  border-top:3px double #2A2524;border-bottom:1px solid #2A2524;font:500 11px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase}
.nw-corpo{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:0;margin-top:clamp(20px,3vw,30px)}
.nw-principal{padding-right:clamp(18px,3vw,32px);border-right:1px solid #E3D7D2;display:flex;flex-direction:column;gap:8px}
.nw-foto .photo{border-radius:18px;margin-bottom:6px}
.nw-k{font:500 10.5px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#9E5B53}
.nw-ex{align-self:flex-start;font:500 9px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#8A6D1E;background:#FBF1D6;border-radius:99px;padding:4px 8px}
.nw-principal h3{margin:2px 0 0;font:400 clamp(26px,3vw,36px)/1.1 var(--font-display);color:#2A2524}
.nw-principal p,.nw-item p{margin:0;font-size:14px;line-height:1.5;color:#5E4F52}
.nw-meta{font:500 11px/1 var(--font-body);color:#A08F8C;letter-spacing:.04em;margin-top:2px}
.nw-coluna{padding-left:clamp(18px,3vw,32px);display:flex;flex-direction:column}
.nw-item{display:flex;flex-direction:column;gap:7px;padding:4px 0 18px}
.nw-item + .nw-item{border-top:1px solid #E3D7D2;padding-top:18px}
.nw-item h3{margin:0;font:400 21px/1.2 var(--font-display);color:#2A2524}
.nw-item .nw-ex,.nw-principal .nw-ex{margin-top:-2px}
.nw-pe{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px 22px;margin-top:clamp(20px,3vw,30px);
  padding:16px 18px;border-radius:22px;background:#F6E7E3}
.nw-pe-t{display:flex;flex-direction:column;gap:3px}
.nw-pe-t b{font:400 19px/1.15 var(--font-display)}
.nw-pe-t span{font-size:12.5px;color:#5E4F52}
.nw-form{display:flex;gap:8px;min-width:0}
.nw-campo{flex:1;min-width:0}
.nw-campo input{width:100%;border:0;border-radius:999px;background:#fff;padding:13px 18px;font:400 14px/1 var(--font-body);color:#2A2524;box-shadow:inset 0 0 0 1px #E6D6D1}
.nw-campo input:focus{outline:2px solid #D9ABA3;outline-offset:1px}
.nw-btn{flex:none;border:0;border-radius:999px;background:#6B5458;color:#F8F3F0;padding:13px 20px;font:500 14px/1 var(--font-body);cursor:pointer;
  box-shadow:0 10px 18px -12px rgba(59,47,50,.7);transition:background .25s}
.nw-btn:hover{background:#3B2F32}
.nw-ant{font:500 12.5px/1 var(--font-body);color:#2A2524;white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:860px){
  .nw-corpo{grid-template-columns:1fr}
  .nw-principal{padding:0 0 18px;border-right:0;border-bottom:1px solid #E3D7D2}
  .nw-coluna{padding:18px 0 0}
  .nw-pe{grid-template-columns:1fr}
  .nw-ant{justify-self:start}
}
@media (max-width:520px){
  .nw{border-radius:24px}
  .nw-linha{flex-direction:column;align-items:center;gap:4px}
  .nw-secoes{gap:12px;letter-spacing:.12em;font-size:10px}
  .nw-form{flex-direction:column}
  .nw-btn{justify-content:center}
}
.nw-ok{margin:0;font:500 14px/1.4 var(--font-body);color:#2A2524}

/* ---------- Emulsa News v2 (23 out): um cartão por matéria, estilo newsletter ---------- */
.nl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.nl-card{display:flex;flex-direction:column;gap:10px;background:#FFFDFB;border-radius:24px;padding:16px 16px 14px;
  box-shadow:0 2px 4px rgba(59,47,50,.05),0 20px 36px -24px rgba(59,47,50,.45);transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.nl-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(59,47,50,.06),0 28px 46px -26px rgba(59,47,50,.5)}
.nl-topo{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:8px;border-bottom:3px double #2A2524;
  font:500 10px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#5E4F52}
.nl-marca{font:400 17px/1 var(--font-display);letter-spacing:0;text-transform:none;color:#2A2524}
.nl-foto .photo{border-radius:16px}
.nl-k{font:500 10.5px/1 var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:#9E5B53;margin-top:4px}
.nl-card h3{margin:0;font:400 22px/1.18 var(--font-display);color:#2A2524}
.nl-card p{margin:0;font:italic 400 14.5px/1.45 var(--font-display);color:#5E4F52}
.nl-pe{margin-top:auto;padding-top:10px;border-top:1px solid #EDE3DF;display:flex;justify-content:space-between;align-items:center;gap:8px;
  font:500 11px/1 var(--font-body);color:#A08F8C}
.nl-ex{font:500 9px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#8A6D1E;background:#FBF1D6;border-radius:99px;padding:4px 8px}
@media (max-width:900px){.nl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.nl-grid{grid-template-columns:1fr}}

/* Topo da Home (23 out): frase de apoio legível sobre o vídeo (maior, mais grossa e com sombra suave) */
.hcv-apoio{font-weight:500;font-size:clamp(16px,1.3vw,20px);color:#fff;text-shadow:0 1px 2px rgba(30,20,22,.55),0 2px 14px rgba(30,20,22,.45)}
.hcv-text h1{text-shadow:0 2px 18px rgba(30,20,22,.35)}
.hcv::before{background:linear-gradient(0deg,rgba(42,37,36,.68),rgba(42,37,36,0) 55%),linear-gradient(180deg,rgba(42,37,36,.35),rgba(42,37,36,0) 22%)}

/* Emulsa News (26 out): cartões clicáveis e página da matéria */
a.nl-card{text-decoration:none;color:inherit}
.nl-page .page-head{padding-block:clamp(28px,4vw,48px) 24px}
.nl-art{max-width:720px;margin:0 auto;padding:clamp(24px,4vw,44px) 0 12px;display:flex;flex-direction:column;gap:12px}
.nl-art .crumb{font-size:13px;color:#94675F}
.nl-art-topo{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #2A2524;border-bottom:3px double #2A2524;
  font:500 10.5px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#5E4F52}
.nl-art h1{margin:4px 0 0;font:400 clamp(32px,4.6vw,52px)/1.08 var(--font-display);color:#2A2524}
.nl-art-lead{margin:0;font:italic 400 clamp(17px,1.6vw,20px)/1.45 var(--font-display);color:#5E4F52}
.nl-art .nl-ex{align-self:flex-start}
.nl-art-foto .photo{border-radius:22px;margin:8px 0}
.nl-art h2{margin:14px 0 0;font:500 17px/1.3 var(--font-body);color:#2A2524}
.nl-art p{margin:0;font-size:16px;line-height:1.65;color:#3B2F32}
.nl-resumo{margin-top:16px;background:#F6E7E3;border-radius:22px;padding:18px 22px}
.nl-resumo b{font:500 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#9E5B53}
.nl-resumo ul{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:15px}
.nl-art-aviso{font-size:12.5px!important;color:#8A7B78!important;margin-top:10px!important}
.nl-mais{padding:clamp(28px,4vw,48px) 0 var(--section)}
.nl-mais h2{font:400 26px/1.2 var(--font-display);margin:0 0 18px}

/* ---------- Emulsa News final (26 out) ---------- */
.nl-foto{border-radius:16px;overflow:hidden;aspect-ratio:3/2;background:#F1E6E2}
.nl-foto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s var(--ease)}
.nl-card:hover .nl-foto img{transform:scale(1.04)}
.nl-ler{font:500 12.5px/1 var(--font-body);color:#2A2524}
.nl-ler i{font-style:normal;display:inline-block;transition:transform .3s var(--ease)}
.nl-card:hover .nl-ler i{transform:translateX(3px)}
.nl-cab{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px;padding:clamp(26px,4vw,44px) 0 clamp(22px,3vw,32px)}
.nl-cab-linha{width:100%;max-width:720px;display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #2A2524;border-bottom:3px double #2A2524;
  font:500 10.5px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#5E4F52}
.nl-cab h1{margin:6px 0 0;font:400 clamp(44px,7vw,80px)/1 var(--font-display);letter-spacing:-.02em}
.nl-cab p{margin:0;max-width:540px;font:italic 400 16px/1.5 var(--font-display);color:#5E4F52}
.nl-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.nl-art{gap:14px}
.nl-art-meta{display:flex;gap:16px;font:500 12px/1 var(--font-body);color:#8A7B78}
.nl-art-meta span + span::before{content:"·";margin-right:16px}
.nl-art-foto{margin:6px 0 4px;display:flex;flex-direction:column;gap:6px}
.nl-art-foto img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:22px;display:block}
.nl-art-foto figcaption{font-size:11.5px;color:#A08F8C}
.nl-30{background:#6B5458;color:#F8F3F0;border-radius:22px;padding:18px 22px;margin:4px 0}
.nl-30 b{font:500 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#EBCFCA}
.nl-30 ul{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:7px;font-size:15px;line-height:1.45}
.nl-ciencia{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:22px;padding:18px 20px;margin-top:14px;
  box-shadow:0 2px 4px rgba(59,47,50,.04),0 14px 26px -18px rgba(59,47,50,.4);border-left:4px solid #9E5B53}
.nl-ciencia-ic{flex:none;width:40px;height:40px;border-radius:50%;background:#F6E7E3;display:grid;place-items:center}
.nl-ciencia-ic svg{width:20px;height:20px;fill:none;stroke:#6B5458;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.nl-ciencia b,.nl-pratica b,.nl-fontes b{font:500 11px/1 var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:#9E5B53}
.nl-ciencia p{margin:8px 0 0!important;font-size:15px!important}
.nl-pratica{margin-top:14px;background:#F6E7E3;border-radius:22px;padding:18px 22px}
.nl-pratica ol{margin:12px 0 0;padding:0;list-style:none;counter-reset:p;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nl-pratica li{counter-increment:p;display:flex;gap:10px;align-items:center;background:#fff;border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.35}
.nl-pratica li::before{content:counter(p);flex:none;width:24px;height:24px;border-radius:50%;background:#6B5458;color:#fff;display:grid;place-items:center;font:500 12px/1 var(--font-body)}
.nl-fontes{margin-top:18px;padding-top:14px;border-top:1px solid #E6DAD5}
.nl-fontes ol{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.45}
.nl-fontes a{color:#5E4F52;text-decoration:underline;text-decoration-color:#D9C5C0;text-underline-offset:3px}
.nl-fontes a:hover{color:#2A2524}
@media (max-width:600px){.nl-pratica ol{grid-template-columns:1fr}.nl-grid-2{grid-template-columns:1fr}}

/* ---------- MIP: e-mail e consentimento (27 out) ---------- */
.mipq-cadform{display:flex;flex-direction:column;gap:14px}
.mipq-email input{width:100%;border:0;border-radius:16px;background:#fff;padding:15px 16px;font:400 16px/1 var(--font-body);color:#2A2524;box-shadow:inset 0 0 0 1px #E6D6D1}
.mipq-email input:focus{outline:2px solid #D9ABA3;outline-offset:1px}
.mipq-lgpd{background:#fff;border-radius:18px;padding:14px 16px;box-shadow:0 2px 4px rgba(59,47,50,.04),0 12px 22px -18px rgba(59,47,50,.4)}
.mipq-lgpd summary{cursor:pointer;font:500 13px/1.3 var(--font-body);color:#2A2524;list-style:none}
.mipq-lgpd summary::-webkit-details-marker{display:none}
.mipq-lgpd summary::after{content:"+";float:right;color:#9E5B53}
.mipq-lgpd[open] summary::after{content:"−"}
.mipq-lgpd dl{margin:10px 0 8px;display:flex;flex-direction:column;gap:8px}
.mipq-lgpd dt{font:500 10.5px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#9E5B53;margin-bottom:3px}
.mipq-lgpd dd{margin:0;font-size:13px;line-height:1.45;color:#3B2F32}
.mipq-lgpd a{font-size:12.5px;color:#5E4F52}
.mipq-aceite{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:16px;padding:12px 14px;cursor:pointer;font-size:13.5px;line-height:1.45;color:#2A2524}
.mipq-aceite input{flex:none;width:20px;height:20px;margin:1px 0 0;accent-color:#6B5458}
.mipq-aceite-forte{border:1.5px solid #D9ABA3;background:#FDF7F5}
.mipq-nota{margin:0;font-size:12px;line-height:1.45;color:#8A7B78}

/* Política de privacidade (27 out) */
.priv{max-width:760px;padding-bottom:var(--section)}
.priv-s{display:flex;gap:16px;align-items:flex-start;background:#FFFDFB;border-radius:20px;padding:18px 20px;margin-bottom:10px;box-shadow:0 2px 4px rgba(59,47,50,.04),0 12px 22px -18px rgba(59,47,50,.4)}
.priv-n{flex:none;width:30px;height:30px;border-radius:50%;background:#F6E7E3;color:#6B5458;display:grid;place-items:center;font:500 13px/1 var(--font-body)}
.priv-s h2{margin:3px 0 6px;font:500 16px/1.3 var(--font-body)}
.priv-s p{margin:0;font-size:14.5px;line-height:1.6;color:#3B2F32}
.priv-v{margin-top:16px;font-size:12.5px;color:#8A7B78}

/* ---------- A pele em números (27 out, v2): frases "X em cada 10" e "o que fazem × o que a pele pede" ---------- */
.pn{background:var(--news-bg)}
.pn-head{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.pn-head h2{margin:0}
.pn-lead{margin:0;max-width:560px;font-size:15px;line-height:1.5;color:#5E4F52}
.pn-sub{margin:30px 0 14px;font:400 24px/1.2 var(--font-display)}
.pn-mip-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.pn-mip-head .pn-sub{margin-bottom:14px}
.pn-total{display:inline-flex;align-items:center;gap:10px;background:#6B5458;color:#F8F3F0;border-radius:999px;padding:6px 16px 6px 6px;font:500 13px/1 var(--font-body)}
.pn-total b{min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:#EBCFCA;color:#3B2F32;display:grid;place-items:center;font:500 15px/1 var(--font-body)}
.pn-frases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pn-frase{background:#FFFDFB;border-radius:24px;padding:22px 22px 18px;display:flex;flex-direction:column;gap:12px;
  box-shadow:0 2px 4px rgba(59,47,50,.05),0 18px 32px -22px rgba(59,47,50,.45)}
.pn-big{display:flex;align-items:baseline;gap:10px}
.pn-big b{font:400 clamp(56px,6vw,76px)/.9 var(--font-display);color:#6B5458;letter-spacing:-.02em}
.pn-big b small{font:400 18px/1 var(--font-display);margin-right:6px;letter-spacing:0}
.pn-big span{font:500 13px/1.2 var(--font-body);color:#2A2524;max-width:120px}
.pn-pts{display:flex;gap:6px}
.pn-pts i{width:14px;height:14px;border-radius:50%;background:#F1E4E0;flex:none}
.pn-pts i.on{background:#6B5458}
.pn-txt{margin:0;font:400 17px/1.35 var(--font-display);color:#2A2524}
.pn-q{padding-top:12px;border-top:1px solid #EFE4E0}
.pn-q h4{margin:0 0 4px;font:500 13.5px/1.3 var(--font-body);color:#9E5B53}
.pn-q p{margin:0;font-size:13.5px;line-height:1.5;color:#5E4F52}
.pn-fonte{margin-top:auto;font-size:11.5px;color:#8A7B78;text-decoration:underline;text-decoration-color:#DCCBC6;text-underline-offset:3px}
.pn-comp{margin-top:14px;background:#FFFDFB;border-radius:24px;padding:22px;box-shadow:0 2px 4px rgba(59,47,50,.05),0 18px 32px -22px rgba(59,47,50,.45)}
.pn-comp-h{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.pn-comp-h h3{margin:0;font:400 22px/1.2 var(--font-display)}
.pn-comp-h small{font-size:11.5px;color:#A08F8C}
.pn-comp-l{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);grid-template-rows:auto auto;column-gap:22px;row-gap:6px;padding:14px 0;border-top:1px solid #EFE4E0}
.pn-comp-l:first-of-type{border-top:0}
.pn-comp-t{grid-row:1/3;align-self:center;font:500 14.5px/1.3 var(--font-body);color:#2A2524}
.pn-comp-b{display:grid;grid-template-columns:86px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12px;color:#5E4F52}
.pn-comp-b i{height:12px;border-radius:99px;background:#F1E4E0;overflow:hidden}
.pn-comp-b em{display:block;height:100%;border-radius:99px;background:#6B5458;transition:width 1s var(--ease)}
.pn-comp-b b{font:500 13px/1 var(--font-body);color:#2A2524;min-width:38px;text-align:right}
.pn-comp-b.ideal em{background:#D9ABA3}
.pn-comp-b.ideal b{font:400 12px/1.3 var(--font-body);color:#8A7B78;text-align:left;max-width:180px}
.pn-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:22px;padding:14px 16px 14px 20px;border-radius:22px;background:#FFFDFB}
.pn-cta span{font-size:13.5px;color:#5E4F52}
.pn-btn{border:0;border-radius:999px;background:#6B5458;color:#F8F3F0;text-transform:none;letter-spacing:.01em;font:500 14px/1 var(--font-body);padding:13px 20px}
.pn-btn:hover{background:#3B2F32;color:#F8F3F0}
@media (max-width:980px){.pn-frases{grid-template-columns:1fr}.pn-comp-l{grid-template-columns:1fr}.pn-comp-t{grid-row:auto}}
@media (max-width:600px){.pn-comp-b{grid-template-columns:70px minmax(0,1fr) auto}.pn-comp-b.ideal{grid-template-columns:70px minmax(0,1fr)}.pn-comp-b.ideal b{grid-column:1/-1}.pn-cta{flex-direction:column;align-items:stretch;text-align:center}}

/* e-mail + aceite único (27 out, v2) */
.mipq-email{display:flex;flex-direction:column;gap:6px;font:500 12.5px/1 var(--font-body);color:#5E4F52}
.mipq-aceite{background:#fff;border:1.5px solid #EAD9D4;border-radius:16px;padding:14px 16px}
.mipq-aceite:has(input:checked){border-color:#6B5458}
.mipq-aceite a{color:#2A2524;text-decoration:underline;text-underline-offset:3px}
.mipq-aceite strong{font-weight:600;color:#2A2524}
.mq3-cad{max-width:520px}
.mq3-cad .mipq-cadform{padding:0 clamp(20px,3vw,32px) clamp(20px,3vw,30px)}
.mq3-cad .mipq-next{width:100%;justify-content:center}
.mq3-cad .mipq-cadform{padding:0;margin-top:4px}