/* =========================================================
   TIPOGRAFIA RESPONSIVA
   Base: 16px = 1rem
   ========================================================= */

:root {
    /* Tamanho base */
    --font-size-base: 1rem;
}

/* CORES 
	VERMELHO:#f02427
	bg-destaque - #5b584f
*/

html {
  scroll-behavior: smooth;
  scroll-padding-top: 50px; /* altura da navbar fixa */
}

/* BODY */
body {
	background-color: #fff;
	color: #000;
	font-family: "Poppins", sans-serif;
	font-weight: 400;
    font-size: var(--font-size-base);
    line-height: 1.6;
	}

span.ativado{display: none;}

.padding-lateral{
	padding-left: 18rem;
	padding-right: 18rem;
	}

/* STYLES */
a {text-decoration: none;}

/* WHATSAPP */
.whatsapp{
	background-color: #25d366;
	border-radius: 0.5rem;
	border: 0;
	font-size: 1.4rem;
	padding: 0.5rem 1rem;
	}

.whatsapp:hover{
	background-color: #075e54;
	}

.whatsapp-box-margem{
	text-align: left;
	padding: 2rem 0.8rem;
	}

.whatsapp-box{
	padding-top: 6rem;
	}

.whatsapp-box-heroe{
	padding-top: 2rem;
	}

.nav-link{
	font-size: 1.35rem;
	margin: 0.5rem 0.3rem 0 0;
	}

.nav-link-whats{
	background-color: #25d366;
	border-radius: 0.5rem;
	border: 0;
	padding: 0.7rem 1rem;
	}

.nav-link-whats:hover{
	background-color: #075e54;
	}

.navbar-nav .nav-link {
    white-space: nowrap;
}

/* HEADER */
.header{
	border-bottom: 2px solid #f02427;
	padding:0.4rem 0;
	}

.header .container-header{
	max-width:80%;
	}

/* HEROE */
.heroe{
	background-color: #fafaf5;
	background-position: left top;
	background-size: contain;
	background-repeat: no-repeat;
	height: auto;
	padding: 6rem 6rem;
	animation: trocaFundo 30s infinite;
	}


@keyframes trocaFundo {

  0%, 16.66% {
    background-image: url('../slides/940x810/hanel-coworking-sala-recepcao-940x810.jpg');
  }
  16.67%, 33.33% {
    background-image: url('../slides/940x810/hanel-coworking-sala-laboratorio-940x810.jpg');
  }
  33.34%, 50% {
    background-image: url('../slides/940x810/hanel-coworking-sala-ultrassonografia-940x810.jpg');
  }
  50.01%, 66.66% {
    background-image: url('../slides/940x810/hanel-coworking-sala-raio-x-panoramica-940x810.jpg');
  }
  66.67%, 83.33% {
    background-image: url('../slides/940x810/hanel-coworking-sala-medica-940x810.jpg');
  }
  83.34%, 100% {
    background-image: url('../slides/940x810/hanel-coworking-sala-odontologia-940x810.jpg');
  }
}

.heroe .heroe-cta{
	padding: 0 5rem 0 4rem;
	}

.heroe h1{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.8rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 0.9;
	word-spacing: -0.05rem;
	}

.heroe h2{
	font-size: 1.7rem;
	line-height: 1.2;
	margin:1rem 0;
	}

.heroe ul{
	font-size: 1.8rem;
	line-height: 1.2;
	padding: 0.5rem 0 0 3rem;
	}

.heroe ul {
  list-style: none;
  padding-left: 0;
}

.heroe ul li::before {
  background-image: url('../images/seta-verde.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; 
  content: "";
  display: inline-block;
  height: 2.8rem;
  margin-right: 1rem;
  vertical-align: middle;
  width: 2.8rem; 
}

.heroe p.texto{
	font-size: 1rem;
	line-height: 1.2;
	}

.div-cta{
	display: flex;
	justify-content: flex-end;
	}

.div-cta button{
	margin-bottom: -1rem;
	}

/* BLOCK 01 */
.block-01{
	/*background: linear-gradient(to right,#fff 0%,#fff 50%,#fafaf5 50%,#fafaf5 100%);*/
	padding: 8rem 6rem;
	}

.block-01 .bg-bege{
	background-color: #fafaf5;
	padding-top: 1rem;
	padding-bottom: 1rem;
	}

.block-01 h2{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 0.95;
	padding: 0 2rem 0 0;
	word-spacing: -0.05rem;
	}

.block-01 h3{
	font-size: 1.8rem;
	line-height: 1.2;
	padding: 0.5em 4em 0 0;
	}

.block-01 h4{
	color: #f02427;
	font-size: 1.9rem;
	line-height: 1.2;
	padding: 0.5rem 0;
	font-weight: 700;
	}

.block-01 p.texto{
	font-size: 1.8rem;
	line-height: 1.2;
	}

/* BLOCK 02 */
.block-02{
	background: linear-gradient(to right,#fff 0%,#fff 50%,#fafaf5 50%,#fafaf5 100%);
	padding: 6rem 6rem;
	}

.block-02 h2{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.8rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 0.95;
	text-align: center;
	word-spacing: -0.05rem;
	}

.block-02 h3{
	font-size: 1.9rem;
	line-height: 1.1;
	text-align: center;
	padding-bottom: 1rem;
	}

.block-02 h4{
	color: #f02427;
	font-size: 2.5rem;
	font-weight: 700;
	line-height: 0.8;
	text-align: center;
	padding: 2.5rem 0 0.5rem 0;
	}

.block-02 h5{
	font-size: 1.9rem;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 1rem;
	}

.block-02 ul{
	font-size: 1.7rem;
	line-height: 1.2;
	padding: 0.5rem 0 1rem 15rem;
	}

.block-02 .ul-x{
	list-style-image: url('../images/x-vermelho.png');
	}

.block-02 .ul-seta{
	list-style-image: url('../images/seta-verde.png');
	}

.block-02 ul li{
	margin-bottom: 0.5rem;
	}

.block-02 li > span {
   position:relative;
   top:-0.7rem;
   left:0.5rem;
   }

.block-02 .bg-seta-cinza {
   background: transparent url('../images/bg-seta-cinza.png')center center no-repeat;
   }

.block-02 .bg-linhas-vermelhas-esquerda {
	background: transparent url('../images/bg-linhas-vermelhas-esquerda.png')left center no-repeat;
	padding: 4rem 0;
   }

.block-02 .bg-linhas-vermelhas-direita {
	background: transparent url('../images/bg-linhas-vermelhas-direita.png')right center no-repeat;
	padding: 4rem 0;
   }

/* BLOCK 05 */
.block-05{
	padding: 6rem 0;
	}

.block-05 h2{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.8rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 1.1;
	padding-bottom: 1rem;
	text-align: center;
	word-spacing: -0.05rem;
	}

.block-05 h3{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 1.1;
	padding-bottom: 0;
	text-align: center;
	word-spacing: -0.05rem;
	}

.block-05 h4{
	font-size: 1.9rem;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 2rem;
	}

/* BLOCK 06 */
.block-06{
	padding: 6em 0;
	}

.block-06 h3{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 1.1;
	padding-bottom: 0;
	text-align: center;
	word-spacing: -0.05rem;
	}

.block-06 h4{
	font-size: 1.9rem;
	line-height: 1.2;
	text-align: center;
	padding-bottom: 2rem;
	}

/* BLOCK 07 */
.block-07{
	padding: 8rem 4rem;
	}

.block-07 h2{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 1.1;
	text-align: center;
	word-spacing: -0.05rem;
	}

.block-07 h3{
	font-size: 1.9rem;
	line-height: 1.1;
	text-align: center;
	padding-bottom: 2rem;
	}

.block-07 .galeria{
	text-align: center;
	}

.glightbox-container .gslide-title {
    text-align: center;
    margin: 0 auto;
	}
.block-07 .glightbox img{
	border-radius: 1rem;
	}

.block-07 .slider-wrapper{
	margin: 3rem 0 0 0;
	}

/* BLOCK 08 */
.block-08{
	background-color: #fafaf5;
	padding: 8em 0;
	text-align: center;
	}

.block-08 h2{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 1.1;
	word-spacing: -0.05rem;
	}

.block-08 h3{
	font-size: 1.9rem;
	line-height: 1.1;
	}

.block-08 h4{
	font-size: 1.9rem;
	line-height: 1.1;
	}

.block-08 img.diagnostico{
	margin: 4rem;
	}

/* BLOCK 10 */
.block-10{
	background-color: #fafaf5;
	padding: 8em 4rem;
	}

.block-10 h2{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 1.1;
	word-spacing: -0.05rem;
	}

.block-10 p.localizacao{
	font-size: 1.8rem;
	line-height: 1.2;
	padding: 0.2rem 2.5rem 0 0;
	}

.block-10 p.localizacao a{
	border: 1px solid #000;
	font-size: 0.7rem;
	line-height: 0.95;
	margin-top: 1rem;
	padding: 0.1rem 0.8rem;
	}

.block-10 ul{
	font-size: 1.8rem;
	line-height: 1.1;
	padding: 0.5rem 0 0 3rem;
	}

.block-10 ul {
  list-style: none;
  padding-left: 1rem;
}

.block-10 ul li::before {
  background-image: url('../images/seta-verde.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain; 
  content: "";
  display: inline-block;
  height: 3rem;
  margin-right: 1rem;
  vertical-align: middle;
  width: 3rem; 
}

/* BLOCK 14 */
.block-14{
	padding: 8rem 4rem;
	text-align: center;
	}

.block-14 h2{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 1.1;
	word-spacing: -0.05rem;
	}

.block-14 h3{
	font-size: 1.9rem;
	line-height: 1.1;
	padding-bottom: 2rem;
	}

.block-14 .box{
	border: 1px solid #f02427;
	padding: 1rem;
	width: 540px;
	height: 330px;
	border-radius: 2rem;
	}

.block-14 .box h4{
	font-size: 1.4rem;
	font-weight: 700;
	padding: 0.7rem;
	}

.block-14 .box p{
	font-size: 0.95rem;
	line-height: 1.3;
	padding: 1rem 1.5rem;
	}

.block-14 h5{
	font-size: 1.9rem;
	line-height: 1.1;
	padding: 2rem 0;
	}

/* BLOCK 16 */
.block-16{
	padding: 8rem 4rem;
	}

.block-16 h2{
	color: #f02427;
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 1.1;
	padding-bottom: 1rem;
	text-align: center;
	word-spacing: -0.05rem;
	}

.block-16 .accordion-button{
	color: #f02427;
	font-size: 1.9rem;
	font-weight: 400;
	background: transparent;
	box-shadow: none;
	}

.block-16 .accordion-body{
	font-size: 1.7rem;
	}

.block-16 .accordion-item{
	border-color: #f02427;
	padding: 0.7rem 0;
	}

/* BLOCK 17 */
.block-17{
	background: #5b584f url('../images/hanel-bg-consultorio-pronto.jpg')center center;
	color: #fff;
	padding: 8rem 15rem;
	text-align: center;
	}

.block-17 h2{
	font-family: "Josefin Sans", sans-serif;
	font-size: 3.6rem;
	font-weight: 600;
	letter-spacing: -0.2rem;
	line-height: 1.1;
	word-spacing: -0.05rem;
	}

.block-17 h3{
	font-size: 1.9rem;
	line-height: 1.2;
	}

/* FOOTER */
.footer{
	padding: 6rem 0;
	text-align: center;
	}

.footer ul{
	padding: 2em 0;
	}

.footer ul li a{
	color: #f02427;
	font-size: 2.5rem;
	margin: 0 0.5rem;
	}

.footer .politica a{
	color: #000;
	font-size: 1.4rem;
	}

.footer .copyright{
	line-height: 4;
	}