@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
#Gmaps, #visite .contato { width:100%; height:100%; border:0; border-radius:25px; background-color: #f1f1f1;}
.white{color:#fff!important;}
.wrapper{ max-width: 1200px; margin:0 auto;}
p {font-size: 1.2rem;}
body {font-family:  "Figtree", sans-serif !important;}
#banner {height: 90vh; }
#banner .wrapper{margin-top:100px;}
#banner .logo img { width:300px !important; display:block !important; margin: 0 auto;}
h1 {font-size:3rem!important;line-height: 1em!important; color:#fff; font-weight: 800 !important;}
h2{font-weight:400; color:#fff; font-size: 1.2rem; line-height: 1em; text-shadow: 2px 2px 8px #000!important; }
.btn-zap{color:#fff; text-decoration: none!important; font-weight: 800; font-size: 21px; background-color: #12bc56; padding: 15px 25px 15px 25px; border-radius:30px;}
.btn-zap svg{margin-top:-5px;}
.btn-directions{color:#fff; text-decoration: none!important; font-weight: 800; font-size: 21px; background-color: #787878; padding: 15px 25px 15px 25px; border-radius:30px;}
.show{opacity:1;}.hide{opacity:0;}
#Porque {padding: 20px; background-color: #ececec;}
#Porque h3, #Porque p, #visite h3 {color:#2b3889;} 
#Porque .row div, #farmacia .row div, #footer .row div { display: grid; align-items: center;  justify-content: center; margin-top: 20px; }


#farmacia h4{color:#2b3889; font-weight: 700;}

#farmacia .foto {   max-width: 100%; height: auto; }

#farmacia .foto img {display: block!important; position: relative; width: 100%; max-width: 600px; height: auto; }

#avaliacao, #footer {margin-top:40px; padding: 20px; background-color: #f5f5f5;}
#avaliacao p {margin-top:20px;}

#avaliacao .depoimentos img {display: block!important; position: relative; width: 100%; margin:10px auto 30px auto;}

#visite h3 {font-weight:700; font-size:2em;}
#visite .map{ min-height: 450px;}

#visite p i {color:#e61e2a; font-size:30px; margin-top:4px; }
#visite .contato {padding:30px; min-height: 100px; margin-top:10px; font-weight: 500; display: grid; justify-content: start; align-content: end; justify-items: start; }
#visite a {width:100% !important; display:block; text-align:center; margin: 10px 0 0 0;}
#footer p {font-size:0.9rem !important;}

@media only screen and (max-width:600px){
	#banner {background-position-x: -900px!important; background-repeat: no-repeat!important; background-position-y: 0px  !important;}
	#visite .map{ order:2;}
	h1 {font-size:2rem!important;} h2{font-size:1rem!important;} .btn-zap {font-size: 18px !important; text-align: center;} .btn-directions {margin-bottom: 10px !important;}
}

@media (max-width: 47.9375em) {
    .header .link-banner {
        font-size: 1.2rem;
        padding: .75rem .5rem;
        text-align: center;
        word-break: break-word;
    }
}
.header .link-banner {
    background-color: #2c4e9d;
    border-radius: 40px;
    max-width: 90%;
    margin: 5px auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.25rem;
    font-weight: 700;
    justify-content: center;
    padding: 1.125rem;
    text-decoration: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
	
}
.link-banner {
    border-radius: 80px !important;
    max-width: 95% !important;
    margin: 10px auto !important;
    width: inherit !important;
	font-size: 18px !important;
    height: 60px;
}
.link-banner img { max-height: 40px;}

#entregas, header {background-color: #c93f44;}

.select-loja {background-color:#e61e2a; color:#fff; padding:15px; margin:10px auto; display: block; border-radius:30px; text-decoration: none; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}