@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 100%;
  font-display: swap;
  src: url(../fonts/roboto-kfo7cnqeu92fr1me7ksn66agldtyluama3yuba.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: 'Roboto Condensed';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(../fonts/robotocondensed-ievl2zhzi2ecn5jzbjeets9weq8-19k7dq.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;
}

:root{--bg:#020F13;--green:#0ACD30;--link:#066E19}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:#7A7A7A;font-family:"Roboto",sans-serif;font-weight:300;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%;height:auto;border:0}
a{color:var(--link);text-decoration:none;transition:color .3s}
a:hover,a:focus{color:var(--green)}
h1,h2,h3{margin:.5rem 0 1rem;font-weight:500;line-height:1.2;color:var(--link)}
h3{font-size:1.75rem}
p{margin:0 0 .9rem}
.txt p:last-child,.contact-links p:last-child,.rights p:last-child{margin-bottom:0}
.inner{width:100%;max-width:1140px;margin:0 auto}

/* animações de entrada (equivalem às do Elementor) */
.reveal{opacity:0}
.reveal.in{opacity:1;animation-duration:1.25s;animation-fill-mode:both;animation-timing-function:ease}
.reveal.in.fade-left{animation-name:fadeInLeft}
.reveal.in.fade-right{animation-name:fadeInRight}
.reveal.in.fade-up{animation-name:fadeInUp}
@keyframes fadeInLeft{from{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInRight{from{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}
@keyframes fadeInUp{from{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;animation:none!important}}

/* hero */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:2em 0;background:url("../img/bg-brauliosilveira-quemsou.jpg") center/cover no-repeat}
.hero::before{content:"";position:absolute;inset:0;background:#000;opacity:.25}
.hero .inner{position:relative;display:flex;flex-wrap:wrap;align-items:center}
.hero .col{flex:0 0 50%;max-width:50%;padding:10px}
.hero h1{margin:0 0 20px;font-family:"Roboto Condensed",sans-serif;font-weight:300;font-size:2rem;line-height:1;color:#fff}
.hero h1 b{color:#0acd30;font-weight:700}
.hero .txt{font-weight:300;line-height:24px;color:#A7A7A7}
.hero .txt strong{font-weight:700}

/* marcas */
.brands{background:#102122;padding:2em 5em;overflow:hidden}
.brands .inner{display:flex;align-items:center;justify-content:center}
.brand{flex:0 0 25%;max-width:25%;min-width:0;display:flex;justify-content:center;align-items:center;padding:2em}
.brand a{display:block}
.brand img,.wordmark{transition:transform .3s}
.brand a:hover img,.brand a:hover .wordmark{transform:scale(1.1)}

/* marca IA nos Negócios (sem arquivo de logo: círculo + nome, como no cabeçalho do site da marca) */
@font-face{font-family:"Plus Jakarta Sans";src:url("../fonts/jakarta-latin-var.woff2") format("woff2");font-weight:400 800;font-style:normal;font-display:swap}
.wordmark{display:inline-flex;flex-direction:column;align-items:center;gap:12px;text-align:center;font-family:"Plus Jakarta Sans",Arial,sans-serif;font-weight:700;font-size:1.5rem;line-height:1.15;letter-spacing:-.02em;color:#fff}
.wordmark__mark{position:relative;flex:none;width:56px;height:56px;border:1px solid rgba(122,162,255,.5);border-radius:50%}
.wordmark__mark::after{content:"";position:absolute;inset:0;margin:auto;width:19px;height:19px;border-radius:50%;background:#1FB6FF;box-shadow:0 0 18px rgba(31,182,255,.55)}

/* contato e aviso */
.contact{padding:2em 0;overflow:hidden}
.contact .inner{display:flex;flex-direction:column;align-items:center;text-align:center}
.contact-links{margin:1em 0 20px;color:#AFAFAF}
.disclaimer{width:100%;margin:0;font-size:13px;color:#7A7A7A9E}

/* rodapé */
.rights{background:#000;padding:2em 0;overflow:hidden}
.rights .inner{text-align:center;color:#7A7A7ABF}

/* páginas legais */
.site-header{position:sticky;top:0;z-index:95;display:flex;align-items:center;min-height:100px;margin-bottom:5%;padding:0 8%;background:#152226}
.site-header .logo{flex:0 0 40%}
.site-header .logo img{width:100%;height:73px;object-fit:contain;object-position:left center}
.site-header nav{flex:1;display:flex;justify-content:flex-end;gap:30px;margin-right:20px}
.site-header nav a{font-family:"Roboto Condensed",sans-serif;font-size:16px;font-weight:500;line-height:1em;padding:5px 0;color:#0ccd34}
.site-header nav a:hover{color:#078920}
.btn{display:inline-flex;align-items:center;gap:.5em;padding:16px 45px;border-radius:10px;background:#0ccd34;color:#fff;font-size:16px;font-weight:700;line-height:1em}
.btn:hover,.btn:focus{background:#078920;color:#fff}
.btn .icon{width:1em;height:1em;fill:currentColor}
.legal-main{width:100%;max-width:1140px;margin:0 auto;padding:0 1em 4em}
.legal-main h1{margin:0 0 20px;color:#0ACD30;font-weight:600}
.legal-content{font-family:"Roboto Condensed",sans-serif;font-weight:300;color:#A2A2A2}
.legal-content strong{font-weight:700}

@media (max-width:1024px){
.hero{padding:2em}
.brands{padding:2em}
.brand{padding:0}
.contact,.rights{padding-left:2em;padding-right:2em}
.site-header{min-height:85px;padding:0 5%}
.site-header .logo{flex-basis:15%}
.site-header .logo img{height:27px}
.site-header nav a{font-size:14px}
.btn{font-size:14px;padding:14px 35px}
}
@media (max-width:767px){
.hero{padding:1.5em}
.hero .col{flex-basis:100%;max-width:100%}
.brands .inner{flex-wrap:wrap;justify-content:center}
.brand{flex:0 0 46%;max-width:46%}
.brand:nth-child(2) img{width:85%}
.wordmark{font-size:1.125rem;gap:8px}
.wordmark__mark{width:44px;height:44px}
.wordmark__mark::after{width:15px;height:15px}
.site-header{min-height:65px}
.site-header .logo{flex-basis:20%}
.site-header .logo img{height:20px}
.site-header nav{display:none}
.site-header .btn{margin-left:auto;padding:12px 25px}
}

/* botão com cara de link (Preferências de cookies) */
.link-button{padding:0;border:0;background:none;font:inherit;color:var(--link);cursor:pointer;transition:color .3s}
.link-button:hover,.link-button:focus-visible{color:var(--green)}

/* banner e preferências de cookies (aceitar e recusar têm o mesmo peso) */
.consent-banner{position:fixed;inset:auto 1rem 1rem;z-index:1000;display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;justify-content:space-between;max-width:64rem;margin-inline:auto;padding:1rem 1.25rem;color:#A7A7A7;background:#102122;border:1px solid #1f3a3c;border-radius:10px;box-shadow:0 .5rem 2rem rgb(0 0 0/45%)}
.consent-banner h2,.consent-dialog h2{margin:0 0 .25rem;font-size:1rem;color:#fff}
.consent-banner p{margin:0;font-size:.9375rem}
.consent-banner__text{flex:1 1 22rem}
.consent-banner__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}
.consent-banner .consent-banner__actions{margin-top:0}
.consent-button{min-height:2.75rem;padding:.5rem 1.25rem;font:inherit;font-weight:700;color:#fff;cursor:pointer;background:#0ccd34;border:2px solid #0ccd34;border-radius:10px;transition:background .3s,border-color .3s}
.consent-button:hover{background:#078920;border-color:#078920}
.consent-button--link{color:#A7A7A7;background:transparent;border-color:transparent;text-decoration:underline}
.consent-button--link:hover{color:#fff;background:transparent;border-color:transparent}
.consent-button:focus-visible,.consent-dialog input:focus-visible,.link-button:focus-visible,.consent-banner a:focus-visible{outline:3px solid #0ACD30;outline-offset:2px}
.consent-banner a{color:#0ccd34}
.consent-dialog{width:min(32rem,calc(100% - 2rem));padding:1.5rem;color:#A7A7A7;background:#102122;border:1px solid #1f3a3c;border-radius:10px}
.consent-dialog::backdrop{background:rgb(0 0 0/60%)}
.consent-dialog fieldset{padding:0;margin:1rem 0 0;border:0}
.consent-option{display:flex;gap:.75rem;align-items:flex-start;padding:.75rem 0;border-top:1px solid #1f3a3c}
.consent-option input{flex:none;width:1.25rem;height:1.25rem;margin-top:.125rem;accent-color:#0ccd34}
.consent-option strong{display:block;color:#fff}
.consent-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}