/* Sistema visual das peças da Nutrir Corphus em novembro. Linguagem de grande marca: fotografia, branco, pedra, preto e letra pequena.
   Post em 3:4 (1080x1440), capa de reel e story em 9:16 (1080x1920), arte de WhatsApp em 4:5 (1080x1350). 1cqw = 10,8 px.
   Regras: 2 famílias, muito ar, nada de número gigante, nada de bloco de cor forte. O petróleo da marca só aparece no símbolo. */
:root{--tinta:#161614;--grafite:#3B3A37;--pedra:#E6E2DA;--nevoa:#F5F3EE}
.s,.rc,.st,.wa{position:relative;container-type:inline-size;overflow:hidden;isolation:isolate;font-family:var(--texto);font-weight:400;color:var(--cor);-webkit-font-smoothing:antialiased;font-synthesis:none;--m:7.4cqw;--oy:0cqw}
.s{width:100%;aspect-ratio:3/4}
.rc{width:100%;aspect-ratio:9/16;--oy:22.22cqw}
.st{position:absolute;inset:0;--oy:22.22cqw}
.wa{width:100%;aspect-ratio:4/5}

.br{background:#fff;--cor:var(--tinta);--dim:#6C6860;--fio:#DCD8D0}
.nv{background:var(--nevoa);--cor:var(--tinta);--dim:#69655D;--fio:#D8D3CA}
.pd{background:var(--pedra);--cor:var(--tinta);--dim:#5E5A52;--fio:#C8C2B7}
.tn{background:#121211;--cor:#F5F3EE;--dim:#B3AEA5;--fio:rgba(245,243,238,.24)}
.fe{background:#0D0F10;--cor:#fff;--dim:rgba(255,255,255,.86);--fio:rgba(255,255,255,.4)}

/* fotografia */
.foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.foto.livre{inset:auto;height:auto;object-fit:initial}
.pb{filter:grayscale(1) contrast(1.05)}
.mudo{filter:saturate(.9) contrast(.99)}
.sutil{filter:saturate(.5) contrast(1.02)}
.quente{filter:sepia(.34) saturate(1.1) brightness(1.03)}
.veu{position:absolute;inset:0;z-index:1;pointer-events:none}
.veu.baixo{background:linear-gradient(180deg,rgba(10,10,10,0) 46%,rgba(10,10,10,.34) 68%,rgba(10,10,10,.72) 100%)}
.veu.alto{background:linear-gradient(180deg,rgba(10,10,10,.42) 0,rgba(10,10,10,0) 24%)}
.veu.duplo{background:linear-gradient(180deg,rgba(10,10,10,.5) 0,rgba(10,10,10,0) 24%,rgba(10,10,10,0) 50%,rgba(10,10,10,.82) 92%,rgba(13,15,16,.96) 100%)}
.janela{position:absolute;left:0;right:0;top:0;overflow:hidden;z-index:0}

/* marca: símbolo oficial e nome espaçado */
.mc{position:absolute;z-index:4;left:var(--m);top:calc(var(--oy) + 6.4cqw);display:flex;align-items:center;gap:1.7cqw;font-size:2.15cqw;font-weight:400;letter-spacing:.34em;text-transform:uppercase;line-height:1;color:var(--cor)}
.mc img{width:4cqw;height:4cqw;object-fit:contain;display:block}
.sb{position:absolute;z-index:4;right:var(--m);bottom:calc(var(--oy) + 6cqw);width:5cqw;height:5cqw;object-fit:contain}

/* texto */
.lab{font-size:2.3cqw;font-weight:400;letter-spacing:.3em;text-transform:uppercase;line-height:1.3;color:var(--dim)}
.h0,.h1,.h2,.h3{margin:0;font-family:var(--serif);font-weight:400;color:var(--cor);letter-spacing:-.012em;text-wrap:balance}
.h0 em,.h1 em,.h2 em,.h3 em{font-style:italic}
.h0{font-size:15.4cqw;line-height:.98}
.h1{font-size:11.2cqw;line-height:1.01}
.h2{font-size:8cqw;line-height:1.04}
.h3{font-size:5.6cqw;line-height:1.1}
.grot{margin:0;font-weight:500;font-size:9.1cqw;line-height:1.02;letter-spacing:-.035em;text-transform:uppercase;color:var(--cor)}
.pp{margin:0;font-size:2.95cqw;font-weight:400;line-height:1.46;color:var(--dim);text-wrap:pretty}
.pp b{font-weight:500;color:var(--cor)}
.il{position:absolute;z-index:4;right:var(--m);top:calc(var(--oy) + 6.8cqw);font-size:1.75cqw;letter-spacing:.12em;line-height:1;color:var(--dim)}

/* blocos de posição */
.base{position:absolute;z-index:3;left:var(--m);right:var(--m);bottom:calc(var(--oy) + 6.6cqw);display:flex;flex-direction:column;gap:2.6cqw}
.topo{position:absolute;z-index:3;left:var(--m);right:var(--m);top:calc(var(--oy) + 17cqw);display:flex;flex-direction:column;gap:2.6cqw}
.fino{height:1px;background:var(--fio);width:100%}
.painel-b{position:absolute;left:0;right:0;bottom:0;z-index:2;background:#fff;--cor:var(--tinta);--dim:#6C6860;--fio:#DCD8D0;padding:5.2cqw var(--m) 6.2cqw;display:flex;flex-direction:column;gap:2.2cqw;color:var(--cor)}
.painel-t{position:absolute;left:0;right:0;top:0;z-index:2;background:#fff;--cor:var(--tinta);--dim:#6C6860;--fio:#DCD8D0;padding:6.4cqw var(--m) 5cqw;display:flex;flex-direction:column;gap:2.4cqw;color:var(--cor)}

/* condição: pequena, como preço em catálogo */
.cond{display:grid;grid-template-columns:1fr 1fr;gap:0 5cqw;margin-top:1.2cqw}
.cond>div{display:flex;align-items:baseline;justify-content:space-between;gap:2cqw;padding:2cqw 0;border-top:1px solid var(--fio)}
.cond span{font-size:3cqw;line-height:1.3;color:var(--cor)}
.cond small{display:block;font-size:2.35cqw;line-height:1.3;color:var(--dim)}
.cond b{font-family:var(--serif);font-weight:400;font-size:6.2cqw;line-height:1;color:var(--cor);white-space:nowrap}
.cond.um{grid-template-columns:1fr}

/* lista com filete */
.lista{display:flex;flex-direction:column}
.lista>div{display:flex;align-items:baseline;justify-content:space-between;gap:3cqw;padding:3cqw 0;border-top:1px solid var(--fio)}
.lista>div:last-child{border-bottom:1px solid var(--fio)}
.lista b{font-family:var(--serif);font-weight:400;font-size:7.2cqw;line-height:1;color:var(--cor)}
.lista span{font-size:2.8cqw;line-height:1.3;color:var(--dim);text-align:right}
.lista.num>div{justify-content:flex-start;gap:3.4cqw}
.lista.num i{font-family:var(--serif);font-style:italic;font-size:4.4cqw;color:var(--dim);flex:none;width:4.4cqw}
.lista.num b{font-size:5.8cqw;line-height:1.08}

/* mosaico da equipe */
.mosaico{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:.5cqw;background:#fff;z-index:0}
.mosaico>div{position:relative;overflow:hidden}
.mosaico .tile-br{background:#fff;display:grid;place-items:center}
.mosaico img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.5);transform-origin:50% 12%}

/* palavras soltas sobre o fundo */
.solta{position:absolute;z-index:3;font-family:var(--serif);font-size:6cqw;line-height:1;color:var(--cor)}

/* capas de destaque */
.capa-dq{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;overflow:hidden;font-family:var(--serif);font-size:25px;line-height:1;letter-spacing:-.01em}
.capa-dq.cn{background:var(--nevoa);color:var(--tinta)}
.capa-dq.cp{background:var(--pedra);color:var(--tinta)}
.capa-dq.ct{background:#161614;color:#F5F3EE}

/* arte de WhatsApp */
.wa .tb{display:grid;grid-template-columns:minmax(0,1fr) 16cqw 18cqw 10.5cqw;align-items:baseline;column-gap:0;font-variant-numeric:tabular-nums}
.wa .tb .gr{grid-column:1/-1;font-family:var(--serif);font-size:5cqw;line-height:1;padding:1.9cqw 0 .3cqw;border-top:1px solid var(--fio);color:var(--cor)}
.wa .tb .ci{font-size:2.1cqw;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);text-align:right;padding-bottom:1cqw}
.wa .tb .ci:first-child{text-align:left}
.wa .tb .it{font-size:2.9cqw;line-height:1.2;padding:.75cqw 0;color:var(--cor)}
.wa .tb .it small{display:block;font-size:2.4cqw;color:var(--dim)}
.wa .tb .av{font-size:2.8cqw;color:var(--dim);text-align:right;white-space:nowrap}
.wa .tb .vl{font-size:3.2cqw;font-weight:500;color:var(--cor);text-align:right;white-space:nowrap}
.wa .tb .pc{font-family:var(--serif);font-size:4.8cqw;line-height:1;color:var(--cor);text-align:right;white-space:nowrap}

.wa-flow{position:absolute;inset:0;padding:5.6cqw var(--m) 5cqw;display:flex;flex-direction:column;justify-content:space-between;gap:1.6cqw}
.wa-pe{display:flex;flex-direction:column;gap:1.8cqw}

/* ---------- série que vende: premium, mas pára o dedo no feed ---------- */
.tarja{position:absolute;z-index:5;white-space:nowrap;left:var(--m);right:var(--m);top:calc(var(--oy) + 5.2cqw);display:flex;justify-content:space-between;align-items:center;padding-bottom:1.9cqw;border-bottom:1px solid currentColor;font-size:2.35cqw;font-weight:500;letter-spacing:.24em;text-transform:uppercase;line-height:1;color:#fff}
.tarja.esc{color:var(--tinta)}
.bl{position:absolute;z-index:3;left:0;right:0;bottom:0;background:#0C0C0B;color:#fff;--cor:#fff;--dim:rgba(255,255,255,.72);--fio:rgba(255,255,255,.26);padding:4.8cqw var(--m) 5cqw;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:3.6cqw;align-items:end}
.bl .hk{margin:0;font-family:var(--serif);font-size:9.4cqw;line-height:1;letter-spacing:-.012em;text-wrap:balance}
.bl .hk em{font-style:italic}
.bl .it{margin:2.2cqw 0 0;font-size:2.85cqw;line-height:1.36;color:var(--dim)}
.bl .it b{font-weight:500;color:#fff}
.bl .nm{font-family:var(--serif);font-size:30cqw;line-height:.74;letter-spacing:-.03em;white-space:nowrap;padding-bottom:1.2cqw}
.bl .nm i{font-size:.46em;font-style:italic;vertical-align:.52em;margin-left:.04em;letter-spacing:0}
.bl .nm small{display:block;font-family:var(--texto);font-size:2.2cqw;letter-spacing:.2em;text-transform:uppercase;line-height:1;text-align:right;margin-bottom:3.2cqw;color:var(--dim)}
.cta{display:inline-block;margin-top:2.6cqw;padding:1.9cqw 3cqw;border:1px solid currentColor;font-size:2.35cqw;font-weight:500;letter-spacing:.18em;text-transform:uppercase;line-height:1;white-space:nowrap}
.cta.cheio{background:#fff;color:#0C0C0B;border-color:#fff}
.gig{margin:0;font-family:var(--serif);font-size:30cqw;line-height:.86;letter-spacing:-.025em;color:var(--cor)}
.gig em{font-style:italic}
.trio{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--fio);margin-top:1.4cqw}
.trio>div{padding:2.2cqw 0 0 2.4cqw;border-left:1px solid var(--fio)}
.trio>div:first-child{border-left:0;padding-left:0}
.trio b{display:block;font-family:var(--serif);font-weight:400;font-size:13.4cqw;line-height:.95;letter-spacing:-.02em;color:var(--cor)}
.trio b i{font-size:.5em;font-style:italic;vertical-align:.5em}
.trio span{display:block;margin-top:.9cqw;font-size:2.5cqw;line-height:1.2;color:var(--dim)}
.vidro{padding:3.6cqw 3.8cqw;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(14px) saturate(1.1);backdrop-filter:blur(14px) saturate(1.1);color:var(--tinta)}
.vidro b{display:block;font-family:var(--serif);font-weight:400;font-size:6.8cqw;line-height:1;letter-spacing:-.01em}
.vidro span{display:block;margin-top:1.3cqw;font-size:2.55cqw;line-height:1.32}
.vidros{display:grid;grid-template-columns:1fr 1fr;gap:2cqw}

.fe .lab{color:#fff}
.fe .pp{color:rgba(255,255,255,.9)}

/* versão mais limpa do bloco de oferta */
.bl{padding:3.8cqw var(--m) 4.6cqw;align-items:center}
.bl .hk{font-size:8.8cqw}
.bl .it{margin-top:1.6cqw;font-size:2.5cqw;line-height:1.34}
.bl .nm{font-size:27cqw;padding-bottom:0;line-height:.8}
.il{top:calc(var(--oy) + 10.6cqw);font-size:1.6cqw;letter-spacing:.06em;opacity:.85}
.fe .il{color:#fff}
.vidro b{font-size:6.4cqw}
