.TextoWSMF .Seccionnosotros{
	background-color: #cfe2f0;
	color: #001a2d;
	padding-top: 70px;
	padding-bottom: 70px;
}
.Seccionnosotros{
	background: #cfe2f0;
}

/* ****************** banner ************************ */
.w3-content,
.w3-auto{
	margin-left: auto;
	margin-right: auto;
}
.w3-tooltip,
.w3-display-container{
	position: relative;
}
.w3-wide{
	letter-spacing: 4px;
}
.w3-image{
	max-width: 100%;
	/*height: auto;*/
	width: 35%;
}
@media screen and (max-width: 1024px){
	.homeTarjeta100{
		width: 95% !important;
	}
	.w3-image{
		width: 60%;
	}
}
@media screen and (max-width: 600px){
	.w3-image{
		height: auto;
	}
	.w3-image{
		width: 80%;
		padding: 10px 0px;
	}
	.homeTarjeta100{
		width: 90% !important;
	}
	.HomeWS_seccion{
		padding: 0 1.5em 1em !important;
	}
}
.w3-margin-top{
	margin-top: 16px !important;
}
.w3-center{
	text-align: center !important;
}
.w3-display-middle{
	position: absolute;
	top: 50%;
	left: 25%;
	transform: translate(-50%, -50%);
	outline: none;
}
.w3-text-white,
.w3-hover-text-white:hover{
	color: #ffffff !important;
}
.w3-xxlarge{
	font-size: 36px !important;
}

@media (max-width: 900px){
	.w3-xxlarge{
		font-size: 17px !important;
	}
}

.w3-black,
.w3-hover-black:hover{
	color: #ffffff !important;
	background-color: #000 !important;
}
.w3-padding{
	padding: 8px 16px !important;
}
.w3-opacity-min{
	opacity: 0.75;
}
.w3-text-light-grey,
.w3-hover-text-light-grey:hover,
.w3-text-light-gray,
.w3-hover-text-light-gray:hover{
	color: #f1f1f1 !important;
}

@media (max-width: 768px){
	.w3-display-middle{
		left: 50%;
	}
}

@media only screen and (max-device-width: 600px){
	.textoSubPilaresBanner{
		line-height: 2.5;
		white-space: nowrap;
	}
}

.HomeWS_seccionBusqueda_titulo{
	color: #001a2d;
	font-weight: 500;
}

/* ****************** 3 PILARES ************************ */
.pilar{
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: white;
	padding: 15px 20px;
	margin: 20px auto;
	max-width: 1000px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
	gap: 20px;
}
.pilar1{
	border-left: 12px solid #0d1321;
}
.pilar2{
	flex-direction: row-reverse;
	border-right: 12px solid #0d1321;
}
.pilar3{
	border-left: 12px solid #0d1321;
}
.pilar-texto{
	flex: 1;
}
.pilar-texto h2{
	font-size: 24px;
	margin-bottom: 10px;
	color: #1a1a1a;
}
.pilar-texto p{
	font-size: 16px;
	line-height: 1.5;
	color: #333;
}
.pilar-imagen{
	flex: 0 0 180px;
	background: #001a2d;
	text-align: center;
}
.pilar-imagen img{
	width: 100%;
	border-radius: 10px;
	object-fit: cover;
}
.pilar-boton{
	display: inline-block;
	margin-top: 10px;
	background-color: #001a2d;
	color: white;
	font-size: 12px;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
}
.pilar-boton:hover{
	transform: scale(1.05);
	color: #ffffff;
	background: #001a2de0;
	text-decoration: none;
}

/* Responsive design */
	@media (max-width: 768px){
		.pilar{
			flex-direction: column;
			text-align: center;
			padding: 30px 20px;
			border-left: none;
			border-right: none;
		}

		.pilar2{
			flex-direction: column;
		}

		.pilar-imagen{
			flex: none;
			width: 100%;
			max-width: 300px;
			margin: 20px auto 0;
		}
	}

	@media only screen and (max-device-width: 600px){
		.pilar{
			padding: 15px 20px;
		}
	}

/* productos */
	.contenedorProductoStars{
		padding-top: 32px !important;
		padding-bottom: 32px !important;
		background-color: #ececec !important;
		color: black !important;
	}
	.contenedorProductoStars p{
		padding: 0.01em 150px;
		padding-bottom: 32px !important;
		color: #0d1321;
		font-size: 2rem;
		font-size: 2.5rem;
		font-weight: bold;
		color: #001a2d;
		margin-bottom: 1rem;
		text-align: center;
	}
	.contenedor{
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
		gap: 20px;
		max-width: 1200px;
		margin: 0 auto;
	}
	.productoEstrellas{
		position: relative;
		border-radius: 12px;
		overflow: hidden;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
		background: #ffffff;
		transition: transform 0.3s ease, box-shadow 0.3s ease;
	}
	.productoEstrellas:hover{
		transform: translateY(-5px);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
	}
	.productoEstrellas a{
		display: block;
		color: inherit;
		text-decoration: none;
		height: 100%;
	}
	.contenido{
		padding: 15px;
	}
	.contenido h3{
		margin-bottom: 10px;
		font-size: 18px;
		color: #333;
	}
	.imagenProductoStar{
		width: 100%;
		height: 300px;
		background-size: cover;
		background-position: center;
		border-radius: 8px;
	}

	/* Responsive para pantallas pequeñas */
		@media (max-width: 600px){
			.contenido h3{
				font-size: 16px;
			}
			.imagen{
				height: 150px;
			}
			.contenedorProductoStars p{
				padding: 0.01em 20px;
				font-size: 1.5rem;
				text-align: center;
				padding-bottom: 0px !important;
			}
			.imagenProductoStar{
				width: 100%;
				height: 230px;
			}
			.pilar-texto p{
				text-align: justify;
			}
		}

/* EMPRESAS Ongs PARTICULAR */
	.landingPillars_Empresa{
		background-image: url(/Images/landingHome/banner_Empresa.jpg);
		background-position: center;
		background-size: cover;
		min-height: 75%;
		filter: grayscale(50%);
		height: 400px;
		position: relative;
	}
	.landingPillars_Ongs{
		background-image: url(/Images/landingHome/banner_Ong.jpg);
		background-position: center;
		background-size: cover;
		min-height: 75%;
		filter: grayscale(50%);
		height: 400px;
		position: relative;
	}
	.landingPillars_Particular{
		background-image: url(/Images/landingHome/banner_Particular.jpg);
		background-position: center;
		background-size: cover;
		min-height: 75%;
		filter: grayscale(50%);
		height: 400px;
		position: relative;
	}
	.landingPillars_BTN_Contacta{
		padding: 12px 24px !important;
		text-align: center !important;
		position: absolute;
		left: 0;
		bottom: 0;
	}
	.landingPillars_BTN_Contacta span{
		background-color: #001a2d;
		color: #ffffff;
		display: inline-block;
		padding-left: 8px;
		padding-right: 8px;
		text-align: center;
		padding: 5px 13px;
		border-radius: 5px;
		box-shadow: 0 8px 16px 0 rgb(255 255 255 / 60%);
	}
	.landingPillars_BTN_Contacta span:hover{
		background-color: #ffffff;
		color: #001a2d;
	}
	.landingPillars_centro_Titulo{
		text-align: center !important;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	}
	.landingPillars_centro_Titulo span{
		color: #0d1116 !important;
		font-size: 42px;
		text-shadow: 0 0 0.1em #ffffff, 0 0 0.1em #ffffff, 0 0 0.25em #ffffff, 0 0 0.25em #ffffff, 0 0 0.4em #ffffff, 0 0 0.4em #ffffff;
	}

	@media (max-width: 600px){
		.landingPillars_centro_Titulo span{
			font-size: 22px;
		}
	}
	.landing_Pilaars_info{
		padding-top: 64px !important;
		padding-bottom: 64px !important;
		max-width: 900px;
		margin: 0 auto;
	}
	.landing_Pilaars_info_Titulo span{
		font-weight: 600;
		margin: 10px 0;
		font-size: 29px;
	}
	.landing_Pilaars_info_Titulo p{
		margin: 10px 0;
		font-size: 20px;
	}
	.landing_Pilaars_info_Titulo{
		margin: 20px 30px;
	}

	@media (max-width: 600px){
		.landing_Pilaars_info{
			padding-top: 10px !important;
			padding-bottom: 10px !important;
		}
	}

	/*landing Formulario*/
		.landing_Formulario{
			color: #000 !important;
			background-color: #f1f1f1 !important;
			padding-top: 32px !important;
			padding-bottom: 32px !important;
		}
/* finEMPRESAS Ongs PARTICULAR */

/* carousel buscador de loteria */
	:root{
		--gap: 12px;
		--nav-size: 36px;
		--card-bg: #f1f5f9;
		--accent: #3b82f6;
	}
	.Carusel_productosStar25{
		max-width: 1100px;
		margin: 0px auto;
		padding: 0px;
	}
	.Carusel_productosStar25 p{
		font-size: 1rem;
		padding: 0;
		font-weight: 300;
		text-align: justify;
	}

	h1{
		color: #001a2d;
		font-size: 20px;
		font-weight: 500;
		margin: 0 0 14px;
	}

	/* Contenedor del carrusel */
		.carousel_ProductoEstar{
			position: relative;
			width: 100%;
		}

		@media only screen and (max-device-width: 600px){
			.Carusel_productosStar25{
				padding: 0px 20px;
			}
		}

	/* pista desplazable */
		.carousel_ProductoEstar-track{
			display: flex;
			gap: var(--gap);
			overflow: auto;
			scroll-behavior: smooth;
			-webkit-overflow-scrolling: touch;
			padding: 6px;
			scroll-snap-type: x mandatory;
		}

	/* cada tarjeta: cuadrada con aspect-ratio */
		.carousel_ProductoEstar-card{
			flex: 0 0 calc((100% - (var(--gap) * 3)) / 4); /* width for 4 visible by default */
			aspect-ratio: 1/1;
			background: var(--card-bg);
			border-radius: 10px;
			display: block;
			position: relative;
			overflow: hidden;
			box-shadow: 0 6px 18px rgba(2, 6, 23, 0.45);
			box-shadow: 0 6px 18px rgb(255 255 255);
			scroll-snap-align: center;
			text-decoration: none;
			color: inherit;
			transition: transform 0.18s ease, box-shadow 0.18s ease;
			outline: 4px solid transparent;
		}
		.carousel_ProductoEstar-card:focus{
			transform: translateY(-6px);
			box-shadow: 0 14px 28px rgba(2, 6, 23, 0.5);
			outline-color: rgba(37, 99, 235, 0.18);
		}
		.carousel_ProductoEstar-card:hover{
			transform: translateY(-4px);
			box-shadow: 0 4px 5px rgb(0 26 45 / 50%);
		}
		.carousel_ProductoEstar-card .inner{
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			height: 100%;
			padding: 12px;
		}
		.carousel_ProductoEstar-card img{
			max-width: 85%;
			max-height: 85%;
			object-fit: cover;
			border-radius: 8px;
		}
		.carousel_ProductoEstar-card h3{
			margin: 10px 0 4px;
			font-size: 15px;
		}
		.carousel_ProductoEstar-card p{
			margin: 0;
			font-size: 13px;
			color: #334155;
		}

	/* navegación */
		.carousel_ProductoEstar-navBtn{
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: var(--nav-size);
			height: var(--nav-size);
			border-radius: 8px;
			border: 0;
			background: linear-gradient(180deg, #ffffffe2, #fffffff6);
			display: grid;
			place-items: center;
			cursor: pointer;
			box-shadow: 0 6px 16px rgba(2, 6, 23, 0.45);
			z-index: 1;
		}
		.carousel_ProductoEstar-navBtn[aria-hidden="true"]{
			display: none;
		}
		.carousel_ProductoEstar-navBtn.left{
			left: 4px;
			background: none;
			box-shadow: 0 6px 16px rgb(2 6 23 / 0%);
		}
		.carousel_ProductoEstar-navBtn.right{
			right: 4px;
			background: none;
			box-shadow: 0 6px 16px rgb(2 6 23 / 0%);
		}
		.carousel_ProductoEstar-navBtn:active{
			transform: translateY(-50%) scale(0.98);
		}

	/* indicadores (opcionales) */
		.carousel_ProductoEstar-dots{
			display: flex;
			gap: 8px;
			justify-content: center;
			margin-top: 12px;
		}
		.carousel_ProductoEstar-dot{
			width: 10px;
			height: 10px;
			border-radius: 999px;
			background: rgba(255, 255, 255, 0.12);
			border: 1px solid rgba(255, 255, 255, 0.06);
		}
		.carousel_ProductoEstar-dot.active{
			background: var(--accent);
		}

	/* Responsive: 1,2,3,4 items visible */
		@media (max-width: 420px){
			.carousel_ProductoEstar-card{
				flex: 0 0 calc((100% - var(--gap)) / 1);
			}
		}

		@media (min-width: 421px) and (max-width: 720px){
			.carousel_ProductoEstar-card{
				flex: 0 0 calc((100% - var(--gap)) / 2);
			}
		}

		@media (min-width: 721px) and (max-width: 980px){
			.carousel_ProductoEstar-card{
				flex: 0 0 calc((100% - (var(--gap) * 2)) / 3);
			}
		}

		@media (min-width: 981px){
			.carousel_ProductoEstar-card{
				flex: 0 0 calc((150% - (var(--gap) * 2)) / 3);
			}
		}

	/* hide native scrollbar but keep functionality */
		.carousel_ProductoEstar-track::-webkit-scrollbar{
			height: 10px;
		}
		.carousel_ProductoEstar-track::-webkit-scrollbar-thumb{
			background: rgba(11, 18, 34, 0.25);
			border-radius: 100px;
		}
		.carousel_ProductoEstar-track{
			scrollbar-width: thin;
			scrollbar-color: rgba(11, 18, 34, 0.25) transparent;
			scrollbar-color: rgb(11 18 34 / 0%) transparent;
		}
		.HomeWS_seccion{
			padding: 1.5em 1em;
			max-width: 1100px;
			margin: 0 auto;
		}

		@media only screen and (max-device-width: 600px){
			.HomeWS_seccionBusqueda_buscador_landing{
				padding-top: 0px;
				padding-bottom: 0px;
			}
		}

	/* Tarjetas Estrellas */
		.titulo_cardLlaves{
			padding-top: 7rem !important;
			text-align: center;
		}
		.titulo_cardLlaves span{
			font-size: 2.5rem;
			font-weight: bold;
			color: #001a2d;
			margin-bottom: 1rem;
		}
		.titulo_cardLlaves p{
			font-size: 1.1rem;
			color: #555;
			max-width: 700px;
			margin: 0 auto;
		}
		.productos_tarjetas{
			max-width: 1140px;
			padding: 60px 60px;
		}
		.productos_tarjetas .card{
			border: none;
			border-radius: 16px;
			overflow: hidden;
			box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
			height: 100%;
			cursor: pointer;
		}
		.productos_tarjetas .card:hover{
			transform: translateY(-6px);
			box-shadow: 0 10px 28px rgba(0, 0, 0, 0.15);
		}
		.productos_tarjetas img{
			width: 100%;
			height: 160px;
			object-fit: cover;
		}
		.productos_tarjetas .card-body{
			padding: 1rem;
		}
		.productos_tarjetas .card-body h5{
			font-size: 1.2rem;
			margin-bottom: 0.75rem;
			color: #333;
			font-weight: 600;
		}
		.productos_tarjetas .card-body ul{
			padding-left: 1rem;
			margin-bottom: 1rem;
			text-align: left;
		}
		.productos_tarjetas .card-body ul li::marker{
			content: "✔ ";
			color: #0d6efd;
		}

		@media only screen and (max-device-width: 600px){
			.productos_tarjetas{
				padding: 20px 79px;
			}
		}

		/* Animación fade/slide-in */
			.fade-in{
				opacity: 1;
				transform: translateY(30px);
				transition: opacity 0.8s ease, transform 0.8s ease;
				margin-bottom: 50px;
			}
			.fade-in.visible{
				opacity: 1;
				transform: translateY(0);
			}

		/* Estilos específicos de información_card */
			.informacion_card .nav-tabs .nav-link{
				font-weight: 500;
				color: #0d6efd;
			}
			.informacion_card .nav-tabs .nav-link.active{
				background-color: #0d6efd;
				color: #ffffff;
			}
			.informacion_card .tab-content{
				font-size: 0.95rem;
				color: #444;
			}
			.informacion_card img{
				width: 100%;
				height: auto;
				border-radius: 12px;
				margin-bottom: 1rem;
			}
			.informacion_card h4{
				font-size: 1.5rem;
				font-weight: bold;
				margin-bottom: 1rem;
			}
			.informacion_card .precio{
				font-size: 1.2rem;
				font-weight: bold;
				color: #001a2d;
				margin: 1rem 0;
			}
			.btn-success{
				background-color: #001a2d;
				border-color: #001a2d;
			}
			.btn-success:hover{
				background-color: #ffffff;
				border-color: #001a2d;
				color: #001a2d;
			}
			.informacion_card .modal-dialog{
				max-width: 600px;
			}
			.descripcionModalTarjetas p{
				padding: 0;
				font-size: 1rem;
				font-weight: normal;
				color: #001a2d;
			}
	/* finTarjetas Estrellas */

	/* modificaciones contacta	*/
		.sliderContacto{
			max-width: 720px;
			padding: 100px 0;
		}
		.form-control-slider{
			background: none;
			border: none;
			border-bottom: 1px solid #000;
			border-radius: 0;
			width: 100%;
		}
		.btn-slider{
			width: 100%;
			background: #001a2d;
			border-color: #001a2d;
		}
		.btn-slider:hover{
			background: #ffffff;
			border-color: #001a2d;
			color: #001a2d;
		}
		.btn-slider:active{
			background: #ffffff !important;
			border-color: #001a2d !important;
			color: #001a2d !important;
		}
		.btn-slider:focus{
			background: #ffffff !important;
			border-color: #001a2d !important;
			color: #001a2d !important;
		}
	/* finmodificaciones contacta	*/

	/* modificaciones contactaApolo	*/
		.sliderContactoApolo{
			max-width: 720px;
			padding: 100px 0;
		}
		.form-control-sliderApolo{
			background: none;
			border: none;
			border-bottom: 1px solid #000;
			border-radius: 0;
			width: 100%;
			background-color: #f1f1f1;
		}

		@media (max-width: 600px){
			.sliderContactoApolo{
				padding: 0px 30px;
			}
		}
	/* FINmodificaciones contactaApolo	*/

	.ContenedorFormularioAcceso input{
		border-bottom: 0.1em solid;
	}
	.ColordeFondoAcceso{
		background-color: var(--ColordeFondoBotones);
		color: var(--ColordeTextoBotones);
		border: 1px solid var(--ColordeFondoBotones);
	}
	.ColordeFondoAcceso:hover,
	a:hover .ColordeFondoAcceso{
		background-color: var(--ColordeTextoBotones);
		color: var(--ColordeFondoBotones);
		border: 1px solid var(--ColordeFondoBotones);
	}
	.BotonCabecera > div:not(#ContadordeProductosCesta){
		border-radius: 2px;
	}

/* ****************** landing entidades/producto ************************ */
	.pilar a{
		text-decoration: none;
		display: contents;
		transform: scale(1.05);
	}
	.franjaEntidad{
		text-align: center;
		background: #dbecf857;
		padding: 30px 0;
		background-image: url(/Images/landingHome/fondoESPACIO.jpg);
		background-position: center;
		background-size: cover;
	}
	.secpilares_Producto_entidad{
		padding: 20px 0;
	}
	.landingProducto_Entidad{
		max-width: 1000px;
		margin: 0 auto;
		padding: 60px 0px;
	}
	.landingProducto_Entidad_titulo{
		text-align: left;
		font-size: 24px;
		color: #303030;
		margin-bottom: 30px;
	}
	.landingProducto_Entidad_texto{
		padding-bottom: 30px;
	}
	.img_landingEntidad_producto{
		width: 100%;
		height: 180px;
		background-size: cover;
		background-position: center;
		border-radius: 8px;
	}
	.secpilares_Producto_entidad .pilar{
		min-height: 200px;
	}
	.pilar-imagen_productoEntidad{
		flex: 0 0 25%;
	}

	@media (max-width: 900px){
		.landingProducto_Entidad_titulo,
		.landingProducto_Entidad_texto{
			font-size: 1.5rem;
			text-align: justify;
			padding: 0.01em 20px;
		}
	}

	@media only screen and (max-device-width: 600px){
		.franjaEntidad img{
			width: 40%;
		}

		.landingProducto_Entidad_titulo,
		.landingProducto_Entidad_texto{
			font-size: 1.5rem;
			text-align: justify;
			padding: 0.01em 20px;
		}
	}
/* ****************** landing misODS ************************ */
	.landing_misODS{
		padding-top: 64px !important;
		padding-bottom: 64px !important;
		max-width: 900px;
		margin: 0 auto;
	}
	.landing_misODS_texto span{
		font-weight: 600;
		margin: 10px 0;
		font-size: 24px;
		color: #1a1a1a;
	}
	.landing_misODS_texto p{
		font-size: 16px;
		line-height: 1.5;
		color: #333;
		font-weight: normal;
	}
	.landing_misODS_texto_resaltar p{
		margin: 10px 0;
		font-size: 20px;
		font-weight: 600;
		margin: 50px 0;
	}
	.landing_misODS_texto_resaltar ul li{
		padding: 10px;
	}

	@media only screen and (max-device-width: 1024px){
		.landing_misODS_texto,
		.landing_misODS_texto_resaltar{
			text-align: justify;
			padding: 0.01em 20px;
		}
	}

	@media only screen and (max-device-width: 600px){
		.landing_misODS_texto,
		.landing_misODS_texto_resaltar{
			text-align: justify;
			padding: 0.01em 20px;
		}
	}
	.landingPillars_misODS{
		background-image: url(/Images/landingHome/banner_misODS.jpg);
		background-position: center;
		background-size: cover;
		min-height: 75%;
		height: 400px;
		position: relative;
	}
	.pilar-texto p{
		font-size: 16px;
		line-height: 1.5;
		color: #333;
		font-weight: normal;
	}
	.franjaEntidad img{
		width: 300px;
		height: auto;
	}

	@media only screen and (max-device-width: 600px){
		.franjaEntidad img{
			width: 150px;
			height: auto;
		}

		.tarjeta100_landing img{
			width: 100% !important;
		}
	}
	.txt_espacio_entidad_25_editable p{
		font-size: 16px;
		line-height: 1.5;
		color: #333;
		font-weight: normal;
	}

	@media only screen and (max-device-width: 600px){
		.landingProducto_Entidad{
			padding: 0px 0px;
		}

		.secpilares_Producto_entidad{
			padding: 0px 0;
		}
	}

/* ****************** ************************ ************************ */
/* ****************** espacio Comercio ************************ */
/* ****************** ************************ ************************ */

	/* ===============================
			BANNER COMERCIO
	================================ */
		.espacio-comercio-banner{
			position: relative;
			padding: 20px 20px 120px;
		}
		.banner-dec-left,
		.banner-dec-right{
			position: absolute;
			top: 0;
			width: 150px;
			z-index: 1;
		}
		.banner-dec-left{
			left: 0;
		}
		.banner-dec-right{
			right: 0;
		}
		.espacio-comercio-banner-wrapper{
			position: relative;
			z-index: 2;
			max-width: 1200px;
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: space-between;
			gap: 60px;
		}
		.espacio-comercio-banner-texto{
			max-width: 500px;
		}
		.espacio-comercio-banner-texto h6{
			font-size: 18px;
			text-transform: uppercase;
			margin-bottom: 15px;
			color: #001a2d;
		}
		.espacio-comercio-banner-texto h2{
			font-size: 50px;
			line-height: 1.3;
			font-weight: 700;
			color: #001a2d;
		}
		.espacio-comercio-banner-texto span,
		.espacio-comercio-banner-texto em{
			color: #001a2d;
			font-style: normal;
		}
		.espacio-comercio-banner-texto p{
			margin: 20px 0;
		}
		.espacio-comercio-boton a{
			display: inline-block;
			background: #001a2d;
			color: #ffffff;
			padding: 15px 35px;
			border-radius: 6px;
			font-weight: 600;
			text-decoration: none;
		}
		.espacio-comercio-banner-imagen img{
			width: 100%;
			max-width: 520px;
		}

	/* ===============================
			SOBRE NOSOTROS
	================================ */
		.espacio-comercio-sobre{
			padding: 140px 20px 120px;
			background: url("../images/LandingHome/about-bg.png") center / cover no-repeat;
		}
		.espacio-comercio-sobre .row{
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			justify-content: center;
			/* gap: 40px;*/
			min-height: 400px;
		}
		.espacio-comercio-sobre-imagen{
			display: flex;
			justify-content: center;
		}
		.espacio-comercio-sobre-imagen img{
			width: 100%;
			max-width: 400px;
			display: block;
		}
		.espacio-comercio-sobre-texto{
			display: flex;
			flex-direction: column;
			justify-content: center;
			text-align: left;
			margin: 0;
			padding: 0;
		}
		.espacio-comercio-sobre-texto h3{
			color: #ffffff;
			font-size: 36px;
			margin-bottom: 20px;
		}
		.espacio-comercio-sobre-texto p{
			color: #e0e0e0;
			margin-bottom: 30px;
		}
		.espacio-comercio-servicios{
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 20px;
			justify-items: center;
		}
		.espacio-comercio-servicio{
			display: flex;
			align-items: center;
			gap: 15px;
			opacity: 0;
			transform: translateY(20px);
		}
		.espacio-comercio-servicio img{
			max-width: 50px;
			margin-top: 0;
		}
		.espacio-comercio-servicio div{
			display: flex;
			flex-direction: column;
			justify-content: center;
		}
		.espacio-comercio-servicio h4{
			color: #ffffff;
			font-size: 18px;
			margin-bottom: 5px;
		}
		.espacio-comercio-servicio p{
			color: #cfcfcf;
			font-size: 14px;
			margin: 0;
		}

	/* ===============================
			ANIMACIONES
	================================ */
		.animar-izquierda{
			opacity: 0;
			transform: translateX(-100px);
		}
		.animar-derecha{
			opacity: 0;
			transform: translateX(100px);
		}

		@keyframes deslizarDesdeIzquierda{
			to{
				opacity: 1;
				transform: translateX(0);
			}
		}

		@keyframes deslizarDesdeDerecha{
			to{
				opacity: 1;
				transform: translateX(0);
			}
		}

		@keyframes aparecerArriba{
			to{
				opacity: 1;
				transform: translateY(0);
			}
		}

	/* ===============================
			RESPONSIVE
	================================ */
		@media (max-width: 991px) and (min-width: 768px){
			.espacio-comercio-banner-wrapper{
				flex-direction: row;
				text-align: left;
			}
			.espacio-comercio-sobre .row{
				flex-direction: row;
			}
		}

		@media (max-width: 767px){
			.espacio-comercio-banner-wrapper{
				flex-direction: column;
				text-align: center;
			}
			.espacio-comercio-sobre .row{
				flex-direction: column;
			}
			.espacio-comercio-sobre-texto{
				order: 1;
				text-align: center;
			}
			.espacio-comercio-sobre-imagen{
				order: 2;
				margin-top: 20px;
			}
			.animar-izquierda,
			.animar-derecha,
			.espacio-comercio-servicio{
				opacity: 1;
				transform: none;
				animation: none;
			}
		}

		@media (max-width: 576px){
			.espacio-comercio-banner-texto h2{
				font-size: 34px;
			}
			.espacio-comercio-sobre-texto h3{
				font-size: 28px;
			}
			.espacio-comercio-servicios{
				grid-template-columns: 1fr;
			}
		}

/* ===============================	===============================	=============================== ===============================
	================================	================================ ================================ ================================		================================ */

	/* ===============================
		BANNER PRINCIPAL OBRA SOCIAL
	================================ */
		.banner-obra-social{
			position: relative;
			width: 100%;
			font-family: Arial, sans-serif;
			color: #ffffff;
			overflow: hidden;
		}
		.banner-bg img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.banner-container{
			position: absolute;
			inset: 0;
			padding: 20px 20px 30px 20px;
			background: rgba(0, 0, 0, 0.35);
			display: flex;
			flex-direction: column;
		}
		.banner-top-right{
			display: flex;
			flex-direction: column;
			align-items: flex-end;
			text-align: right;
			gap: 8px;
		}
		.banner-title{
			font-weight: 800;
			font-size: 1.2rem;
			letter-spacing: 1px;
			text-transform: uppercase;
			white-space: nowrap;
		}
		.banner-title .highlight{
			border-bottom: 4px solid #bf933f;
			padding-bottom: 2px;
		}
		.banner-top-right img{
			max-width: 110px;
		}
		.banner-subtitle{
			display: block;
			text-align: center;
			font-size: 1rem;
			font-weight: 500;
			color: #000000;
			margin-top: 15px;
			margin-bottom: 10px;
			line-height: 1.6;
			padding: 0 10px;
		}
		.banner-main{
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 20px;
			text-align: center;
			margin-top: 10px;
		}
		.banner-left{
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			text-align: left;
			margin-left: 50px;
			gap: 6px;
			margin-top: 60px; /* altura inicial alineada con tarjeta */
		}
		.line{
			display: block;
			font-weight: 600;
			font-size: 1rem;
			color: #e0e0e0;
		}
		.btncontact{
			display: inline-block;
			padding: .4em 1.5em;
			text-decoration: none;
			background-color: #ffd700;
			color: #1a1a1a;
			border-radius: .2em;
			cursor: pointer;
		}
		.btncontact:hover{
			background-color: #e6c200;
			color: #1a1a1a;
			text-decoration: none;
		}
		.line-big{
			font-size: 1.5rem;
			font-weight: 700;
			color: #bf933f;
		}
		.banner-center{
			perspective: 1200px;
			display: flex;
			justify-content: center;
			width: 100%;
		}
		.flip-card{
			width: 100%;
			max-width: 360px;
			position: relative;
			height: 290px;
		}
		.flip-card-inner{
			position: relative;
			width: 100%;
			height: 100%;
			transform-style: preserve-3d;
			animation: flipCardBounce 18s infinite;
		}
		.flip-card-front,
		.flip-card-back{
			backface-visibility: hidden;
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
		}
		.flip-card-back{
			transform: rotateY(180deg);
		}

		@keyframes flipCardBounce{
			0%, 42%{
				transform: rotateY(0deg);
				animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
			}
			45%{
				transform: rotateY(180deg);
				animation-timing-function: cubic-bezier(0.25, 1.5, 0.5, 1);
			}
			48%{
				transform: rotateY(175deg);
			}
			50%, 92%{
				transform: rotateY(180deg);
				animation-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
			}
			95%{
				transform: rotateY(0deg);
				animation-timing-function: cubic-bezier(0.25, 1.5, 0.5, 1);
			}
			97%{
				transform: rotateY(5deg);
			}
			100%{
				transform: rotateY(0deg);
			}
		}

		.price-banner{
			font-size: 4rem;
			font-weight: 900;
			color: #e7c892;
			background: none;
			padding: 0;
			position: absolute;
			bottom: -10px;
			left: 0;
		}

		@media (min-width: 768px){
			.banner-main{
				flex-direction: row;
				justify-content: flex-start;
				align-items: flex-start;
				gap: 25px;
				margin-top: 20px;
			}
			.banner-left{
				margin-left: 40px;
				margin-top: 100px;
				align-items: flex-start;
			}
			.banner-center{
				flex: 1.4;
			}
			.banner-top-right{
				flex-direction: column;
				align-items: flex-end;
				gap: 10px;
			}
			.banner-title{
				font-size: 1.6rem;
			}
			.banner-top-right img{
				max-width: 130px;
			}
			.banner-subtitle{
				font-size: 1.2rem;
				margin-top: 12px;
				margin-bottom: 12px;
				padding: 0;
				filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff);
				font-weight: 700;
				margin: 0 auto;
			}
			.price-banner{
				font-size: 5rem;
				left: 0;
				bottom: 0;
			}
			.line-big{
				font-size: 2rem;
			}
			.flip-card{
				height: 290px;
			}
			.banner-bg img{
				height: 495px;
			}
			.banner-main{
				gap: 225px !important;
			}
		}

		@media (min-width: 1024px){
			.banner-container{
				padding: 20px 80px 20px 80px;
			}
			.banner-title{
				font-size: 1.4rem;
			}
			.banner-title .highlight{
				border-bottom-width: 5px;
			}
			.banner-subtitle{
				font-size: 1.6rem;
				text-align: center;
				width: 100%;
				line-height: 1.8;
				filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff);
				font-weight: 700;
			}
			.banner-left{
				margin-left: 235px;
				margin-top: 128px;
			}
			.line{
				font-size: 1.2rem;
				color: #f0f0f0;
			}
			.line-big{
				font-size: 2.5rem;
				color: #bf933f;
			}
			.banner-center .flip-card{
				height: 290px;
			}
			.price-banner{
				font-size: 6rem;
				left: 630px;
				bottom: 45px;
			}
		}

		@media (max-width: 767px){
			.banner-obra-social{
				height: auto;
			}
			.banner-bg img{
				height: auto;
				min-height: 470px;
			}
			.banner-container{
				flex-direction: column;
				align-items: center;
				padding: 15px;
				background: rgba(0, 0, 0, 0.4);
			}
			.banner-top-right{
				order: 1;
				flex-direction: column;
				text-align: right;
				gap: 4px;
				margin-bottom: 10px;
			}
			.banner-title{
				order: 1;
				font-size: 0.8rem;
			}
			.banner-top-right img{
				order: 2;
				max-width: 90px;
				margin-top: 0;
			}
			.banner-subtitle{
				order: 3;
				font-size: 0.95rem;
				margin-top: 10px;
				margin-bottom: 10px;
				padding: 0 10px;
				filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff);
				font-weight: 700;
			}
			.banner-main{
				order: 3;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				gap: 10px;
				text-align: center;
				margin-top: 10px;
			}
			.banner-left{
				order: 2;
				display: flex;
				flex-direction: column;
				align-items: center;
				text-align: center;
				gap: 4px;
				margin-left: 0;
				margin-top: 20px;
			}
			.line-big{
				order: 1;
				font-size: 1.2rem;
			}
			.line2{
				order: 2;
				font-size: 1rem;
			}
			.line3{
				order: 3;
				font-size: 1rem;
			}
			.banner-center .flip-card{
				max-width: 280px;
				width: 100%;
				height: 0;
				padding-top: 62.5%;
			}
			.flip-card-inner{
				position: absolute;
				top: 0;
				left: 0;
			}
			.price-banner{
				order: 3;
				position: static;
				font-size: 2.5rem;
				margin-top: 15px;
				text-align: center;
			}
		}

		/* Pantallas grandes ----------- */
			@media only screen and (min-width: 1824px){
				.price-banner{
					bottom: 183px;
					left: 780px;
				}
				.banner-left{
					margin-left: 340px;
				}
			}

		@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait){
			.banner-obra-social{
				height: 530px;
			}
			.banner-left{
				margin-left: 0px;
				margin-top: 80px;
			}
			.price-banner{
				left: 380px;
				bottom: 60px;
			}
			.banner-subtitle{
				font-size: 1.7rem;
			}
			.banner-bg img{
				height: 700px;
			}
		}

		@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait){
			.banner-obra-social{
				height: auto;
			}
			.price-banner{
				left: 330px;
				bottom: 160px;
			}
			.banner-bg img{
				height: 500px;
			}
			.banner-left{
				margin-top: 50px;
			}
			.banner-subtitle{
				filter: drop-shadow(0 0 1px #fff) drop-shadow(0 0 2px #fff) drop-shadow(0 0 4px #fff);
				font-weight: 700;
				margin: 0 auto;
			}
		}

		@media all and (device-width: 1024px) and (device-height: 768px) and (orientation: landscape){
			.banner-bg img{
				height: 500px;
			}
			.banner-left{
				margin-left: 40px;
			}
			.price-banner{
				left: 420px;
			}
			.banner-main{
				gap: 155px;
			}
		}

	/* ===============================
		VENTAJAS OBRA SOCIAL
	================================ */
		*{
			margin: 0;
			padding: 0;
			box-sizing: border-box;
			font-family: Arial, sans-serif;
		}
		.obrasocial_informacionventajas{
			width: 100%;
			background-color: #f5f5f5;
			padding: 60px 20px;
			display: flex;
			justify-content: center;
		}
		.obrasocial_container{
			max-width: 1200px;
			width: 100%;
		}
		.obrasocial_row{
			display: flex;
			justify-content: center;
			align-items: center;
		}
		.obrasocial_texto{
			text-align: center;
			max-width: 1000px;
			margin: 0 auto;
			padding: 20px 15px;
		}
		.obrasocial_titulo{
			display: block;
			font-size: 2rem;
			font-weight: 700;
			color: #333333;
			margin-bottom: 20px; /* espacio debajo del título */
		}
		.obrasocial_descripcion{
			font-size: 1rem;
			line-height: 1.8;
			color: #555555;
			margin-bottom: 40px; /* espacio entre texto y servicios */
		}
		.obrasocial_servicios{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			gap: 30px;
		}
		.obrasocial_servicio{
			display: flex;
			align-items: center;
			width: calc(50% - 15px);
			background-color: #ffffff;
			padding: 15px 20px;
			border-radius: 10px;
			box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
			transition: transform 0.3s ease, box-shadow 0.3s ease;
		}
		.obrasocial_servicio:hover{
			transform: translateY(-5px);
			box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
		}
		.obrasocial_servicio img{
			width: 60px;
			height: 60px;
			margin-right: 15px;
		}
		.obrasocial_servicio div{
			display: flex;
			flex-direction: column;
		}
		.obrasocial_servicio_titulo{
			font-weight: 700;
			font-size: 1.1rem;
			margin-bottom: 5px;
			color: #333333;
		}
		.obrasocial_servicio_descripcion{
			font-size: 0.95rem;
			color: #666666;
		}
		.animar-izquierda{
			transform: translateX(-50px);
			opacity: 0;
			animation: animar-izquierda 0.6s forwards;
		}

		@keyframes animar-izquierda{
			to{
				transform: translateX(0);
				opacity: 1;
			}
		}
		.animar-servicio{
			opacity: 0;
			transform: translateY(20px);
			animation: animar-servicio 0.5s forwards;
		}

		@keyframes animar-servicio{
			to{
				transform: translateY(0);
				opacity: 1;
			}
		}

		@media (max-width: 767px){
			.obrasocial_texto{
				padding: 10px 15px;
			}
			.obrasocial_titulo{
				font-size: 1.5rem;
				margin-bottom: 15px;
			}
			.obrasocial_descripcion{
				font-size: 0.95rem;
				margin-bottom: 25px;
			}
			.obrasocial_servicio{
				width: 100%;
				justify-content: flex-start;
			}
			.obrasocial_servicios{
				gap: 15px;
			}
		}

		@media (min-width: 768px) and (max-width: 1023px){
			.obrasocial_servicio{
				width: calc(50% - 20px);
			}
		}

	/* ===============================
		SECCIÓN PRODUCTOS OBRA SOCIAL
	================================ */
		.obra-social-productos{
			padding: 40px 20px;
			background: #f8f8f8;
			text-align: center;
			font-family: Arial, sans-serif;
			color: #333;
		}
		.obra-social-productos-header{
			max-width: 800px;
			margin: 0 auto 40px auto;
		}
		.obra-social-productos-title{
			font-weight: 800;
			font-size: 2rem;
			margin-bottom: 15px;
			color: #1a1a1a;
		}
		.obra-social-productos-description{
			font-size: 1rem;
			line-height: 1.5;
			color: #555;
		}
		.obra-social-productos-grid{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-items: stretch;
			gap: 20px;
		}
		.obra-social-productos-card{
			position: relative;
			background: #fff;
			border-radius: 8px;
			overflow: hidden;
			text-align: center;
			width: 100%;
			max-width: 350px;
			min-height: 407px;
			display: flex;
			flex-direction: column;
			box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
			transition: transform 0.3s, box-shadow 0.3s;
		}
		.obra-social-productos-card:hover{
			transform: translateY(-5px);
			box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
		}
		.obra-social-productos-card img{
			width: 100%;
			height: 180px;
			object-fit: cover;
		}
		.obra-social-productos-info{
			padding: 15px 10px 20px;
			flex: 1;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
		.obra-social-productos-name{
			font-weight: 700;
			font-size: 1.2rem;
			margin-bottom: 5px;
		}
		.obra-social-productos-subtitle{
			font-size: 0.95rem;
			margin-bottom: 10px;
			color: #777;
		}
		.obra-social-productos-text{
			font-size: 0.7rem;
			color: #555;
			margin-bottom: 15px;
		}
		.obra-social-productos-button{
			background-color: #ffd700;
			color: #1a1a1a;
			border: none;
			border-radius: 5px;
			padding: 10px 15px;
			font-size: 0.95rem;
			cursor: pointer;
		}
		.obra-social-productos-button:hover{
			background-color: #e6c200;
		}
		.obra-social-productos-card-link{
			text-decoration: none;
			color: inherit;
			display: block;
		}
		.obra-social-productos-card-link:hover{
			text-decoration: none;
		}

	/* ===== BLOQUEADO ===== */
		.bloqueado{
			filter: grayscale(100%);
			opacity: 0.85;
			pointer-events: none;
		}
		.obra-social-productos-card-link.disabled{
			pointer-events: none;
			cursor: default;
		}

	/* RIBBON PROXIMAMENTE - FUERA DEL BLOQUE GRIS */
		.ribbon-proximamente{
			position: absolute;
			top: 27px; /* bajamos la cinta */
			left: -50px; /* separamos de la esquina */
			width: 200px;
			text-align: center;
			background: #ff0000;
			color: #fff;
			padding: 12px 0;
			font-size: 1rem;
			font-weight: bold;
			transform: rotate(-45deg);
			z-index: 10; /* por encima de la tarjeta */
			box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
			display: flex;
			align-items: center;
			justify-content: center;
			animation: ribbonPulse 2s infinite alternate;
		}

		@keyframes ribbonPulse{
			0%{
				transform: rotate(-45deg) scale(1);
				box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
			}

			50%{
				transform: rotate(-45deg) scale(1.05);
				box-shadow: 0 6px 12px rgba(0, 0, 0, 0.4);
			}

			100%{
				transform: rotate(-45deg) scale(1);
				box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
			}
		}

		@media (min-width: 768px){
			.obra-social-productos-card{
				max-width: 300px;
			}
			.obra-social-productos-card img{
				height: 160px;
			}
		}

		@media (max-width: 767px){
			.obra-social-productos-title{
				font-size: 1.6rem;
			}
			.obra-social-productos-card{
				max-width: 340px;
				min-height: 380px;
			}
			.obra-social-productos-button{
				width: 100%;
				max-width: 220px;
				margin: 0 auto;
			}
			.ribbon-proximamente{
				top: 30px;
				left: -55px;
				width: 160px;
				padding: 10px 0;
				font-size: 0.9rem;
			}
		}






/* ===============================
    BANNER CUPONES EXCLUSIVO
================================ */

/* ===== BANNER ===== */
.banner_cuponazo26 {
	position: relative;
	width: 100%;
	min-height: 45vh; /* altura más corta */
	background-image: url("../images/LandingHome/banner_PromocionCupones.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	/* background-attachment eliminado para que no sea fijo */
}

/* CONTENIDO */
.banner_cuponazo26-content {
	position: relative;
	z-index: 1;
	min-height: 45vh;
	display: flex;
	justify-content: flex-end; /* alineado a la derecha */
	align-items: center;
	padding: 40px 8%;
	text-align: right; /* texto a la derecha */
}

/* TEXTO */
.banner_cuponazo26-text {
	max-width: 600px;
	opacity: 0;
	transform: translateX(80px);
	animation: slideRightLeft 0.9s ease-out forwards;
	animation-delay: 0.3s;
}

/* ===== TÍTULO PRINCIPAL ===== */
.banner-title {
	font-size: 40px;
	font-weight: 900;
	letter-spacing: 2px;
	margin-bottom: 16px;
	text-transform: uppercase;
	background: linear-gradient(90deg, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 1px rgb(255 255 255 / 0%), 2px 2px 0px rgb(255 255 255 / 20%);
}

/* banner-subtitle===== SUBTÍTULO ===== */
.banner-subtitle_cuponazo {
	font-size: 34px;
	font-weight: 600;
	line-height: 1.3;
	display: flex;
	flex-direction: column;
	background: linear-gradient(90deg, #ffffff, #ffffff);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 0 1px rgb(255 255 255 / 0%), 2px 2px 0px rgb(255 255 255 / 20%);
}

	.banner-subtitle span {
		display: block;
	}

/* ===== TABLET ===== */
@media (max-width: 991px) {
	.banner_cuponazo26,
	.banner_cuponazo26-content {
		min-height: 38vh;
	}

	.banner_cuponazo26-content {
		padding: 30px 24px;
		justify-content: flex-end;
		align-items: flex-end;
		text-align: right;
	}

	.banner-title {
		font-size: 64px;
	}

	.banner-subtitle {
		font-size: 26px;
	}
}

/* ===== MÓVIL ===== */
@media (max-width: 576px) {
	.banner_cuponazo26,
	.banner_cuponazo26-content {
		min-height: 32vh;
	}

	.banner_cuponazo26 {
		background-position: center top;
	}

	.banner-title {
		font-size: 40px;
		letter-spacing: 1px;
	}

	.banner-subtitle {
		font-size: 18px;
		line-height: 1.4;
	}
}

/* ===== ANIMACIÓN ===== */
@keyframes slideRightLeft {
	to {
		opacity: 1;
		transform: translateX(0);
	}
}

/* ===============================
    SECCIÓN DE CUPONES OFERTA
================================ */
/* SECCIÓN CUPÓN */
.oferta-cuponazo26 {
	padding: 80px 20px;
	background: #f2f2f2;
	text-align: center;
}

/* GRID HORIZONTAL RESPONSIVO */
.oferta-cuponazo26-grid {
	display: grid;
	justify-items: center;
	align-items: stretch;
	gap: 20px;
	max-width: 1200px;
	margin: 0 auto;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

/* TARJETA */
.oferta-cuponazo26-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-decoration: none;
	color: #003366;
	width: 100%;
	/*border: 2px dashed #b0d4f1;*/
	background: #ffffff;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	overflow: hidden;
	height: 100%;
	border-radius: 10px; /* esquinas redondeadas */
}

	/* Corte de ticket en los extremos */
	.oferta-cuponazo26-card::before,
	.oferta-cuponazo26-card::after {
		content: "";
		position: absolute;
		top: 50%;
		width: 20px;
		height: 20px;
		background: #f2f2f2;
		border-radius: 50%;
		transform: translateY(-50%);
	}

	.oferta-cuponazo26-card::before {
		left: -10px;
	}

	.oferta-cuponazo26-card::after {
		right: -10px;
	}

	/* Hover efecto glow */
	.oferta-cuponazo26-card:hover {
		transform: scale(1.05);
		box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
	}

/* IMAGEN DEL CUPÓN */
.oferta-cuponazo26-imagen {
	width: 100%;
	max-width: 400px;
	aspect-ratio: 4/5;
	background-image: url("../images/LandingHome/fondoCupon.png");
	background-size: cover;
	background-position: center center;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

/* LOGO */
.oferta-cuponazo26-logo-bg {
	background: rgba(255, 255, 255, 0.9);
	padding: 15px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 2;
	width: 250px;
	height: 250px;
}

.oferta-cuponazo26-logo {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* GLOBOS */
.oferta-cuponazo26-globo {
	position: absolute;
	width: 25%;
	max-width: 100px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: #001a2d;
	color: #fff;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: clamp(12px, 5vw, 22px);
	z-index: 2;
	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.6);
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.8);
	animation: flotar 3s ease-in-out infinite alternate, girar 8s linear infinite;
}

	.oferta-cuponazo26-globo.globo-top-left {
		top: 5%;
		left: 5%;
		animation-delay: 0s;
	}

	.oferta-cuponazo26-globo.globo-bottom-right {
		bottom: 5%;
		right: 5%;
		animation-delay: 1s;
	}

@keyframes flotar {
	0% {
		transform: translateY(0) scale(1);
	}

	50% {
		transform: translateY(-15px) scale(1.05);
	}

	100% {
		transform: translateY(0) scale(1);
	}
}

@keyframes girar {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/* BADGE OFERTA */
.oferta-cuponazo26-badge {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #d32f2f;
	color: #fff;
	font-weight: bold;
	padding: 5px 10px;
	border-radius: 5px;
	font-size: clamp(10px, 3vw, 14px);
	z-index: 3;
}

/* TEXTO */
.oferta-cuponazo26-texto {
	padding: 20px;
	text-align: center;
	background-color: #001a2d;
	color: #fff;
	position: relative;
	overflow: hidden;
	flex-grow: 1;
}

.oferta-cuponazo26-toldo {
	width: 100%;
	height: 20px;
	background-image: radial-gradient(circle, #001a2d 50%, transparent 50%);
	background-size: 40px 20px;
	background-repeat: repeat-x;
	margin-top: 10px;
}

.oferta-cuponazo26-titulo {
	font-size: clamp(18px, 4vw, 22px);
	font-weight: bold;
	margin-bottom: 10px;
}

.oferta-cuponazo26-texto p {
	font-size: clamp(14px, 3vw, 16px);
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

.oferta-cuponazo26-linea {
	font-weight: bold;
	color: #001a2d;
	padding: 6px 15px;
}

/* ANIMACIÓN AL ENTRAR */
.oferta-cuponazo26-animate {
	opacity: 0;
	transform: translateY(30px);
	transition: all 0.6s ease-out;
}

	.oferta-cuponazo26-animate.active {
		opacity: 1;
		transform: translateY(0);
		text-decoration: none;
	}

/* MEDIA QUERIES */
@media (max-width: 992px) {
	.oferta-cuponazo26-imagen {
		max-width: 350px;
	}

	.oferta-cuponazo26-logo-bg {
		width: 200px;
		height: 200px;
	}

	.oferta-cuponazo26-globo {
		max-width: 80px;
		font-size: clamp(12px, 4vw, 20px);
	}
}

@media (max-width: 600px) {
	.oferta-cuponazo26-grid {
		grid-template-columns: 1fr;
		max-width: 90%;
	}

	.oferta-cuponazo26-imagen {
		max-width: 100%;
	}

	.oferta-cuponazo26-logo-bg {
		width: 150px;
		height: 150px;
	}

	.oferta-cuponazo26-globo {
		max-width: 60px;
		font-size: clamp(10px, 5vw, 18px);
	}

	.oferta-cuponazo26-titulo {
		font-size: clamp(16px, 5vw, 20px);
	}

	.oferta-cuponazo26-texto p {
		font-size: clamp(12px, 4vw, 14px);
	}
}

/* ================= MODAL ================= */
.modal-cuponazo26 {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 99999;
	background: rgba(0, 0, 0, 0.6);
	justify-content: center;
	align-items: center;
}

.modal-cuponazo26-content {
	background: #fff;
	width: 90%;
	max-width: 500px;
	border-radius: 12px;
	padding: 20px;
	position: relative;
}

.modal-cuponazo26-close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 24px;
	cursor: pointer;
}

.modal-title {
	margin-bottom: 15px;
	text-align: center;
}

/* ================= TABLA ================= */

.modal-tabla {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.modal-tabla-header {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	background: #001a2d;
	color: #fff;
	padding: 10px;
	border-radius: 8px;
	font-weight: bold;
}

.modal-tabla-row {
	display: grid;
	grid-template-columns: 1fr 2fr 1fr;
	align-items: center;
	background: #f2f2f2;
	padding: 10px;
	border-radius: 8px;
}

.col-img img {
	width: 40px;
	height: 40px;
	object-fit: contain;
}

.saldo {
	font-weight: bold;
	color: #0d47a1;
}


.tituloModal_cupnazo {
	font-size: 1.5rem;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}
.textoloModal_cupnazo {
	margin-top: 0;
	margin-bottom: 1rem;
	font-weight: 400;
	font-style: normal;
	font-size: 1rem;
}
.botnModal_cuponazo_login {
	font-weight: bold;
	color: #fff;
	padding: 10px 20px;
	background: #001a2d;
}

	.botnModal_cuponazo_login a:hover {
		color: #ffffff !important;
		text-decoration: none!important;
	}
.cajaModal_azul_promo {
	margin-bottom: 1rem;
	padding: 1rem;
	border: 1px solid #ddd;
	border-radius: 4px;
	background: #001a2d;
	color: #fff;
}
.cajaModal_promo_titulo {
	font-size: 1.5rem;
}
.cajaModal_azul_promo p {
	font-size: .8rem;
}
.modal-tabla-row {
	font-size: .8rem;
}
.btn-comprar-cupon span {
	font-weight: bold;
	color: #fff;
	padding: 10px 20px;
	background: #001a2d;
}