/* iniciar consulta */
#start-consultation {
	padding-top: 130px;
	padding-bottom: 140px;
}

#start-consultation .start-consultation-wrapper {
	max-width: 1048px;
	margin-left: auto;
	margin-right: auto;
}

#start-consultation .left {
	text-align: center;
}

#start-consultation .right {
	text-align: right;
}

#start-consultation .right .table {
	width: 100%;
	height: 100%;
}

#start-consultation .right .title {
	color: #00AFA6;
	font-size: 90px;
	line-height: 90px;
	font-weight: 500;
	margin-bottom: 15px;	
}

#start-consultation .right .description {
	color: #3C3C3B;
	font-size: 57px;
	line-height: 70px;
	font-weight: 400;
	max-width: 465px;
	margin-left: auto;
}
/* final iniciar consulta */


/* características */
#features {
	position: relative;
	height: 859px;
	overflow-x: hidden;
}

#features .layer-gray {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50% center;
    background-image: url('../images/layer-gray.png')
}

#features .container {
	position: relative;
	height: 100%; 
}

#features .backgrouund-image {
	position: absolute;
	bottom: 0;
	left: 73px; /*57px;*/
}

#features  .content {
	max-width: 1048px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 65px;
	position: relative;
	/*border: 1px solid red;*/
}

#features .content .main-title {
	color: #00AFA7;
	font-weight: 500;
	font-size: 62.5px;
	line-height: 80px;
	text-align: right;
	max-width: 690px;
	margin-left: auto;
	margin-bottom: 60px;
}

#features .content .blocks .block {
	border: 2px solid #00AFA7;
	border-radius: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: rgba(255,255 ,255, 0.85);
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}

/*
 * Esta regla convierte el contenedor en una caja flexible para centrar 
 * el icono perfectamente, tanto vertical como horizontalmente.
*/
#features .content .blocks .block .img-wrapper {
    height: 80px; /* Damos una altura fija para alinear todos los iconos */
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
 * Esta nueva regla da estilo a TODOS los iconos <i> dentro de los bloques,
 * asegurando que tengan el mismo tamaño y color.
*/
#features .content .blocks .block .img-wrapper i {
    font-size: 3.5rem; /* Tamaño del icono (aprox. 56px) */
    color: #00AFA7;     /* Color verde principal */
}

#features .content .blocks .block .title {
	font-weight: 800;
	color: #00AFA7;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 45px;
}

#features .content .blocks .block .description {
	text-align: center;
	color: #3C3C3B;
	font-size: 30px;
	line-height: 36px;
	font-weight: 400;
}
/* fin características */



/* características2 */
#features2 {
	position: relative;
	min-height: 750px;
	overflow-x: hidden;
}

#features2 .layer-green {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50% center;
    background-image: url('../images/layer-green.png')
}

#features2 .container {
	position: relative;
	height: 100%; 
}

#features2 .backgrouund-image {
	position: absolute;
	bottom: 0;
	left: 73px; /*57px;*/
}

#features2  .content {
	max-width: 1048px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 65px;
	position: relative;
	/*border: 1px solid red;*/
}

#features2 .content .main-title {
	color: #00AFA7;
	font-weight: 500;
	font-size: 62.5px;
	line-height: 80px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	max-width: 1200px;
	margin-bottom: 60px;
}

#features2 .content .blocks .block {
	border: 2px solid #00AFA7;
	border-radius: 50px;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px; /*40px;*/
	padding-right: 20px; /*40px;*/
	background-color: rgba(255,255 ,255, 0.85);
	-webkit-box-sh
	adow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	flex: 1; /* hace que todos los hijos ocupen el mismo alto. */
}

/*
 * Esta regla convierte el contenedor en una caja flexible para centrar 
 * el icono perfectamente, tanto vertical como horizontalmente.
*/
#features2 .content .blocks .block .img-wrapper {
    height: 80px; /* Damos una altura fija para alinear todos los iconos */
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
 * Esta nueva regla da estilo a TODOS los iconos <i> dentro de los bloques,
 * asegurando que tengan el mismo tamaño y color.
*/
#features2 .content .blocks .block .img-wrapper i {
    font-size: 3.5rem; /* Tamaño del icono (aprox. 56px) */
    color: #00AFA7;     /* Color verde principal */
}

#features2 .content .blocks .block .title {
	font-weight: 800;
	color: #00AFA7;
	font-size: 30px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 45px;
}

#features2 .content .blocks .block .description {
	text-align: center;
	color: #3C3C3B;
	font-size: 28px;
	line-height: 34px;
	font-weight: 400;
}
/* fin características2 */

/*pricing*/

#planes { 
    padding: 80px 0; 
    background-color: #f9fafb; 
}

#planes .content .main-title {
	color: #00AFA7;
	font-weight: 500;
	font-size: 62.5px;
	line-height: 80px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	max-width: 800px;
	margin-bottom: 30px;
}

#planes .content > p {
	color: #3C3C3B;
  	font-size: 1.2rem;
  	line-height: 1.7;
  	font-weight: 400;
    text-align: center;
  	margin-left: auto;
  	margin-right: auto;
  	max-width: 940px;
    margin-bottom: 60px;
}

#planes .section-subtitle { 
    font-size: 1.1rem; 
    text-align: center; 
    max-width: 700px; 
    margin: 0 auto 60px auto; 
    color: #555; 
}

#planes .pricing-grid { 
    display: grid; 
    grid-template-columns: 1fr; 
    gap: 30px; 
    max-width: 1100px; 
    margin: 0 auto; 
}
/* =========================================================================
   ESTILOS PARA DESTACAR EL PLAN DE PRECIOS
   ========================================================================= */

/* 1. Estilo base del plan destacado */
#planes .plan-destacado {
    /* * Usamos el color #00AFA7 que es el principal de tu web.
     * El borde actual es '1px solid #e5e7eb', así que este resaltará.
     */
    border: 3px solid #00AFA7 !important; 
    
    /* * Lo hacemos un 5% más grande que los demás.
     * Lo elevamos visualmente con z-index.
     */
    transform: scale(1.05);
    position: relative;
    z-index: 10;
    box-shadow: 0 10px 25px rgba(0,0,0,0.12);
}

/* 2. Etiqueta de "Recomendado" */
#planes .plan-destacado .recomendado-badge {
    position: absolute;
    top: -29px; /*-15px; /* Lo posiciona justo encima de la tarjeta */
    left: 50%;
    transform: translateX(-50%); /* Lo centra perfectamente */
    background-color: #00AFA7;
    color: #FFFFFF;
    padding: 6px 22px;
    border-radius: 20px;
    font-size: 0.9rem;
    font-weight: 700;
}

/* 3. Ajuste del 'hover'
   Tu CSS actual hace que las tarjetas se muevan 10px hacia arriba en hover.
   Este código evita que el plan destacado "salte" mal, 
   manteniéndolo escalado y solo aumentando un poco la sombra.
*/
#planes .plan-destacado:hover {
    transform: scale(1.05); /* Mantenemos la escala */
    box-shadow: 0 15px 30px rgba(0,0,0,0.15); /* Sombra más grande en hover */
}

@media (min-width: 768px) { 
#planes .pricing-grid { 
        grid-template-columns: repeat(4, 1fr); 
    } 
}

#planes .plan-card { 
    background-color: #FFFFFF; 
    border-radius: 12px; 
    padding: 40px 20px; /*40px;*/
    text-align: center; 
    box-shadow: 0 5px 15px rgba(0,0,0,0.05); 
    border: 1px solid #e5e7eb; 
    transition: transform 0.3s, box-shadow 0.3s; 
}

#planes .plan-card:hover { 
    transform: translateY(-10px); 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); 
}

#planes .plan-card h3 { 
    font-size: 1.5rem; 
    font-weight: 600; 
    margin-top: 0;

    min-height: 58px;
}

#planes .plan-card .plan-ideal { 
    color: #0d9488; 
    font-weight: 500; 
    margin-bottom: 20px;
    min-height: 48px; 
}

#planes .plan-card .plan-price { 
    font-size: 3rem; 
    font-weight: 700; 
    color: #1f2937; 
    margin-bottom: 5px; 
}

#planes .plan-card .plan-price span { 
    font-size: 1rem; 
    font-weight: 400; 
    color: #555; 
}

#planes .plan-card .plan-anual { 
    color: #555; 
    margin-bottom: 30px; 
}

#planes .plan-features { 
    list-style: none; 
    padding: 0; 
    margin-bottom: 30px; 
    text-align: left; 
}

#planes .plan-features li { 
    margin-bottom: 15px; 
    display: flex; 
    align-items: center;

    min-height: 48px; 
}

#planes .plan-features .bi-check { 
    color: #10b981; 
    margin-right: 10px; 
    font-size: 1.2rem; 
}

#planes .plan-features .bi-x { 
    color: #ef4444; 
    margin-right: 10px; 
    font-size: 1.2rem; 
}

#planes .plan-card .btn { 
    background-color: #0d9488; 
    color: #FFFFFF; 
    text-decoration: none; 
    padding: 15px 20px; 
    border-radius: 8px; 
    font-weight: 600; 
    display: block; 
}

/*pricing*/

/* estadisticas */

#stats-bar {
    background-color: #0d9488; /* Verde primario */
    color: #FFFFFF;
    padding: 50px 20px;
}

#stats-bar .container {
    max-width: 1200px;
    margin: 0 auto;
}

#stats-bar .stats-grid {
    display: flex;
    justify-content: space-around;
    align-items: center;
    text-align: center;
    flex-wrap: wrap;
    gap: 20px;
}

#stats-bar .stat-item {
    display: flex;
    flex-direction: column;
}

#stats-bar .stat-item strong {
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.1;
}

#stats-bar .stat-item span {
    font-size: 1rem;
    font-weight: 400;
    opacity: 0.9;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* fin estadísticas */

/* pasos del asistente */
#assistant-steps {
	position: relative;
	min-height: 300px;
	overflow-x: hidden;
}

#assistant-steps .layer-green {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50% center;
    background-image: url('../images/layer-green.png')
}

#assistant-steps .container {
	position: relative;
	height: 100%; 
}

#assistant-steps .backgrouund-image {
	position: absolute;
	bottom: 0;
	left: 73px; /*57px;*/
}

#assistant-steps  .content {
	max-width: 1048px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 65px;
	padding-bottom: 65px;
	position: relative;
	/*border: 1px solid red;*/
}

#assistant-steps .content .main-title {
	color: #00AFA7;
	font-weight: 500;
	font-size: 62.5px;
	line-height: 80px;
	text-align:center;
	margin-left: auto;
    margin-right: auto;
	max-width: 690px;
	margin-bottom: 60px;
}

#assistant-steps .steps {
    max-width: 1055px;
    margin: 0 auto;
    display: flex;
    flex-direction: column; /* Apila los pasos verticalmente */
    gap: 40px; /* Espacio entre cada paso */
}

#assistant-steps .step {
    display: flex;
    align-items: center;
    gap: 20px; /* Espacio entre los elementos de un paso */
}

#assistant-steps .step .step-number {
	width: 50px;
}

#assistant-steps .step .step-number img {
    width: 50px; /* Tamaño fijo para los números */
    height: auto;
}

#assistant-steps .step .step-description {
    flex-grow: 1; /* El texto ocupa el espacio restante */
    text-align: center;
    font-size: 1.9rem;
    color: #3C3C3B;
}

#assistant-steps .step .step-ico {
	width: 80px;
}

#assistant-steps .step .step-ico img {
    width: 80px; /* Tamaño fijo para los iconos */
    height: auto;
}
/* fin pasos del asistente */


/* testimonial */
#clientes {
	min-height: 200px;
	background-color: #FFF;
	padding-top: 100px;
	padding-bottom: 100px;
	/*border: 1px solid red;*/
	position: relative;
}

#clientes .layer-white {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-position: 50% center;
    background-image: url('../images/layer-white.png')
}

#clientes .container {
	height: 100%;
}

#clientes .container > .title {
	text-align: center;
	color: #00AFA7;
	font-size: 62.5px;
	line-height: 80px;
	font-weight: 500;
	margin-left: auto;
	margin-right: auto;
	max-width: 1060px; /*1200px;*/
	margin-bottom: 80px;
}
#clientes .main-title {
    color: #00AFA7;
    text-align: center;
    font-weight: 500;
    font-size: 2.5rem;
    margin-bottom: 60px;
}

#clientes .testimonials-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
    max-width: 900px; /* Hacemos la sección un poco más estrecha */
    margin: 0 auto;
}

@media (min-width: 768px) {
	#clientes .testimonials-grid {
    	grid-template-columns: 1fr 1fr;
    }
}

#clientes .testimonial-card {
    background-color: #FFFFFF;
    border-radius: 12px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    border: 1px solid #e5e7eb;
}

#clientes .testimonial-card img {
    width: 80px;
    height: 80px;
    border-radius: 50%; /* Hace la imagen redonda */
    object-fit: cover; /* Evita que la imagen se deforme */
    margin-bottom: 20px;
}

#clientes .testimonial-content p {
    font-size: 1rem;
    line-height: 1.7;
    color: #555;
    margin-top: 0;
    margin-bottom: 20px;
    font-style: italic; /* La cursiva le da un toque de cita */
}

#clientes .testimonial-author {
    font-size: 0.9rem;
    font-weight: 400;
    color: #3C3C3B;
}

#clientes .testimonial-author strong {
    font-weight: 700;
}
/* fin testimonial */


/* segunda opinión */
#second-opinion {
	height: 822px;
	background-color: #FFF;
	padding-top: 80px; /*100px;*/
}

#second-opinion .container {
	height: 100%;
	position: relative;
}

#second-opinion .content {
	max-width: 1112px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	z-index: 10;
}

#second-opinion .content .title {
	color: #00AFA7;
	font-weight: 500;
	font-size: 62.5px;
	line-height: 80px;
	margin-bottom: 18px;
	text-align: right;
}

#second-opinion .content .subtitle {
	text-align: right;
	font-size: 33.4px;
	line-height: 39px;
	font-weight: 400;
	color: #3C3C3B;
	max-width: 1015px;
	margin-left: auto;
	margin-bottom: 25px;
}

#second-opinion .content .input-wrapper  {
	text-align: right;
}

#second-opinion .content .input-wrapper input {
	color: #00AFA7;
	text-align: center;
	width: 400px;
	height: 83px;
	font-size: 35px;
	font-weight: 500;
	outline: 0;
	border: 5px solid #00AFA7;
	border-radius: 23px;
	vertical-align: top;
	margin-right: 10px;
}

#second-opinion .content .input-wrapper button {
	vertical-align: top;
	width: 108px;
	height: 83px;
	font-size: 35px;
	font-weight: 500;
	/*border: 5px solid #00AFA7;*/
	border: 0;
	border-radius: 23px;
	background-color: #00AFA7;
	color: #FFF;
	text-align: center;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	position: relative;
}

#second-opinion .image {
	position: absolute;
	left: 0;
	bottom: 25px;
	width: auto;
	height: auto;
}
/* fin segunda opinión */

/* acceso a los mejores tratamientos */
#access-to-the-best-treatments {
	position: relative;
	padding-top: 75px;
  	padding-bottom: 75px;
}

#access-to-the-best-treatments .main-title {
  color: #00AFA7;
  text-align: center;
  font-weight: 500;
  font-size: 62.5px;
  line-height: 80px;
  margin-bottom: 60px;
}

#access-to-the-best-treatments .content {
	color: #3C3C3B;
  	font-size: 32px;
  	line-height: 39px;
  	font-weight: 400;
  	margin-left: auto;
  	margin-right: auto;
  	max-width: 940px;
}

#access-to-the-best-treatments .content ul {
	padding-left: 60px;
}

#access-to-the-best-treatments .content .bottom {
	color: #00AFA7;
}

#access-to-the-best-treatments .content .bottom p {
	margin-bottom: 100px;
}

#access-to-the-best-treatments .content .bottom button {
	height: 83px;
  	font-size: 35px;
  	font-weight: 500;
  	border: 5px solid #00AFA7;
  	border: 0;
  	border-radius: 23px;
  	background-color: #00AFA7;
  	color: #FFF;
  	text-align: center;
  	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  	position: relative;
  	/*padding-left: 30px;
  	padding-right: 30px;*/
}

#access-to-the-best-treatments .content .bottom button a {
	color: #FFF;
	padding-left: 30px;
  	padding-right: 30px;
  	display: block;
  	height: 83px;
  	line-height: 83px;
}

#access-to-the-best-treatments .content .bottom button a:hover {
	text-decoration: none;
}

#access-to-the-best-treatments .content .bottom img.cat {
	height: 450px;
	width: auto;
}

#access-to-the-best-treatments .content .bottom img.cat.mobile {
	display: none;
}

#access-to-the-best-treatments .content .bottom .bottom-left {
	padding-top: 65px;
}
/* fin acceso a los mejores tratamientos */

@media (max-width: 1100px) {

	/* plan de precios */
	#planes .pricing-grid {
    	grid-template-columns: repeat(2, 1fr);
  	}

  	#planes .plan-card h3 {
  		min-height: 0;
  	}

  	#planes .plan-card .plan-ideal {
  		min-height: 0;
  	}

  	#planes .plan-features li {
  		min-height: 0;
  	}

  	#planes .plan-destacado .recomendado-badge {
  		top: -18px;
  	}
}


@media (max-width: 992px) {
	/* iniciar consulta */
	#start-consultation .right {
    	text-align: center;
	}

	#start-consultation .right .description {
		max-width: none;
	}

	#start-consultation .start-consultation-wrapper .row {
        display: -webkit-box;
        display: -moz-box;
        display: box;
        
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        box-orient: vertical;
    }

    #start-consultation .left {
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        box-ordinal-group: 2;
    }

    #start-consultation .right {
        -webkit-box-ordinal-group: 1;
        -moz-box-ordinal-group: 1;
        box-ordinal-group: 1;
    }

    #start-consultation .right {
    	margin-bottom: 100px;
    }	
	/* final iniciar consulta */

	/* características */
	#features .content .main-title {
		max-width: none;
		text-align: center;
	}

	#features {
		height: auto;
	}

	#features .content .blocks .block {
		max-width: 626px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}

	#features .backgrouund-image {
    	left: -305px; /*-285px;*/
    	/*width: 100%;*/
    	height: 965px;
    }
	/* fin características */
	
	
		/* características2 */
	#features2 .content .main-title {
		max-width: none;
		text-align: center;
	}

	#features2 {
		height: auto;
	}

	#features2 .content .blocks .block {
		max-width: 626px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 40px;
	}

	#features2 .backgrouund-image {
    	left: -305px; /*-285px;*/
    	/*width: 100%;*/
    	height: 965px;
    }
	/* fin características2 */


	/* pasos del asistente */
	#assistant-steps .top .left {
		width: 70%;
		vertical-align: middle;
		padding-bottom: 0;
		/*border: 1px solid red;*/
	}

	#assistant-steps .top .right {
		width: 30%;
		vertical-align: middle;
		/*border: 1px solid red;*/
	}

	#assistant-steps .top .left .title {
    	font-size: 57.5px;
    	line-height: 70px;
	}

	#assistant-steps .steps .step .step-ico {
		width: 135px;
	}

	#assistant-steps .steps .step.one {
		height: 28vw; /*auto;*/
	}

	#assistant-steps .steps .step.two {
		height: 28vw; /*auto;*/
	}	

	#assistant-steps .steps .step {
		/*margin-bottom: 65px;*/
	}

	#assistant-steps .steps .step .step-description {
		font-size: 4vw;
		line-height: 6vw;
		padding-left: 15px;
		/*padding-right: 15px;*/
	}

	#assistant-steps .steps .step .step-number {
		width: 60px;
	}

	#assistant-steps .steps .step .step-ico {
		width: auto; /*60px;*/
		padding-left: 15px;
	}

	#assistant-steps .steps .step .step-ico img {
		height: 20vw;
	}

	#assistant-steps .steps .step .step-number img {
		width: 8vw;
	}

	#assistant-steps .info {
    	font-size: 50px;
    	line-height: 55px;
    }

    #assistant-steps .steps .step.two .step-ico img {
		padding-right: 2.4vw
	}
	/* fin pasos del asistente */


	/* segunda opinión */
	#second-opinion .content .title {
    	font-size: 65.5px;
    	line-height: 68px;
    }

    #second-opinion .content .subtitle {
    	font-size: 28.4px;
    	line-height: 34px;
    }
	/* fin segunda opinión */

	/* acceso a los mejores tratamientos */
	#access-to-the-best-treatments .content .bottom img.cat {
  		height: 400px;
  	}
	/* fin acceso a los mejores tratamientos */

	/* plan de precios */
	#planes .pricing-grid {
    	grid-template-columns: repeat(1, 1fr);
  	}
}

@media (max-width: 768px) {
	/* iniciar consulta */
	#start-consultation {
		padding-top: 65px;
		padding-bottom: 65px;
		height: auto;
	}

	#start-consultation .right .title {
		font-size: 60px;
		line-height: 60px
	}

	#start-consultation .right .description {
		font-size: 30px;
		line-height: 35px;
	}
	/* fin iniciar consulta */

	/* características */
	#features .content .main-title {
		font-size: 36px;
		line-height: 43px;
		margin-bottom: 35px;
	}

	#features .backgrouund-image {
    	left: -325px; /*-285px;*/
    	/*width: 100%;*/
    	height: 1025px;
    }
	/* fin características */


	/* características2 */
	#features2 .content .main-title {
		font-size: 36px;
		line-height: 43px;
		margin-bottom: 35px;
	}

	#features2 .backgrouund-image {
    	left: -325px; /*-285px;*/
    	/*width: 100%;*/
    	height: 1025px;
    }
	/* fin características2 */


	
	/* pasos del asistente */
	#assistant-steps {
		height: auto;
	}
	
	#assistant-steps .content .main-title {
    font-size: 36px; /* O el tamaño que prefieras para móvil */
    line-height: 43px;
    margin-bottom: 35px;
    }

	#assistant-steps .top .left .title  {
		font-size: 4vw;
		line-height: 5.5vw;;
	}

	#assistant-steps .top .left .subtitle {
		font-size: 4vw;
		line-height: 5vw;
	}	

	#assistant-steps .top .left {
    	width: 60%;
	}

	#assistant-steps .top .right {
		width: 40%
	}

	#assistant-steps .steps {
    	margin-bottom: 40px;
	}

	#assistant-steps .arrows-bottom-wrapper img {
		width: 100px;
		height: auto;
	}

	#assistant-steps .info {
    	font-size: 4.7vw;
		line-height: 5.5vw;
    }
	/* fin pasos del asistente */

	/* clientes */
	#clientes .main-title, #clientes .container > .title {
		font-size: 36px;
		line-height: 43px;
		margin-bottom: 35px;
	}
	/* fin clientes */
	
	
	/* segunda opinión */
	#second-opinion {
		height: auto;
		padding-top: 75px;
		padding-bottom: 75px;
	}

	#second-opinion .content {
		margin-bottom: 40px;
	}

	#second-opinion .content .title {
    	font-size: 36px;
    	line-height: 43px;
	}

	#second-opinion .content .subtitle {
    	font-size: 20.4px;
    	line-height: 26px;
	}

	#second-opinion .content .input-wrapper input {
		width: 200px;
		height: 60px;
		font-size: 20px;
	}

	#second-opinion .content .input-wrapper button {
		height: 60px;
		font-size: 20px;
		width: 80px;
	}

	#second-opinion .image {
		position: static;
	}
	/* fin segunda opinión */
	

	/* acceso a los mejores tratamientos */
	#access-to-the-best-treatments {
    	padding-top: 65px;
    	padding-bottom: 65px;
  	}

	#access-to-the-best-treatments .main-title {
    	font-size: 36px;
    	line-height: 43px;
    	margin-bottom: 35px;
  	}

  	#access-to-the-best-treatments .content {
  		font-size: 18px;
    	line-height: 24px;
    }

    #access-to-the-best-treatments .content ul {
  		padding-left: 35px;
	}

	#access-to-the-best-treatments .content .bottom p {
  		margin-bottom: 25px;
	}

	#access-to-the-best-treatments .content .bottom img.cat {
  		height: auto;
  		width: 100%;
	}

	#access-to-the-best-treatments .content .bottom .bottom-left {
  		padding-top: 20px;
	}

	#access-to-the-best-treatments .content .bottom img.cat.desktop {
		display: none;
	}

	#access-to-the-best-treatments .content .bottom img.cat.mobile {
		display: block;
		margin-left: auto;
		margin-right: auto;
		height: 250px;
		width: auto;
	}

	#access-to-the-best-treatments .content .bottom button {
		height: 60px;
	}

	#access-to-the-best-treatments .content .bottom button a {
		height: 60px;
		line-height: 60px;
    	font-size: 20px;	
	}
	
	#access-to-the-best-treatments .content .bottom button {
        /* Hacemos que el botón sea flexible */
        height: auto; /* La altura se adaptará al contenido */
        width: auto; /* El ancho se adaptará al contenido */
        max-width: 100%; /* Evita que el botón se desborde */
    }

    #access-to-the-best-treatments .content .bottom button a {
        /* Reducimos el tamaño del texto y el relleno para que quepa */
        font-size: 1.2rem;  /* Equivalente a unos 18-19px, mucho más legible en móvil */
        height: auto;
        line-height: normal;
        padding: 15px 40px; /* Menos relleno pero aún generoso */
    }

    /* Centramos los elementos en móvil para un mejor aspecto */
    #access-to-the-best-treatments .content .bottom .row {
        text-align: center;
    }
    
    #access-to-the-best-treatments .content .bottom .bottom-left {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 30px; /* Espacio entre el botón y la imagen del gato */
    }
    /* fin acceso a los mejores tratamientos */

    /* estadisticas */
    #stats-bar {
    	padding: 40px 20px;
    }

    #stats-bar .stats-grid {
  		display: block;
  	}

  	#stats-bar .stat-item {
  		margin-bottom: 20px;
  	}

  	#stats-bar .stat-item:last-child {
  		margin-bottom: 0;
  	}
}
	
  	
  	
  	
  		/* planes */
	#planes {
    	padding-top: 65px;
    	padding-bottom: 65px;
  	}

	#planes .content .main-title {
    	font-size: 36px;
    	line-height: 43px;
    	margin-bottom: 35px;
  	}

  	#planes .content {
  		font-size: 18px;
    	line-height: 24px;
    }

    #planes .content ul {
  		padding-left: 35px;
	}

	#planes .content .bottom p {
  		margin-bottom: 25px;
	}

	#planes .content .bottom .bottom-left {
  		padding-top: 20px;
	}
	

  	/* fin planes */ 	


@media (max-width: 576px) {
	/* acceso a los mejores tratamientos */
	#access-to-the-best-treatments .content .bottom button a {
		font-size: 36px; /*17px;*/
		padding-left: 20px;
  		padding-right: 20px;
	}
	/* fin acceso a los mejores tratamientos */
}