:root {
  --background-color: #eaeaea;
  --font-color: #595356;
  --font-sizeh: 2.25em;
  --font-sizep1: 1.1em;
  --font-sizep2: 1em;
  --purple-color: #8e3362;
  --header-color: rgba(89, 83, 86, 1);
  --active-button-color: rgba(211, 147, 147, 1);
		--bg-color: #e8e8e8;
		--bg2-color: #bcbbc3;
		--bg3-color: #dfdfdf;
		--gray-color: #585255;
		--purple-color: #803361;

}

@font-face {
  font-family: "Cammron";
  src: url("https://cdn.miafemtech.com/fonts/Cammron/Cammron-Regular.woff2");
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cammron", sans-serif;
}

h2 {
	font-size:2.25em !important;
}
			
			.cabecera_mia {
				background-image: url('https://www.clinicaplanas.com/ka/apps/clinicaplanas/media/es/2023/10/rebeca-banner.webp');
				background-size:cover; 
				background-repeat:no-repeat; 
				min-height:600px;
				overflow: hidden;
			}

			.bloque_logo_mia {
				text-align:center;
				position:relative;
				top:100px;
				left:190px;
			}	

			.bloque_logo_mia h2 {
				margin:25px 0;
				color:#ffffff;
				font-size:2.3em;
			}

			.bloque_logo_mia p {
				color:#ffffff;
				font-size:1.4em;
				line-height:1.2em;
			}
	
			.banner_intermedio_mia {
				background-color:#595356;
				color:#ffffff;
				text-align:center;
				padding:20px;
			}

			.banner_intermedio_mia p {
				color:#ffffff;
				text-align:center;
			}

			.testimonial_mia {
				height:auto;
				padding:20px;
				font-size:0.9em;
				vertical-align: middle;
				margin-top:25px;
			}

		.treatment section {
			background-color:#f1f1f1;
			margin: calc( var(--space) * 2 ) 0 0 0;
			padding-bottom: calc( var(--space) * 2 );
		}
		.treatment section.precio {
			background: var(--background2);
		}
			.treatment section h2 {
				border: 0;
			}
	
		.gallery-hide { display:none; }
		.gallery-hide-reactions { display:none; }

		.home-background-1 {
		    background-image: url(https://www.clinicaplanas.com/ka/apps/clinicaplanas_assets/assets/home/fondo1.webp?v=JTO);
		    min-height: calc( var(--100px) * 7 );
		    background-color: #ffffff;
		    background-repeat: no-repeat;
		    background-position: top center;		
		}

		@media screen and (max-width: 1025px ){
			.home-background-1 {
				background: unset;
			}
		}

		.home-background-1 .row {
		    grid-gap: 0;
		}



		.bordered {
		    padding: var(--space) calc( var(--space) * 2 );
		    border: var(--5px) solid var(--pink-100);
		    overflow: hidden;
		}		

		.bordered h2 {
		    font-size: var(--26px);
		    line-height: var(--30px);
		    color: #a2a4a1;
		    font-weight: 500;
		    text-transform: uppercase;
		    position: relative;
		    padding-bottom: calc( var(--space) + var(--5px) );
		    margin-bottom: var(--space);
		    margin-top: calc( var(--space) * 2 );
		}

		@media (min-width: 768px) {
		.bordered h2 {
		    font-size: var(--60px);
		    line-height: var(--65px);
		}	}


		#section5 { position: relative; overflow: hidden; }
		#section5 > .bg-img {
			position: absolute;
			bottom: 0%;
			right: 0%;
			max-height: 90%;
			z-index: 0;
			mix-blend-mode: darken;
		}
		@media screen and (min-width: 769px) and (max-width:1200px) {
			#section5 > .bg-img {
				max-height: 60%;
			}
		}
		@media screen and (max-width: 768px) {
			#section5 > .bg-img {
				max-height: 24%;
				right: -10%;
			}
		}

		#section6 { position: relative; }
		#section6 p { text-align: left; }
		#section6 > .bg-img {
			position: absolute;
			bottom: 0%;
			right: 0%;
			object-position: 100%;
			height: 100%;
			object-fit: cover;
			z-index: 0;
			mix-blend-mode: darken;
		}
		@media screen and (max-width: 768px) {
			#section6 > .bg-img {
				height: 100%;
    		object-position: 80%;
				opacity: 0.6;
			}

			.cabecera_mia {
				min-height:350px;
			}

			.bloque_logo_mia {
				text-align:center;
				position:relative;
				top:0;
				left:0;
			}	

			.bloque_logo_mia img {
				margin-top:60px;
				max-width:190px;
			}	

			.bloque_logo_mia h2 {
				margin:25px 0;
				color:#ffffff;
				font-size:1.3em;
			}

			.bloque_logo_mia p {
				color:#ffffff;
				font-size:0.9em;
				line-height:1em;
			}

			.mia-img-test {
				float:left !important;
			}

		}

		.VIDEO img {
			max-height: 85vw;
			object-fit: cover;
			object-position: center;
		}

		section#unique-steps {
			padding-top: 3rem;
			background-color: gray;
			display: flex;
			flex-direction: column;
			align-items: center;
			color: white !important;
			padding-bottom: 3rem;
		}
		
		section#unique-steps h2 {
			margin-bottom: 3rem;
			font-size: var(--font-sizeh);
			font-weight: 400;
			text-align: center;
			padding: 0 2rem;
		}
		
		section#unique-steps .four-steps {
			display: flex;
			justify-content: center;
			width: 100%;
			gap: 7rem;
		}
		
		section#unique-steps .step {
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
			width: 25%;
		}
		
		section#unique-steps p {
			font-size: 15px;
		}
		
		section#unique-steps .step-number {
			font-size: 6em;
			padding-bottom: 2rem;
			font-family: "Cammron", sans-serif;
		}

		sup.p-sup {
			font-size: 0.6em;
			top: -0.8em;
		}
		
		sup.h-sup {
			font-size: 0.4em;
			top: -0.8em;
		}
		
		
		section#features {
			display: flex;
			flex-direction: column;
			text-align: center;
			justify-content: center;
			align-items: center;
			margin-bottom: 3rem;
		}
		
		section#features .features-header {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
			max-width: 50%;
			margin: 0 auto;
			padding: 3rem 0;
		}
		
		section#features .features-header h2 {
			font-weight: 400;
			margin-bottom: 2rem;
		}
		
		.features-icons {
			display: flex;
			justify-content: space-between;
			width: 90%;
			margin-bottom: 3rem;
			gap: 2rem;
		}
		
		.feature-icon {
			width: 15rem;
		}
		
		.feature-icon p {
			font-size: var(--font-sizep2);
			margin: 0 auto;
		}
		
		.icon {
			width: 8rem;
			height: 8rem;
			background-size: cover;
			background-repeat: no-repeat;
			background-position: center;
		}
		
		.cta-book {
			border: 1px solid #8e3362;
			font-size: var(--font-sizep);
			font-weight: 700;
			background-color: transparent;
			color: #8e3362;
			padding: 1.3rem 2rem;
			cursor: pointer;
			margin: 1rem;
		}
		
		.cta-book:hover {
			background: #8e3362;
			color: white;
		}
		
		.cta-book:active {
			background: var(--active-button-color);
			color: #8e3362;
		}
		
		section#features a {
			text-decoration: none;
			color: inherit;
		}
		
		section#features .small {
			display: flex;
			font-size: 0.5em;
			text-align: left;
			margin-left: 4rem;
			margin-right: auto;
			color: gray;
			margin-top: 3rem;
			flex-direction: column;
			gap: 0.3rem;
			padding: 1rem;
		}
		
		.header-block {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			text-align: center;
			background-color: var(--header-color);
			min-height: 10rem;
			height: auto;
			width: 100%;
			color: white;
			padding: 2rem 2rem;
		}
		
		.header-block h2 {
			font-size: var(--font-sizeh);
			font-weight: 400;
			margin-bottom: 1rem;
		}


	/* ------------------------------------------------ MIA SLIDER ---------------------------------------------------- */
		
		section#mia-slider-ppal .swiper {
			width: 100%;
			overflow: hidden;
		}
		
		section#mia-slider-ppal .swiper-slide {
			background-image: url('https://www.clinicaplanas.com/ka/apps/clinicaplanas_assets/landings/mia_nueva/desktop-banner-image.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			width: 100%;
			height: 100%;
			padding: 72px 90px 0;
			display: flex;
			position: relative;
		}

		section#mia-slider-ppal .carrousel-item {
			display: grid;
			grid-template-columns: auto 1fr;
			width: 100%;
		}
		
		section#mia-slider-ppal .carrousel-item .img-person img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}

		@media (max-width: 500px) {
			section#mia-slider-ppal .carrousel-item .img-person img {
				width: 100% !important;
				height: 13rem !important;
				object-fit: cover;
		}
		}



		section#mia-slider-ppal .carrousel-item .info-slider { 
			margin-left: 80px;
			padding-bottom: 50px;
		}

			section#mia-slider-ppal .carrousel-item .info-slider .slider-title h2{ 
				font-size: 80px !important;
				padding-bottom: 20px;
				line-height: 80px !important;
				color: #FFF;
			}

		section#mia-slider-ppal .carrousel-item .info-slider p{ 
			font-size: 60px !important;
			line-height: 60px !important;
			color: #FFF;
			font-weight: normal;
			font-family: "Cammron", sans-serif;
		}


		section#mia-slider-ppal .carrousel-item .info-slider .desktop-logo {
			display: flex;
			justify-content: flex-end;
		}

		section#mia-slider-ppal .carrousel-item .info-slider .desktop-logo img {
			height: 6rem;
		}


		section#mia-slider-ppal .carrousel-item .info-slider .slider-title sup{ 
			font-size: 16px !important;
		}

		section#mia-slider-ppal .carrousel-item .info-slider .desktop-list {
			margin: 30px 0 0 30px;
		}

		section#mia-slider-ppal .carrousel-item .info-slider .desktop-list ul {
			padding: 0;
		}
		
		section#mia-slider-ppal .carrousel-item .info-slider .desktop-list ul li::marker {
			color: #FFF;
		}
		
		section#mia-slider-ppal .carrousel-item .info-slider .desktop-list ul li {
			font-size: 30px;
			color: #FFF;
		}

		section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-btn { 
			border-radius: 20px;
			border: 2px solid rgba(255, 255, 255, 0.50);
			background: transparent;
			font-size: 12px;
			text-transform: uppercase;
			color: #FFF;
			display: flex;
			justify-content: center;
			align-items: center;
			padding: 6px 21px;
			margin-top: 30px;
		}

		section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-container.active {
			opacity: 1 !important;
			visibility: visible !important;
		}


		section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-container {
			opacity: 0 !important;
			visibility: hidden !important;
			position: absolute !important;
			padding: 5rem !important;
			display: flex !important;
			flex-direction: column !important;
			background-color: rgba(255, 255, 255, 0.75) !important;
			top: 50% !important;
			transform: translateY(-50%) !important;
			left: 0 !important;
			right: 0 !important;
			row-gap: 2rem !important;
			width: 80% !important;
			margin: 0 auto !important;
			border-radius: 1.25rem !important;
			-webkit-border-radius: 1.25rem !important;
			-webkit-transform: translateY(-50%) !important;
			-moz-transform: translateY(-50%) !important;
			-ms-transform: translateY(-50%) !important;
			-o-transform: translateY(-50%) !important;
			-moz-border-radius: 1.25rem !important;
			-ms-border-radius: 1.25rem !important;
			-o-border-radius: 1.25rem !important;
			z-index: 99999 !important;
		}

		section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-container p {
			font-size: 1.4rem !important;
			line-height: 20px !important;
			width: 100%;
			max-width: 100%;
			text-align: left;
			color: black;
			font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
		}

		section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-container .close-btn {
				position: absolute;
				top: 1rem;
				right: 3rem;
				background-color: transparent;
				border: none;
				cursor: pointer;
				font-size: 1.5rem;
				z-index: 10;
		}

	/* ------------------------------------------------ END MIA SLIDER ------------------------------------------------ */

	/* ------------------------------------------ BANNER DEBAJO SLIDER ------------------------------------------------ */

	.banner-debajo-slider {
		background-color: var(--bg2-color);
		display: flex;
		align-items: center;
		justify-content: space-around;
		height: 15rem;
		width: 100%;
		padding: 60px;
	}

	.banner-debajo-slider .diamond {
		height: 5rem;
	}

	.banner-debajo-slider .breast-harmonization-logo {
    height: 9rem;
}

	.banner-debajo-slider p {
			max-width: 45ch;
			text-align: right;
			color: var(--gray-color);
			font-weight: 800;
			font-size: 1.2em;
			line-height: 1.4em;
	}

	/* ------------------------------------- END  BANNER DEBAJO SLIDER ------------------------------------------------ */

	/* ------------------------------------------ VIDEO DR PLANAS --------------------------------------------------- */

	section#mia-femtech {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin: 4rem 0 8rem 0;
		text-align: center;
	}
	
	.section-header {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin-top: 20px;
	}
	
	.section-header h2 {
		max-width: 40ch;
		text-align: center;
		padding: 0 1rem;
	}
	
	.section-header p {
		margin-top: 1rem;
		max-width: 120ch;
		font-size: 1.2rem;
		font-weight: 500;
		margin-bottom: 2rem;
		padding: 0 1rem;
	}
	
	section#mia-femtech .section-header p {
		font-family: "Cammron", sans-serif;
		font-size: 2rem;
		max-width: 40ch;
	}
	
	section#mia-femtech .video-dr-container {
		position: relative;
		width: 100%;
		height: 100%g;
		padding: 0 100px;
		border-radius: 50px;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		-ms-border-radius: 50px;
		-o-border-radius: 50px;
	}
	
	section#mia-femtech video {
		width: 75%;
		margin: 0 auto;
		border-radius: 30px;
	}
	
	.cta {
		border-radius: 1rem;
		-webkit-border-radius: 1rem;
		-moz-border-radius: 1rem;
		-ms-border-radius: 1rem;
		-o-border-radius: 1rem;
		border: 2px solid var(--purple-color);
		color: var(--purple-color);
		font-family: "Avenir";
		font-weight: 600;
		font-size: 1rem;
	}
	
	.cta a {
		text-decoration: none;
	}
	
	section#mia-femtech .cta {
		padding: 1rem 3rem;
		margin: 5rem auto 0 auto;
	}
	
	.features {
		display: flex;
		justify-content: space-around;
		column-gap: 3rem;
		margin-top: 8rem;
		padding: 0 1rem;
	}
	
	section#mia-femtech .features {
		margin-bottom: 3rem;
	}
	
	.feature {
		display: flex;
		flex-direction: column;
		align-items: center;
		max-width: 40ch;
	}
	
	.feature p {
		max-width: 30ch;
		font-size: 1.1rem;
	}
	
	.feature img {
		width: 100%;
		margin-bottom: 1rem;
	}
	
	.feature h3 {
		max-width: 35ch;
		font-family: "Camron", sans-serif;
		font-weight: 650;
		font-size: 1.1rem;
		min-height: 48px;
	}
	
	.feature h4 {
		max-width: 30ch;
		font-weight: 800;
		margin-top: 2rem;
		font-size: 1.1rem;
	}
	
	.feature p~p {
		margin-top: 1rem;
	}
	
	.feature img {
		height: 4rem;
	}
	
	section#mia-femtech .collapsible-item .collapsible-header {
		flex-direction: column;
		justify-content: center;
		text-align: center;
		position: relative;
		width: 100%;
	}
	
	section#mia-femtech .collapsible-item .collapsible-header button {
		font-size: 1.3rem;
		margin-top: 1rem;
	}

	section#mia-femtech .collapsible-item .collapsible-content {
		display: none;
	}
	
	section#mia-femtech .collapsible-item .collapsible-content h4 {
		margin-top: 0;
		margin-bottom: 1rem;
	}

	section#mia-femtech .collapsible-item .collapsible-header button {
    font-size: 1.3rem;
    margin-top: 1rem;
}
.collapsible-item .collapsible-header button {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--purple-color);
		cursor: pointer;
    appearance: none;
    background: none;
    border: none;
}

	
	/* ------------------------------------ END  VIDEO DOCTOR PLANAS ------------------------------------------------ */

	/* --------------------------------------- PRESENTADO EN SECCIÓN -------------------------------------------------- */

	section#banner-featured-in {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 17rem;
		background-color: var(--gray-color);
		height: 25rem;
		color: white;
		font-size: 1.1rem;
		padding: 0 1rem;
	}
	
	section#banner-featured-in span {
		padding-bottom: 12rem;
		font-family: "Cammron";
		font-size: 40px;
	}
	
	section#banner-featured-in img {
		height: 3rem;
		width: 10rem;
	}



	/* ------------------------------------- END PRESENTADO EN SECCIÓN ------------------------------------------------ */


	/* --------------------------------------- NFT BANNER ------------------------------------------------------------- */

	section#banner-nft {
		background-color: #C6C4CD;
		;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
		position: relative;
		padding: 3rem 0 3rem 0;
	}
	
	section#banner-nft .section-header {
		z-index: 2;
	}
	
	section#banner-nft .section-header p {
		padding: 0 1rem;
		margin-bottom: 1.5rem;
	}
	
	section#banner-nft .semi-circle {
		background-color: #C6C4CD;
	}
	
	.semi-circle {
		position: absolute;
		top: -4rem;
		width: 8rem;
		height: 8rem;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.semi-circle img {
		height: 4rem;
	}
	
	section#banner-nft .nft-features {
		display: flex;
		justify-content: space-around;
		width: 100%;
		font-size: 1.2rem;
		padding: 30px 0px;
		align-items: flex-start;
	}
	
	section#banner-nft .nft-features * {
		max-width: 100%;
		white-space: nowrap;
		margin-top: 10px;
	}
	
	section#banner-nft .nft-features .content-cont {
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		width: 30%;
	}
	
	section#banner-nft .nft-features .content-cont img {
		width: 100px;
	}


/* --------------------------------------- END NFT BANNER ----------------------------------------------------------- */


/* --------------------------------------- ES MÍA PARA MI ----------------------------------------------------------- */

section#is-mia-for-me {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 4rem 0px;
  text-align: center;
  background-color: #fff;
}

section#is-mia-for-me .features {
  margin-top: 4rem;
  column-gap: 8rem;
}

section#is-mia-for-me .features {
  margin-top: 4rem;
}

section#is-mia-for-me .features .feature img {
  margin-bottom: 2rem;
}

/* ------------------------------------ END ES MÍA PARA MI ---------------------------------------------------------- */


/* --------------------------------------- MIA EXPERIENCE ----------------------------------------------------------- */

section#discover-mia-experience {
  display: flex;
  background-color: #fff;
  flex-direction: column;
  align-items: center;
  padding: 4rem 0px;
  text-align: center;
}

section#discover-mia-experience .features {
  margin-top: 4rem;
  column-gap: 3rem;
}

section#discover-mia-experience .features .feature img {
  margin-bottom: 2rem;
}


/* ------------------------------------- END MIA EXPERIENCE --------------------------------------------------------- */


/* --------------------------------------- ANTES Y DESPUÉS ---------------------------------------------------------- */

#before-after-mia {
	max-width: 100%;
	margin: 0 auto;
	padding: 20px;
	background-color: #C6C4CD;
	overflow: hidden;
}


#before-after-mia .swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 20px;
	padding: 20px;
	min-width: 0;
	flex: 1 0 auto;
}

.before-after-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 10px;
}

.swiper-slide picture {
	display: block;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}

.swiper-slide picture img {
	width: 100%;
	height: auto;
	display: block;
}

.sp-button-prev,
.sp-button-next {
	color: #333;
	background-color: rgba(255, 255, 255, 0.7);
	padding: 10px;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.sp-button-prev {
	left: 10px;
}

.sp-button-next {
	right: 10px;
}

.sp-button-prev:hover,
.sp-button-next:hover {
	background-color: #ccc;
}

@media (max-width: 600px) {
	.before-after-item {
			flex-direction: column;
	}
	.sp-button-prev,
	.sp-button-next {
			width: 30px;
			height: 30px;
	}
}

section#before-after-mia .clothed-topless {
  display: flex;
  column-gap: 4rem;
  margin-bottom: 3rem;
	justify-content: center;
}


section#before-after-mia .clothed-topless button {
  font-size: 1rem;
  color: var(--purple-color);
	cursor: pointer;
	appearance: none;
	background: none;
	border: none;
}

.active-border-bottom {
  border-bottom: 1px solid var(--purple-color) !important;
}



/* --------------------------------------- END ANTES Y DESPUÉS ------------------------------------------------------ */
		
		section#form {
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			background-color: white;
		}
		
		section#form h2 {
			text-align: center;
			margin-top: 5rem;
			margin-bottom: 4rem;
			font-weight: 400;
			padding: 0 2rem;
			max-width: 30ch;
		}
		
		section#form form {
			display: flex;
			flex-direction: column;
			justify-content: center;
			width: 75%;
		}
		
		section#form form input {
			border-bottom: 1px solid #8e3362;
			border-top: none;
			border-right: none;
			border-left: none;
			width: 100%;
			padding: 0.5rem;
			outline: none;
			margin-top: 0.3rem;
			font-family: "Avenir-Light", sans-serif;
		}
		
		section#form form label {
			font-family: "Avenir-Medium";
			margin-top: 0.8rem;
		}
		
		section#form form select {
			padding: 0.5rem;
			border: 1px solid #8e3362;
			margin-top: 0.3rem;
			outline: none;
			cursor: pointer;
			max-width: 100%;
			font-family: "Avenir-Light", "sans-serif";
		}
		
		section#form form #phone {
			padding-left: 4rem;
		}
		
		section#form form select[multiple] {
			padding: 0.5rem;
			border: 1px solid #8e3362;
			overflow-y: hidden;
			height: 3rem;
		}
		
		section#form form textarea {
			outline: none;
			padding: 0.5rem;
			font-family: "Avenir-Light", sans-serif;
			min-width: 25%;
			min-height: 4rem;
			max-height: 25rem;
			max-width: 100%;
			border: 1px solid #8e3362;
			margin-bottom: 1rem;
		}
		
		section#form form a {
			color: var(--font-color);
		}
		
		section#form form .privacy-label {
			display: flex;
			align-items: center;
		}
		
		section#form form input[type="checkbox"] {
			width: auto;
			margin-left: 1rem;
			cursor: pointer;
		}
		
		section#form form .send-form {
			border: none;
			cursor: pointer;
			background-color: #8e3362;
			color: white;
			padding: 0.75rem 2rem;
			font-size: var(--font-sizep1);
			margin-top: 1rem;
			margin-bottom: 3rem;
		}
		
		.iti__selected-flag {
			font-family: "Avenir-Light", "sans-serif";
		}
		
		.iti__country-list {
			font-family: "Avenir-Light", "sans-serif";
		}
		
		select option {
			font-family: "Avenir-Light", "sans-serif";
		}
		
		.select2
			.select2-container
			.select2-container--default
			.select2-container--below
			.select2-container--focus {
			font-family: "Avenir-Light", "sans-serif";
			color: var(--font-color);
			font-size: var(--font-sizep);
			border-radius: 0;
		}
		
		.select2-container .select2-selection--single {
			font-family: "Avenir-Light", "sans-serif";
			border: 1px solid #8e3362 !important;
			outline: 0;
			border-radius: 0 !important;
			-webkit-border-radius: 0 !important;
			-moz-border-radius: 0 !important;
			-ms-border-radius: 0 !important;
			-o-border-radius: 0 !important;
			margin-top: 0.3rem;
			font-size: var(--font-sizep);
		}
		
		.select2-container .select2-results__option--highlighted {
			font-family: "Avenir-Light", "sans-serif";
			background-color: #8e3362;
			color: #ffffff;
			color: var(--font-color);
			font-size: var(--font-sizep);
			border-radius: 0;
		}
		
		span.select2,
		span.select2-container,
		span.select2-container--default {
			max-width: 100%;
			min-width: 100%;
		}
		
		@media screen and (max-width: 479px) {

		
			.features-icons {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
		
			section#features .small {
				margin: 0;
				align-self: center;
			}
		}
		
		@media screen and (min-width: 480px) and (max-width: 768px) {
		
			section#features .features-header {
				max-width: 60%;
			}
		
			.features-icons {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}
		
			section#features .small {
				margin: 0;
				align-self: center;
			}
		
			.feature-icon p {
				max-width: 60%;
			}
		
		}
		
		@media screen and (min-width: 769px) and (max-width: 1200px) {
		
			.features-icons {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				width: 100%;
			}
		
			section#features .small {
				margin: 0;
				align-self: center;
			}
		
			.feature-icon p {
				max-width: 60%;
			}

		}
		
		.tarifas table {
			width: 100%;
			border-spacing: 0 5px;
			border-collapse:separate;
		}
		.tarifas table tr {
			margin: 5px 0;
		}
		.tarifas table td {
			background: #ebebeb;
			padding: 0.5rem 1rem;		
		}
			.tarifas table td:nth-child(2) {
				text-align: right;		
			}

		


	/* --------------------------------------- RESPONSIVE NUEVAS SECCIONES -------------------------------------------- */

	@media (min-width: 992px) and (max-width: 1199px) {
	
		section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-container {
			padding: 2.5rem !important;
		}
	
		section#banner-featured-in span {
			font-size: 22px;
		}
	
		section#banner-nft .nft-features * {
			white-space: normal;
		}
	
	}

	@media (max-width: 767px) {

		.banner-debajo-slider {
			display: none;
		}

		.section-header p {
				font-size: 1.1rem;
		}

		section#banner-nft .nft-features .content-cont p {
			font-size: 1.1rem;
	}
	
		section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-container {
			padding: 2rem;
			top: 55%;
			width: 95%;
			row-gap: 1rem;
		}
	
		section#home .close-btn {
			right: 1rem;
		}
	
		section#mia-femtech video {
			border-radius: 30px;
			-webkit-border-radius: 30px;
			-moz-border-radius: 30px;
			-ms-border-radius: 30px;
			-o-border-radius: 30px;
		}
	
		section#mia-femtech .video-dr-container {
			padding: 0 25px;
		}
	
		.feature img {
			margin-bottom: 1.25rem;
		}
	
		.feature h3 {
			min-height: 0;
		}
	
		section#mia-femtech .features {
			row-gap: 3.125rem !important;
			flex-direction: column;
		}
	
		section#mia-femtech .features .collapsible-item .collapsible-content {
			height: auto;
		}
	
		section#mia-femtech {
			background: #e8e8e8;
		}
	
		section#mia-femtech {
			padding: 3.75rem 0 0;
			margin: 0;
		}
	
		section#mia-femtech .video-dr-container {
			margin-top: 1.75rem;
		}
	
		section#banner-featured-in {
			height: auto;
			padding: 3.125rem 0;
			column-gap: 0;
		}
	
		section#banner-featured-in span {
			font-size: 30px;
			padding-bottom: 6.5rem;
		}
	
		section#banner-featured-in img {
			margin-top: 2.5rem;
			width: 6rem;
		}
	
		section#banner-nft {
			padding: 5rem 0 1rem;
		}
	
		section#banner-nft .section-header p {
			margin-top: 3.75rem;
			margin-bottom: 0;
		}
	
		section#banner-nft .nft-features {
			flex-direction: column;
			align-items: center;
			padding: 3.75rem 0 0;
		}
	
		section#banner-nft .nft-features .content-cont {
			width: 100%;
		}
	
		section#banner-nft .nft-features * {
			max-width: 100%;
		}
	
		section#banner-nft .nft-features .content-cont img {
			margin-bottom: 1.25rem;
		}
	
		section#banner-nft .nft-features .content-cont {
			margin-bottom: 60px;
		}
	
		section#is-mia-for-me .features .feature img {
			margin-bottom: 1.4375rem;
		}
	
		.feature {
			margin-bottom: 1.75rem;
		}
	
		section#is-mia-for-me {
			padding: 4rem 0 2rem;
		}
	
		.collapsible-container {
			margin-top: 2.75rem;
		}
	
		.collapsible-item .collapsible-header h4 {
			font-size: 1rem;
			padding-right: 0.9375rem;
		}
	
		section#discover-mia-experience {
			padding: 3.75rem 0 2rem;
		}
	
		section#discover-mia-experience .features {
			margin-top: 3.75rem;
		}
	
		section#discover-mia-experience .features .feature img {
			margin-bottom: 1.25rem;
		}


		section#mia-slider-ppal .carrousel-item .info-slider .desktop-list {
			display: none !important;
	}

		.desktop-logo {
			display: none !important;
		}

		section#mia-slider-ppal .carrousel-item .info-slider {
			margin-left: 0px;
	}

		section#mia-slider-ppal .carrousel-item {
			display: grid;
			grid-template-columns: 1fr;
			grid-auto-flow: dense;
			width: 100%;
		}

		section#mia-slider-ppal .carrousel-item > *:nth-child(1) {
			order: 2;
			justify-self: center;
			width: 50%;
		}

		section#mia-slider-ppal .carrousel-item > *:nth-child(2) {
			order: 1;
		}

		section#mia-slider-ppal .carrousel-item .info-slider .slider-title h2 {
			font-size: 30px !important;
			padding-bottom: 20px;
			line-height: 30px !important;
			text-align: center;
		}

		section#mia-slider-ppal .carrousel-item .info-slider p {
			font-size: 22px !important;
			line-height: 22px !important;
			text-align: center;
	}

	section#mia-slider-ppal .swiper-slide {
    padding: 40px;
		padding-bottom: 0px;
}

  .disclaimers-btn {
		margin: 0 auto;
	}

	section#mia-slider-ppal .carrousel-item .img-person {
		padding-top: 30px;
	}



	section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-container {
		position: absolute !important;
		padding: 1rem !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		left: 0 !important;
		right: 0 !important;
		row-gap: .25rem !important;
		width: 90% !important;
		max-height: 400px;
		overflow-y: auto;
	}

	section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-container p {
		font-size: 1rem !important;
		line-height: 20px !important;
		width: 100%;
		max-width: 100%;
		text-align: left;
		color: black;
		font-family: 'Lato', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	}

	section#mia-slider-ppal .carrousel-item .info-slider .disclaimers-container .close-btn {
			position: absolute;
			top: 1rem;
			right: 3rem;
			background-color: transparent;
			border: none;
			cursor: pointer;
			font-size: 1.5rem;
			z-index: 10;
	}

	section#mia-slider-ppal .carrousel-item .info-slider {
    padding-bottom: 10px;
}

section#is-mia-for-me .features .feature img {
	margin-bottom: 1.4375rem;
}
section#is-mia-for-me {
		display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4rem 0px;
    text-align: center;
}

.features {
	flex-direction: column;
	row-gap: 2rem;
}



	}

	@media (max-width: 429px) {
    section#banner-featured-in img {
        width: 3.5rem;
    }
	}

	@media screen and (min-width: 1445px) and (max-width: 1920px) {

		section#mia-slider-ppal .carrousel-item .img-person img {
			object-fit: contain;
	}

	section#mia-slider-ppal .carrousel-item .info-slider .slider-title h2 {
    font-size: 50px !important;
    padding-bottom: 20px;
    line-height: 50px !important;
		padding-top: 60px;
	}

	section#mia-slider-ppal .carrousel-item .info-slider p {
		font-size: 40px !important;
		line-height: 40px !important;
	}


	}

	@media screen and (min-width: 767px) and (max-width:1444px) {

		section#mia-slider-ppal .carrousel-item {
			display: grid;
			grid-template-columns: 1fr;
			grid-auto-flow: dense;
			width: 100%;
	}

	.desktop-logo {
		display: none !important;
	}

	section#mia-slider-ppal .carrousel-item > *:nth-child(1) {
		order: 2;
		justify-self: center;
		width: 50%;
	}

	section#mia-slider-ppal .carrousel-item > *:nth-child(2) {
		order: 1;
	}
	}

	@media screen  and (min-width: 1920px) {
		section#mia-slider-ppal .carrousel-item {
			grid-template-columns: auto 1fr;

		}
	}