/* 0. Configurações Gerais
----------------------------*/
html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'Montserrat', var(--bs-font-sans-serif), sans-serif;}

p:last-child {margin: 0;}
i {font-style: italic;}
b {font-weight: bold;}
a {text-decoration: none; color: inherit;}
a, button, .btn {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
a:hover {color: #32559F;}
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: 15px; line-height: 1.5;}

.section {padding: 45px 0;}

.titulo {font-weight: 900; text-align: center; text-transform: uppercase; color: #160162;}

.btn {font-weight: 600; text-align: center; text-transform: uppercase; border: 0; padding: 0; position: relative;}
.btn .front, .btn .back {width: 100%; height: 100%; transition: 0.5s; padding: 0.5rem 1rem;}
.btn .front {transform-origin: top; transform: translateY(0px) rotateX(0deg);}
.btn:hover .front {transform: translateY(100%) rotateX(90deg);}
.btn .back {position: absolute; top: 0; left: 0; transform-origin: bottom; transform: translateY(-100%) rotateX(90deg);}
.btn:hover .back {transform: translateY(0) rotateX(0deg);}

.btn.default {color: #000;}
.btn.default .front {background: #F6C600;}
.btn.default .back {background: #E6B900;}

.anchor-holder {position: relative;}
.anchor-holder .anchor {position: absolute; top: -140px; 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
--------------*/
.header {background: #160162; color: #FFF; padding: 5px 0;}
.header p {font-size: 14px;}
.header a:hover {color: inherit; opacity: .75;}
.header .social {list-style: none; margin-bottom: 0; padding: 0;}
.header .social .social-item:not(:last-child) {margin-right: 0.5rem;}
.header .social .social-item a {font-size: 20px;}
.navbar {background: #F6C600; color: #160263;}
.navbar .navbar-toggler {font-size: 2rem; border-radius: 0; color: #212529; padding: 0.175rem 0.275rem;}
.navbar .navbar-toggler:hover, .navbar .navbar-toggler:focus {border: 1px solid #212529; box-shadow: unset;}
.navbar .navbar-brand .brand {width: auto; height: 85px;}
.navbar .navbar-nav .nav-item {text-align: center;}
.navbar .navbar-nav .nav-item .nav-link {font-weight: 900; text-transform: uppercase; color: inherit;}
.navbar .navbar-nav .nav-item .nav-link:hover {opacity: .65;}

/* 2. Contato Preview
-----------------------*/
#contato-preview {background: #160162; color: #FFF; text-align: center;}
#contato-preview h2 {font-weight: 600; text-transform: uppercase;}
#contato-preview a {word-break: break-all;}
#contato-preview a:hover {color: inherit; opacity: .75;}
#contato-preview .social {display: -ms-flexbox; display: flex; -ms-justify-content: center; justify-content: center; list-style: none; margin: 0; padding: 0;}
#contato-preview .social .social-item:not(:last-child) {margin-right: 0.5rem;}
#contato-preview .social .social-item .social-link {font-size: 26px;}

/* 3. Footer
--------------*/
footer {background: #F6C600; padding: 5px 0;}
footer p {font-size: 12px; font-weight: 600;}
footer p a {font-weight: 900;}
footer p a:hover {color: inherit; opacity: .75;}

/* 4. Google Like Input
-------------------------*/
.input {position: relative;}
.input:not(:last-child) {margin-bottom: 1.5rem;}
.input label {font-size: 1rem; font-weight: 300; background: white; border-radius: 0.5rem; color: #9C9C9C; line-height: 1.5; padding: 0.375rem 0.75rem; position: absolute; top: 1px; left: 1px; z-index: 1; cursor: text; transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), opacity 150ms cubic-bezier(0.4, 0, 0.2, 1); transform-origin: bottom left;}
.input .form-control:focus {box-shadow: unset;}
.input .form-control:focus + label, .input .form-control:not(:placeholder-shown) + label {font-size: 12px; font-weight: 600; color: #1A73E8; padding: 0 0.75rem; transform: translateX(5px) translateY(-10px);}