/* 00 - Configurações Gerais
=-----------------------------=*/
@font-face {
	font-family: 'Quicksand';
	src: url(../fonts/quicksand.ttf) format('truetype');
}

html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}
body {font-family: 'Arial', sans-serif;}

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

footer {background: #0B9645; color: #fff;}
footer p {font-size: 11px; line-height: 15px; padding: 5px 0; margin: 0 auto; font-weight: bold;}

.section {padding: 45px 0; position: relative;}
.section.light {background: #FDFDFD; box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, .2);}

.titulo {font-weight: 700; text-transform: uppercase; color: #0b9645;}

.btn {font-weight: 600; text-transform: uppercase; padding: 0.375rem 1rem;}
.btn.default {background: #0b9645; color: #fff;}
.btn.default:hover {color: #EAE002}

.navbar-toggler {border-color: #EAE002; color: #EAE002;}

.whatsapp {position: fixed; bottom: 15px; right: 15px; z-index: 1053;}
.whatsapp img {width: 65px; height: 65px; object-fit: contain; object-position: center; background: #25D366; border-radius: 100%; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .3);}
.whatsapp::before, .whatsapp::after {content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: 4px solid #25D366; border-radius: 100%; z-index: -1; animation-name: circleGrowth; animation-duration: 1s; animation-iteration-count: infinite;}
.whatsapp::after {animation-delay: .8s;}
.whatsapp a:hover {opacity: .75;}

@keyframes circleGrowth {
	from {width: 100%; height: 100%;}
	to {width: 145%; height: 145%;}
}

.error-template {text-align: center; padding: 45px 0;}
.error-template .btn {margin: 10px 15px;}

.italic {font-style: italic;}

.anchor {position: absolute; top: -100px;}

.nopadding {padding: 0;}

/* 1. Navbar
=----------------*/
.navbar {background: #0B9645;}
.navbar .nav-link {font-weight: 600; color: #EAE002;}
.navbar .nav-link:hover {color: #fff;}
.navbar .navbar-brand {width: 160px;}

/* 2. Painel
--------------*/
#painel {padding: 10px;}
#painel .carousel {box-shadow: 0 5px 7px 0 rgba(0, 0, 0, .4);}
#painel .carousel img {height: 350px; object-fit: cover;}
#painel .carousel .background {background: linear-gradient(45deg, #0b9645, #006d2d); color: #FFF; padding: 15px;}
#painel .carousel .background .text {width: 100%;}
#painel .carousel .background .text h1 {font-size: 36px; font-weight: 400; text-align: center; letter-spacing: 1px; margin: 0 0 1rem 0;}
#painel .carousel .background .text span {font-weight: 700; color: #EAE002}
#painel .carousel .background .text a:hover {color: #EAE002;}
#painel .carousel [data-slide] {width: auto; background: transparent; border: 0;}
#painel .carousel [data-slide] > span {background: unset;}
#painel .carousel [data-slide]::before {font-family: 'Font Awesome 5 Free'; font-size: 38px; font-weight: 900; color: #FFF; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#painel .carousel [data-slide="prev"]::before {content: '\f104';}
#painel .carousel [data-slide="next"]::before {content: '\f105';}

/* 3. Rodape
=----------------*/
#rodape {background: #333; color: #fff;}
#rodape .titulo {color: #fff;}
#rodape .box h3 {color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase;}
#rodape .box .fab {font-size: 22px; margin: 0 3px;}
#rodape .box a:hover {color: #0B9645;}