@charset "utf-8";
/* CSS Document */

/* Google Fonts Lato 300, 400 e 700 */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/* Google Fonts Roboto 100, 400 e 700 */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;700;900&display=swap');



:root{
    
    --fTema: #F20519;    
    --fTema2: #0378A6;
    --fTema3: #000a34;
    --fTema4: #e2303f;

    
}

* { box-sizing: border-box; }

html { overflow-y: scroll; }

body { background: #fff; overflow-x: hidden; font-family: "Lato", sans-serif; }

/* Quebras */
.quebra   { clear:both; }
.quebra10 { clear:both; height:10px; }
.quebra15 { clear:both; height:15px; }
.quebra20 { clear:both; height:20px; }
.quebra30 { clear:both; height:30px; }
.quebra50 { clear:both; height:50px; }
.quebra70 { clear:both; height:70px; }
.quebra80 { clear:both; height:80px; }
.quebra100 { clear:both; height:100px; }
.quebraPalavra { word-wrap: break-word; }


/* Display */
.cp { cursor:pointer; }
.cn { cursor: text; }

.db { display:block; }
.dn { display:none; }
.di { display:inline; }
.dib { display:inline-block; }
.dif { display: inline-flex;}
.dtc { display:table-cell; }
.dt { display: table;}
.df { display: flex; }
.jcSpaceEvenly { justify-content: space-evenly; }
.flexWrap { flex-wrap: wrap; } 

.alCenter { align-items: center; }
.alEnd { align-items: flex-end; }
.alignItemsFlexStart { align-items: flex-start; }

.ovf { overflow:hidden; }

.pa { position:absolute; }
.pf { position:fixed; }
.pr { position:relative; }

.float { float:left; position:relative; }
.floatD { float:right; position:relative; }
.floatF { float:left; position:relative; width:100%; }
.floatN { float: none; }


/* Espaçamento (Margin e Padding) */
.ml0  { margin-left:0; } .ml5  { margin-left:5px; } .ml10 { margin-left:10px; } .ml15 { margin-left:15px; } .ml20 { margin-left:20px; } .ml25 { margin-left:25px; } .ml30 { margin-left:30px; } .ml35 { margin-left:35px; } .ml40 { margin-left:40px; } .ml45 { margin-left:45px; } .ml50 { margin-left:50px; } .ml55 { margin-left:55px; } .ml60 { margin-left:60px; } .ml65 { margin-left:65px; } .ml70 { margin-left:70px; } .ml75 { margin-left:75px; } .ml80 { margin-left:80px; } .ml85 { margin-left:85px; } .ml90 { margin-left:90px; } .ml95 { margin-left:95px; } .ml100 { margin-left:100px; }
.mr0  { margin-right:0; } .mr5  { margin-right:5px; } .mr10 { margin-right:10px; } .mr15 { margin-right:15px; } .mr20 { margin-right:20px; } .mr25 { margin-right:25px; } .mr30 { margin-right:30px; } .mr35 { margin-right:35px; } .mr40 { margin-right:40px; } .mr45 { margin-right:45px; } .mr50 { margin-right:50px; }.mr55 { margin-right:55px; } .mr60 { margin-right:60px; } .mr65 { margin-right:65px; } .mr70 { margin-right:70px; } .mr75 { margin-right:75px; } .mr80 { margin-right:80px; } .mr85 { margin-right:85px; } .mr90 { margin-right:90px; } .mr95 { margin-right:95px; } .mr100 { margin-right:100px; }
.mt0  { margin-top:0; } .mt5  { margin-top:5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mt25 { margin-top:25px; } .mt30 { margin-top:30px; } .mt35 { margin-top:35px; } .mt40 { margin-top:40px; } .mt45 { margin-top:45px; } .mt50 { margin-top:50px; } .mt55 { margin-top:55px; } .mt60 { margin-top:60px; } .mt65 { margin-top:65px; } .mt70 { margin-top:70px; } .mt75 { margin-top:75px; } .mt80 { margin-top:80px; } .mt85 { margin-top:85px; } .mt90 { margin-top:90px; } .mt95 { margin-top:95px; } .mt100 { margin-top:100px; }
.mb0  { margin-bottom:0; } .mb5  { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } .mb25 { margin-bottom:25px; } .mb30 { margin-bottom:30px; } .mb35 { margin-bottom:35px; } .mb40 { margin-bottom:40px; } .mb45 { margin-bottom:45px; } .mb50 { margin-bottom:50px; } .mb55 { margin-bottom:55px; } .mb60 { margin-bottom:60px; } .mb65 { margin-bottom:65px; } .mb70 { margin-bottom:70px; } .mb75 { margin-bottom:75px; } .mb80 { margin-bottom:80px; } .mb85 { margin-bottom:85px; } .mb90 { margin-bottom:90px; } .mb95 { margin-bottom:95px; } .mb100 { margin-bottom:100px; } .mb150 { margin-bottom: 150px;} .mb200 { margin-bottom: 200px;} .mb250 { margin-bottom: 250px;}
.mbN20  {margin-bottom: -20px}
.mtb25 { margin-bottom: 25px; margin-top: 25px;}

.p0 { padding: 0px; } .p5 { padding: 5px; } .p10 { padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; } .p35 { padding: 35px; } .p40 { padding: 40px; } .p45 { padding: 45px; } .p50 { padding: 50px; } .p55 { padding: 55px; } .p60 { padding: 60px; } .p65 { padding: 65px; } .p70 { padding: 70px; } .p75 { padding: 75px; } .p80 { padding: 80px; } .p85 { padding: 85px; } .p90 { padding: 90px; } .p95 { padding: 95px; } .p100 { padding: 100px; }
.pl0  { padding-left:0; } .pl5  { padding-left:5px; } .pl10 { padding-left:10px; } .pl15 { padding-left:15px; } .pl20 { padding-left:20px; } .pl25 { padding-left:25px; } .pl30 { padding-left:30px; } .pl35 { padding-left:35px; } .pl40 { padding-left:40px; } .pl45 { padding-left:45px; } .pl50 { padding-left:50px; } .pl55 { padding-left:55px; } .pl60 { padding-left:60px; } .pl65 { padding-left:65px; } .pl70 { padding-left:70px; } .pl75 { padding-left:75px; } .pl80 { padding-left:80px; } .pl85 { padding-left:85px; } .pl90 { padding-left:90px; } .pl95 { padding-left:95px; } .pl100 { padding-left:100px; }
.pr0  { padding-right:0; } .pr5  { padding-right:5px; } .pr10 { padding-right:10px; } .pr15 { padding-right:15px; } .pr20 { padding-right:20px; } .pr25 { padding-right:25px; } .pr30 { padding-right:30px; } .pr35 { padding-right:35px; } .pr40 { padding-right:40px; } .pr45 { padding-right:45px; } .pr50 { padding-right:50px; }.pr55 { padding-right:55px; } .pr60 { padding-right:60px; } .pr65 { padding-right:65px; } .pr70 { padding-right:70px; } .pr75 { padding-right:75px; } .pr80 { padding-right:80px; } .pr85 { padding-right:85px; } .pr90 { padding-right:90px; } .pr95 { padding-right:95px; } .pr100 { padding-right:100px; }
.pt0  { padding-top:0; } .pt5  { padding-top:5px; } .pt10 { padding-top:10px; } .pt15 { padding-top:15px; } .pt20 { padding-top:20px; } .pt25 { padding-top:25px; } .pt30 { padding-top:30px; } .pt35 { padding-top:35px; } .pt40 { padding-top:40px; } .pt45 { padding-top:45px; } .pt50 { padding-top:50px; } .pt55 { padding-top:55px; } .pt60 { padding-top:60px; } .pt65 { padding-top:65px; } .pt70 { padding-top:70px; } .pt75 { padding-top:75px; } .pt80 { padding-top:80px; } .pt85 { padding-top:85px; } .pt90 { padding-top:90px; } .pt95 { padding-top:95px; } .pt100 { padding-top:100px; } .pt150 { padding-top:150px; } .pt200 { padding-top:200px; }
.pb0  { padding-bottom:0; } .pb5  { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb15 { padding-bottom:15px; } .pb20 { padding-bottom:20px; } .pb25 { padding-bottom:25px; } .pb30 { padding-bottom:30px; } .pb35 { padding-bottom:35px; } .pb40 { padding-bottom:40px; } .pb45 { padding-bottom:45px; } .pb50 { padding-bottom:50px; } .pb55 { padding-bottom:55px; } .pb60 { padding-bottom:60px; } .pb65 { padding-bottom:65px; } .pb70 { padding-bottom:70px; } .pb75 { padding-bottom:75px; } .pb80 { padding-bottom:80px; } .pb85 { padding-bottom:85px; } .pb90 { padding-bottom:90px; } .pb95 { padding-bottom:95px; } .pb100 { padding-bottom:100px; } .pb150 { padding-bottom:150px; } .pb200{ padding-bottom: 200px; } .pb250{ padding-bottom: 250px; }
.ptb5 { padding-top:5px; padding-bottom:5px; } .ptb10 { padding-top:10px; padding-bottom:10px; } .ptb15 { padding-top:15px; padding-bottom:15px; } .ptb20 { padding-top:20px; padding-bottom:20px; } .ptb25 { padding-top:25px; padding-bottom:25px; } .ptb30 { padding-top:30px; padding-bottom:30px; } .ptb35 { padding-top:35px; padding-bottom:35px; } .ptb40 { padding-top:40px; padding-bottom:40px; } .ptb45 { padding-top:45px; padding-bottom:45px; } .ptb50 { padding-top:50px; padding-bottom:50px; } .ptb55 { padding-top:55px; padding-bottom:55px; } .ptb60 { padding-top:60px; padding-bottom:60px; } .ptb65 { padding-top:65px; padding-bottom:65px; } .ptb70 { padding-top:70px; padding-bottom:70px; } .ptb75 { padding-top:75px; padding-bottom:75px; } .ptb80 { padding-top:80px; padding-bottom:80px; } .ptb85 { padding-top:85px; padding-bottom:85px; } .ptb90 { padding-top:90px; padding-bottom:90px; } .ptb95 { padding-top:95px; padding-bottom:95px; } .ptb100 { padding-top:100px; padding-bottom:100px; }

.mtN20 { margin-top: -20px; }
.mtN40 { margin-top: -40px; }

.resetMargin, p, h1, h2, h3, h4, h5, h6, span { margin-top:0; margin-bottom:0; margin-left:0; margin-right:0; }

.mAuto { margin: auto; }
.mLRAuto { margin-left: auto; margin-right: auto; }

/* Fonte */
.e6 { font-size:0.375em; }
.e8 { font-size:0.500em; }
.e10 { font-size:0.625em; }
.e12 { font-size:0.750em; }
.e14 { font-size:0.875em; }
.e16 { font-size:1.000em; }
.e18 { font-size:1.125em; }
.e20 { font-size:1.250em; }
.e22 { font-size:1.375em; }
.e24 { font-size:1.500em; }
.e26 { font-size:1.625em; }
.e28 { font-size:1.175em; }
.e30 { font-size:1.875em; }
.e32 { font-size:2.000em; }
.e36 { font-size:2.250em; }
.e40 { font-size:2.500em; }
.e50 { font-size:3.125em; }
.e60 { font-size:3.750em; }
.e70 { font-size:4.375em; }
.e80 { font-size:5.000em; }
.e90 { font-size:5.625em; }
.fFluida { font-size: calc(48px + (60 - 48) * ((100vw - 280px) / (1600 - 280))) }
.fFluidaP { font-size: calc(30px + (40 - 30) * ((100vw - 280px) / (1600 - 280))) }

.fSpace { font-family: monospace; }
.ff { font-family: "Roboto", sans-serif; }
.fTimes { font-family:"Times New Roman", Times, serif; }


.fb { font-weight:bold; }
.f600 { font-weight: 600; }
.fn { font-weight:normal; }
.fFina { font-weight: lighter; }
.fFina2 { font-weight: 300; }

.fi { font-style:italic; }

.fMax { text-transform:uppercase; }
.fMin { text-transform:lowercase; }

.tdn {text-decoration: none; }
.tdu { text-decoration: underline;}

.lSpace5 { letter-spacing: 5px; }

.fBranco { color:#fff; }
.fBranco2 { color: #e5e5e5; }
.fCinza { color: #666666; }
.fCinza8a { color: #8A8A8A; }
.fPreto { color:#383838; }
.fPreto2 { color: #222 } 
.fVermelho { color: red; }
.fTema { color:var(--fTema); }
.fTema2 { color:var(--fTema2); }
.fTema3 { color:var(--fTema3); }
.fTema4 { color:var(--fTema4); }

.bbCinza { border-bottom: 1px solid #d9d9d9;}

/* Tamanho */
.lhn { line-height:normal; }
.lh24 { line-height:1.500em; }
.lh26 { line-height:1.625em; }
.lh28 { line-height: 28px; }
.lh30 { line-height:1.875em; }
.lh32 { line-height: 32px; }

.h0 { min-height:0px; }

.w25{ width: 25%; }
.w40 { width: 40%;}
.w50 { width: 50%;}
.w60 { width: 60%;}
.w75 { width: 75%;}
.w80 { width: 80%;}
.w90 { width: 90%; }
.full { width:100%; }
.wAuto { width: auto; }
.wFit { width: fit-content; }

/* Alinhamento */
.txtCenter { text-align: center; }
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.txtCappitalize { text-transform: capitalize; }
.txtJustify { text-align: justify; }

.jcSpaceBetween { justify-content: space-between; }
.jcCenter { justify-content: center; }
.jcEnd { justify-content: end; }

.vat { vertical-align:top; }

/* Bordas */
.b0 { border: 0px;}
.bCinza { border: 1px solid #d9d9d9; }
.bb { border-bottom: 1px solid #fff;}

.bdR3 { border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3px; }
.bdR5 { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5px; }
.bdR10 { border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; }
.bdR20 { border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; }
.bdR40 { border-radius:40px; -webkit-border-radius:40px; -moz-border-radius:40px; -ms-border-radius:40px; -o-border-radius:40px; }

/* Backgrounds */
.bgBranco { background:#FFF; }
.bgBranco2 { background:#F7F7F7; }
.bgCinza { background: #F8FAF9;}
.bgCinzaFundo { background: #dbdde1; }
.bgTema { background:var(--fTema); }
.bgTema2 { background:var(--fTema2); }

/* Centralizar */
.divCenter { margin:0 auto; flex: auto; margin: 0 auto; display: flex; justify-content: center; }
.divCentro { float: none; margin: 0 auto; }
.centerCol { display:inline-flex; float:none; text-align:left; margin-right:-4px; }
.centerRow { text-align:center; }

/* Menu */
/*
.menuFlex { z-index: 9; }
.menuFlex ul { padding: 0px 0px; list-style: none; margin: 0; display: flex; align-items: center; justify-content: center; }
.menuFlex li { margin: 0 -1px; flex-basis: auto; text-align: center; position: relative; }
.menuFlex li a { display: block; font-size: 12px; line-height: 34px; padding: 18px 24px; text-transform: uppercase; -webkit-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out 0s; }
.menuFlex li a.atual, .menuFlex li:hover a { color: var(--fTema2); }
/* .menuFlex li a.atual:after, .menuFlex li:hover a:after { content: ''; border-bottom: 1px solid var(--fTema3); position: absolute; bottom: 0; height: 1px; width: 100%; left: 0; transition: all .2s linear; } */
/*.bbMenu { border-bottom: 1px solid #eaeaef }

.menuFlex .subMenus { box-shadow: 0px 8px 9px 2px #00000045; border-top: 2px solid var(--fTema); font-size: 13px; display: none; position: absolute; margin-top: 0; min-width: calc(60%); padding: 0; background: #fff; z-index: 99999; width: max-content; }
.menuFlex .subMenus li a { padding: 10px 20px; text-align: left; color: #3c3c3c; }
.menuFlex .subMenus li:not(:last-child) { border-bottom: 2px solid #010d231c; }
.menuFlex .subMenus li:hover { background: var(--fTema); }
.menuFlex .subMenus li:hover a { color: #fff!important; }
.menuFlex li:hover .subMenus { display: block; }

#menuAtivar { z-index: 100; background: var(--fTema); width: fit-content; width: -moz-fit-content; width: -webkit-fit-content;  -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; padding: 15px 40px; }
#menuAtivar .fas { cursor: pointer; font-size:1em; }


.bordaBottomMenu { border-bottom: 3px solid var(--fTema2); }
.posicaoMenu { position: absolute; top: 20px; z-index: 99; left: 50%; transform: translate(-50%); }
/* Fim Menu */



/* Links */
a img { background:none; border-width: 0; text-decoration:none; }
a { color:unset; }
a:focus { outline: none; outline: none; outline-offset: 0px; }
a:focus, a:hover { color: inherit; text-decoration: none; }
a.lRodape:link { color:#fff; text-decoration:none; }
a.lRodape:hover { color: var(--fTema2) }

/* WhatsRodape */
.whatsAppRodape { position: fixed; bottom: 0px; padding: 12px 15px 10px; width: 100%; background: #089c4c; color: #fff; z-index: 99;}
.faixaTopo { position: fixed; top: 0px; z-index: 1; }
#topoFixo { transition: all .5s; top: 0; }
  .whatsBotaoRodape {
    width: 70px;
    background: #089c4c;
    min-width: 50px;
    display: block;
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 999;
    border-radius: 50%;
    overflow: hidden;
}
.whatsBotaoRodape a {padding-bottom: 100%;display: block;}
.whatsBotaoRodape svg { width: 50%; fill: #fff; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.menuFlex { display: flex; height: 120px;  align-items: center; justify-content: center; }
.menuFlex li { margin-left: 10px; list-style: none; font-size: 17px; }


/* Classes Especificas Site */
.menuDesktop, .menuDesktopTopo { display: block; background-color: var(--fTema4);}
.menuMobileContainer { display: none; }
/* Menu */
.menuFlex { display: flex; align-items: center; justify-content: center; height: 80px; }
.menuLogo img { max-width: 200px; height: auto; }
.menuFlex ul { list-style: none; padding: 0;  }
.menuFlex ul li { display: inline-block; position: relative; ;}
.menuFlex ul li a { display: inline-block; padding: 10px 20px; text-decoration: none; color: #2F3070; font-size: 18px; }
.menuFlex ul li a.atual { border-bottom: 2px solid var(--fTema3); }
.menuFlex ul li a:hover { color: var(--fTema3);}

.menuDropdownConteudo { display: none; position: absolute; background-color: #f9f9f9; border-radius: 5px; z-index: 2; }
.menuDropdownConteudo li { display: block; width: 350px; }
.menuDropdownConteudo li a::before { content:"≫"; color: var(--fTema2); margin-right: 5px;}
.menuDropdown:hover .menuDropdownConteudo { display: block; }
.menuWhatsapp { display: inline-block; padding: 8px 28px;  background-color: #089c4c; border-radius: 20px; text-decoration: none; font-size: 1.100em; color: white; padding: 12px 24px; }
.menuWhatsapp i { margin-left: 7px; }
.menuWhatsapp:hover { background-color: #075E54; color: #ffff;}

/* MENU MOBILE */
.mobile-menu {position: fixed;top: 0;right: -300px; width: 300px;height: 100%;background-color:#181719; box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);  transition: right 0.3s ease; z-index: 66;}
.menuMobileContainer{position: fixed; top:0; width: 100%; background-color: #fff; z-index: 444; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: none;}
.logoMenu{height: 80px; object-fit: contain; }
.menuMobileContainer .logoMenu{height: 40px; object-fit: contain;}
.mobile-menu-close { position: absolute;  top: 10px;  right: 250px;  cursor: pointer; padding: 10px 10px;  color: #3D3A41; border-right:2px solid #3D3A41 ;}
.container.full.row-menu {  transition: margin-right 0.3s ease;}
.mobile-menu-toggle {border:0; background: transparent;}
.mobile-menu-toggle img{border:0; background: transparent; height: 40px; width: 40px; background-color: #e9e9e97e; border-radius: 6px;}
.MobileMenuTitulo{display: block; font-family: "Barlow", sans-serif; text-transform:uppercase; color:#F3F2F7; margin-top: 60px;}
.MenuMobileList{list-style: none; padding: 0; margin-top: 50px;}
.MenuMobileList li a{font-family: "Barlow", sans-serif; font-weight: 300; font-size: 1.4em; text-transform: uppercase; color:#a9a9ab; display: block; padding: 10px 20px; border-bottom: 1px solid #3D3A41;}
.menuMobileLogo, .menuMobileToggle{width: 50%;}

/* BANNER */
.banner { background-image: url("../img/layout/modelo/banner.jpg"); background-size: 100%;   background-repeat:no-repeat; padding-block: 100px; }
.destaque { color: var(--fTema);}
.bannerlogo { max-width: 80px; opacity: 0.5; } 

/* SERVIÇOS */
.servicoGradiente { position: relative; display: block;  z-index: 99; margin-top: -200px; height: 230px; padding: 130px 20px  20px 0px; background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgba(3, 120, 166, 1) 80%);   }
.servicoTitulo { color: #ffff;} 
.servicoSombra { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.servicoGradiente:hover { background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgb(4, 41, 56) 70%);}
.servicoImagem:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }

/* SOBRE NOS */
.sobrenosImagem { margin-bottom: -40px; }

/* BANNER FAIXA */
.bgBannerFaixa { background-image: url("../img/layout/modelo/banner-faixa.jpg"); background-size: 100%; background-attachment: fixed;  background-repeat:no-repeat; padding-block: 140px;  }
.bannerTitulo { margin: 0 auto 40px; width: 40%; text-shadow: 1px 0px 2px rgba(0, 0, 0, 1);} 
.menuIconeWhatsappBanner { display: inline-block; padding: 8px 28px;  background-color: #089c4c; border-radius: 20px; text-decoration: none; font-size: 1.700em; color: white; }
.menuIconeWhatsappBanner i { margin-left: 7px; }
.menuIconeWhatsappBanner:hover { background-color: #075E54; color: #ffff;}

/* Nossos Diferenciais */
.iconeContainer { width: 350px; padding: 40px; border: 1px solid var(--fTema3); opacity: 0.8; border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; transition: box-shadow 0.3s ease; }
.iconeContainer:hover { box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 20px, rgba(0, 0, 0, 0.05) 0px 6px 6px; }

/* RODAPE */
.bgRodape { background-color: var(--fTema4); color: #ffff;}
.rodapeIcone { font-size: 16px; margin: 8px 5px; }
.rodapeDescricao { font-size: 16px; }
.rodapeRedes { font-size: 26px; margin: 5px;}

/* PAGINA CONTATO */
/* FORMULARIO SERVIÇOS */
.form-titulo { font-size: 26px; text-align: center; padding: 10px; }
.contato-info { background-color: #f2f2f2; /* Cor de fundo */ padding: 20px; margin-bottom: 30px; }
.contato-info h2 { font-size: 24px; font-weight: bold; margin-bottom: 10px; }
.contato-info a { font-size: 18px; color: #333;  text-decoration: none; }
.contato-info .contatoIcone { margin-right: 10px; font-size: 20px; }
.formContato { background-color: #fff; padding: 20px; margin-bottom: 30px; border: 1px solid #ccc; }
.formContato input[type="text"], .formContato textarea { width: 100%; padding: 10px; margin-bottom: 15px; border: 1px solid #ccc;
  border-radius: 5px; box-sizing: border-box; }
.formContato botao { background-color: var(--fTema3); color: #fff; border: none; padding: 10px 20px; border-radius: 5px;
  cursor: pointer; transition: background-color 0.3s ease; }
.formContato botao:hover { background-color: #075E54; }

/* FORMULÁRIO PAGINA CONTATO */
#formContato { max-width: 600px; margin: 0 auto; }
label { font-weight: bold; display: block; margin-bottom: 5px; color: #2F3070 ; font-size: 18px; }
input[type="text"], textarea { width: 100%; padding: 10px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 15px;
  box-sizing: border-box; }
.botao { width: 280px; border: none; padding: 10px 30px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; }
.botaoFormulario { background-color: var(--fTema3); color: #fff; font-size: 18px; }
.botaoFormulario:hover { background-color: #2F3070; }


/* container cookie */
#containerCookie { position: fixed; z-index: 99; bottom: 1px; display: block; width: 60%; max-width: 220px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;}



/* fim das Classes Especificas Site */



/* Dispositivo mobile pequeno */
@media (max-width: 380px){
.menuFlex, .menuDesktopTopo { display: none; }
.menuMobileContainer { display: block; }
.banner { background-image: url("../img/layout/modelo/banner-mobile.jpg"); background-size: 100%;   background-repeat:no-repeat; padding-block: 100px; }
.bannerlogo { max-width: 40px; opacity: 0.5; } 
.bannerTituloPrincipal { font-size: 1.800em; }
.bannerSubTitulo { font-size: 1.200em; }
.menuIconeWhatsappBanner { font-size: 1.100em;}  

.ajusteTitulo { font-size: 1.800em; }
.ajusteDescricao { font-size: 1.275em; }

.servicoGradiente { position: relative; display: block;  z-index: 99; margin-top: -180px; height: 210px; padding: 160px 0px  20px 0px; background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgba(3, 120, 166, 1) 80%);   }
.servicoTitulo { color: #ffff; font-size: 1.100em; } 
.servicoSombra { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.servicoGradiente:hover { background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgb(4, 41, 56) 70%);}
.servicoImagem:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
.servicoEmail { font-size: 1.100em;}


.sobrenosImagem { display: none; }
.bgBannerFaixa { background-image: url("../img/layout/modelo/banner-faixa.jpg"); background-size: cover; background-attachment: fixed; background-position: center center; background-repeat:no-repeat; padding-block: 140px;  }
.bannerTitulo { margin: 0 auto 40px; width: 80%; text-shadow: 1px 0px 2px rgba(0, 0, 0, 1);} 

.iconeContainer { width: 320px; margin-bottom: 20px; padding: 20px; border: 1px solid var(--fTema3); opacity: 0.8; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; transition: box-shadow 0.3s ease; }

.rodapeDescricao { font-size: 15px; }
.rodapeLogo { max-width: 80px; margin-top: 30px; }

}

/* Dispositivo mobile muito pequeno */
@media (max-width: 300px) {
.menuFlex, .menuDesktopTopo { display: none; }
.menuMobileContainer { display: block; }
.banner { background-image: url("../img/layout/modelo/banner-mobile.jpg"); background-size: 100%;   background-repeat:no-repeat; padding-block: 100px; }
.bannerlogo { max-width: 40px; opacity: 0.5; } 
.bannerTituloPrincipal { font-size: 1.800em; }
.bannerSubTitulo { font-size: 1.200em; }
.menuIconeWhatsappBanner { font-size: 1.100em;}  
.botao { width: 200px; border: none; padding: 10px 30px; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; }


.ajusteTitulo { font-size: 1.600em; }
.ajusteDescricao { font-size: .900em; }

.servicoGradiente { position: relative; display: block;  z-index: 99; margin-top: -150px; height: 210px; padding: 160px 0px  20px 0px; background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgba(3, 120, 166, 1) 80%);   }
.servicoTitulo { color: #ffff; font-size: .900em; } 
.servicoSombra { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.servicoGradiente:hover { background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgb(4, 41, 56) 70%);}
.servicoImagem:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
.servicoEmail { font-size: .950em;}


.sobrenosImagem { display: none; }
.bgBannerFaixa { background-image: url("../img/layout/modelo/banner-faixa.jpg"); background-size: cover; background-attachment: fixed; background-position: center center; background-repeat:no-repeat; padding-block: 140px;  }
.bannerTitulo { margin: 0 auto 40px; width: 80%; text-shadow: 1px 0px 2px rgba(0, 0, 0, 1);} 

.iconeContainer { width: 240px; margin-bottom: 20px; padding: 20px; border: 1px solid var(--fTema3); opacity: 0.8; border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; transition: box-shadow 0.3s ease; }

.rodapeDescricao { font-size: 15px; }
.rodapeLogo { max-width: 80px; margin-top: 30px; }
    
}

/* Dispositivo mobile convencioanais  */
@media (min-width: 381px) and (max-width: 480px){
.menuFlex, .menuDesktopTopo { display: none; }
.menuMobileContainer { display: block; }
.banner { background-image: url("../img/layout/modelo/banner-mobile.jpg"); background-size: 100%;   background-repeat:no-repeat; padding-block: 100px; }
.bannerlogo { max-width: 40px; opacity: 0.5; } 
.bannerTituloPrincipal { font-size: 1.800em; }
.bannerSubTitulo { font-size: 1.200em; }
.menuIconeWhatsappBanner { font-size: 1.100em;}  

.ajusteTitulo { font-size: 1.800em; }
.ajusteDescricao { font-size: 1.275em; }

.servicoGradiente { position: relative; display: block;  z-index: 99; margin-top: -180px; height: 210px; padding: 160px 0px  20px 0px; background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgba(3, 120, 166, 1) 80%);   }
.servicoTitulo { color: #ffff; font-size: 1.300em; } 
.servicoSombra { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.servicoGradiente:hover { background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgb(4, 41, 56) 70%);}
.servicoImagem:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }
.servicoEmail { font-size: 1.100em;}


.sobrenosImagem { display: none; }
.bgBannerFaixa { background-image: url("../img/layout/modelo/banner-faixa.jpg"); background-size: cover; background-attachment: fixed; background-position: center center; background-repeat:no-repeat; padding-block: 140px;  }
.bannerTitulo { margin: 0 auto 40px; width: 80%; text-shadow: 1px 0px 2px rgba(0, 0, 0, 1);} 

.iconeContainer { width: 320px; margin-bottom: 20px; padding: 20px; border: 1px solid var(--fTema3); opacity: 0.8; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; transition: box-shadow 0.3s ease; }

.rodapeDescricao { font-size: 17px; }
.rodapeLogo { max-width: 80px; margin-top: 30px; }

}
/* Tablets */
@media (min-width: 481px) and (max-width:767px) {
.menuFlex, .menuDesktopTopo { display: none; }
.menuMobileContainer { display: block; }
.banner { background-image: url("../img/layout/modelo/banner-mobile.jpg"); background-size: 100%;   background-repeat:no-repeat; padding-block: 100px; }
.bannerlogo { max-width: 40px; opacity: 0.5; } 
.bannerTituloPrincipal { font-size: 1.800em; }
.bannerSubTitulo { font-size: 1.200em; }
.menuIconeWhatsappBanner { font-size: 1.100em;}  

.ajusteTitulo { font-size: 1.800em; }
.ajusteDescricao { font-size: 1.275em; }

.servicoGradiente { position: relative; display: block;  z-index: 99; margin-top: -190px; height: 210px; padding: 140px 0px  20px 0px; background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgba(3, 120, 166, 1) 80%);   }
.servicoTitulo { color: #ffff; font-size: 1.450em; } 
.servicoSombra { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.servicoGradiente:hover { background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgb(4, 41, 56) 70%);}
.servicoImagem:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }

.sobrenosImagem { display: none; }
.bgBannerFaixa { background-image: url("../img/layout/modelo/banner-faixa.jpg"); background-size: cover; background-attachment: fixed; background-position: center center; background-repeat:no-repeat; padding-block: 140px;  }
.bannerTitulo { margin: 0 auto 40px; width: 80%; text-shadow: 1px 0px 2px rgba(0, 0, 0, 1);} 

.iconeContainer { width: 420px; margin-bottom: 20px; padding: 50px; border: 1px solid var(--fTema3); opacity: 0.8; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; transition: box-shadow 0.3s ease; }

.rodapeDescricao { font-size: 17px; }
.rodapeLogo { max-width: 80px; margin-top: 30px; }

}
@media (min-width: 768px) and (max-width: 991px) {
.menuFlex, .menuDesktopTopo { display: none; }
.menuMobileContainer { display: block; }
.banner { background-image: url("../img/layout/modelo/banner-tablet.jpg"); background-size: 100%;   background-repeat:no-repeat; padding-block: 80px; }
.bannerlogo { max-width: 40px; opacity: 0.5; } 
.bannerTituloPrincipal { font-size: 1.800em; }
.bannerSubTitulo { font-size: 1.200em; }
.menuIconeWhatsappBanner { font-size: 1.350em;}  

.ajusteTitulo { font-size: 2.200em; }
.ajusteDescricao { font-size: 1.375em; }

.servicoGradiente { position: relative; display: block;  z-index: 99; margin-top: -190px; height: 210px; padding: 140px 0px  20px 0px; background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgba(3, 120, 166, 1) 80%);   }
.servicoTitulo { color: #ffff; font-size: 1.450em; } 
.servicoSombra { border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.servicoGradiente:hover { background: linear-gradient(180deg, rgba(3, 120, 166, 0) 0%, rgb(4, 41, 56) 70%);}
.servicoImagem:hover { box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; }

.sobrenosImagem { display: none; }
.bgBannerFaixa { background-image: url("../img/layout/modelo/banner-faixa.jpg"); background-size: cover; background-attachment: fixed; background-position: center center; background-repeat:no-repeat; padding-block: 140px;  }
.bannerTitulo { margin: 0 auto 40px; width: 80%; text-shadow: 1px 0px 2px rgba(0, 0, 0, 1);} 

.iconeContainer { width: 700px; margin-bottom: 20px; padding: 70px; border: 1px solid var(--fTema3); opacity: 0.8; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; transition: box-shadow 0.3s ease; }

.rodapeDescricao { font-size: 20px; }
.rodapeLogo { max-width: 120px; margin-top: 50px; }

}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 1200px) and (max-width: 1599px) {

}

@media (min-width: 1600px){

}