/* Jost e Newsreader (OFL), hospedadas em ../fonts-marca: nenhuma chamada ao Google. */
@font-face{font-family:'Jost';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts-marca/92zJtBhPNqw73oHH7BbQp4-B6XlrZu0FBIokng.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts-marca/92zatBhPNqw73oTd4g.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts-marca/92zatBhPNqw73oTd4g.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts-marca/92zatBhPNqw73oTd4g.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Jost';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts-marca/92zatBhPNqw73oTd4g.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:300;font-display:swap;src:url(../fonts-marca/cY9CfjOCX1hbuyalUrK439vCjohC.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url(../fonts-marca/cY9CfjOCX1hbuyalUrK439vCjohC.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:300;font-display:swap;src:url(../fonts-marca/cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts-marca/cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts-marca/cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* Kashielle: segue o Manual de Marca v1.0 (Claude Design, projeto 5db5a799, Novembro 2026).
   Seis tons, cor chapada, sem degradê, superfícies retas, ações em pílula, imagem em recorte folha.
   Newsreader (títulos) e Jost (texto), hospedadas em ../fonts-marca. Mobile primeiro, 390 px. */
/* Kashielle: segue o Manual de Marca v1.0 (Claude Design, projeto 5db5a799, Novembro 2026).
   Seis tons, cor chapada, sem degradê, superfícies retas, ações em pílula, imagem em recorte folha.
   Newsreader (títulos) e Jost (texto), hospedadas em ../fonts-marca. Mobile primeiro, 390 px. */
/* Kashielle: segue o Manual de Marca v1.0 (Claude Design, projeto 5db5a799, Novembro 2026).
   Seis tons, cor chapada, sem degradê, superfícies retas, ações em pílula, imagem em recorte folha.
   Newsreader (títulos) e Jost (texto), hospedadas em ../fonts-marca. Mobile primeiro, 390 px. */
/* Kashielle: segue o Manual de Marca v1.0 (Claude Design, projeto 5db5a799, Novembro 2026).
   Seis tons, cor chapada, sem degradê, superfícies retas, ações em pílula, imagem em recorte folha.
   Newsreader (títulos) e Jost (texto), hospedadas em ../fonts-marca. Mobile primeiro, 390 px. */
:root{
 --k-coral:#FC4451;--k-pink:#F63E9D;--k-vermelho:#FC212E;--k-framboesa:#D1114F;--k-rose:#C45759;--k-magenta:#A71971;
 --k-branco:#FFFFFF;--k-blush:#FDF1F2;--k-blush-2:#F9E3E6;--k-linha:#F0D6DC;--k-linha-forte:#E2B8C3;--k-ink-3:#8F667C;--k-ink-2:#7B4F68;--k-ink:#2A0B1E;
 --font-display:'Newsreader','Times New Roman',serif;--font-sans:'Jost','Futura','Century Gothic','Helvetica Neue',sans-serif;
 --radius-pill:999px;--radius-folha:50% 0 50% 0;--radius-folha-suave:160px 0 160px 0;
 --ease-out:cubic-bezier(.22,1,.36,1);--dur-fast:160ms;--dur-base:280ms;--dur-slow:560ms;
 --container:1200px;--container-text:640px;--gutter:24px;--section-y:72px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--k-branco);color:var(--k-ink);font:400 16px/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;padding-bottom:58px}
img{display:block;max-width:100%;height:auto}
a{color:var(--k-framboesa);text-underline-offset:3px}a:hover{color:var(--k-magenta)}
::selection{background:var(--k-pink);color:var(--k-ink)}
:focus-visible{outline:2px solid var(--k-pink);outline-offset:3px}
p{margin:0 0 1em}
section p{max-width:var(--container-text)}
h1,h2,h3,h4{margin:0}
.wrap{max-width:var(--container);margin:0 auto;padding:0 var(--gutter)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* tipografia */
.display,.h1,.h2{font-family:var(--font-display);text-wrap:balance}
.h1{font-weight:300;font-size:clamp(46px,11.5vw,84px);line-height:1.02;letter-spacing:-.02em}
.h2{font-weight:300;font-size:clamp(38px,8.6vw,64px);line-height:1.04;letter-spacing:-.015em}
.h3{font:400 24px/1.3 var(--font-sans)}
.h4{font:500 20px/1.3 var(--font-sans)}
h1 em,h2 em{font-style:italic;font-weight:300}
.fr em{color:var(--k-framboesa)}
.lead{font:400 19px/1.58 var(--font-sans);max-width:var(--container-text);text-wrap:pretty}
.small{font:400 14px/1.5 var(--font-sans)}
.label{font:500 12px/1.2 var(--font-sans);letter-spacing:.32em;text-transform:uppercase}
.label.fr{color:var(--k-framboesa)}

/* barra de assinatura: seis faixas, 6 px */
.faixas{display:flex;height:6px}
.faixas i{flex:1}
.faixas i:nth-child(1){background:var(--k-coral)}.faixas i:nth-child(2){background:var(--k-pink)}.faixas i:nth-child(3){background:var(--k-vermelho)}
.faixas i:nth-child(4){background:var(--k-framboesa)}.faixas i:nth-child(5){background:var(--k-rose)}.faixas i:nth-child(6){background:var(--k-magenta)}

/* aviso de prévia: fita Ink, rola com a página */
.previa{background:var(--k-ink);color:var(--k-branco);font:500 11px/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;text-align:center;padding:8px var(--gutter)}

/* cabeçalho fixo: branco 94% + desfoque 14 px, único elemento fixo da página (fora a barra de aceite) */
.cab{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--k-linha)}
.cab .in{max-width:var(--container);margin:0 auto;padding:12px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px}
.cab .logo img{height:20px;width:auto}

/* botões: pílula, Jost Medium caixa alta */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 28px;border:0;border-radius:var(--radius-pill);background:var(--k-framboesa);color:var(--k-branco);font:500 13px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}
.btn:hover{background:var(--k-magenta);color:var(--k-branco)}.btn:active{transform:scale(.98)}
.btn.sm{height:40px;padding:0 20px;font-size:12px}.btn.lg{height:56px;padding:0 32px;font-size:14px}
.btn.sec{background:transparent;color:var(--k-ink);box-shadow:inset 0 0 0 1.5px var(--k-ink)}.btn.sec:hover{background:var(--k-ink);color:var(--k-branco)}
.btn.cor{background:var(--k-branco);color:var(--k-framboesa)}.btn.cor:hover{background:var(--k-ink);color:var(--k-branco)}
.btn.full{display:flex;width:100%}
.lk{display:inline-flex;align-items:center;gap:10px;padding:0 0 5px;border-bottom:1.5px solid currentColor;color:var(--k-framboesa);font:500 12px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}
.lk:hover{color:var(--k-magenta)}
.acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ic{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* tags */
.tag{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:var(--radius-pill);font:500 11px/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;background:var(--k-magenta);color:var(--k-branco)}
.tag.coral{background:var(--k-coral);color:var(--k-ink)}.tag.pink{background:var(--k-pink);color:var(--k-ink)}
.tag.blush{background:var(--k-blush);color:var(--k-framboesa)}.tag.linha{background:transparent;color:var(--k-ink);box-shadow:inset 0 0 0 1px var(--k-ink)}

/* seções: blocos de cor chapada, alternando claro e cor */
section{padding:var(--section-y) 0;position:relative;overflow:hidden}
.s-coral{background:var(--k-coral);color:var(--k-ink)}
.s-coral .h1,.s-coral .h2{color:var(--k-branco)}
.s-blush{background:var(--k-blush)}.s-branco{background:var(--k-branco)}
.s-magenta{background:var(--k-magenta);color:var(--k-branco)}
.s-framboesa{background:var(--k-framboesa);color:var(--k-branco)}
.s-magenta a:not(.btn),.s-framboesa a:not(.btn){color:var(--k-branco)}
.s-magenta .lead{color:var(--k-blush-2)}.s-framboesa .lead{color:var(--k-branco)}
.s-magenta .label,.s-framboesa .label{color:var(--k-branco)}
.sec-cab{display:flex;flex-direction:column;gap:20px;max-width:780px;position:relative;z-index:1}
/* símbolo grande, cortado pela borda, só atrás de título curto */
.simb{position:absolute;pointer-events:none;z-index:0;width:min(120vw,780px);height:auto}

/* hero */
.hero{padding-top:56px;padding-bottom:0}
.hero .wrap{display:grid;gap:40px;grid-template-columns:minmax(0,1fr)}
.hero .txt{position:relative;z-index:1}
.hero .label{color:var(--k-ink)}
.hero .h1{margin:20px 0 22px}
.hero .lead{color:var(--k-ink)}
.hero figure{margin:0;align-self:end}
.hero figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 18%;border-radius:var(--radius-folha-suave);background:var(--k-blush-2)}
.hero .wrap{padding-bottom:56px}

/* números reais */
.num .grade{display:grid;grid-template-columns:1fr 1fr;gap:36px 24px}
.num b{display:block;font:300 clamp(44px,11vw,72px)/1 var(--font-display);letter-spacing:-.02em;color:var(--k-framboesa)}
.num span{display:block;margin-top:8px;font:400 15px/1.45 var(--font-sans);color:var(--k-ink-2)}
.num .fonte{margin-top:36px;padding-top:16px;border-top:1px solid var(--k-linha);font-size:13px;color:var(--k-ink-3)}

/* quem é */
.quem .wrap{display:grid;gap:40px;grid-template-columns:minmax(0,1fr);position:relative}
.quem figure{margin:0;position:relative;z-index:1}
.quem figure img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 20%;border-radius:var(--radius-folha-suave);background:var(--k-blush-2)}
.quem .txt{position:relative;z-index:1}
.quem .h2{margin:20px 0 24px}

/* ofertas: filete de 1 px em Linha, superfície reta, padding 32 */
.oferta{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px 20px;padding:28px 0;border-top:1px solid var(--k-linha);align-items:start}
.oferta:last-child{border-bottom:1px solid var(--k-linha)}
.oferta .fio{grid-row:1/4;width:72px;height:72px;overflow:hidden;background:var(--k-blush-2)}
.oferta .fio img{width:100%;height:100%;object-fit:cover}
.oferta .tag{justify-self:start;margin-bottom:4px}
.oferta h3{font:400 24px/1.25 var(--font-sans)}
.oferta p{margin:4px 0 12px;color:var(--k-ink-2);font-size:16px}
.lista-of{margin-top:40px}

/* galeria: fotos retas, sem moldura nem sombra; uma só com recorte folha */
.gal{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:40px;position:relative;z-index:1}
.gal img{width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--k-rose)}
.gal img:first-child{border-radius:var(--radius-folha-suave)}
.s-magenta .dado{margin-top:44px;max-width:var(--container-text);font:400 19px/1.58 var(--font-sans);color:var(--k-blush-2)}

/* guia e parcerias */
.cols{display:grid;gap:40px;grid-template-columns:minmax(0,1fr);position:relative}
.cols figure{margin:0}.cols figure img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:var(--radius-folha-suave);background:var(--k-blush-2)}
.cols .txt{position:relative;z-index:1}.cols h2{margin:20px 0 20px}

/* formulários: campos retos, 1 px Linha forte, foco em Pink */
.cad{display:grid;gap:20px;margin-top:28px}
.cmp{display:flex;flex-direction:column;gap:10px}
.cmp label{font:500 14px/1.2 var(--font-sans);color:var(--k-ink)}
.cmp input{width:100%;height:52px;padding:0 16px;border:1px solid var(--k-linha-forte);border-radius:0;background:var(--k-branco);font:400 16px/1.6 var(--font-sans);color:var(--k-ink);outline:none;transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}
.cmp input::placeholder{color:var(--k-ink-3)}
.cmp input:focus{border-color:var(--k-pink);box-shadow:0 0 0 1px var(--k-pink)}
.s-magenta .cmp label,.s-framboesa .cmp label{color:var(--k-branco)}
.optin{display:flex;gap:12px;align-items:flex-start;font:400 15px/1.5 var(--font-sans);cursor:pointer}
.optin input,.aceite input{appearance:none;-webkit-appearance:none;flex:none;width:22px;height:22px;margin:1px 0 0;border:1.5px solid var(--k-linha-forte);border-radius:2px;background:var(--k-branco) center/16px no-repeat;cursor:pointer;transition:background-color var(--dur-fast),border-color var(--dur-fast)}
.optin input:checked,.aceite input:checked{border-color:var(--k-framboesa);background-color:var(--k-framboesa);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}
.optin input:focus-visible,.aceite input:focus-visible{outline:2px solid var(--k-pink);outline-offset:2px}
.nota-previa{margin-top:20px;font-size:13px;color:var(--k-ink-2)}
.s-magenta .nota-previa{color:var(--k-blush-2)}.s-framboesa .nota-previa{color:var(--k-branco)}

/* passos (guia) */
.passos{margin:20px 0 0;padding:0;list-style:none;counter-reset:p}
.passos li{counter-increment:p;display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:24px 0;border-top:1px solid var(--k-linha)}
.passos li:last-child{border-bottom:1px solid var(--k-linha)}
.passos li::before{content:counter(p,decimal-leading-zero);font:italic 300 40px/1 var(--font-display);color:var(--k-framboesa)}
.passos h3{font:400 22px/1.3 var(--font-sans);margin-bottom:6px}.passos p{margin:0;color:var(--k-ink-2)}

/* rodapé Magenta com barra de assinatura */
footer{background:var(--k-magenta);color:var(--k-branco);padding:56px 0 0}
footer .in{max-width:var(--container);margin:0 auto;padding:0 var(--gutter) 40px;display:grid;gap:24px}
footer .logo img{height:24px;width:auto}
footer p{margin:0;font:400 14px/1.6 var(--font-sans);color:var(--k-blush-2);max-width:60ch}
footer a{color:var(--k-branco)}
footer + .faixas{margin-top:6px}
footer .nav{display:flex;flex-wrap:wrap;gap:8px 24px;font:500 12px/1 var(--font-sans);letter-spacing:.2em;text-transform:uppercase}
footer .nav a{text-decoration:none}footer .nav a:hover{text-decoration:underline}

/* aceite: barra fina no rodapé da tela, sem título, uma linha de texto pequena (ordem do dono, 24/10/2026) */
.aceite{position:fixed;z-index:50;left:0;right:0;bottom:0;background:var(--k-blush-2);border-top:1px solid var(--k-linha-forte);color:var(--k-ink);font:400 11px/1.3 var(--font-sans);padding:7px var(--gutter);display:grid;grid-template-columns:minmax(0,1fr);gap:5px;align-items:center}
.aceite label{display:flex;gap:8px;align-items:flex-start;cursor:pointer}
.aceite input{width:16px;height:16px;margin-top:0;background-size:12px}
.aceite .ln{display:flex;gap:14px;align-items:center;justify-content:flex-end;white-space:nowrap}
.aceite a{font-size:11px;color:var(--k-magenta)}
.aceite button{height:28px;padding:0 14px;border:0;border-radius:var(--radius-pill);background:var(--k-framboesa);color:var(--k-branco);font:500 10px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
.aceite button:hover{background:var(--k-magenta)}
.lk.off,.btn.off{opacity:.55;cursor:default;pointer-events:auto}
.lk.off:hover{color:var(--k-framboesa)}.btn.off:hover{background:var(--k-framboesa)}
.em-breve{font-weight:400;letter-spacing:.08em;text-transform:none}
.aceite[hidden]{display:none}body.sem-barra{padding-bottom:0}

@media(min-width:820px){
 :root{--section-y:104px}
 body{padding-bottom:40px}
 .cab .in{padding:14px var(--gutter)}
 .hero{padding-top:0}
 .hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;align-items:center;padding-top:56px;padding-bottom:0}
 .hero .txt{padding-bottom:72px}
 .hero figure img{aspect-ratio:4/5;border-radius:var(--radius-folha-suave)}
 .num .grade{grid-template-columns:repeat(4,1fr)}
 .quem .wrap{grid-template-columns:5fr 6fr;gap:80px;align-items:center}
 .oferta{grid-template-columns:96px minmax(0,1fr) auto;gap:6px 32px;align-items:center;padding:36px 0}
 .oferta .fio{grid-row:1/4;width:96px;height:96px}
 .oferta .lk{grid-column:3;grid-row:1/4}
 .oferta h3{font-size:28px;line-height:1.3}
 .gal{grid-template-columns:repeat(4,1fr);gap:16px}
 .cols{grid-template-columns:1fr 1fr;gap:80px;align-items:center}
 .aceite{grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:6px var(--gutter)}
 footer .in{grid-template-columns:1fr auto;align-items:end}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
