@font-face{font-family:"Inter";src:url("/assets/inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"Kalam";src:url("/assets/kalam.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{
  --carvao:#181C1A;--carvao2:#202622;--carvao3:#2A312C;
  --marfim:#F3ECE2;--marfim2:#EAE1D4;--papel:#FBF7F1;
  --cobre:#A85C3A;--cobre-claro:#D7A06D;
  --texto:#1D221F;--texto2:#4A514C;
  --linha:#D9CFC1;--linha-esc:#39413B;
  --pad:clamp(20px,5vw,72px);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.65;color:var(--texto);background:var(--papel);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-weight:700;line-height:1.12;letter-spacing:-.02em;margin:0}
p{margin:0}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--cobre-claro);outline-offset:3px;border-radius:2px}
.light :focus-visible{outline-color:var(--cobre)}
.skip{position:absolute;left:12px;top:-80px;background:var(--marfim);color:var(--carvao);padding:12px 18px;min-height:44px;z-index:100;font-weight:600;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--pad)}
section{padding-block:clamp(64px,9vw,128px)}
.dark{background:var(--carvao);color:var(--marfim)}
.dark .muted{color:#cfc7ba}
.light{background:var(--papel)}
.alt{background:var(--marfim)}
.muted{color:var(--texto2)}

/* Header */
header.site{position:sticky;top:0;z-index:50;background:var(--carvao);border-bottom:1px solid var(--linha-esc)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px}
.brand{display:flex;align-items:center;min-height:44px}
.brand img{width:150px;aspect-ratio:2048/677}
nav.main ul{display:flex;gap:6px;align-items:center}
nav.main a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;color:var(--marfim);text-decoration:none;font-size:15px;font-weight:500}
nav.main a:hover{color:var(--cobre-claro)}
nav.main a.nav-cta{border:1px solid var(--cobre-claro);color:var(--cobre-claro);margin-left:8px}
nav.main a.nav-cta:hover{background:var(--cobre-claro);color:var(--carvao)}
.menu-btn{display:none;min-height:44px;min-width:44px;padding:0 16px;background:transparent;color:var(--marfim);border:1px solid var(--linha-esc);font:inherit;font-size:15px;font-weight:600;cursor:pointer}

/* Buttons */
.btns{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font-weight:600;font-size:16px;text-decoration:none;border:1.5px solid transparent;transition:background .2s,color .2s,border-color .2s}
.btn-primary{background:var(--cobre);color:#fff}
.btn-primary:hover{background:#8f4c2e}
.dark .btn-primary{background:var(--cobre-claro);color:var(--carvao)}
.dark .btn-primary:hover{background:#e6b684}
.btn-ghost{border-color:currentColor;background:transparent}
.dark .btn-ghost{color:var(--marfim);border-color:#6b7369}
.dark .btn-ghost:hover{border-color:var(--cobre-claro);color:var(--cobre-claro)}
.light .btn-ghost:hover,.alt .btn-ghost:hover{border-color:var(--cobre);color:var(--cobre)}

/* Hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(72px,11vw,160px);background:var(--carvao) url("/assets/sp-portal-reveal-v2-poster-mobile.webp") center/cover no-repeat;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(24,28,26,.96) 0%,rgba(24,28,26,.88) 55%,rgba(24,28,26,.5) 100%)}
@media(min-width:760px){.hero{background-image:url("/assets/sp-portal-reveal-v2-poster-desktop.webp")}}
.hero .content{max-width:760px}
.hero h1{font-size:clamp(2.1rem,5.4vw,4rem);color:var(--marfim);font-weight:700}
.hero .lead{margin-top:28px;font-size:clamp(1.05rem,1.6vw,1.2rem);max-width:62ch;color:#e4dccf}
.hero .btns{margin-top:36px}
.nota{margin-top:20px;font-family:"Kalam","Inter",cursive;font-size:1.3rem;color:var(--cobre-claro);line-height:1.3}

/* Section heads */
.eyebrow{display:block;width:44px;height:3px;background:var(--cobre);margin-bottom:28px}
.dark .eyebrow{background:var(--cobre-claro)}
h2{font-size:clamp(1.8rem,3.8vw,3rem);max-width:20ch}
.intro{margin-top:24px;max-width:62ch}

/* Situações */
.sit-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(32px,6vw,96px);align-items:start}
.sit-list{border-top:1px solid var(--linha);margin-top:32px}
.sit-list li{padding:22px 0;border-bottom:1px solid var(--linha)}
.sit-list strong{display:block;font-size:1.12rem;font-weight:650;margin-bottom:4px}
.sit-list span{color:var(--texto2)}
.fecho{margin-top:32px;font-weight:600;max-width:52ch;border-left:3px solid var(--cobre);padding-left:18px}

/* Método */
.steps{margin-top:56px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--linha-esc)}
.step{padding:28px clamp(16px,2.4vw,32px) 8px 0}
.step+.step{padding-left:clamp(16px,2.4vw,32px);border-left:1px solid var(--linha-esc)}
.step h3{font-size:1.5rem;color:var(--cobre-claro);margin-bottom:12px}
.step p{color:#d8d0c3}

.supervisao{margin-top:clamp(48px,7vw,88px);background:var(--marfim);color:var(--texto);padding:clamp(28px,5vw,64px);border-left:8px solid var(--cobre);display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,4vw,64px);align-items:start}
.supervisao h3{font-size:clamp(1.55rem,3.2vw,2.5rem);line-height:1.15}
.supervisao p{color:var(--texto2)}

/* Exemplo */
.ex-grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(32px,6vw,88px);margin-top:48px;align-items:start}
.hip{display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.03em;border:1px dashed var(--cobre);color:var(--cobre);padding:6px 12px;margin-bottom:20px}
.ex-text p+p{margin-top:18px}
.combinados{background:var(--papel);border:1px solid var(--linha);padding:clamp(24px,3vw,36px)}
.combinados h3{font-size:1.15rem;margin-bottom:16px}
.combinados li{padding:12px 0 12px 22px;position:relative;border-top:1px solid var(--linha)}
.combinados li::before{content:"";position:absolute;left:0;top:1.35em;width:8px;height:8px;background:var(--cobre)}

/* Ofertas */
.ofertas{margin-top:56px;border-top:1px solid var(--linha-esc)}
.oferta{display:grid;grid-template-columns:4fr 6fr auto;gap:clamp(16px,4vw,56px);align-items:center;padding:36px 0;border-bottom:1px solid var(--linha-esc)}
.oferta h3{font-size:clamp(1.4rem,2.4vw,1.9rem)}
.oferta p{color:#d8d0c3}
.oferta a.lnk{display:inline-flex;align-items:center;min-height:44px;color:var(--cobre-claro);font-weight:600;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1.5px}
.oferta a.lnk:hover{color:var(--marfim)}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(32px,6vw,96px)}
details{border-bottom:1px solid var(--linha)}
details:first-of-type{border-top:1px solid var(--linha)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:14px 0;font-weight:600;font-size:1.05rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:1.6rem;line-height:1;color:var(--cobre);flex:none}
details[open] summary::after{content:"−"}
details p{padding:0 0 22px;max-width:60ch;color:var(--texto2)}

/* Convite */
.convite{text-align:left}
.convite h2{color:var(--marfim);max-width:16ch}
.convite .intro{color:#e0d8cb}
.convite .btns{margin-top:36px}
.prev{margin-top:20px;font-size:.88rem;color:#b9b2a5}
.prev a{display:inline-flex;align-items:center;min-height:44px}

footer{background:var(--carvao);border-top:1px solid var(--linha-esc);padding:36px 0;color:#cfc7ba;font-size:.92rem}
footer .wrap{display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
footer img{width:130px;aspect-ratio:2048/677}

/* Mobile */
@media(max-width:900px){
  .sit-grid,.ex-grid,.faq-grid,.supervisao{grid-template-columns:1fr}
  .oferta{grid-template-columns:1fr;gap:12px;padding:30px 0}
  .steps{grid-template-columns:1fr}
  .step,.step+.step{padding:24px 0;border-left:0}
  .step+.step{border-top:1px solid var(--linha-esc)}
  .menu-btn{display:inline-flex;align-items:center}
  nav.main{position:absolute;left:0;right:0;top:100%;background:var(--carvao);border-bottom:1px solid var(--linha-esc);display:none}
  nav.main.open{display:block}
  nav.main ul{flex-direction:column;align-items:stretch;padding:12px var(--pad) 20px;gap:0}
  nav.main a{padding:0;border-bottom:1px solid var(--linha-esc)}
  nav.main a.nav-cta{margin:14px 0 0;justify-content:center;border:1px solid var(--cobre-claro)}
  .brand img{width:132px}
}
@media(max-width:480px){
  body{font-size:17px}
  .btn{width:100%}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}
.h1-destaque{color:var(--cobre-claro)}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center;z-index:-2;opacity:0;transition:opacity .4s ease;pointer-events:none}.hero-video.is-on{opacity:1}.hero::before{background:linear-gradient(90deg,rgba(24,28,26,.95) 0%,rgba(24,28,26,.88) 72%,rgba(24,28,26,.72) 100%)}.hero h1,.hero .lead,.hero .nota{text-shadow:0 1px 2px rgba(24,28,26,.45)}@media(max-width:759px){.hero-video{object-position:72% center}.hero::before{background:rgba(24,28,26,.88)}}.btn,.menu-btn,nav.main a.nav-cta{border-radius:10px}.combinados,.supervisao{border-radius:12px}.btn:hover{transform:translateY(-1px)}.btn:active{transform:none}.btn,.menu-btn,nav.main a,.oferta a.lnk{transition:background .2s,color .2s,border-color .2s,transform .15s}.menu-btn:hover{border-color:var(--cobre-claro);color:var(--cobre-claro)}.hip{border:0;border-left:3px solid var(--cobre);padding:2px 0 2px 10px;font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--texto2)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.step{border-radius:10px;transition:background .2s}.step.ativo{background:rgba(215,160,109,.09)}.step-btn{margin-top:16px;display:inline-flex;align-items:center;min-height:44px;padding:0 18px;font:inherit;font-size:15px;font-weight:600;color:var(--cobre-claro);background:transparent;border:1.5px solid var(--cobre-claro);border-radius:10px;cursor:pointer;transition:background .2s,color .2s}.step-btn:hover{background:rgba(215,160,109,.16)}.step-btn[aria-pressed=true]{background:var(--cobre-claro);color:var(--carvao)}.js-ex .ex-text p{border-left:3px solid transparent;padding-left:14px;border-radius:0 10px 10px 0;transition:background .25s,border-color .25s}.js-ex .ex-text p.ex-ativo{border-left-color:var(--cobre);background:rgba(168,92,58,.1)}.combinados{transition:box-shadow .25s,border-color .25s}.combinados.ex-ativo{border-color:var(--cobre);box-shadow:0 0 0 2px var(--cobre)}

/* Integration: real form/legal footer/analytics styles only. */
:root{--ink:var(--texto);--ink-soft:var(--texto2);--line-light:var(--linha);--line-dark:var(--linha-esc);--on-dark:var(--marfim);--on-dark-soft:#C9C3B8;--marfim-2:var(--marfim2)}
.form{ background: var(--marfim); color: var(--ink); border-radius: 14px; padding: clamp(22px, 3vw, 32px); display: grid; gap: 16px; }
.form h3{ font-size: 20px; }
.form .row{ display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.field{ display: grid; gap: 6px; }
.field label{ font-size: 14px; font-weight: 600; }
.field label small{ font-weight: 400; color: var(--ink-soft); }
.field input, .field select, .field textarea{
  font: 16px/1.4 Inter, system-ui, sans-serif; color: var(--ink);
  background: var(--papel); border: 1.5px solid var(--line-light); border-radius: 8px; padding: 12px 14px; width: 100%;
}
.field textarea{ min-height: 110px; resize: vertical; }
.field input:focus, .field select:focus, .field textarea:focus{ outline: none; border-color: var(--cobre); box-shadow: 0 0 0 3px rgba(168,92,58,.18); }
.consent{ display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--ink-soft); }
.consent input{ margin-top: 3px; width: 18px; height: 18px; accent-color: var(--cobre); flex: none; }
.form .btn{ width: 100%; }
.form-status{ font-size: 14px; color: var(--ink-soft); min-height: 1.4em; }
.footer{ background: #111412; color: var(--on-dark-soft); padding-block: 56px 36px; font-size: 14.5px; }
.footer .wrap{ display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 32px; }
.footer img{ height: 44px; width: auto; margin-bottom: 14px; }
.footer h4{ color: var(--on-dark); font-size: 14px; margin-bottom: 12px; letter-spacing: .02em; }
.footer ul{ list-style: none; display: grid; gap: 8px; }
.footer a{ text-decoration: none; }
.footer a:hover{ color: var(--on-dark); text-decoration: underline; }
.footer .legal{ grid-column: 1 / -1; border-top: 1px solid var(--line-dark); padding-top: 22px; margin-top: 8px; display: flex; flex-wrap: wrap; gap: 8px 24px; font-size: 13px; }
.form-review{ background: var(--papel); border: 1.5px solid var(--cobre); border-radius: 10px; padding: 16px 18px; }
.form-review[hidden]{ display: none; }
.form-review h4{ font-size: 16px; margin-bottom: 4px; }
.form-review p{ font-size: 14.5px; color: var(--ink-soft); }
.hp{ position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form button[disabled]{ opacity: .75; cursor: default; transform: none; }
.form-note{ font-size: 13.5px; color: var(--ink-soft); }
.analytics-preferences{ background: none; border: 0; padding: 0; color: inherit; font: inherit; cursor: pointer; text-align: left; }
.analytics-preferences:hover{ color: var(--on-dark); text-decoration: underline; }
.analytics-choice{ position: fixed; z-index: 90; bottom: 18px; left: 18px; max-width: 620px; width: calc(100% - 36px); max-height: calc(100dvh - 130px); overflow: auto; background: var(--marfim); color: var(--ink); padding: 22px; border: 1px solid var(--line-light); border-radius: 12px; box-shadow: 0 12px 40px rgba(0,0,0,.28); }
.analytics-choice[hidden]{ display: none; }
.analytics-choice h2{ font-size: 20px; margin-bottom: 8px; }
.analytics-choice p{ font-size: 14px; line-height: 1.6; color: var(--ink-soft); }
.analytics-choice a{ color: var(--cobre); text-decoration: underline; }
.analytics-actions{ display: flex; gap: 10px; margin: 14px 0 10px; }
.analytics-actions button{ flex: 1; min-height: 46px; padding: 10px 14px; border-radius: 8px; border: 1.5px solid var(--ink); background: transparent; color: var(--ink); font: 600 14px Inter, system-ui, sans-serif; cursor: pointer; }
.analytics-actions button:hover{ background: var(--marfim-2); }
.analytics-choice small{ display: block; font-size: 12.5px; color: var(--ink-soft); }
.home-request{margin-top:40px;max-width:720px;scroll-margin-top:96px}.form{text-align:left}.form input,.form textarea,.form select{box-sizing:border-box}.form h3{font-size:20px}.form .btn-dark{background:var(--carvao);color:var(--marfim);border:0;width:100%;font-family:inherit;cursor:pointer}.form input:focus-visible,.form textarea:focus-visible,.form select:focus-visible,.form button:focus-visible,.form a:focus-visible,.alt :focus-visible{outline:3px solid #78472c;outline-offset:3px}.form .consent a{color:var(--texto);text-decoration:underline}.form-review[hidden]{display:none}.footer .wrap{width:auto}.brand img,footer img{aspect-ratio:auto;height:auto}.footer h4{margin:0}.footer .analytics-preferences{border:0;background:none;color:inherit;font:inherit;text-align:left;padding:0;cursor:pointer}.anchor-alias{display:block;height:0;scroll-margin-top:84px}@media(max-width:900px){.footer .wrap{grid-template-columns:1fr}.form .row{grid-template-columns:1fr}}@media(max-width:520px){.analytics-choice{left:12px;bottom:12px;width:calc(100% - 24px);max-height:60dvh}.analytics-actions{flex-wrap:wrap}.analytics-actions button{flex:1;min-width:120px}}

/* Notebook height is the usable viewport, not the physical screen. */
@media(min-width:901px) and (max-height:950px){
 .hero{min-height:calc(100svh - 73px);padding-block:40px;display:flex;align-items:center}
 .hero>.wrap{width:100%}
 .hero h1{font-size:clamp(2.5rem,4.3vw,3.5rem)}
 .hero .lead{font-size:18px;line-height:1.6;max-width:none;margin-top:20px}
 .hero .btns{margin-top:28px}
 .hero .nota{font-size:20px;margin-top:16px}
}
@media(min-width:901px) and (max-height:650px){
 .hero{padding-block:20px}
 .hero h1{font-size:clamp(2.1rem,3.5vw,2.75rem)}
 .hero .lead{font-size:16px;line-height:1.5;margin-top:16px}
 .hero .btns{margin-top:20px}
 .hero .btn{min-height:48px}
 .hero .nota{font-size:18px;margin-top:12px}
}

@media(max-width:900px){.no-js .menu-btn{display:none}.no-js nav.main{display:block;position:static}.no-js .bar{flex-wrap:wrap}.no-js nav.main{width:100%}.no-js nav.main ul{padding-inline:0}}

/* Marcas: três grupos idênticos mantêm a emenda contínua inclusive em telas largas. */
.marcas{--marca-largura:192px;--marca-altura:124px;background:var(--marfim);padding-block:40px 44px;border-bottom:1px solid var(--linha)}
.marcas-cabecalho{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.marcas-traco{flex:none;width:32px;height:2px;background:var(--cobre)}
.marcas h2{font-size:clamp(1.25rem,2.2vw,1.65rem);max-width:none;letter-spacing:-.025em}
.marcas-janela{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 64px,#000 calc(100% - 64px),transparent)}
.marcas-trilha{display:flex;width:max-content;animation:marcas-continuas 64s linear infinite}
.marcas-grupo{display:flex;flex:none;gap:16px;padding:0 16px 0 0;margin:0;list-style:none}
.marcas-card{display:flex;align-items:center;justify-content:center;flex:0 0 var(--marca-largura);width:var(--marca-largura);height:var(--marca-altura);padding:16px;background:#fff;border:1px solid rgba(57,65,59,.1);border-radius:14px}
.marcas-card img{width:100%;height:100%;max-width:160px;max-height:84px;object-fit:contain}
.marca-simone-joias img{width:47px;height:72px}
.marca-comunnik img{width:76px;height:76px}
.marca-monesi img{width:76px;height:76px}
.marca-dr-esporte{background:#0a132b;padding:0}
.marca-dr-esporte img{width:85px;height:124px;max-height:none}
.marca-oferta-por-minuto img{max-height:96px}
.marca-fricarne{padding:4px}
.marca-fricarne img{max-height:112px}
@keyframes marcas-continuas{to{transform:translateX(calc(-100% / 3))}}
@media(max-width:600px){
  .marcas{--marca-largura:164px;--marca-altura:112px;padding-block:32px 36px}
  .marcas-cabecalho{gap:12px;margin-bottom:20px}
  .marcas-traco{width:24px}
  .marcas-janela{mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
  .marcas-card{padding:14px;border-radius:12px}
  .marca-dr-esporte{padding:0}
  .marca-fricarne{padding:4px}
  .marca-dr-esporte img{height:110px;width:76px}
}
@media(prefers-reduced-motion:reduce){
  .marcas-janela{overflow:visible;mask-image:none;max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
  .marcas-trilha{display:block;width:auto;animation:none;transform:none}
  .marcas-grupo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,144px),1fr));gap:16px;padding:0}
  .marcas-grupo[aria-hidden="true"]{display:none}
  .marcas-card{width:100%;min-width:0}
}