@font-face{font-family:Archivo;src:url('assets/archivo-500.woff2') format('woff2');font-weight:400 600;font-display:swap}@font-face{font-family:Archivo;src:url('assets/archivo-700.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--blue:#0e48e6;--paper:#f7f5ef;--ink:#111318;--muted:#c5d4ff;--line:#ffffff36}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y mandatory}body{margin:0;background:var(--blue);color:var(--paper);font-family:Archivo,Arial,sans-serif;font-weight:500;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid white;outline-offset:5px}svg{width:20px;height:20px;flex:none}header{position:fixed;inset:0 0 auto;z-index:5;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;background:var(--blue);border-bottom:1px solid var(--line)}.logo{display:block;width:150px;height:auto}header nav{display:flex;gap:30px}header nav a{min-height:44px;display:flex;align-items:center;font-size:12px;position:relative;opacity:.8}header nav a:hover,header nav a[aria-current]{opacity:1}header nav a[aria-current]:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--paper)}.header-cta{border:1px solid #ffffff70;border-radius:6px;min-height:42px;padding:0 16px;display:flex;align-items:center;gap:20px;font-size:12px}.header-cta:hover{background:#ffffff12}
main>section{scroll-snap-align:start;min-height:100svh;position:relative}.hero{display:grid;grid-template-columns:.8fr 1.2fr;gap:5%;align-items:center;padding:120px 5% 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.15em;line-height:1.5;margin:0 0 20px;text-transform:uppercase}.eyebrow span{display:inline-block;margin-right:14px;padding-right:14px;border-right:1px solid #ffffff70;color:var(--muted)}h1,h2{margin:0;font-weight:700;letter-spacing:-.035em;line-height:1.06}h1{font-size:clamp(36px,4.3vw,64px)}h2{font-size:clamp(30px,3.2vw,46px)}em{font-style:normal;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:50px;padding:0 20px;border-radius:6px;font-size:13px;font-weight:700;transition:background .18s,transform .18s}.primary{background:var(--paper);color:#0f46d8;border:1px solid var(--paper);box-shadow:0 2px 0 #00185935}.primary:hover{background:white;transform:translateY(-2px)}.button svg{transition:transform .18s}.button:hover svg{transform:translateX(3px)}.hero .button,.closing .button{margin-top:32px}.hero-screen{margin:0;justify-self:center;width:100%}.hero-screen img{display:block;width:100%;height:auto;max-height:69svh;object-fit:contain;filter:drop-shadow(0 18px 28px #00176230)}.hero-bottom{position:absolute;bottom:27px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.14em;color:var(--muted)}
.scene{height:100svh;min-height:640px;padding:106px 6% 32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.section-heading{text-align:center;flex:none}.section-heading .eyebrow{margin-bottom:12px}.screen{margin:0;min-height:0;flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-height:57svh}.screen img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:1px solid #ffffff45;border-radius:12px;box-shadow:0 18px 35px #00176228}.screen-toolbar{width:min(850px,100%);display:flex;align-items:center;justify-content:space-between;flex:none;border-top:1px solid var(--line);padding-top:12px;font-size:10px;font-weight:700;letter-spacing:.03em}.slash{margin:0 10px;opacity:.5}.zoom-button{display:inline-flex;align-items:center;gap:9px;background:transparent;border:1px solid #ffffff70;border-radius:6px;color:var(--paper);min-height:40px;padding:0 13px;font-size:11px;transition:background .18s}.zoom-button svg{width:15px;height:15px}.zoom-button:hover{background:#ffffff16;border-color:white}.closing{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:110px 6% 70px}.closing h2{font-size:clamp(32px,4vw,56px)}footer{margin:0 5%;padding:24px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px}footer span{color:var(--muted)}footer img{object-fit:contain}
.skip{position:fixed;top:-70px;left:20px;z-index:20;background:var(--paper);color:var(--blue);padding:12px}.skip:focus{top:12px}dialog{padding:0;width:min(1500px,96vw);max-height:94svh;border:1px solid #ffffff40;border-radius:12px;background:var(--ink);color:var(--paper);box-shadow:0 25px 90px #0006}dialog::backdrop{background:#071333df}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;background:var(--ink);position:sticky;top:0;font-size:12px;z-index:1}.dialog-bar button{border:1px solid #ffffff65;border-radius:6px;background:transparent;color:white;min-height:40px;padding:0 14px;display:flex;gap:25px;align-items:center;font-size:12px}.dialog-bar button span{font-size:24px}.dialog-image{overflow:auto}.dialog-image img{display:block;width:100%;height:auto}body.modal-open{overflow:hidden}
@media(max-width:760px){header{height:70px;padding:0 6%}.logo{width:122px}header nav{display:none}.header-cta{font-size:10px;padding:0 11px;gap:12px;min-height:38px}.header-cta svg{width:16px}.hero{display:flex;flex-direction:column;justify-content:center;padding:100px 6% 65px;gap:34px}.hero .copy{text-align:center}h1{font-size:clamp(34px,9vw,52px)}.eyebrow{font-size:9px}.hero .button{margin-top:24px}.hero-screen{width:100%}.hero-screen img{max-height:38svh}.hero-bottom{font-size:7px;left:6%;right:6%}.scene{min-height:590px;padding:96px 6% 32px;gap:22px}.scene h2{font-size:clamp(25px,6.7vw,38px)}.screen{flex:0 1 auto;width:100%;max-height:52svh}.screen img{max-width:100%;max-height:47svh;border-radius:8px}.screen-toolbar{margin-top:4px;font-size:9px}.zoom-button{font-size:10px;min-height:42px}.closing h2{font-size:clamp(29px,7.2vw,40px)}footer{flex-wrap:wrap;gap:20px}footer span{order:3;width:100%;font-size:10px}.dialog-bar{padding:12px;font-size:10px}.dialog-image img{width:max(100%,850px)}}
@media(max-height:650px) and (min-width:761px){.scene{min-height:100svh;padding-top:94px;gap:10px}.scene h2{font-size:28px}.section-heading .eyebrow{margin-bottom:6px}.screen{max-height:49svh}.screen-toolbar{padding-top:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;scroll-snap-type:none}*{transition:none!important}}

/* Tela protagonista: frase acima, captura integral no centro da dobra. */
.hero{height:100svh;min-height:640px;display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;gap:18px;padding:103px 6% 24px;text-align:center}
.hero .eyebrow{margin-bottom:10px}h1{font-size:clamp(32px,3.2vw,46px)}
.hero-screen{display:flex;align-items:center;justify-content:center;min-height:0;height:100%;width:100%}
.hero-screen img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border:1px solid #ffffff45;border-radius:12px}
.hero-bottom{position:static;display:flex;justify-content:space-between;gap:15px}
.scene{display:grid;grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;gap:16px;padding:104px 6% 24px}
.section-heading{width:100%}.scene h2{font-size:clamp(28px,3vw,42px)}
.screen{height:100%;max-height:none}.screen img{max-height:100%}
@media(max-width:760px){.hero{min-height:590px;padding:92px 6% 25px;gap:22px;grid-template-rows:auto minmax(0,1fr) auto}.hero h1{font-size:clamp(29px,8vw,40px)}.hero-screen img{max-height:100%}.scene{min-height:590px;padding:94px 6% 25px;gap:22px}.scene h2{font-size:clamp(25px,6.7vw,38px)}.screen{max-height:none}.screen img{max-height:100%}.hero-bottom{font-size:7px}}

main>section{scroll-snap-stop:always}

/* Captura longa estática: apenas o trecho inicial, em largura legível. */
#historico .history-viewport{display:block;width:min(1160px,100%);height:100%;max-height:none;overflow:clip;border:1px solid #ffffff65;border-radius:12px;background:#111318;box-shadow:0 18px 35px #00176228;scrollbar-color:#8c9fc7 #111a35;scrollbar-width:auto}
.history-viewport picture{display:block;width:100%}
#historico .history-viewport img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:initial;border:0;border-radius:0;box-shadow:none}
#historico .screen-toolbar{width:min(1160px,100%)}
.history-viewport:focus-visible{outline:3px solid white;outline-offset:4px}
@media(max-width:760px){#historico .history-viewport{width:100%;border-radius:8px}#historico .screen-toolbar{font-size:8px;gap:10px}}

/* Abertura própria: visão geral, sem repetir estoque. */
.hero .overview-viewport{display:block;width:min(1160px,100%);height:100%;overflow:clip;border:1px solid #ffffff65;border-radius:12px;background:#111318;scrollbar-color:#8c9fc7 #111a35}
.overview-viewport picture{display:block;width:100%}
.hero .overview-viewport img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:initial;border:0;border-radius:0;filter:none}
.overview-viewport:focus-visible{outline:3px solid white;outline-offset:4px}

/* A imagem não recebe rolagem: o gesto continua navegando pela LP. */
#historico .history-viewport,.hero .overview-viewport{overflow:clip}
dialog.preview-long .dialog-image{height:70svh;overflow:clip}
dialog.preview-long .dialog-image img{width:100%;height:auto;max-width:none}
@media(max-width:760px){.dialog-image img{width:100%}}

/* Uma única geometria para todas as telas, inclusive a abertura. */
.hero,.scene{height:100svh;min-height:640px;grid-template-rows:120px minmax(0,1fr) 44px;padding:104px 6% 24px;gap:16px}
.hero .copy,.section-heading{align-self:center}
.hero .overview-viewport,.scene .screen,#historico .history-viewport{display:block;width:min(1160px,100%);height:100%;min-height:0;max-height:none;margin:0 auto;overflow:clip;border:1px solid #ffffff65;border-radius:12px;background:#111318;box-shadow:0 18px 35px #00176228}
.hero .overview-viewport img,.scene .screen img,#historico .history-viewport img{display:block;width:100%;height:auto;max-width:none;max-height:none;object-fit:initial;border:0;border-radius:0;box-shadow:none;filter:none}
.hero-bottom,.scene .screen-toolbar,#historico .screen-toolbar{width:min(1160px,100%);height:44px;align-self:center;align-items:center;justify-self:center;padding-top:0;margin:0}
@media(max-width:760px){.hero,.scene{min-height:590px;grid-template-rows:136px minmax(0,1fr) 44px;padding:92px 6% 24px;gap:18px}.hero .overview-viewport,.scene .screen,#historico .history-viewport{border-radius:8px}}
@media(max-width:760px){.hero .overview-viewport,.scene .screen,#historico .history-viewport{height:auto;aspect-ratio:16/10;max-height:100%;align-self:center}}

/* Catálogo navegável no vocabulário visual do produto BUSKAR. */
.hero h1{font-size:clamp(29px,3vw,43px)}
.catalog-section{padding:104px 6% 42px;display:flex;flex-direction:column;justify-content:center;gap:24px}
.catalog-section .section-heading h2{font-size:clamp(28px,3vw,42px)}
.catalog-shell{width:min(1160px,100%);margin:0 auto;border:1px solid #ffffff45;border-radius:12px;overflow:hidden;background:#f3f1eb;box-shadow:0 18px 35px #00176228;color:#111318}
.catalog-top{height:48px;background:#101725;color:#d6dce8;display:flex;align-items:center;gap:16px;padding:0 22px;font-size:11px}.catalog-mark{display:grid;place-items:center;width:25px;height:25px;background:#0f46d8;border-radius:5px;color:white;font-size:18px;font-weight:700}.catalog-label{margin-left:auto;font-size:9px;letter-spacing:.12em;color:#aab7d1}
.catalog-body{padding:24px}.catalog-intro{padding:18px 22px;background:#fff;border:1px solid #dededb;border-radius:12px;box-shadow:0 5px 12px #10172505}.catalog-intro h3{margin:0 0 7px;font-size:23px;letter-spacing:-.035em}.catalog-intro p{margin:0;color:#676b73;font-size:12px;line-height:1.5}
.catalog-tabs{display:flex;gap:5px;margin:20px 0 17px;flex-wrap:wrap}.catalog-tabs button{min-height:40px;border:1px solid transparent;border-radius:6px;background:transparent;padding:0 14px;color:#676b73;font-size:11px;font-weight:700}.catalog-tabs button[aria-pressed=true]{background:#fff;border-color:#c4cfed;color:#0f46d8;box-shadow:0 2px 4px #10172508}.catalog-tabs button:hover{background:#e9eefb;color:#0f46d8}.catalog-tabs button:focus-visible{outline-color:#0f46d8}
.consultation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-height:242px}.consultation-card{background:#fff;border:1px solid #dededb;border-radius:12px;padding:17px 19px;box-shadow:0 4px 9px #10172504}.consultation-card .card-tag{font-size:8px;color:#0f46d8;letter-spacing:.1em;text-transform:uppercase;font-weight:700}.consultation-card h4{font-size:17px;margin:7px 0 8px;letter-spacing:-.025em}.consultation-card p{font-size:11px;line-height:1.55;color:#676b73;margin:0}.consultation-card.extra{background:#e9eefb;border-color:#ccd7f1;display:flex;flex-direction:column;justify-content:center}.consultation-card.extra a{font-size:11px;font-weight:700;color:#0f46d8;display:flex;justify-content:space-between;margin-top:13px}
.catalog-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;font-size:9px;color:#676b73;line-height:1.5}.catalog-foot a{font-size:11px;color:#0f46d8;font-weight:700;white-space:nowrap}.catalog-foot a:focus-visible,.consultation-card a:focus-visible{outline-color:#0f46d8}
@media(max-width:760px){.hero h1{font-size:clamp(25px,6.7vw,36px)}.catalog-section{padding:94px 6% 35px;height:auto;min-height:100svh;gap:26px}.catalog-section .section-heading h2{font-size:27px}.catalog-body{padding:16px}.catalog-label{display:none}.catalog-intro{padding:16px}.catalog-intro h3{font-size:22px}.catalog-tabs{gap:4px}.catalog-tabs button{font-size:10px;padding:0 9px;min-height:40px}.consultation-grid{grid-template-columns:1fr;min-height:0}.consultation-card{padding:17px}.consultation-card p{font-size:12px}.catalog-foot{align-items:flex-start;flex-direction:column;gap:12px}.catalog-section{scroll-snap-stop:normal}}