/* FX TYPE v1 (11/10/2026) - tipografia unica do site: Hanken Grotesk (Milton). 600 = titulo, 400 = subtitulo, 300 = conteudo; tracking apertado. Excecoes: frase da abertura (Impact) e etiquetas do hook (condensada/serifada dos Reels). Troca de fonte num ponto so: --fx-font. */
:root{--fx-font:'Hanken Grotesk',system-ui,-apple-system,'Segoe UI',sans-serif;--fx-title:var(--fx-font);--fx-text:var(--fx-font)}
body :where(h1,h2,h3,h4,h5,h6,p,li,a,span,div,button,input,textarea,select,label,small,strong,em,b,td,th,blockquote):where(:not([class*='eicon'],[class*='fa-'],.fxc-tg)){font-family:var(--fx-font)!important}
.fxh-title .elementor-heading-title{font-family:Impact,'Haettenschweiler','Anton',sans-serif!important}
.fxc-tg{font-family:'Barlow Condensed',sans-serif!important}.fxc-tg4{font-family:'DM Serif Display',serif!important}
/* titulo 600 */
.elementor-widget-heading:not(.fxh-title) .elementor-heading-title{font-weight:600!important;letter-spacing:-.032em!important;line-height:1.08}
/* subtitulo 400 */
.elementor-widget-heading:not(.fxh-title) h3.elementor-heading-title,.elementor-widget-heading:not(.fxh-title) h4.elementor-heading-title,.fxh-tag .elementor-heading-title,.fx2-ti,.fx2-bt{font-weight:400!important;letter-spacing:-.022em!important}
/* conteudo 300 */
.elementor p,.elementor li,.elementor-widget-text-editor,.fx2-tx,.fx2-lc,.fx2-btx p,.fx2-bd,.fx2-dt,.fxc-cta p,.fx-footer li,.fx-footer a{font-weight:300!important;letter-spacing:-.012em}
/* botoes e rotulos 600 */
.elementor-button,.fxc-tag,.fx2-more,.fx2-bk,.fx2-nm,.fx2-wnm,.fx2-wf button,.fx2-back,.fx2-bh .elementor-button{font-weight:600!important;letter-spacing:-.01em}
.fx-nav .elementor-nav-menu a{font-weight:400!important;letter-spacing:-.012em}
/* contraste do texto leve sobre vidro claro */
.fxc-card p,.fx3-item p,.fx3-serv p{color:#141414!important}
/* tamanhos proporcionais (a grotesca ocupa mais que a serifada) */
.fxc-title .elementor-heading-title{font-size:clamp(1.8rem,min(3.8vw,5.8vh),3.4rem)!important}
.fx2 .elementor-heading-title{font-size:clamp(1.7rem,2.5vw,2.4rem)!important}
.fx3-serv h2.elementor-heading-title,.fx3-vip h2.elementor-heading-title{font-size:clamp(1.6rem,2.3vw,2.2rem)!important}
.fx3-item .elementor-heading-title{font-size:clamp(1rem,1.15vw,1.2rem)!important}
.fx2-bt{font-size:clamp(1.1rem,1.4vw,1.4rem)!important}/* v2: slogan do Hero em 400 (subtitulo) */
.elementor-widget-heading.fxh-tag .elementor-heading-title{font-weight:400!important;letter-spacing:-.022em!important}
/* v4: Para agencias vira botao ao lado do Reserve (o item do menu so aparece no menu do celular) */
.fx-nav .elementor-nav-menu--main li.fx-b2b{display:none!important}
.fx-hbtns{display:flex!important;flex-direction:row!important;align-items:center;gap:.6rem;width:auto!important;flex:0 0 auto;padding:0!important}
.fx-hb2b .elementor-button{background:#FF7004!important;color:#0A0A0A!important;border-radius:999px;font-size:1rem;font-weight:600!important;white-space:nowrap}
.fx-hb2b .elementor-button:hover{background:#fff!important;color:#0A0A0A!important}
@media(max-width:1023px){.fx-hb2b{display:none!important}}

/* v5: fonte do MENU separada (Oswald 400, 30px). Para usar em outro lugar: font-family:var(--fx-font-alt). Troca no menu: so aqui. */
:root{--fx-font-alt:'Oswald','Arial Narrow',sans-serif;--fx-menu-size:30px}
.fx-header .fx-nav .elementor-nav-menu a{font-family:var(--fx-font-alt)!important;font-size:var(--fx-menu-size)!important;font-weight:400!important;letter-spacing:.005em!important;line-height:1.1!important}
.fx-header .fx-nav .elementor-nav-menu--main .sub-menu a,.fx-header .fx-nav .elementor-nav-menu--dropdown a{font-size:calc(var(--fx-menu-size) * .8)!important}

/* v6: mouse over do menu = botao branco (igual ao hover do Para agencias); clicado ou pagina atual = botao laranja; sem sublinhado */
.fx-header .fx-nav .elementor-nav-menu--main a:after{display:none!important}
.fx-header .fx-nav .elementor-nav-menu--main a{border-radius:999px!important;padding:.35rem .85rem!important;transition:background .2s,color .2s!important}
.fx-header .fx-nav .elementor-nav-menu--main a:hover,.fx-header .fx-nav .elementor-nav-menu--main a:focus-visible{background:#fff!important;color:#0A0A0A!important;opacity:1!important;outline:0!important}
.fx-header .fx-nav .elementor-nav-menu--main a:active,.fx-header .fx-nav .elementor-nav-menu--main a.elementor-item-active{background:#FF7004!important;color:#0A0A0A!important;opacity:1!important;transform:none!important}
/* v7: menu SEM botao (so muda a cor), mesmo tamanho. Padrao branco; mouse over = --fx-menu-hover; clicado/pagina atual = laranja. Para voltar ao preto pedido: --fx-menu-hover:#0A0A0A (so legivel se o fundo da barra for claro). */
:root{--fx-menu-hover:#FFC9A0}
.fx-header .fx-nav .elementor-nav-menu--main a{background:transparent!important;color:#fff!important;box-shadow:none!important}
.fx-header .fx-nav .elementor-nav-menu--main a:hover,.fx-header .fx-nav .elementor-nav-menu--main a:focus-visible{background:transparent!important;color:var(--fx-menu-hover)!important}
.fx-header .fx-nav .elementor-nav-menu--main a:active,.fx-header .fx-nav .elementor-nav-menu--main a.elementor-item-active{background:transparent!important;color:#FF7004!important}
/* v8: sem a setinha do submenu no desktop (a cortina abre no hover); espacamento igual entre todas as palavras */
@media(min-width:1024px){.fx-header .fx-nav .elementor-nav-menu--main .sub-arrow{display:none!important}.fx-header .fx-nav .elementor-nav-menu--main a.has-submenu{padding-right:.85rem!important}.fx-header .fx-nav .elementor-nav-menu--main>ul>li>a{padding-left:.85rem!important;padding-right:.85rem!important;margin:0!important}}