/* 0. Configurações Gerais
----------------------------*/
html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}

p:last-child {margin: 0;}
i {font-style: italic;}
b {font-weight: bold;}
a {text-decoration: none; color: inherit;}
a, button, .btn, .btn .front, .btn .back {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
a:hover {color: var(--link-hover);}
button:focus {outline: none;}
img {width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

h1, h2, h3, h4, h5, h6, p, a, i, b, span, em, small {-webkit-font-smoothing: antialiased;}
h1 {font-size: 26px;}
h2, h3, h4, h5, h6 {font-size: 20px;}
p {font-size: 16px; line-height: 1.5;}

.section {padding: 45px 0;}

.titulo {font-weight: 600; text-align: center; text-transform: uppercase;}
.titulo span {border-top: 1px solid #DEE2E6; display: -ms-inline-flexbox; display: inline-flex; padding-top: 0.25rem; position: relative;}
.titulo span::before {content: ''; position: absolute; top: -2px; left: 50%; transform: translateX(-50%); min-width: 75px; width: 25%; height: 3px; background: var(--barrinha-do-titulo);}

.btn {font-weight: 600; text-align: center; text-transform: uppercase; border: 0; border-radius: 0px; padding: 0; position: relative;}
.btn .front, .btn .back {width: 100%; height: 100%; padding: 0.45rem 1.175rem; transform-style: preserve-3d;}
.btn .front {transform: translateY(0) rotateX(0); transform-origin: top;}
.btn:hover .front {transform: translateY(100%) rotateX(90deg);}
.btn .back {position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform: translateY(-100%) rotateX(90deg); transform-origin: bottom;}
.btn:hover .back {transform: translateY(0) rotateX(0deg);}

.btn.default .front {background: var(--btn-default-fundo); color: var(--btn-default-cor);}
.btn.default .back {background: var(--btn-default-fundo-hover); color: var(--btn-default-cor-hover);}
.btn.secondary .front {background: var(--btn-secondary-fundo); color: var(--btn-secondary-cor);}
.btn.secondary .back {background: var(--btn-secondary-fundo-hover); color: var(--btn-secondary-cor-hover);}

.anchor-holder {position: relative;}
.anchor-holder .anchor {position: absolute; top: -157px; visibility: hidden; backface-visibility: hidden;}

.whatsapp {position: fixed; bottom: 15px; right: 15px; z-index: 9;}
.whatsapp a {display: flex; display: -ms-flexbox; width: 75px; height: 75px; background: #25D366; border-radius: 100%; padding: 15px; position: relative; box-sizing: border-box;}
.whatsapp a::before, .whatsapp a::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; background: transparent; border: 5px solid #25D366; border-radius: 100%; animation: growingCircle 1s infinite; z-index: -1;}
.whatsapp a::after {animation-delay: .6s;}
.whatsapp a:hover {opacity: .75;}
.whatsapp a img {width: 100%; height: 100%; object-fit: contain; object-position: center; margin-left: 2px;}

@keyframes growingCircle {
	from {width: 100%; height: 100%;}
	to {width: 125%; height: 125%;}
}

/* 1. Navbar - Opção 1 e 2
----------------------------*/
.option-one .header {background: var(--header-fundo); color: var(--header-cor); padding: 5px 0;}
.option-one .header a {color: inherit;}
.option-one .header a:not(:last-child) {margin-right: 0.35rem;}
.option-one .header a:hover {opacity: .75;}
.option-one .header p {font-size: 14px;}
.option-one .header .idiomas {display: -ms-flexbox; display: flex; -ms-align-items: center; align-items: center;}
.option-one .header .idiomas button {background: transparent; border: 0; padding: 0;}
.option-one .header .idiomas button:not(:last-child) {margin-right: 0.35rem;}
.option-one .header .idiomas button:hover {opacity: .75;}
.option-one .header .idiomas button img {width: 25px; height: 25px; border-radius: 100%; object-fit: cover;}
.option-one .navbar {background: var(--navbar-one-fundo); color: var(--navbar-one-cor);}
.option-one .navbar .navbar-toggler {font-size: 1.75rem; color: inherit; padding: 0;}
.option-one .navbar .navbar-nav .nav-item {text-align: center;}
.option-one .navbar .navbar-nav .nav-item .nav-link {text-transform: uppercase; color: inherit;}
.option-two .navbar {background: var(--navbar-two-fundo); color: var(--navbar-two-cor);}
.option-two .navbar .navbar-toggler {color: inherit;}
.option-two .navbar .navbar-nav .nav-item {text-align: center;}
.option-two .navbar .navbar-nav .nav-item .nav-link {text-transform: uppercase; color: inherit;}

.navbar .navbar-nav .nav-item.dropdown .dropdown-menu {background: var(--navbar-dropdown-fundo); border-color: var(--navbar-dropdown-fundo); color: var(--navbar-dropdown-cor);}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item {color: inherit;}
.navbar .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-item:hover {background: #0D4B80; color: #FFF;}

/* 2. Rodapé
--------------*/
#rodape.no-form {background: var(--rodape-fundo); color: var(--rodape-cor); text-align: center;}
#rodape.no-form h2 {font-size: 18px; font-weight: 700; text-transform: uppercase;}
#rodape.no-form a:hover {color: inherit; opacity: .75;}
#rodape.no-form .social a {font-size: 28px;}
#rodape.no-form .social a:not(:last-child) {margin-right: 0.75rem;}

#rodape.with-form {background: var(--rodape-form-fundo); color: var(--rodape-form-cor);}
#rodape.with-form h2 {font-size: 18px; font-weight: 400; font-style: italic; text-align: center;}
#rodape.with-form h3 {font-size: 18px; font-weight: 700; text-transform: uppercase;}
#rodape.with-form .social a {font-size: 26px;}
#rodape.with-form .social a:not(:last-child) {margin-right: 0.5rem;}

/* 3. Copyright
-----------------*/
footer {background: var(--copyright-fundo); color: var(--copyright-cor); padding: 5px 0;}
footer p {font-size: 12px;}
footer a {font-weight: 700;}
footer a:hover {color: inherit; opacity: .75;}

/* 4. Pagination
------------------*/
.pagination {margin-bottom: 0;}
.pagination .page-item .page-link {border: 0; border-top: 1px solid #DEE2E6; color: var(--paginador-cor); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;}
.pagination .page-item .page-link:hover {background: transparent; opacity: .65;}
.pagination .page-item.active .page-link {background: var(--paginador-ativo-fundo); border-top: var(--paginador-ativo-fundo); color: var(--paginador-ativo-cor);}
.pagination .page-item.disabled .page-link {color: #767676;}