:root { color-scheme:light; --navy:#09145f; --green:#084c16; --paper:#f6f6f9; }
* { box-sizing:border-box; }
html { scroll-behavior:auto; }
body { margin:0; color:var(--navy); background:#f8f5ee url('assets/papel.png') center top / 1054px auto repeat; font-family:Arial,sans-serif; }
img { display:block; max-width:100%; }
a { color:inherit; }
a:focus-visible,button:focus-visible { outline:3px solid #4dac18; outline-offset:3px; }
.skip-link { position:fixed; top:-5rem; left:1rem; z-index:30; padding:.8rem 1rem; background:white; }
.skip-link:focus { top:1rem; }
main { max-width:1086px; margin:auto; background:#efedf2 url('assets/papel-continuo.png') center top / 100% auto repeat-y; }
.content-section + .content-section { margin-top:-1.66%; }
.artwork { position:relative; container-type:inline-size; }
.artwork > img { width:100%; height:auto; mask-image:linear-gradient(to bottom,transparent 0,#000 1.6%,#000 97.8%,transparent 100%); }
.partnership-artwork > img { height:135.91cqw; }
.reels-artwork { mask-image:linear-gradient(to bottom,transparent 0,#000 .8%,#000 99%,transparent 100%); }
.reels-artwork::before { content:""; position:absolute; z-index:1; top:-2.5cqw; left:0; width:100%; height:16.2cqw; pointer-events:none; background:url('assets/pagina-2-titulos-editaveis.png') center top / 100% auto no-repeat; }
.reels-instruction { position:absolute; z-index:1; top:12.8cqw; left:0; width:100%; color:#07114c; text-align:center; font:italic 1.7cqw/1 Georgia,serif; }
.reels-top,.reels-bottom { width:100%; background-image:url('assets/pagina-2-titulos-editaveis.png'); background-size:100% auto; background-repeat:no-repeat; }
.reels-top { aspect-ratio:1086 / 810; background-position:center top; mask-image:linear-gradient(to bottom,transparent 0,transparent 16.2cqw,#000 16.4cqw,#000 calc(100% - 24px),transparent 100%); }
.reels-bottom { aspect-ratio:1086 / 638; background-position:center bottom; mask-image:linear-gradient(to bottom,transparent 0,#000 24px); }
.breath { position:relative; overflow:hidden; background:transparent; }
.breath-inside { height:4.1cqw; }
.breath-between { height:2.8cqw; }
.breath-before-partnerships { height:2.8cqw; }
.partnership-artwork .card-copy { position:absolute; z-index:1; display:flex; align-items:center; margin:0; padding:0 .55cqw 0 .7cqw; color:#0b176e; font:500 2.25cqw/1.27 'Segoe UI',Arial,sans-serif; background:none; box-shadow:none; }
.partnership-artwork .card-copy::before { content:'•'; flex:none; margin-right:.6cqw; font-size:1.3em; }
.card-copy-1 { left:10.2%; top:22.96%; width:37.6%; height:9.22%; }
.card-copy-2 { left:56.8%; top:22.96%; width:38%; height:9.22%; }
.card-copy-3 { left:10.2%; top:45.39%; width:37.6%; height:9.61%; }
.card-copy-4 { left:56.8%; top:45.39%; width:38%; height:9.61%; }
.editable { position:absolute; display:block; text-align:center; white-space:nowrap; background:transparent; }
.editable-ig-number,.editable-tt-number { top:51.9%; width:40%; color:#00510d; font:italic 700 10.5cqw/1.15 Georgia,serif; letter-spacing:-.055em; transform:scaleY(1.08); }
.editable-ig-number { left:6.9%; }
.editable-tt-number { left:53.2%; }
.editable-ig-label,.editable-tt-label { top:62.1%; width:24%; color:#07114c; font:400 4cqw/1.2 Arial,sans-serif; }
.editable-ig-label { left:16%; }
.editable-tt-label { left:62.5%; }
.editable-ig-views,.editable-tt-views { top:70.6%; width:42%; color:#00510d; font:italic 700 10.5cqw/1.15 Georgia,serif; letter-spacing:-.045em; transform:scaleY(1.08); }
.editable-ig-views { left:5%; }
.editable-tt-views { left:52.5%; }
.editable-ig-views-label,.editable-tt-views-label { top:80.9%; width:46%; color:#07114c; font:400 3.7cqw/1.2 Arial,sans-serif; }
.editable-ig-views-label { left:3.9%; }
.editable-tt-views-label { left:50.2%; }
.cover-period { top:91.9%; left:6%; width:88%; color:#07114c; font:400 2.8cqw/1.2 Arial,sans-serif; }
.audience-ig-number { left:25.5%; top:25.5%; width:16%; color:#09145f; font:normal 700 4cqw/1.15 'Segoe Print','Comic Sans MS',sans-serif; }
.audience-value { position:absolute; z-index:1; color:#09145f; text-align:center; white-space:nowrap; font-family:'Segoe Print','Comic Sans MS',sans-serif; font-style:normal; font-weight:700; }
.audience-gender,.audience-viewers { font-size:4cqw; line-height:1.15; }
.audience-country { font-size:5cqw; line-height:1.15; }
.audience-nonfollowers { left:20.2%; top:80.4%; width:28.5%; color:#08137c; font:italic 700 9.1cqw/1.15 'Segoe Print','Comic Sans MS',sans-serif; letter-spacing:-.055em; }
.age-percent { font-size:2.25cqw; line-height:1; font-weight:500; text-align:right; }
.age-fill { position:absolute; z-index:1; display:block; height:1.25%; border-radius:5px; background:linear-gradient(135deg,#121471,#252ca0 65%,#0d126a); max-width:19.1%; }
.audience-pending { position:absolute; left:10%; top:97.6%; width:80%; text-align:center; color:#09145f; font:500 1.55cqw/1.1 Arial,sans-serif; }
.audience-mobile-slices { display:none; }
.art-link { position:absolute; z-index:3; display:block; border-radius:7px; outline:0 solid transparent; transition:box-shadow .18s ease,outline-color .18s ease; }
.art-link:focus-visible { outline:3px solid var(--navy); outline-offset:3px; }
.reel-link { isolation:isolate; transition:transform .22s ease; }
.reel-link::before { content:''; position:absolute; inset:0; z-index:-1; pointer-events:none; opacity:0; background-image:url('assets/pagina-2-titulos-editaveis.png'); background-size:100cqw auto; background-repeat:no-repeat; background-position:var(--thumb-x) var(--thumb-y); transition:opacity .22s ease; }
.reel-link:hover { transform:scale(1.018); }
.reel-link:hover::before { opacity:1; }
.reel-esmalte { left:11%; top:11.6%; width:35.5%; height:37.3%; --thumb-x:-11cqw; --thumb-y:-15.9cqw; }
.reel-escrita { left:52.8%; top:11.6%; width:35.5%; height:37.3%; --thumb-x:-52.8cqw; --thumb-y:-15.9cqw; }
.reel-cofrinho { left:5.8%; top:63.8%; width:27%; height:30.2%; --thumb-x:-5.8cqw; --thumb-y:-83.6cqw; }
.reel-como-falar { left:35.6%; top:63.8%; width:27.8%; height:30.2%; --thumb-x:-35.6cqw; --thumb-y:-83.6cqw; }
.reel-molhos { left:66.5%; top:63.8%; width:27.8%; height:30.2%; --thumb-x:-66.5cqw; --thumb-y:-83.6cqw; }
.reel-title { position:absolute; z-index:1; display:block; color:#07114c; text-align:center; white-space:nowrap; font:700 2.9cqw/1.1 Arial,sans-serif; }
.title-1 { left:9%; top:49.4%; width:40%; }
.title-2 { left:51%; top:49.4%; width:40%; }
.title-3 { left:4%; top:94.6%; width:29%; }
.title-4 { left:35%; top:94.6%; width:29%; }
.title-5 { left:66%; top:94.6%; width:29%; }
.reel-metric { position:absolute; z-index:1; display:block; margin:0; color:#084c16; text-align:center; white-space:nowrap; font:700 1.7cqw/1.1 'Arial Narrow',Arial,sans-serif; }
.metric-esmalte { left:7%; top:51.8%; width:42%; }
.metric-escrita { left:51%; top:51.8%; width:43%; }
.metric-cofrinho { left:4%; top:97.3%; width:29%; }
.metric-como-falar { left:35%; top:97.3%; width:29%; }
.metric-molhos { left:66%; top:97.3%; width:29%; }
.profile-ig-cover { left:9%; top:42.8%; width:39%; height:8.5%; }
.profile-tt-cover { left:58%; top:42.8%; width:37%; height:8.5%; }
.contact-proposal { left:26%; top:66%; width:62%; height:4.5%; }
.contact-email { left:28%; top:70.1%; width:62%; height:4.2%; }
.contact-instagram { left:12%; top:76.6%; width:37%; height:8%; }
.contact-tiktok { left:54%; top:76.6%; width:37%; height:8%; }
.zoom-floating,.zoom-dialog { display:none; }

@media (max-width:820px) {
  #conteudos .breath-between { height:5.3cqw; }
  .reel-title { font-size:3.5cqw; letter-spacing:-.035em; }
  .reel-metric { font-size:2.4cqw; letter-spacing:-.055em; transform:scaleX(.92); }
  .reels-instruction { font-size:2.4cqw; }
  .title-1 { left:6%; width:44%; }
  .title-2 { left:50%; width:44%; }
  .title-3 { left:1.5%; width:33%; }
  .title-4 { left:33.5%; width:33%; }
  .title-5 { left:65.5%; width:33%; }
  #publico .artwork > img { display:none; }
  .audience-mobile-slices { display:block; }
  .audience-mobile-slices > div:not(.slice-gap) { width:100%; background-image:url('assets/pagina-3-demografia-editavel.png'); background-size:100% auto; background-repeat:no-repeat; }
  .slice-heading { height:20.07cqw; background-position:center top; }
  .slice-cards { height:73.57cqw; background-position:center -20.07cqw; }
  .slice-reach { height:28.36cqw; background-position:center -93.64cqw; }
  .slice-periods { height:11.33cqw; background-position:center -122cqw; }
  .slice-gap { height:2cqw; }
  .slice-gap-wide { height:2.5cqw; }
  #publico .audience-ig-number { top:calc(34cqw + 2cqw); }
  #publico .demographic-overlays > * { top:var(--mobile-top) !important; }
  #publico .audience-nonfollowers { top:calc(107.2cqw + 4.5cqw); }
  #publico .audience-pending { top:calc(130.13cqw + 6.5cqw); }
  #publico .audience-pending { font-size:2cqw; }
  .reels-top { mask-image:linear-gradient(to bottom,transparent 0,transparent 16.2cqw,#000 16.4cqw,#000 calc(100% - 9px),transparent 100%); }
  .reels-bottom { mask-image:linear-gradient(to bottom,transparent 0,#000 9px); }
  .zoom-floating { display:flex; align-items:center; gap:7px; position:fixed; z-index:12; right:14px; bottom:16px; padding:10px 13px; border:1px solid rgb(9 20 95 / 22%); border-radius:999px; color:var(--navy); background:rgb(255 255 255 / 94%); box-shadow:0 5px 17px rgb(15 15 35 / 20%); font:700 .8rem Arial,sans-serif; }
  .magnifier { position:relative; display:inline-block; width:13px; height:13px; border:2px solid currentColor; border-radius:50%; }
  .magnifier::after { content:''; position:absolute; width:6px; height:2px; right:-5px; bottom:-2px; background:currentColor; transform:rotate(45deg); border-radius:2px; }
  .zoom-dialog { width:100vw; height:100dvh; max-width:none; max-height:none; margin:0; padding:0; border:0; background:#f2f0e9; }
  .zoom-dialog[open] { display:block; }
  .zoom-dialog::backdrop { background:rgb(3 6 35 / 75%); }
  .zoom-toolbar { position:sticky; top:0; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:10px; height:54px; padding:0 13px; background:#faf8f2; border-bottom:1px solid rgb(9 20 95 / 17%); font:500 .72rem Arial,sans-serif; }
  .zoom-close { flex:none; padding:8px 11px; border:1px solid rgb(9 20 95 / 25%); border-radius:999px; color:var(--navy); background:white; font:700 .75rem Arial,sans-serif; }
  .zoom-viewport { width:100%; height:calc(100dvh - 54px); overflow:auto; touch-action:pan-x pan-y pinch-zoom; }
  .zoom-content { width:1086px; min-height:100%; margin:0; background:#efedf2 url('assets/papel-continuo.png') center top / 100% auto repeat-y; }
  .zoom-content .artwork { width:1086px; }
  .zoom-content .reels-top { mask-image:linear-gradient(to bottom,transparent 0,transparent 16.2cqw,#000 16.4cqw,#000 calc(100% - 24px),transparent 100%); }
  .zoom-content .reels-bottom { mask-image:linear-gradient(to bottom,transparent 0,#000 24px); }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }