@charset "utf-8";
@import url("gilroy_medium/stylesheet.css");
@font-face {
		font-family: 'Gilroy';
		src: url('gilroy-thin-webfont.woff2') format('woff2'), url('gilroy-thin-webfont.ttf') format('truetype');
		font-weight: 100; /* Peso correcto para fuentes Thin */
		font-style: normal;
		font-display: swap;
}
/* LIGHT (Delgada) */
@font-face {
		font-family: 'Gilroy';
		src: url('gilroy-light-webfont.woff2') format('woff2'), url('gilroy-light-webfont.ttf') format('truetype');
		font-weight: 300; /* Peso correcto para fuentes Light */
		font-style: normal;
		font-display: swap;
}
/* MEDIUM (Cuerpo normal / Párrafos) */
@font-face {
		font-family: 'Gilroy';
		src: url('gilroy-medium-webfont.woff2') format('woff2'), url('gilroy-medium-webfont.ttf') format('truetype');
		font-weight: 500; /* Peso correcto para fuentes Medium/Regular */
		font-style: normal;
		font-display: swap;
}
/* SEMIBOLD (Títulos secundarios / Destacados) */
@font-face {
		font-family: 'Gilroy';
		src: url('gilroy-black-webfont.woff2') format('woff2'), url('gilroy-black-webfont.ttf') format('truetype');
		font-weight: 400; /* Peso correcto para fuentes Semibold */
		font-style: normal;
		font-display: swap;
}
/* SEMIBOLD ITALIC (Cursiva Destacada) */
@font-face {
		font-family: 'Gilroy';
		src: url('gilroy-semibolditalic-webfont.woff2') format('woff2'), url('gilroy-semibolditalic-webfont.ttf') format('truetype');
		font-weight: 400;
		font-style: italic; /* 🌟 CAMBIO: Se le indica que es la versión cursiva */
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('gilroy-regular-webfont.woff2') format('woff2'), url('gilroy-regular-webfont.ttf') format('truetype');
		font-weight: 400;
		font-style: normal; /* 🌟 CAMBIO: Se le indica que es la versión cursiva */
		font-display: swap;
}
@font-face {
		font-family: 'Gilroy';
		src: url('gilroy-bold-webfont.woff2') format('woff2'), url('gilroy-bold-webfont.ttf') format('truetype');
		font-weight: 400;
		font-style: normal; /* 🌟 CAMBIO: Se le indica que es la versión cursiva */
		font-display: swap;
}
/* CSS Document */
body {
		overflow-x: hidden;
		background-image: url(../img/bg-body.png)
}
.pagina-procedimiento-dark {
		color: #e0e0e0 !important;
		/* El sitio heredará automáticamente la fuente Gilroy que configuramos en :root */
		width: 100% !important;
		box-sizing: border-box;
}
.btn-oro {
		display: inline-block;
		padding: 14px 28px;
		background-color: #d4af37;
		color: #0b0b0b !important;
		text-decoration: none;
		font-weight: 600;
		text-transform: uppercase;
		font-size: 0.85rem;
		letter-spacing: 1px;
		border-radius: 4px;
		transition: all 0.3s ease;
		text-align: center;
}
.btn-oro:hover {
		background-color: #ffffff;
		transform: translateY(-2px);
}
.ficha-tecnica-grid {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 15px;
		padding: 30px 20px;
		background-color: #121212;
		border-top: 1px solid #222222;
		border-bottom: 1px solid #222222;
}
.dato-ficha {
		padding: 15px;
		background-color: #1a1a1a;
		border-left: 3px solid #d4af37;
}
.dato-titulo {
		display: block;
		font-size: 0.85rem;
		color: #888888;
		margin-bottom: 5px;
}
.dato-ficha p {
		margin: 0;
		color: #ffffff;
		font-family: "gilroy medium";
}
/* ==========================================================================
   3. BLOQUE DE INFORMACIÓN DIVIDIDA (ESTRUCTURA RIGIDA PC/MOVIL)
   ========================================================================== */
.bloque-informacion-dividida {
		padding: 40px 20px;
		background-color: rgba(54, 54, 54, 1.00);
}
.info-columna-texto h2 {
		font-size: 1.8rem;
		color: #ffffff;
		margin-bottom: 20px;
		text-align: left;
}
.detalles-cicatriz h2 {
		font-size: 1.8rem;
		color: #ffffff;
		margin-bottom: 20px;
		text-align: center;
}
.info-columna-texto p, .detalles-cicatriz p {
		font-size: 1rem;
		line-height: 1.6;
		color: #FFFFFF;
		margin-bottom: 20px;
}
.alerta-medica {
		background-color: #161512;
		border: 1px dashed #d4af37;
		padding: 20px;
		border-radius: 4px;
		margin: 25px 0;
		color: #e0e0e0;
		font-size: 0.95rem;
		line-height: 1.5;
}
.lista-etapas-color {
		list-style: none;
		padding: 0;
		margin: 20px 0;
}
.lista-etapas-color li {
		display: flex;
		align-items: center;
		margin-bottom: 10px;
		font-size: 0.95rem;
}
.punto-color {
		width: 12px;
		height: 12px;
		border-radius: 50%;
		margin-right: 12px;
		display: inline-block;
}
.punto-color.roja {
		background-color: #ff4d4d;
		box-shadow: 0 0 8px #ff4d4d;
}
.punto-color.blanca {
		background-color: #ffffff;
		box-shadow: 0 0 8px #ffffff;
}
/* --- CONTENEDOR FOTO COMPLETA EN LA PAGINA (SIN RECORTES) --- */
.contenedor-foto-clinica-poli {
		position: relative;
		width: 100%!important;
		max-width: 500px;
	
	
	
}
.contenedor-foto-clinica {
		position: relative;
		width: 100%;
		max-width: 500px;
		margin: 0 auto 25px auto;
		border-radius: 6px;
		overflow: hidden;
		border: 1px solid #222222;
		background-color: #121212;
}
.contenedor-foto-clinica img {
		width: 100% !important;
		height: auto !important;
		object-fit: contain !important; /* Garantiza foto 100% completa en la página */
		display: block !important;
		cursor: zoom-in;
}
.indicador-zoom {
		position: absolute;
		bottom: 10px;
		right: 10px;
		background-color: rgba(11, 11, 11, 0.75);
		color: #d4af37;
		padding: 5px 10px;
		font-size: 0.8rem;
		border-radius: 4px;
		pointer-events: none;
}
/* ==========================================================================
   4. INTERFAZ DE DIALOG LIGHTBOX (EN DOS PISOS RIGIDOS: BOTÓN ABAJO)
   ========================================================================== */
.modal-visor {
		border: none !important;
		background: transparent !important;
		padding: 0 !important;
		max-width: 90vw;
		max-height: 95vh;
		overflow: hidden;
		outline: none;
		/* Transición fluida de apertura */
		opacity: 0;
		transform: scale(0.95);
		transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.3s;
		display: block !important;
		visibility: hidden;
}
.modal-visor[open] {
		opacity: 1;
		visibility: visible;
		transform: scale(1);
}
.modal-visor::backdrop {
		background-color: rgba(11, 11, 11, 0.95) !important;
}
/* El bloque Grid obliga a separar la foto en el Piso 1 y el Botón en el Piso 2 */
.caja-bloque-visor {
		display: grid !important;
		grid-template-rows: auto auto !important;
		gap: 20px !important;
		justify-items: center !important;
		width: 100%;
}
.zona-foto-visor {
		grid-row: 1 !important;
		width: 100%;
		display: flex;
		justify-content: center;
}
.modal-visor img {
		width: auto;
		height: auto;
		max-width: 100%;
		max-height: 70vh !important; /* Deja espacio reservado abajo para el botón */
		object-fit: contain !important;
		display: block;
		border: 1px solid #222222;
		box-shadow: 0 10px 40px rgba(0, 0, 0, 0.8);
}
.zona-boton-visor {
		grid-row: 2 !important; /* Piso 2 garantizado abajo */
		width: 100%;
		display: flex;
		justify-content: center;
}
/* EL BOTÓN REFORMADO QUE CORRIGE EL DESPLAZAMIENTO HACIA ARRIBA */
.boton-cerrar-inferior {
		display: inline-block !important;
		position: relative !important; /* Rompe el absolute viejo hererado */
		top: 0 !important;
		right: 0 !important;
		color: #cccccc !important;
		font-size: 0.95rem !important;
		font-weight: 500 !important;
		text-transform: uppercase;
		letter-spacing: 2px;
		cursor: pointer !important;
		padding: 12px 26px !important;
		border: 1px solid rgba(255, 255, 255, 0.15) !important;
		border-radius: 4px !important;
		background-color: rgba(255, 255, 255, 0.02) !important;
		transition: all 0.3s ease !important;
}
.boton-cerrar-inferior:hover {
		color: #d4af37 !important;
		border-color: #d4af37 !important;
		background-color: rgba(212, 175, 55, 0.05) !important;
		transform: translateY(-2px);
}
/* ==========================================================================
   5. SECCIÓN TIMELINE DE RECUPERACIÓN
   ========================================================================== */
.seccion-recuperacion {
		padding: 40px 20px;
		background-color: #121212;
}
.cabecera-recuperacion h2 {
		font-size: 1.8rem;
		color: #ffffff;
		margin-bottom: 10px;
}
.cabecera-recuperacion p {
		color: #888888;
		margin-bottom: 30px;
}
.timeline-estetica {
		display: flex;
		flex-direction: column;
		gap: 25px;
}
.paso-timeline {
		display: flex;
		gap: 15px;
		background-color: #1a1a1a;
		padding: 20px;
		border-radius: 4px;
		border: 1px solid #222222;
}
.numero-paso {
		background-color: #d4af37;
		color: #0b0b0b;
		width: 35px;
		height: 35px;
		border-radius: 50%;
		display: flex;
		align-items: center;
		justify-content: center;
		font-weight: bold;
		flex-shrink: 0;
}
.contenido-paso h3 {
		margin: 0 0 10px 0;
		font-size: 1.2rem;
		color: #ffffff;
}
.contenido-paso p {
		margin: 0;
		font-size: 0.95rem;
		line-height: 1.5;
		color: #a0a0a0;
}
.aviso-riesgos {
		margin-top: 40px;
		padding: 20px;
		background-color: #1c1212;
		border-left: 4px solid #ff4d4d;
		font-size: 0.9rem;
}
@media (min-width:320px) {}
@media (min-width:480px) {}
@media (min-width:767px) {}
@media (min-width:991px) {}
@media (min-width:1400px) {}
@media (min-width:1920px) {}
@media (min-width:1680px) {}
@media (max-width:766.98px) {}
@media (max-width:1679.98px) {}
@media (max-width:1919.98px) {}

/*medids juan*/
@media (min-width:1200px) and (max-width:1279.98px) {
	
					.info-columna-texto-poli {
				float:left!important;
				width: 45% !important;
				padding-right: 0px;
				box-sizing: border-box;
		}
	
			.info-columna-imagen-detalles-poli {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.hero-abdominoplastia {
				padding-top: 0px !important;
				height: 35vh !important;
				min-height: 350px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				width: 100% !important;
				height: 35vh !important;
				min-height: 350px;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/lifting de senos.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/mamoplastia%20de%20aumento.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: left center;
	position: relative;
		}
		.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
							.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
								.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: contain;  /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
			.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
				.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	
	
	.hero-contenido{				
		padding: 50px 100px 50px 100px !important;
				background-color: transparent;
				height: 100% !important;
		    display: flex;              /* Activa el contenedor flexible */
    flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: center!important;
	}
		.tag-medico {
	color: #9B3638;
	font-size: 20px !important;
	text-transform: uppercase;
	letter-spacing: 0px;
	display: block;
	margin-top: 25px !important;
	margin-bottom: 8px !important;
	font-family: 'gilroy medium';
	line-height: 20px;
	font-weight: 400;
	text-align: center;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
		}
		.resumen-principal {
				font-size: 1.05rem;
				line-height: 1.6;
				color: #434343;
				margin-bottom: 15px !important;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #ffffff; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
		}
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
		.hero-abdominoplastia {
				height: 65vh;
		}

		.hero-contenido h1 {
	font-size: 3.5rem;
	text-align: center;
		}
		.resumen-principal {
	font-size: 1.2rem;
	max-width: 800px;
	text-align: center;
		}
		.ficha-tecnica-grid {
				grid-template-columns: repeat(4, 1fr);
				padding: 30px 80px;
		}
		/* REGLA MAESTRA INVERTIDA COHERENTE: TEXTO A LA IZQ, FOTO A LA DER */
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
}
/* ==========================================================================
   PANTALLAS DESDE 1280px HASTA 1399.98px
   ========================================================================== */
@media (min-width:1280px) and (max-width:1399.98px) {
	
					.info-columna-texto-poli {
				float:left!important;
				width: 45% !important;
				padding-right: 0px;
				box-sizing: border-box;
		}
	
			.info-columna-imagen-detalles-poli {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				padding-top: 0px !important;
				height: 35vh !important;
				min-height: 350px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				width: 100% !important;
				height: 35vh !important;
				min-height: 350px;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/lifting de senos.webp");
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-6 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
	background-image: url(../img/mamoplastia%20de%20aumento.webp);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
			.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
							.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
								.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: contain;  /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
			.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
				.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	
	.hero-contenido{				
		padding: 75px 150px 0px 150px !important;
				background-color: transparent;
				height: 100% !important;
		    display: flex;              /* Activa el contenedor flexible */
    flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: center!important;
	}

		.tag-medico {
				color: #9B3638;
				font-size: 20px !important;
				text-transform: uppercase;
				letter-spacing: 0px;
				display: block;
				margin-top: 25px !important;
				margin-bottom: 8px !important;
				font-family: 'gilroy medium';
				line-height: 20px;
				font-weight: 400;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
		}
		.resumen-principal {
	font-size: 1.05rem;
	line-height: 1.6;
	color: #434343;
	margin-bottom: 15px !important;
	text-align: center;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #ffffff; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
		}
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
		.hero-abdominoplastia {
				height: 65vh;
		}

		.hero-contenido h1 {
				font-size: 3.5rem;
		}
		.resumen-principal {
				font-size: 1.2rem;
				max-width: 800px;
		}
		.ficha-tecnica-grid {
				grid-template-columns: repeat(4, 1fr);
				padding: 30px 80px;
		}
		/* REGLA MAESTRA INVERTIDA COHERENTE: TEXTO A LA IZQ, FOTO A LA DER */
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
}
/* ==========================================================================
   PANTALLAS DESDE 1400px HASTA 1679.98px
   ========================================================================== */
@media (min-width:1400px) and (max-width:1679.98px) {
					.info-columna-texto-poli {
				float:left!important;
				width: 45% !important;
				padding-right: 0px;
				box-sizing: border-box;
		}
	
			.info-columna-imagen-detalles-poli {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/lifting de senos.webp");
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-6 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
	background-image: url(../img/mamoplastia%20de%20aumento.webp);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
	
			.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
	
	
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
						.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
							.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: contain;  /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
		.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
				.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	
		.hero-contenido{				
		padding: 75px 100px 0px 100px !important;
				background-color: transparent;
				height: 100% !important;
		    display: flex;              /* Activa el contenedor flexible */
    flex-direction: column!important;     /* Coloca los elementos uno abajo del otro */
    justify-content: center!important;    /* Centra verticalmente el contenido */
    align-items: center!important;
	}
		.tag-medico {
				color: #9B3638;
				font-size: 20px !important;
				text-transform: uppercase;
				letter-spacing: 0px;
				display: block;
				margin-top: 25px !important;
				margin-bottom: 8px !important;
				font-family: 'gilroy medium';
				line-height: 20px;
				font-weight: 400;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
		}
		.resumen-principal {
	font-size: 1.05rem;
	line-height: 1.6;
	color: #434343;
	margin-bottom: 15px !important;
	text-align: center;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #ffffff; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #ffffff;
				margin-bottom: 80px;
		}
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
		.hero-abdominoplastia {
				height: 65vh;
		}
4
		.hero-contenido h1 {
				font-size: 3.5rem;
		}
		.resumen-principal {
				font-size: 1.2rem;
				max-width: 800px;
		}
		.ficha-tecnica-grid {
				grid-template-columns: repeat(4, 1fr);
				padding: 30px 80px;
		}
		/* REGLA MAESTRA INVERTIDA COHERENTE: TEXTO A LA IZQ, FOTO A LA DER */
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
}
/* ==========================================================================
   PANTALLAS GRANDES / MONITORES DE ALTA RESOLUCIÓN (1680px A 2559.98px)
   ========================================================================== */
@media (min-width: 1680px) and (max-width:1919.98px) {
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url("../img/lifting de senos.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-6 {
				height: 45vh !important;
				min-height: 300px !important;
	background-image: url(../img/mamoplastia%20de%20aumento.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
			.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
	.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
						.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
							.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
			.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
				.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	
	.hero-contenido{				
		padding: 150px 150px 150px 150px !important;
				background-color: transparent;
				height: 100% !important;
		    display: flex;              /* Activa el contenedor flexible */
    flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: center!important;
	}
		.tag-medico {
				color: #9B3638;
				font-size: 20px !important;
				text-transform: uppercase;
				letter-spacing: 0px;
				display: block;
				margin-top: 25px !important;
				margin-bottom: 8px !important;
				font-family: 'gilroy medium';
				line-height: 20px;
				font-weight: 400;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
		}
		.resumen-principal {
	font-size: 1.05rem;
	line-height: 1.6;
	color: #434343;
	margin-bottom: 15px !important;
	text-align: center;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #ffffff; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
		}

		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
		.hero-abdominoplastia {
				height: 65vh;
		}

		.resumen-principal {
				font-size: 1.2rem;
				max-width: 800px;
		}
		.ficha-tecnica-grid {
				grid-template-columns: repeat(4, 1fr);
				padding: 30px 80px;
		}
		/* REGLA MAESTRA INVERTIDA COHERENTE: TEXTO A LA IZQ, FOTO A LA DER */
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}

		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}

		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
				.info-columna-texto-poli {
				float:left!important;
				width: 45% !important;
				padding-right: 0px;
				box-sizing: border-box;
		}
	
			.info-columna-imagen-detalles-poli {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
}

@media (min-width: 1920px) and (max-width:2559.98px) {
					.info-columna-texto-poli {
				float:left!important;
				width: 45% !important;
				padding-right: 0px;
				box-sizing: border-box;
		}
	
			.info-columna-imagen-detalles-poli {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url("../img/lifting de senos.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				height: 45vh !important;
				min-height: 300px !important;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-6 {
				height: 45vh !important;
				min-height: 300px !important;
	background-image: url(../img/mamoplastia%20de%20aumento.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
			.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
	.hero-contenido{				
		padding: 150px 0px 150px 0px !important;
				background-color: transparent;
				height: 100% !important;
		    display: flex;              /* Activa el contenedor flexible */
    flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: center!important;
	}
		.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
						.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
							.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
			.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
				.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	
		.tag-medico {
	color: #9B3638;
	font-size: 20px !important;
	text-transform: uppercase;
	letter-spacing: 0px;
	display: block;
	margin-top: 25px !important;
	margin-bottom: 8px !important;
	font-family: 'gilroy medium';
	line-height: 20px;
	font-weight: 400;
	text-align: center!important;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
		}
		.resumen-principal {
	font-size: 1.05rem;
	line-height: 1.6;
	color: #434343;
	margin-bottom: 15px !important;
	text-align: center;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #ffffff; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
		}
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
		.hero-abdominoplastia {
				height: 65vh;
		}

		.hero-contenido h1 {
	font-size: 3.5rem;
	text-align: center;
		}
		.resumen-principal {
				font-size: 1.2rem;
				max-width: 800px;
		}
		.ficha-tecnica-grid {
				grid-template-columns: repeat(4, 1fr);
				padding: 30px 80px;
		}
		/* REGLA MAESTRA INVERTIDA COHERENTE: TEXTO A LA IZQ, FOTO A LA DER */
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
}
/* ==========================================================================
   PANTALLAS ULTRA GRANDES / MONITORES 4K (2560px EN ADELANTE)
   ========================================================================== */
@media (min-width: 2560px) {
					.info-columna-texto-poli {
				float:left!important;
				width: 45% !important;
				padding-right: 0px;
				box-sizing: border-box;
		}
	
			.info-columna-imagen-detalles-poli {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				padding-top: 0px !important;
				height: 35vh !important;
				min-height: 350px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				width: 100% !important;
				height: 35vh !important;
				min-height: 350px;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/lifting de senos.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				width: 100% !important;
				height: 45vh !important;
				;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-6 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
	background-image: url(../img/mamoplastia%20de%20aumento.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
			.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
	
		.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
	
			.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
						.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
							.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
			.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	
	.hero-contenido{				
		padding: 150px 150px !important;
				background-color: transparent;
				height: 100% !important;
		    display: flex;              /* Activa el contenedor flexible */
    flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: center!important;
	}
		.tag-medico {
				color: #9B3638;
				font-size: 20px !important;
				text-transform: uppercase;
				letter-spacing: 0px;
				display: block;
				margin-top: 25px !important;
				margin-bottom: 8px !important;
				font-family: 'gilroy medium';
				line-height: 20px;
				font-weight: 400;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
		}
		.resumen-principal {
	font-size: 1.05rem;
	line-height: 1.6;
	color: #434343;
	margin-bottom: 15px !important;
	text-align: center;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #ffffff; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
		}
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
		.hero-abdominoplastia {
				height: 65vh;
		}
		.hero-contenido h1 {
				font-size: 3.5rem;
		}
		.resumen-principal {
				font-size: 1.2rem;
				max-width: 800px;
		}
		.ficha-tecnica-grid {
				grid-template-columns: repeat(4, 1fr);
				padding: 30px 80px;
		}
		/* REGLA MAESTRA INVERTIDA COHERENTE: TEXTO A LA IZQ, FOTO A LA DER */
		.bloque-informacion-dividida {
				display: block !important;
				clear: both !important;
				padding: 80px;
				overflow: hidden;
				background-color: rgba(54, 54, 54, 1.00);
		}
		.info-columna-texto {
				float: left !important;
				width: 55% !important;
				padding-right: 50px;
				box-sizing: border-box;
		}
		.info-columna-imagen-detalles {
				float: right !important;
				width: 45% !important;
				box-sizing: border-box;
		}
		.seccion-recuperacion {
				padding: 80px;
		}
		.timeline-estetica {
				grid-template-columns: repeat(2, calc(50% - 15px));
				display: grid;
				gap: 30px;
		}
}
/* ==========================================================================
   TABLETS EN VERTICAL (767px A 991.98px)
   ========================================================================== */
@media (min-width:767px) and (max-width:990.98px) {
					.info-columna-texto-poli {
				float:none;
				width: 100% !important;
				padding-right: 0px;
				box-sizing: border-box;
		}
	
			.info-columna-imagen-detalles-poli {
				float: none!important;
				width: 100% !important;
				box-sizing: border-box;
		}
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				padding-top: 0px !important;
				height: 35vh !important;
				min-height: 350px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				width: 100% !important;
				height: 35vh !important;
				min-height: 350px;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/lifting de senos.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -130px center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				width: 100% !important;
				height: 45vh !important;
				;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-6 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
	background-image: url(../img/mamoplastia%20de%20aumento.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -130px center;
				position: relative;
		}
			.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
						.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
	
							.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
			.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
				.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	
	
	
	.hero-contenido{				
		padding: 50px 20px 0px 250px !important;
		background-color: transparent;
				height: 100% !important;
		    display: flex;              /* Activa el contenedor flexible */
    flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: right!important;
	}
		.tag-medico {
				color: #9B3638;
				font-size: 20px !important;
				text-transform: uppercase;
				letter-spacing: 0px;
				display: block;
				margin-top: 25px !important;
				margin-bottom: 8px !important;
				font-family: 'gilroy medium';
				line-height: 20px;
				font-weight: 400;
				text-align: right !important;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
				text-align: right;
		}
		.resumen-principal {
	font-size: 1.05rem;
	line-height: 1.6;
	color: #434343;
	margin-bottom: 15px !important;
	text-align: right;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #363636; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
				text-align: right;
		}
}
/* ==========================================================================
   TABLETS EN HORIZONTAL / LAPTOPS PEQUEÑAS (992px A 1199.98px)
   ========================================================================== */
@media (min-width:991px) and (max-width:1199.98px) {
					.info-columna-texto-poli {
				float:none;
				width: 100% !important;
				padding-right: 0px;
				box-sizing: border-box;
		}
	
			.info-columna-imagen-detalles-poli {
				float: none!important;
				width: 100% !important;
				box-sizing: border-box;
		}
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				padding-top: 0px !important;
				height: 35vh !important;
				;
				min-height: 350px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				width: 100% !important;
				height: 35vh !important;
				;
				min-height: 350px;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				width: 100% !important;
				height: 45vh !important;
				;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				width: 100% !important;
				height: 45vh !important;
		
				min-height: 300px;
				background-image: url("../img/lifting de senos.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -100px center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				width: 100% !important;
				height: 45vh !important;

				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-6 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
	background-image: url(../img/mamoplastia%20de%20aumento.webp);
				background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -130px center;
				position: relative;
		}
		.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
						.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
							.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
		.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: contain; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	
		.hero-overlay {
				align-items: center !important; /* Centra verticalmente el contenido en pantallas táctiles */
				padding: 150px 50px 150px 450px !important;
				background-color: rgba(54, 54, 54, 0.00);
				height: 100% !important;
		}

	.hero-contenido{				
		padding: 50px 20px 0px 50px !important;
				background-color: transparent;
				height: 100% !important;
		    display: flex;              /* Activa el contenedor flexible */
    flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: center;
	}
		.tag-medico {
				color: #9B3638;
				font-size: 20px !important;
				text-transform: uppercase;
				letter-spacing: 0px;
				display: block;
				margin-top: 25px !important;
				margin-bottom: 8px !important;
				font-family: 'gilroy medium';
				line-height: 20px;
				font-weight: 400;
				text-align: right;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
		}
		.resumen-principal {
				font-size: 1.05rem;
				line-height: 1.6;
				color: #434343;
				margin-bottom: 15px !important;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #363636; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
		}
}
/* ==========================================================================
   MÓVILES PEQUEÑOS (320px A 479.98px)
   ========================================================================== */
@media (min-width:320px) and (max-width:479.98px) {
						.info-columna-texto-poli {
				float:none;
				width: 100% !important;
				padding-right: 0px;
				box-sizing: border-box;
							text-align: justify!important;
		}
	
			.info-columna-imagen-detalles-poli {
				float: none!important;
				width: 100% !important;
				box-sizing: border-box;
				text-align: justify!important;
		}
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				padding-top: 0px !important;
				height: 35vh !important;
				min-height: 350px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -100px center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				width: 100% !important;
				height: 35vh !important;
				;
				min-height: 300px;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -80px center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -100px center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/lifting de senos.webp");
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -130px center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -100px center;
				position: relative;
		}
		.hero-abdominoplastia-6 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 300px;
	background-image: url(../img/mamoplastia%20de%20aumento.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
	
	.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
	.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
	.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
				.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
					.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -90px center;
	position: relative;
		}
	
	.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
	
		.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	
	.hero-contenido{				
		padding: 50px 20px 0px 50px !important;
		background-color: transparent;
		height: 100% !important;
		display: flex;              /* Activa el contenedor flexible */
    flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: center;
	}

		.tag-medico {
				color: #9B3638;
				font-size: 14px !important;
				text-transform: uppercase;
				letter-spacing: 0px;
				display: block;
				margin-top: 25px !important;
				margin-bottom: 0px !important;
				font-family: 'gilroy medium';
				line-height: 16px;
				font-weight: 400;
				text-align: right;
		}
		.hero-contenido h1 {
				font-size: 1.4rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 20px;
				text-align: right;
		}
		.resumen-principal {
				font-size: 1.05rem;
				line-height: 1.6;
				color: #434343;
				margin-bottom: 15px !important;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #363636; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
				text-align: right;
		}
		.btn-oro {
				font-family: 'gilroy medium' !important;
				font-size: 11px !important;
			padding: 10px!important;
			margin-left: 20px!important;
		}
}
/* ==========================================================================
   MÓVILES MEDIANOS (480px A 575.98px)
   ========================================================================== */
@media (min-width:480px) and (max-width:575.98px) {
						.info-columna-texto-poli {
				float:none;
				width: 100% !important;
				padding-right: 0px;
				box-sizing: border-box;
							text-align: justify!important;
		}
	
			.info-columna-imagen-detalles-poli {
				float: none!important;
				width: 100% !important;
				box-sizing: border-box;
				text-align: justify!important;
		}
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				padding-top: 0px !important;
				height: 35vh !important;
				min-height: 350px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				width: 100% !important;
				height: 35vh !important;
				min-height: 350px;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 350px;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -100px center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 350px;
				background-image: url("../img/lifting de senos.webp");

				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -140px center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 350px;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}

	.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
					.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
						.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -120px center;
	position: relative;
		}
	
		.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	.hero-contenido{		
		padding: 50px 20px 0px 150px !important;
		background-color: transparent;
		    flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: flex-end;
		height: 100%!important;
	}

		.tag-medico {
				color: #9B3638;
				font-size: 20px !important;
				text-transform: uppercase;
				letter-spacing: 0px;
				display: block;
				margin-top: 25px !important;
				margin-bottom: 8px !important;
				font-family: 'gilroy medium';
				line-height: 20px;
				font-weight: 400;
				text-align: right;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
				text-align: right;
		}
		.resumen-principal {
				font-size: 1.05rem;
				line-height: 1.6;
				color: #434343;
				margin-bottom: 15px !important;
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #363636; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
				text-align: right;
		}
}
/* ==========================================================================
   MÓVILES GRANDES / PHABLETS (576px A 766.98px)
   ========================================================================== */
@media (min-width:576px) and (max-width:766.98px) {
	
				.info-columna-texto-poli {
				float:none;
				width: 100% !important;
				padding-right: 0px;
				box-sizing: border-box;
					text-align: justify!important;
		}
	
			.info-columna-imagen-detalles-poli {
				float: none!important;
				width: 100% !important;
				box-sizing: border-box;
				text-align: justify!important;
		}
		.hero-abdominoplastia {
				/* 🌟 EL TRUCO: Crea el colchón de espacio para que la barra absoluta de logo no tape las letras */
				padding-top: 0px !important;
				height: 35vh !important;
				min-height: 350px !important;
				background-image: url(../img/banerabdominoplastia-2a.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
				width: 100% !important;
		}
		.hero-abdominoplastia-2 {
				width: 100% !important;
				height: 35vh !important;
				min-height: 350px;
				background-image: url(../img/liposuccionpagproce.webp);
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}
		.hero-abdominoplastia-3 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 350px;
				background-image: url("../img/aumento de gluteos pag 2.webp");
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -130px center;
				position: relative;
		}
		.hero-abdominoplastia-4 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 350px;
				background-image: url("../img/lifting de senos.webp");
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: -100px center;
				position: relative;
		}
		.hero-abdominoplastia-5 {
				width: 100% !important;
				height: 45vh !important;
				min-height: 350px;
				background-image: url("../img/aumento de gluteos pag.webp");
				background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
				background-repeat: no-repeat;
				background-position: left center;
				position: relative;
		}

	.hero-abdominoplastia-facial-1 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/Blefaroplastia-Banner.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-2 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/banner-bichectomia.png");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -10px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-3 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/cirugiadelanariz.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
			.hero-abdominoplastia-facial-4 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Liposucción Cuello.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
				.hero-abdominoplastia-facial-5 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/Mentoplastia.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -80px center;
	position: relative;
		}
	
					.hero-abdominoplastia-facial-6 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url("../img/levantamiento de cejas.webp");
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -20px center;
	position: relative;
		}
	
	.hero-abdominoplastia-facial-7 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/otoplsatia.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -150px center;
	position: relative;
		}
		.hero-abdominoplastia-facial-8 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/frontoplastia-banner.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -125px center;
	position: relative;
		}
	
			.hero-abdominoplastia-facial-9 {
	width: 100% !important;
	height: 45vh !important;
	min-height: 300px;
	background-image: url(../img/lifting-banner.webp);
	background-size: cover; /* Cambiado de 'contain' a 'cover' para llenar el espacio sin deformarse */
	background-repeat: no-repeat;
	background-position: -145px center;
	position: relative;
		}
	.hero-contenido{		
		padding: 50px 20px 0px 200px !important;
		background-color: transparent;
		 flex-direction: column;     /* Coloca los elementos uno abajo del otro */
    justify-content: center;    /* Centra verticalmente el contenido */
    align-items: flex-end;
		height: 100%!important;
	}

		.tag-medico {
				color: #9B3638;
				font-size: 20px !important;
				text-transform: uppercase;
				letter-spacing: 0px;
				display: block;
				margin-top: 25px !important;
				margin-bottom: 8px !important;
				font-family: 'gilroy medium';
				line-height: 20px;
				font-weight: 400;
				text-align: right;
		}
		.hero-contenido h1 {
				font-size: 1.8rem !important;
				color: #000000; /* Ajustado a blanco puro para contraste premium sobre fondo negro */
				margin: 10px 0 16px 0;
				font-weight: 900;
				line-height: 28px;
				text-align: right;
		}
		.resumen-principal {
				font-size: 1.05rem;
				line-height: 1.6;
				color: #434343;
				
		}
		.resumen-solo-movil {
				font-size: 0.95rem;
				line-height: 1.6;
				color: #363636; /* 🌟 Blanco puro (o el color claro que elijas) SOLO para móviles */
				margin-bottom: 20px;
				text-align: right;
		}
}