/* Casca do site: tokens, topbar, cabeçalho, navegação, rodapé, botões, faixa rolante Extraído do protótipo estático de ~/DEVOPS/100voce/100agencia. Gerado por wp/ferramentas/extrai-css.py — não editar à mão. */ :root{--cream:#EFEDE8; --cream-2:#E6E3DD; --coal:#131312; --coal-2:#1D1D1B; --gold:#C8A96A; --gold-deep:#8C7434; --stone:#8A867E; --line:#D6D2CA; --ff:'DM Sans',system-ui,-apple-system,sans-serif; --ff-ed:'Instrument Serif',Georgia,serif; --maxw:1280px; --logo-b:url("img/48ab85a6fbf7.webp"); --logo-w:url("img/e4b587f21ad6.webp"); --pct-w:url("img/c3fa63b8d175.webp"); --pct-g:url("img/0df7eaa0d76a.webp"); --pct-b:url("img/bcce2117e367.webp");} *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{background:var(--cream);color:var(--coal);font-family:var(--ff);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased} img{display:block;max-width:100%} .wrap{max-width:var(--maxw);margin:0 auto;padding:0 34px} a{color:inherit;text-decoration:none} .lg{display:block;width:100%;aspect-ratio:10546/1768;background:var(--logo-b) center/contain no-repeat} .lg.w{background-image:var(--logo-w)} .pc{display:block;width:100%;aspect-ratio:1088/1192;background:var(--pct-w) center/contain no-repeat} .pc.g{background-image:var(--pct-g)} .pc.b{background-image:var(--pct-b)} .lbl{font-size:10px;letter-spacing:.26em;text-transform:uppercase;font-weight:500} .topbar{background:var(--coal);color:#B9B5AC} .topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:34px;gap:20px} .topbar span{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap} .topbar .r{display:flex;gap:22px;overflow:hidden} .topbar .r a:hover{color:var(--gold)} header{background:var(--cream);position:sticky;top:0;z-index:50;border-bottom:1px solid transparent} header .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:84px;gap:20px} .mainnav{display:flex;gap:clamp(16px,1.9vw,30px)} .mainnav a,.utils a:not(.cta){position:relative;font-size:12.5px;letter-spacing:.11em;text-transform:uppercase;font-weight:600; color:var(--coal);padding:8px 0;transition:color .25s ease} .mainnav a::after,.utils a:not(.cta)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--gold-deep); transform:scaleX(0);transform-origin:left;transition:transform .32s cubic-bezier(.2,.7,.2,1)} .mainnav a:hover,.utils a:not(.cta):hover{color:var(--gold-deep)} .mainnav a:hover::after,.utils a:not(.cta):hover::after{transform:scaleX(1)} .hlogo{width:186px} .utils{display:flex;gap:clamp(14px,1.6vw,26px);justify-content:flex-end;align-items:center} .utils .cta{background:var(--coal);color:var(--cream);padding:14px 24px;font-size:11.5px;font-weight:700; letter-spacing:.16em;text-transform:uppercase;transition:background .25s ease,transform .25s ease} .utils .cta:hover{background:var(--gold-deep);transform:translateY(-2px)} body.bw .vcard .th img,body.bw .split .img img,body.bw .ccard .im img,body.bw .sl-photo img,body.bw .figwrap img{filter:grayscale(1) contrast(1.06)} body.bw .vcard:hover .th img,body.bw .split:hover .img img,body.bw .ccard:hover .im img, body.bw .sl-photo:hover img,body.bw .figwrap:hover img{filter:grayscale(0) contrast(1.02) saturate(1.05)} .utils .cta.infl{background:var(--gold);color:var(--coal);display:inline-flex;align-items:center;gap:10px} .utils .cta.infl::before{content:"";width:6px;height:6px;border-radius:99px;background:var(--coal);flex:none; animation:inflPulse 2s ease-in-out infinite} @keyframes inflPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(19,19,18,.45)}50%{opacity:.45;box-shadow:0 0 0 6px rgba(19,19,18,0)}} .utils .cta.infl:hover{background:var(--coal);color:var(--gold)} .utils .cta.infl:hover::before{background:var(--gold);animation:inflPulseG 2s ease-in-out infinite} @keyframes inflPulseG{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(200,169,106,.5)}50%{opacity:.45;box-shadow:0 0 0 6px rgba(200,169,106,0)}} .mainnav{gap:clamp(12px,1.4vw,24px)!important} .utils{gap:clamp(10px,1.1vw,18px)!important} .utils .cta{padding:13px 18px!important;font-size:11px!important;letter-spacing:.12em!important;white-space:nowrap} .mainnav a,.utils a:not(.cta){font-size:12px!important;letter-spacing:.09em!important;white-space:nowrap} @media(max-width:1180px){.utils a:not(.cta){display:none}} @media(max-width:760px){.topbar .r{display:none}} .burger{display:none;background:transparent;border:1px solid var(--line);width:44px;height:44px; cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;flex:none} .burger i{display:block;width:17px;height:1.6px;background:var(--coal);transition:transform .3s,opacity .2s} .burger.on i:nth-child(1){transform:translateY(6.6px) rotate(45deg)} .burger.on i:nth-child(2){opacity:0} .burger.on i:nth-child(3){transform:translateY(-6.6px) rotate(-45deg)} #mnav{position:fixed;inset:0;background:var(--coal);z-index:75;display:none;padding:96px 26px 44px;overflow-y:auto} #mnav.on{display:block;animation:mnIn .3s ease} @keyframes mnIn{from{opacity:0}to{opacity:1}} #mnav a{display:flex;align-items:center;gap:12px;color:var(--cream);font-size:23px;font-weight:600; letter-spacing:-.035em;text-transform:uppercase;padding:17px 0;border-bottom:1px solid #2E2E2B} #mnav a:active{color:var(--gold)} #mnav a.gd{color:var(--gold)} #mnav a .n{font-family:ui-monospace,Menlo,monospace;font-size:10px;color:#57544E;font-weight:500} #mnav .mfoot{margin-top:30px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#57544E} @media(max-width:920px){.burger{display:flex}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:14px}.mainnav{display:none}.utils a:not(.cta){display:none}.utils .cta.infl{display:none}.hlogo{width:150px;margin:0 auto}} @media(max-width:420px){.hlogo{width:126px}.utils .cta{padding:11px 13px;font-size:10px;letter-spacing:.09em}} footer{background:var(--coal);color:#A6A199;padding:72px 0 40px} .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px;padding-bottom:48px;border-bottom:1px solid #2E2E2B} footer h5{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--cream);margin-bottom:16px} footer li{list-style:none;font-size:12.5px;line-height:2} footer li a:hover{color:var(--gold)} .fbot{display:flex;justify-content:space-between;gap:20px;padding-top:26px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#6E6A63} @media(max-width:1000px){.fgrid{grid-template-columns:1fr 1fr}} @media(max-width:640px){.mainnav,.utils a:not(.cta),.topbar .r{display:none}header .wrap{grid-template-columns:1fr auto;height:64px}.hlogo{width:150px}} .ticker{background:var(--coal);color:var(--cream);overflow:hidden;border-top:1px solid #2A2A26;border-bottom:1px solid #2A2A26} .ticker .track{display:flex;width:max-content;animation:tickerRun 38s linear infinite} .ticker .track span{display:inline-flex;align-items:center;white-space:nowrap;padding:15px 0; font-size:clamp(13px,1.5vw,20px);font-weight:600;letter-spacing:-.025em;text-transform:uppercase} .ticker em{font-style:normal;color:var(--gold);padding:0 clamp(16px,2.4vw,34px);font-weight:400} .ticker:hover .track{animation-play-state:paused} @keyframes tickerRun{from{transform:translateX(0)}to{transform:translateX(-50%)}} @media(prefers-reduced-motion:reduce){.ticker .track{animation:none}} /* --- Compatibilidade com o WordPress ------------------------------------- O reset do protótipo (`*{margin:0;padding:0}`) atinge a página inteira, inclusive a barra de administração e o editor do Elementor. O que segue devolve a eles o comportamento próprio. */ #wpadminbar, #wpadminbar * { box-sizing: content-box; } #wpadminbar .ab-icon, #wpadminbar .ab-item { line-height: inherit; } /* O Elementor mede a altura da janela para os contêineres de tela cheia; o protótipo usava 100svh menos a altura da própria casca. */ body.elementor-editor-active .hero-vp { height: auto; max-height: none; } /* --- Reset do tema Hello ------------------------------------------------- O reset.css do Hello dá a todo