@font-face {
	font-family: 'Tangerine';
	src: url('https://cpdev.polarik.com/ka/apps/clinicaplanas_assets/fonts/TangerineRegular.woff2') format('woff2'),
			url('https://cpdev.polarik.com/ka/apps/clinicaplanas_assets/fonts/TangerineRegular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

.treatment section {
	background-color:#f1f1f1;
	margin: calc( var(--space) * 2 ) 0 0 0;
	padding-bottom: calc( var(--space) * 2 );
}

#section-faqs {
background-color: #ffffff;
padding-top: 0;
}


@media screen and (min-width: 1024px) {

}


section#section-form {
  background-color: #fbe39b;
}

  section#section-form > .container > .container-form {
    border-color: #e8c4bb;
  }


#form-terms {
	line-height: 1.3;
}

#section-articulos {
  background-color: #f4e5d6;
}


.titulo-relacionados::before, .titulo-relacionados::after {
  background-color: white;
}



/* -------------- TIPOGRAFÍAS -------------- */
span.title-treatment {
	font-size: clamp(var(--22px), 2.5vw, var(--46px));
	color: #515151;
}

span.title-treatment {
  display: block;
	line-height: 1.3;
  font-family: 'Lato', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
}

.treatment h2 {
  font-family: 'Lato', sans-serif;
	font-size: clamp(var(--18px), 2vw, var(--34px));
	line-height: 1.3;
	font-weight: 600;
  text-transform: uppercase;
  text-align: center;
	color: #515151;
	border: none;
  padding-top: var(--60px);
  padding-bottom: 0;
  margin-bottom: 0;
}

span.title-treatment::after {
	content: "";
	display: block;
	width: var(--50px); 
	height: var(--4px); 
	background-color: white;
	margin: var(--20px) auto var(--40px) auto;
}

.treatment h2:not(h2#relacionados)::after {
  content: "";
	display: block;
	width: var(--50px); 
	height: var(--4px); 
	background-color: #e4e4e4;
	margin: var(--20px) auto var(--40px) auto;
}

h2#title-form::after {
	content: "";
	display: block;
	width: var(--40px); 
	height: var(--4px); 
	background-color: #e4e4e4;
  margin: var(--8px) auto 0 auto !important; 
}

h3.underline-title {
  font-size: var(--30px);
	line-height: 1.4;
  font-weight: 600;
  position: relative;
  padding-bottom: 8px; 
}

h3.underline-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px; 
  background-color: #b5b5b5;
}

article.treatment .container p {
	text-align: start;
	line-height: 1.4;
	letter-spacing: 0;
}

/* -------------- COMUNES -------------- */
.pb-6 {
	padding-bottom: var(--60px);
}

.mt-6 {
	margin-top: var(--60px);
}

.white {
  color: white;
}

.d-desktop {
  display: block;
}

@media (max-width:768px) {
		.pb-6 {
			padding-bottom: var(--30px);
		}
	
		.mt-6 {
			margin-top: var(--30px);
		}
	
		h1 {
			line-height: 1.3;
		}
	
		h3 {
			font-size: var(--16px);
			line-height: 1.2;
		}

    h3.underline-title {
      font-size: var(--18px);
      line-height: 1.4;
    }
	
		.treatment h2 {
			line-height: 1.3;
			padding-top: var(--30px);
		}
	

		.treatment h2:not(h2#relacionados)::after {
			width: var(--20px); 
			height: var(--3px);
			margin: var(--8px) auto var(--20px) auto; 
		}

    span.title-treatment {
      margin-top: var(--20px);
    }

    span.title-treatment::after {
      width: var(--20px);
      height: var(--3px); 
      margin: var(--10px) auto var(--40px) auto;
    }

    h2#title-form::after {
      margin: var(--8px) auto 0 auto !important; 
    }

    .d-desktop {
      display: none;
    }

    #section-form {
      padding-top: calc(var(--space) * 2);
    }
}

/* -------------- HERO -------------- */
#bg-title {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-top: -3px;
}

#bg-title img {
  width: 100%;
  height: auto;
  display: block;
}

#bg-title #custom1 {
  position: absolute;
}


/* -------------- BANNERS -------------- */
.big-banner {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.big-banner span.custom-banner {
  position: absolute;
  font-size: var(--70px);
  line-height: 1.2;
  font-weight: 500;
  text-transform: uppercase;
  text-align: center;
}

#last-banner {
  letter-spacing: 10px;
}


@media (width >= 1700px) {
  #bg-title {
    margin-top: -5px;
  }
}

@media (width <= 768px) {
  .big-banner span.custom-banner {
    font-size: var(--22px);
    padding-left: var(--10px);
    padding-right: var(--10px);
  }

  #last-banner {
    font-size: var(--28px);
    letter-spacing: 6px;
  }
}