@font-face{font-family:UbuntuLocal;src:url('/fonts/UbuntuSans-variable.woff2?v=f12-20261020a') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:'Ubuntu Sans Mono';src:url('/fonts/UbuntuSansMono-Regular.woff2?v=f12-20261020a') format('woff2');font-weight:400;font-style:normal;font-display:swap}
:root{font-family:UbuntuLocal,Arial,Helvetica,sans-serif}
.page.image-backdrop .hero{background:url('/img/hero-mosaic.svg?v=f12-20261020a') center/cover}
.page .closing::before{background-image:url('/img/closing-mosaic.svg?v=f12-20261020a')}
.page .closing::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,28,34,.58),rgba(10,28,34,.18) 64%,transparent)}
.page .site-header .contact-link{background:var(--b2-petroleo-700);border-color:var(--b2-petroleo-700)}
.page .site-header .contact-link:hover{background:var(--b2-petroleo-600)}
.page .value-pair>div{border-top-color:var(--b2-petroleo-900)!important}
.page .buyer .button,.page .supplier .button{background:var(--b2-cobre-600)!important;color:var(--b2-areia-50)!important;border-color:var(--b2-cobre-600)!important}
.page .supplier .button{background:var(--b2-cobre-400)!important;color:var(--b2-petroleo-950)!important;border-color:var(--b2-cobre-400)!important}
.page .audience-path-base{stroke:var(--b2-cobre-400)!important}
.page .audience-path-active{stroke:var(--b2-cobre-400)!important}
.page .audience-path-head{fill:var(--b2-cobre-400)!important}
.page .vision-top{display:flex;justify-content:flex-end;align-items:center;gap:16px}
.page .vision-top span{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--b2-areia-50);box-sizing:border-box;flex:none}
.page .vision-toggle{width:44px;height:44px;padding:0;display:inline-grid;place-items:center;background:var(--b2-areia-50);border:1px solid var(--b2-areia-50);color:var(--b2-petroleo-900);cursor:pointer;flex:none}
.page .vision-toggle::before{content:"";display:block;width:18px;height:20px;background:linear-gradient(90deg,currentColor 0 6px,transparent 6px 12px,currentColor 12px 18px)}
.page .vision-toggle[data-state="paused"]::before{width:0;height:0;background:none;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:18px solid currentColor;margin-left:4px}
.page .vision-toggle:hover{background:var(--b2-areia-200)}
.page .trap{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.page .no-js-help{display:none}
.page:not(.js) .no-js-help{display:block}
.page:not(.js) .form-fields[hidden]{display:grid}
.page:not(.js) .submit-button{display:none}
.page:not(.js) .vision-toggle{display:none}
.page:not(.js) .page-bridge .bridge-line,.page:not(.js) .next::before{transform:none!important}
.page:not(.js) .vision-pillar li::before{content:'✓';color:#73AF7F}
.page:not(.js) .accumulation-squares{display:none}
#contato,#como-funciona,#visao,#quem-compra,#quem-fornece,#perguntas{scroll-margin-top:110px}
@media(min-width:721px) and (max-width:1180px){.page .hero .subtitle{max-width:480px}.page .closing h2,.page .closing p{max-width:520px}}
@media(max-width:720px){.page.image-backdrop .hero{background:url('/img/hero-mosaic-mobile.svg?v=f12-20261020a') center/cover}.page .closing::before{background-image:url('/img/closing-mosaic-mobile.svg?v=f12-20261020a');background-position:center;background-size:cover}.page .closing::after{background:rgba(10,28,34,.23)}.page:not(.js) .form-fields[hidden]{display:block}.page .vision-top{flex-wrap:wrap}}
@media(max-width:350px){.page .site-header .brand img{width:190px}.page .profile-choice{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.page .vision-toggle{display:none}.page .vision-cloud span{animation:none!important}.page .vision.is-active .vision-cloud span{animation:none!important}.page .closing::before{transform:none!important}}
.page:not(.js) .audience-path{display:none}
.page:not(.js) .audience-pair::before{content:"";position:absolute;z-index:3;left:20px;top:0;bottom:0;width:2px;background:var(--b2-cobre-400)}
.page:not(.js) .vision-cloud{display:block;position:absolute;left:35%;right:0;top:45px;height:15px;background:repeating-linear-gradient(90deg,var(--b2-cobre-400) 0 6px,transparent 6px 10px)}
.page:not(.js) .accumulation-squares{display:block;min-width:180px;height:10px;background:repeating-linear-gradient(90deg,var(--b2-cobre-400) 0 7px,transparent 7px 11px)}

/* F8 rodada 2 */
.error-page{max-width:760px;margin:12vh auto;padding:20px}.error-page h1{font-size:clamp(38px,7vw,64px)}.error-page p{font-size:20px}.error-page a{color:var(--cor-link)}
.page .required-note{font-size:14px!important;margin:10px 0 0;color:var(--cor-texto-secundario)}
.page .site-footer picture{display:block;width:380px;max-width:100%}.page .site-footer picture img{width:100%}
.page .submit-button:disabled{background:var(--b2-ardosia-600);color:var(--b2-areia-50);cursor:wait}
.page .sending-modules{display:none;gap:5px;margin-left:12px}.page .sending-modules i{display:block;width:7px;height:7px;background:currentColor}.page .submit-button.is-sending .sending-modules{display:inline-flex}
@media(max-width:720px){.page:not(.js) .menu-button{display:none}.page:not(.js) .desktop-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 16px;font-size:12px}.page:not(.js) .site-header{height:auto;min-height:76px;flex-wrap:wrap;padding-block:8px}.page .site-footer picture{width:340px}}
@media(max-width:359px){.page .site-footer picture{width:240px}}
.page .form-fields .field-group{min-width:0}.page .form-fields .field-group:nth-child(n+4){grid-column:1/-1}.page .form-fields .field-group:has(>label[hidden]){display:none}.page .form-fields .field-group>small{display:block;margin-top:8px;font-size:14px;line-height:1.4;color:var(--cor-texto-secundario);font-weight:400}.page .form-fields .field-group>.field-error{display:block}
@media(max-width:720px){.page .form-fields .field-group{margin-bottom:24px}.page .form-fields .field-group>label{margin-bottom:0}}
.page .form-fields .field-group:has(>.trap){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}