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

@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

:root {
  --fTema: #193854;
  --fTema2: #0c253aff;
  --fTema3: #8da4b8ff;
  --fTema4: #1d0213;
}

* {
  box-sizing: border-box;
}

:focus {
  outline: none;
}

html {
  overflow-y: scroll;
}

body {
  background: #fff;
  font-family: "Archivo", sans-serif;
}

h1,
h2,
h3,
h4 {
  font-family: "Archivo", sans-serif;
  font-weight: 500;
}

/* 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; } .alCenter { align-items: center; } .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; } .m { 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; } .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; } .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.5em; } .e10 { font-size: 0.625em; } .e12 { font-size: 0.75em; } .e14 { font-size: 0.875em; } .e16 { font-size: 1em; } .e18 { font-size: 1.125em; } .e20 { font-size: 1.25em; } .e22 { font-size: 1.375em; } .e24 { font-size: 1.5em; } .e26 { font-size: 1.625em; } .e28 { font-size: 1.175em; } .e30 { font-size: 1.875em; } .e32 { font-size: 2em; } .e36 { font-size: 2.25em; } .e40 { font-size: 2.5em; } .e50 { font-size: 3.125em; } .e60 { font-size: 3.75em; } .e70 { font-size: 4.375em; } .e80 { font-size: 5em; } .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; } .fMontserrat { font-family: "Montserrat", sans-serif; } .fPoppins { font-family: "Poppins", sans-serif; } .fOpens { font-family: "Open Sans", sans-serif; }

.fb { font-weight: bold; } .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; } .fCinza { color: #666666; } .fDireitos { color: #a5a5a5; } .fPreto { color: #000; } .fRodape { color: #cfcfcf; } .fStar { color: #f0d050; } .fVermelho { color: red; } .fTema { color: var(--fTema2); } .fTema2 { color: var(--fTema); }

.lhn { line-height: normal; } .lh24 { line-height: 1.5em; } .lh26 { line-height: 1.625em; } .lh30 { line-height: 1.875em; }

.h0 { min-height: 0px; }

.w25 { width: 25%; } .wf40 { 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; }

.txtCenter { text-align: center; } .txtLeft { text-align: left; } .txtRight { text-align: right; } .txtCappitalize { text-transform: capitalize; } .aiCenter { align-items: center; } .jcSpaceBetween { justify-content: space-between; } .jcCenter { justify-content: center; } .jcEnd { justify-content: end; } .ltNone { list-style: none; } .vat { vertical-align: top; }

.b0 { border: 0px; } .bb { border-bottom: 1px solid #fff; } .borda { border: 1px solid #cacaca; } .bTop40 { border-radius: 40px 40px 0px 0px; -webkit-border-radius: 40px 40px 0px 0px; -moz-border-radius: 40px 40px 0px 0px; -ms-border-radius: 40px 40px 0px 0px; -o-border-radius: 40px 40px 0px 0px; } .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; } .bdR15 { border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; } .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; }

.bgBranco { background: #fff; } .bgBrancoLeve { background: #f8f8f8; } .bgTema { background: var(--fTema); } .bgTema2 { background: var(--fTema2); } .bgTema3 { background-color: var(--fTema2); }

.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; }

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

.container90 { width: 90%; max-width: 90%; margin: 0 auto; }

/* MENU TOP */
.menuNavBranco {
  background-color: #fff;
  border-bottom: 1px solid #e0e0e0;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
  margin-top: -30px;
  position: relative;
  z-index: 100;
}

/* Header Top - Altura fixa em vh */
.container.full > .container90 {
	min-height: 17vh;
	transition: min-height 0.3s ease;
}

#inicio {
	min-height: 17vh;
	display: flex;
	align-items: center;
	transition: min-height 0.3s ease;
}

/* Botão WhatsApp Reutilizável */
.btnWhatsapp {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  background-color: #25d366;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none;
  border-radius: 8px;
  transition: all 0.3s ease;
  border: none;
  cursor: pointer;
}

.btnWhatsapp:hover {
  background-color: #1fb855;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
  color: #fff;
  text-decoration: none;
}

.btnWhatsapp img {
  margin-right: 8px;
  filter: brightness(0) invert(1);
}

/* Links do Menu com Hover */
.menuNavBranco ul li a {
  position: relative;
  transition: color 0.3s ease;
}

.menuNavBranco ul li a:hover {
  color: var(--fTema2);
}

.menuNavBranco ul li a::after {
  content: '';
  position: absolute;
  width: 0;
  height: 2px;
  bottom: -5px;
  left: 50%;
  background-color: var(--fTema2);
  transition: all 0.3s ease;
  transform: translateX(-50%);
}

.menuNavBranco ul li a:hover::after {
  width: 80%;
}

/* Ícones Sociais com Hover */
.menuNavBranco a img[alt="Instagram"],
.menuNavBranco a img[alt="Facebook"] {
  transition: transform 0.3s ease, opacity 0.8s ease;
}

.menuNavBranco a:hover img[alt="Instagram"],
.menuNavBranco a:hover img[alt="Facebook"] {
  transform: scale(1.1);
  opacity: 0.8;
}

/* MENU TOP - Estrutura antiga */
.menuFlex {
  display: flex;
  align-items: center;
  justify-content: center;
}
.menuLogo img {
  max-width: 230px;
  height: auto;
  margin-right: 50px;
}
.menuFlex ul {  
  list-style: none;
  padding: 0;
  text-align: center;
}
.menuFlex ul li {
  display: inline-block;
  position: relative;
}
.menuFlex ul li a {
  display: inline-block;
  padding: 10px;
  text-decoration: none;
  color: #333;
  font-size: 1.375em;
}
.menuFlex ul li a {
  display: inline-block;
  padding: 16px 26px;
  text-decoration: none;
}
.menuFlex ul li a.atual {
  border-bottom: 2px solid var(--fTema3);
}
.menuFlex ul li a:hover {
  color: var(--fTema3);
  border-bottom: 1px solid var(--fTema2);
}
.menuFlex ul li .menuDropdownConteudo {
  display: none;
  position: absolute;
  background-color: #faf9f9;
  z-index: 1;
  border-radius: 10px;
}
.menuFlex ul li .menuDropdownConteudo li {
  display: block;
}
.menuFlex ul li .menuDropdownConteudo li {
  width: 100%;
}
.menuFlex ul li .menuDropdownConteudo li a {
  width: 100%;
  text-wrap: nowrap;
}
.menuFlex ul .menuDropdown:hover .menuDropdownConteudo {
  display: flex;
  text-align: left;
  flex-direction: column; 
}

/* MENU MOBILE */

.mobile-menu {
  position: fixed;
  top: 0;
  right: -300px;
  width: 300px;
  height: 100%;
  background-color: rgba(29, 29, 29, 0.98);
  box-shadow: -1px 0 10px rgba(0, 0, 0, 0.1);
  transition: right 0.3s ease;
  z-index: 66;
}

.menuMobileContainer {
  position: sticky;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 444;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  display: none;
}
.logoMenu {
  object-fit: contain;
  width: 160px;
}
.mobile-menu-close {
  position: absolute;
  top: 10px;
  right: 250px;
  cursor: pointer;
  padding: 10px 10px;
  color: #f3f2f7;
  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;
  border: 2px solid #517fa8;
}
.MobileMenuTitulo {
  display: block;
  font-family: "Archivo", sans-serif;
  text-transform: uppercase;
  color: #f3f2f7;
  margin-top: 60px;
}
.MenuMobileList {
  list-style: none;
  padding: 0;
  margin-top: 50px;
}
.MenuMobileList li a {
  font-family: "Archivo", sans-serif;
  font-weight: 300;
  font-size: 1.4em;
  text-transform: uppercase;
  font-variant: var(--fTema2);
  color: #ffffffff;
  display: block;
  padding: 10px 20px;
  border-bottom: 1px solid #fff;
}
.menuMobileLogo,
.menuMobileToggle {
  width: 50%;
}

/* Formulário */

.form-group {
  position: relative;
  min-height: 60px;
  border: 1px solid #c6d2d9;
  margin-bottom: 25px;
  background: #f7f7f7;
  border-radius: 20px;
}
.form-group label {
  position: absolute;
  top: 0;
  left: 30px;
  color: var(--fTema2);
  font-size: 16px;
  font-weight: 500;
  font-family: "Montserrat", sans-serif;
  line-height: 60px;
  transition: 0.2s ease;
}
.form-group input,
.form-group textarea {
  position: absolute;
  top: 20px;
  left: 20px;
  display: block;
  width: 90%;
  padding: 2px 12px;
  font-size: 20px;
  line-height: 1.42857143;
  color: var(--fTema3);
  font-weight: 500;
  background-color: unset;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: border-color ease-in-out 0.15s,
    -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-group.inputDesabilitado {
  background: #414141;
  cursor: not-allowed;
}
.form-group.inputDesabilitado input {
  color: #6b6b6b;
  cursor: not-allowed;
}
.form-group.inputDesabilitado label {
  cursor: not-allowed;
}

#formContato button {
  border-radius: 0px;
  border: none;
  width: 100%;
  font-size: 1em;
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  background: var(--fTema2);
  padding: 15px 0px;
  color: #fff;
  transition: all 0.3s linear;
  border-radius: 20px;
}

#formContato button:hover {
  background: var(--fTema);
  color: var(--fTema2);
}

.form-group.active {
  border: 1px solid var(--fTema);
}
.form-group.active label {
  color: var(--fTema3);
  transform: translate(-12%, -30%) scale(0.75);
}
.form-group.active textarea {
  position: initial;
  margin-left: 20px;
  margin-top: 20px;
}

input {
  border-width: 0;
}

textarea {
  min-width: 100%;
  max-width: 100%;
  min-height: 60px;
  border: none;
  resize: none;
}

#formContato .form-control-feedback {
  top: 15px;
  right: -5px;
}

#formContato .help-block {
  position: absolute;
  bottom: -30px;
}
/* Fim Formulário */

/* Links */
a img {
  background: none;
  border-width: 0;
  text-decoration: none;
}
a:focus {
  outline: none;
  outline: none;
  outline-offset: 0px;
}
a:focus,
a:hover {
  color: inherit;
  text-decoration: none;
}

a.lNeutro:link,
a.lNeutro:visited,
a.lNeutro:active,
/* ===== Custom header/menu/hero (added) ===== */
.menuWhite{background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
.menuWhite .menuFlex ul li a{color:#1d1d1d}
.menuWhite .menuFlex ul li a.atual,.menuWhite .menuFlex ul li a:hover{color:var(--fTema)}

.headerTop{position:relative;z-index:20}
.headerTop .headerInfoItem a{opacity:.9}
.headerTop .headerInfoItem a:hover{opacity:1;text-decoration:underline}

.btnPrimary{background:var(--bgTema3,#0d6efd);color:#fff !important;padding:10px 18px;display:inline-flex;align-items:center;gap:8px;border:0;transition:.2s}
.btnPrimary:hover{filter:brightness(.95);color:#fff !important}
.btnOutline{background:transparent;border:1px solid rgba(255,255,255,.8);color:#fff !important;padding:9px 16px;display:inline-flex;align-items:center;gap:8px;transition:.2s}
.btnOutline:hover{background:rgba(255,255,255,.12);color:#fff !important}

.heroSection{position:relative;min-height:520px}
.heroSection .heroBg{position:absolute;inset:0;background:url('../img/layout/banner.jpg') center/cover no-repeat;}

.heroSection:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,.45) 0%, rgba(0,0,0,.55) 70%)}
.heroContent{position:relative;z-index:1;padding-top:80px;padding-bottom:80px}
.heroTitle{line-height:1.1;margin:0 0 10px 0}
.heroSubtitle{max-width:760px}
/* ===== End custom styles ===== */