body {
		background-color: #F5F5F5 !important;
	}

	.banner #tituloProducto {
    color: white;
    font-size: 30px;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 20px;
}

	/**********************************CARD METAS DE CONSUMO***********************************/
	.card-numeros {
		background: #fff;
		border-radius: 15px;
		box-shadow: 0 0 7px rgba(0, 0, 0, .2);
		padding: 65px 20px;
		text-align: center;
	}

	.icon-card-consulta {
		width: 110px;
		margin-bottom: 40px;
	}

	.card-numeros .bono {
		width: 60px !important;
	}

	.card-numeros h1 {
		font-weight: 800;
		font-size: 50px;
		color: #012169;
	}

	.card-numeros span {
		font-weight: bold;
		font-size: 22px;
		color: #00C1D5;

	}


	/******************************************************************************************/

	.banner {
		height: 550px;
		color: white;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		width: 100%;
	}

	#contenedor {
		height: 100%;
		display: flex;
		justify-content: normal;
		align-items: center;
	}

	.banner .title {
		font-size: 24px;
		color: white;
		text-shadow: 1px 1px 1px black;
		text-align: center;
	}

	.parrafoBanner{
		font-size: 20px;
	}

	.section-2 {
		padding: 60px 0px;
		padding-bottom: 0 !important;
	}

	.section-2 p {
		color: #003B7A;
		display: block;
	}

	.section-2 .intro {
		font-size: 24px;
        font-weight: 600;
	}

	.section-2 .txt {
		margin-top: 50px;
		font-style: italic;
		font-weight: 500;
		font-size: 16px;
	}

	.section-2 .link {
		margin-top: 20px;
	}

	.section-3 {
		padding-bottom: 75px;
	}

	.section-4 {
		margin-bottom: 120px;
	}


	.section-3 #iframe {
		width: 80%;
		height: 577px;
		box-shadow: 0 0 8px rgb(0 0 0 / 20%);
		border-radius: 15px;
	}

	.cont-text h3 {
		font-weight: 800;
		font-size: 28px;
		color: #012169;
		text-transform: initial !important;
		text-align: center;
	}

    .titulo-premios{
        font-weight: 600p;
    }

   .section-2 .fecha-premios{
        margin-top: 40px;
    }

	.cont-text {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}

	.linea-divisoria {
		margin-bottom: 30px;
		margin-top: 30px;
	}

	.btn-azul-larimar {
		background: #00C1D5;
		padding: 20px 40px;
		border-radius: 50px;
		font-size: 18px;
		margin: 60px 0 0px !important;
		color: #fff !important;
		box-shadow: 0 3px 6px rgba(0, 0, 0, .2);
	}

	.intro {
		margin-bottom: 20px !important;
	}

	.link_bpd:before {
		font-family: '' !important;
		content: '' !important;
	}

	.titulo-registro {
		margin-bottom: 30px;
	}

	.keyBenefits__contentBox--icon {
		width: 88px;
		margin-bottom: 16px;
	}

	.keyBenefits__contentBox--title {
		font-weight: 600;
		font-size: 18px;
		line-height: 32px;
		color: #fff;
		text-align: left;
		margin-bottom: 16px;
	}

	.keyBenefits__contentBox {
		min-height: 198px;
		padding: 20px;
		background: #fff;
	}

	.keyBenefits__content--boxes {
		margin-top: 50px;
		overflow: auto;
		display: flex;
		justify-content: center;
	}

	.cuadroSombreado:not(.modalHazteCliente) {
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		box-shadow: -1px -3px 14px -1px rgba(0, 0, 0, 0.1);
		border-radius: 10px;
		border: 2px solid #E8E6DF;
	}

	.keyBenefits__contentBox:last-child {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.logo-mc-lauren {
		margin-bottom: 30px;
	}




	@media(min-width: 1200px) {
		.banner {
			background-image: url("/Personas/Paginas/PROMOCIONES/2025/Napa-Valley/imagenes/banner-desktop.webp");
			background-position: 100% center;
		}
	}

	@media(max-width: 1199px) {
		.banner {
			background-image: url("/Personas/Paginas/PROMOCIONES/2025/Napa-Valley/imagenes/banner-ipad-pro.webp");
			background-position: 100% center;
		}

		.logo-mc-lauren {
			width: 300px;
		}
	}

	@media(min-width:992px) {
		.texto-banner {
			width: 550px !important;
		}
	}

	@media(max-width:991px) {

        .banner {
			background-image: url("/Personas/Paginas/PROMOCIONES/2025/Napa-Valley/imagenes/banner-ipad-mini.webp");
			background-position: 100% center;
		}

		.cont-text h3 {
			font-size: 22px;
		}

		.texto-banner {
			width: 350px !important;
		}
	}

	@media(min-width:768px) {
		.hidden-xs {
			display: block;
		}

		.visible-xs {
			display: none;
		}

		.logo-mc-lauren {
			width: 300px;
		}

	}

	@media (max-width: 768px) {
		.banner {
			height: 350px;
			color: white;

			background-repeat: no-repeat;
			display: flex;
			align-items: flex-end;
			padding: 70px 0px;
			background-position: left;
		}

		.banner .title {
			padding-right: 15px;
			padding-left: 15px;
		}
	}

	@media(max-width: 767px) {
		.banner {
			background-image: url("/Personas/Paginas/PROMOCIONES/2025/Napa-Valley/imagenes/banner-movil.webp");
			background-position: 100% center;
			height: 550px;
			align-items: baseline !important;
		}

		.parrafoBanner{
		font-size: 25px;
	}

		.intro {
			margin-bottom: 20px !important;
		}

		#contenedor {
			align-items: baseline !important;
		}

		.visible-xs {
			display: block;
		}

		.hidden-xs {
			display: none;
		}
	}