
[data-theme="dark"] {
	--bg-cream: #454545;
	--text-dark: #ffffff;
	--bg-white: #262626; 
	--text-teal: #C6DEDB;    
	--bg-gray: #454545;
	--text-gray: #F9F9F9;
	--border-teal: #ffffff;
	--bg-thumb-gray: #A9A9A9;
	--text-magenta: #D8B5CF;
	--bg-icon-gray: #262626;
	--text-teal-dark: #ffffff;	 
	--border-teal-dark: #ffffff;

	.pueblo-card-region i ,
	.pueblo-card-icono img ,
	.experiencias-nav-wrap .slick-prev,
	.experiencias-nav-wrap .slick-next ,
	.pueblo-card-titulo ,
	.experiencia-card-titulo ,
	.pDuracion i ,
	.pDestino i ,
	.btnVerOferta i ,
	.footer-logos img:last-child,
	.footer-logos img:nth-last-of-type(2),
	#seccionContenidoInterna .contenido-secundario h3 , 
	.instantes-nav-wrap .slick-prev ,
	.instantes-nav-wrap .slick-next ,
	.info-card-icono img ,
	.instantes-nav-wrap .slick-dots li button , 
	#divCardsWrapper .slick-ofertas .slick-prev ,
	#divCardsWrapper .slick-ofertas .slick-next
	{
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1);
	}
	.instantes-nav-wrap .slick-dots li.slick-active button {
		filter:inherit;
	}
	
	#mapaPeru svg > path:not(.tiene-pueblo) 
	{
		fill: var(--bg-gray); 
		stroke: var(--bg-gray); 
	}
	#mapaPeru svg path.activo {
		fill: var(--bg-teal-dark);
	}
	
	#mapaPeruRelacionados svg > path {
		fill: var(--bg-icon-gray);
		stroke: var(--bg-icon-gray) 
	}
	#mapaPeruRelacionados svg path.activo {
		fill: var(--bg-teal);
	}

	
    #seccionDescripcion {
		background: var(--bg-cream) url('../images/slider/layer-dark.png') center / cover no-repeat;
	}
	.preparate-card ,
	.footer-top ,
	.contacto-item {
		background:var(--bg-gray);
	}
	.divButton a ,
	.btn-secundario {
		color: var(--bg-icon-gray);
	}
	.divButton a:hover , 
	.btn-secundario:hover
	{
	    color: var(--text-teal-hover);
	}
	.btnVerOferta:hover i {
        filter: inherit;
    }
	/* La etiqueta de la oferta conserva su fondo claro, así que su texto y su
	   contorno se oscurecen para seguir leyéndose. */
	.spanOferta {
		color: var(--bg-white);
		border-color: var(--bg-white);
	}
	#seccionPueblosRelacionados .pueblo-card {
		background:var(--bg-icon-gray);
	}
	.experiencia-card.activo .experiencia-card-fondo {
		opacity:0.5;
	}
	@media screen and (max-width:760px) {
		#seccionDescripcion {
			background: var(--bg-cream) url("../images/slider/layer-dark-mobile.png") center / cover no-repeat;
		}
	}
	
}