/*  
Theme Name: Eduardo Maia
Version: 1.0
Description: Desenvolvido por Tante Comunicações.
Author: Tante Comunicações. 
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
html,body{width:100%;height:100%;font-family:'inter'}
:root{--color-blue-50:#1F3D5C;--color-blue-100:#0E2A47;--color-gold-50:#F5F1E8;--color-gold-60:#ECE6D8;--color-gold-70:#E0DACB;--color-gold-100:#C9975A;--color-grey-100:#8A8680;--color-grey-200:#5A564C;--space-biger:94px;--space-big:80px;--space-normal:32px;--space-small:24px;--gap-1:10px;--gap-2:12px;--gap-5:24px;--gap-8:120px;--margem-2:10px;--margem-2-5:14px;--margem-3:20px;--width-max-container:1312px;--padding-button:13px 22px}
html{font-family:'inter'}
p,a{color:var(--color-blue-100);line-height:130%;font-family:'inter'}
ol,ul{list-style:none}
a{text-decoration:none}
p,a,.fs-normal{font-size:clamp(14px,1.11vw,16px)}
.fs-big{font-size:clamp(24px,2.64vw,38px)}
.fs-small{font-size:clamp(10px,0.83vw,12px)}
.h1{font-size:clamp(20px,2.22vw,32px)}
.h2{font-size:clamp(20px,1.94vw,28px)}
.h3{font-size:clamp(18px,1.81vw,26px)}
.h4{font-size:clamp(18px,1.67vw,24px)}
.gap-1{gap:var(--gap-1)}
.gap-2{gap:var(--gap-2)}
.gap-5{gap:var(--gap-5)}
.gap-8{gap:var(--gap-8)}
.mb-2{margin-bottom:var(--margem-2)}
.mb-2-5{margin-bottom:var(--margem-2-5)}
.mb-3{margin-bottom:var(--margem-3)}
.text-smaller{font-size:clamp(12px,0.97vw,14px)}
.text-smaller-1{font-size:clamp(11px,0.90vw,13px)}
.text-smaller-2{font-size:clamp(10px,0.83vw,12px)}
.uppercase{text-transform:uppercase}
.color-white{color:#fff}
.color-1{color:var(--color-blue-100)!important}
.color-2{color:var(--color-gold-100)!important}
.color-3{color:var(--color-grey-100)!important}
.color-4{color:var(--color-grey-200)!important}
.bg-1{background-color:var(--color-blue-100)}
.bg-gold-50{background-color:var(--color-gold-50)}
.d-flex{display:flex}
.d-inline{display:inline}
.row{display:flex;flex-wrap:wrap}
.space-between{justify-content:space-between}
.section-breadcrumb {padding: 32px 0 10px;}
.align-center{align-items:center!important}
.justify-center{justify-content:center}
.flex-column{flex-direction:column}
.container{max-width:var(--width-max-container);margin:auto;height:100%}
.position-relative{position:relative}
.position-absolute{position:absolute}
.fw-bold{font-weight:700}
#box-header{height:90px}
#box-header .container,#box-header .content{height:100%}
header .content{display:flex;align-items:center;justify-content:space-between}
header .content p,header .content a,#mobile-menu a{color:var(--color-grey-200)}
header ul{display:flex;gap:32px;text-transform:uppercase;font-weight:700}
#menu a{font-size:clamp(10px,0.83vw,12px)}
#menu li,#menu a{transition:color .2s ease}
#menu li:has(a:hover),#menu li a:hover{color:var(--color-gold-100)}
#button-menu{padding:0 .2%;display:none;padding:2px;border-radius:5px}
#button-menu .line-sandwich{width:28px;height:2px;display:block;margin:5px auto;position:relative;transition:.2s linear;border:0;background:#fff}
header.bg-white #button-menu .line-sandwich{background:var(--color-um)}
#button-menu.ativeX .line-sandwich:first-child{transform:translate(-1px) rotate(-45deg);top:6px}
#button-menu.ativeX .line-sandwich:nth-child(2){width:0}
#button-menu.ativeX .line-sandwich:nth-child(3){transform:translate(-1px) rotate(45deg);top:-8px}
#mobile-menu ul{flex-direction:column;justify-content:center;position:fixed;display:none;width:100%;background:#fff;z-index:100;min-height:fit-content;left:0;right:0;bottom:0}
#mobile-menu li{display:flex;justify-content:center}
#mobile-menu li a{padding:20px;font-size:clamp(18px,1.67vw,24px)}
.hifen{width:28px;height:1px;background-color:var(--color-gold-100);margin-right:2px}
.title-box{display:flex;align-items:center;color:var(--color-gold-100);gap:var(--gap-1)}
.w-100{width:100%}
#box-header{position:fixed;top:0;left:0;right:0;background:#fff;z-index:100}
.btn{font-family:'inter';cursor:pointer;display:flex;justify-content:center;align-items:center;gap:10px;border:0;min-width:fit-content;white-space:nowrap;transition:font-weight .2s ease-out}
.btn:disabled{opacity:.8}
.btn-principal,.btn-quaternary:has( input:checked ){color:#fff;background-color:var(--color-blue-100);padding:var(--padding-button)}
.btn:hover{font-weight:bolder}
.btn-secundary{color:var(--color-blue-100);background-color:transparent;border:1px solid var(--color-blue-100);padding:var(--padding-button);width:106px;height:41px}
.btn-tertiary{color:#fff;font-weight:700;align-items:flex-start;padding:13px 27px;background:var(--color-gold-100);border-radius:5px}
footer{background:var(--color-blue-100);padding:56px 0 32px;color:#fff}
footer .contato{display:flex;gap:var(--gap-8)}
footer .contato a{position:relative}
footer .contato a::after{content:'';position:absolute;width:0;height:2px;bottom:-3px;transition:width .3s linear;background-color:var(--color-gold-100)}
footer .contato a:hover::after{width:100%}
footer p,a,span{color:#fff}
footer .direitos-footer{justify-content:space-between;display:flex}
footer .direitos-footer p,a,span{font-size:clamp(9px,0.76vw,11px)}
.tante-icon{filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(69deg) brightness(105%) contrast(106%)}
.link-w-img{display:flex;align-items:center;gap:8px}
.hr-footer{border:1px solid var(--color-blue-50);width:100%}
@media (max-width: 1320px) {
.container{max-width:91%}
}
@media (max-width: 850px) {
nav:has(#menu){display:none}
footer .contato{justify-content:space-between}
#button-menu{display:block}
#mobile-menu ul{display:flex;left:100vw;right:auto;transition:all .3s ease-out}
#mobile-menu.total-screen ul{left:0;right:0}
}
@media (max-width: 650px) {
footer .contato,footer .direitos-footer{flex-direction:column;gap:var(--gap-5)}
footer .direitos-footer p{text-align:center}
}