.services-section {
	 padding: 3rem 1rem;
	 font-family: 'Lexend Deca', sans-serif;
	 color: #001f3f;
	/* Responsive */
}
 .services-section .section-title {
	color: #001f3f;
	 padding: 0rem 2rem;
	 font-size: 1.6rem;
	 font-weight: 700;
	 text-align: center;
	 margin-bottom: 1.5rem;
}
 .services-section .section-text {
	 padding: 0rem 2rem;
	 margin: 0 auto 3rem auto;
	 text-align: center;
	 line-height: 1.6;
	 font-size: 1rem;
}
 .services-section .services-row {
	 display: flex;
	 gap: 2rem;
	 margin-bottom: 2rem;
}
 .services-section .services-row .service-card, .services-section .services-row .service-image {
	 flex: 1;
	/* 50% cada uno */
}
 .services-section .services-row .service-card {
	 border: 1px solid #001f3f;
	 border-radius: 20px;
	 padding: 1.5rem;
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 height: 100%;
}
 .services-section .services-row .service-card .card-header {
	 display: flex;
	 align-items: center;
	 gap: 0.8rem;
	 margin-bottom: 1rem;
}
 .services-section .services-row .service-card .card-header i {
	 font-size: 2rem;
	 color: #001f3f;
}
 .services-section .services-row .service-card .card-header h4 {
	 font-size: 1.2rem;
	 font-weight: 600;
	 margin: 0;
}
 .services-section .services-row .service-card p {
	 font-size: 0.95rem;
	 line-height: 1.4;
	 margin: 0;
}
 .services-section .services-row .service-image {
	 padding: 0px 24px;
	 display: flex;
	 align-items: center;
	/* centra verticalmente */
	 justify-content: center;
	/* centra horizontalmente */
	 height: 100%;
	/* ocupa el mismo alto que la card */
}
 .services-section .services-row .service-image img {
	 margin-top: 1.5dvw;
	 width: 180px;
	 height: 180px;
	 object-fit: cover;
	 border-radius: 12px;
}
 @media (max-width: 992px) {
	 .services-section .section-title {
		 padding: 0rem 1rem;
		 font-size: 1.4rem;
	}
	 .services-section .section-text {
		 padding: 0rem 1rem;
		 font-size: 0.8rem;
	}
	 .services-section .services-row {
		 flex-direction: column;
	}
	 .services-section .services-row .service-card, .services-section .services-row .service-image {
		 flex: unset;
		 width: 100%;
	}
	 .services-section .services-row .service-card {
		 align-items: center;
		 text-align: center;
	}
	 .services-section .services-row .service-card .card-header {
		 justify-content: center;
	}
	 .services-section .services-row .service-image {
		 margin-top: 1rem;
		 height: 220px;
		/* altura fija del contenedor para centrar la imagen */
		 display: flex;
		 align-items: center;
		 justify-content: center;
	}
	 .services-section .services-row .service-image img {
		 width: 180px;
		 height: 180px;
		 object-fit: cover;
	}
}