/* Selection text */
::-moz-selection {
	/* Code for Firefox */
	color: white;
	background: #ffa900;
}

::selection {
	color: white;
	background: #ffa900;
}

/* Fonts */
@font-face {
	font-family: EverydaySans-Black;
	src: url("../otf/EverydaySans-Black.otf") format("opentype");
	font-weight: 900;
	font-style: normal;
}

@font-face {
	font-family: EverydaySans-BlackItalic;
	src: url("../otf/EverydaySans-BlackItalic.otf") format("opentype");
}

@font-face {
	font-family: EverydaySans-Bold;
	src: url("../otf/EverydaySans-Bold.otf") format("opentype");
}

@font-face {
	font-family: EverydaySans-BoldItalic;
	src: url("../otf/EverydaySans-BoldItalic.otf") format("opentype");
}

@font-face {
	font-family: EverydaySans-Regular;
	src: url("../otf/EverydaySans-Regular.otf") format("opentype");
}

@font-face {
	font-family: EverydaySans-RegularItalic;
	src: url("../otf/EverydaySans-RegularItalic.otf") format("opentype");
}

@font-face {
	font-family: EverydaySans-Light;
	src: url("../otf/EverydaySans-Light.otf") format("opentype");
}


h1 {
	font-family: EverydaySans-Black;
	font-size: 4.507rem;
	line-height: 1;
	font-weight: 100;
}

h1 span {
	font-family: EverydaySans-RegularItalic;
	font-size: 3.857rem;
	line-height: 1;
	font-weight: 100;
}

h2 {
	font-family: EverydaySans-Light;
	font-size: 3.507rem;
	line-height: 1;
	font-weight: 100;
}
/*
h2 span {
	font-family: EverydaySans-Regular;
	font-size: 2.857rem;
	line-height: 1;
}
*/
h2 spam {
	font-family: EverydaySans-Bold;
	font-size: 2.857rem;
	line-height: 1;
}

h3 {
	font-family: EverydaySans-Light;
	font-size: 2.369rem;
	line-height: 1.25;
	font-weight: 100;
}

.size-banner {
	font-family: EverydaySans-Light;
	font-size: 1.969rem;
	line-height: 1;
	font-weight: 100;
}
/*
h3 span {
	font-family: EverydaySans-Light;
	font-size: 1.969rem;
	line-height: 1;
	font-weight: 100;
}
*/
h3 spam {
	font-family: EverydaySans-Bold;
	font-size: 2.369rem;
	line-height: 1.25;
	font-weight: 100;
}

h4 {
	font-family: EverydaySans-Light;
	font-size: 1.777rem;
	line-height: 1.25;
	font-weight: 100;
	letter-spacing: 1.15px;
}

h4 spam {
	font-family: EverydaySans-Regular;
	font-size: 1.777rem;
	line-height: 1.25;
	font-weight: 100;
}

h5 {
	font-family: EverydaySans-Light;
	font-size: 1.333rem;
	line-height: 1.25;
	font-weight: 100;
	letter-spacing: 1.15px;
}

h5 spam {
	font-family: EverydaySans-Regular;
	font-size: 1.333rem;
	line-height: 1.25;
	font-weight: 100;
}


h6 {
	font-family: EverydaySans-Light;
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 100;
	letter-spacing: 1.15px;
}

h6 spam {
	font-family: EverydaySans-Black;
	font-size: 1rem;
	line-height: 1.25;
	font-weight: 100;
	letter-spacing: 1.15px;
}

p {
	font-family: EverydaySans-Light !important;
	font-size: 1rem;
	line-height: 2;
}

p spam {
	font-family: EverydaySans-Black !important;
	font-size: 1rem;
	line-height: 2;
}

p.fs--1 spam {
	font-family: EverydaySans-Black !important;
	font-size: 0.75rem;
}

@media (min-width: 320px) {
	a.btn {
		font-family: EverydaySans-Light !important;
		font-size: 1rem;
		line-height: 1.8;
	}
}

@media (max-width: 320px) {
	a.btn {
		font-family: EverydaySans-Light !important;
		font-size: 0.78rem;
		line-height: 1.8;
	}
}

a.menu-links {
	font-family: EverydaySans-Regular !important;
	font-size: 1rem;
	line-height: 2.75;
}

a.h4.font-weight-normal {
	line-height: 2.5;
}

ol li::marker {
	font-weight: bold;
	font-size: 1.25rem;
	color: #0071ce;
	line-height: 2;
}

ul li,
ol li {
	line-height: 2;
}

/* IDs */
#marca-personal,
#postula,
#tips,
#decision-oferta,
#aprende-mas,
#cultura {
	scroll-margin-top: 85px;
}

#nuestroproposito {
	scroll-margin-top: 175px;
}

/* Backgrounds & Colors */

@media (min-width: 992px) {
	.bg-logowalmart-7 {
		background-image: url(../img/icono-walmart.png);
		background-repeat: no-repeat;
		background-size: 350px;
		background-position: bottom right -95px;
	}
}
@media (max-width: 991px) {
	.bg-logowalmart-7 {
		background-image: url(../img/icono-walmart.png);
		background-repeat: no-repeat;
		background-size: 250px;
		background-position: bottom right -95px;
	}
}

@media (min-width: 992px) {
	.bg-logowalmart-6 {
		background-image: url(../img/icono-walmart.png);
		background-repeat: no-repeat;
		background-size: 350px;
		background-position: bottom -25% center;
	}
}
@media (max-width: 991px) {
	.bg-logowalmart-6 {
		background-image: url(../img/icono-walmart.png);
		background-repeat: no-repeat;
		background-size: 250px;
		background-position: bottom -90px right -95px;
	}
}

@media (min-width: 992px) {
	.bg-logowalmart-5 {
		background-image: url(../img/icono-walmart-blank.png);
		background-repeat: no-repeat;
		background-size: 300px;
		background-position: bottom -100px right -155px;
	}
}
@media (max-width: 991px) {
	.bg-logowalmart-5{
		background-image: url(../img/icono-walmart-blank.png);
		background-repeat: no-repeat;
		background-size: 200px;
		background-position: bottom -90px right -95px;
	}
}
/*
@media (min-width: 992px) {
	.bg-logowalmart-4 {
		display: block;
		min-height: 100%;
		align-items: center;
		background-image:
			url(../img_new/spark.svg);
		background-repeat:
			no-repeat;
		background-size: 90px, 90px;
		background-position-x:
			7%;
		background-position-y:
			20%;
	}
}
*/
@media (max-width: 991px) {
	.bg-logowalmart-4 {
		display: block;
		min-height: 100%;
		align-items: center;
		/*
		background-image:
			url(../img_new/spark.svg);
		*/
		
		background-repeat:
			no-repeat;
		background-size: 90px, 90px;
		background-position-x:
			7%;
		background-position-y:
			20%;
	}
}
@media (min-width: 992px) {
	.bg-logowalmart-3 {
		display: block;
		min-height: 100%;
		align-items: center;
		background-image:
			url(../img/icono-walmart.png),
			url(../img/icono-walmart.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-size:
			500px,
			400px;
		background-position-x:
			-25%,
			115%;
		background-position-y:
			-325%,
			200%;
	}
}
@media (max-width: 991px) {
	.bg-logowalmart-3 {
		display: block;
		min-height: 100%;
		align-items: center;
		background-image:
			url(../img/icono-walmart.png),
			url(../img/icono-walmart.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-size: 180px, 180px;
		background-position-x: -35%, 125%;
		background-position-y: -10%, 122%;
	}
}

@media (min-width: 992px) {
	.bg-logowalmart-sam {
		display: block;
		min-height: 100%;
		align-items: center;
		background-image:
			url(../img_new/spark-blue.png);
		background-repeat:
			no-repeat;
		background-size: 90px, 90px;
		background-position-x:
			7%;
		background-position-y:
			75%;
	}
}
@media (max-width: 991px) {
	.bg-logowalmart-sam {
		display: block;
		min-height: 100%;
		align-items: center;
		background-image:
			url(../img_new/spark-blue.png);
		background-repeat:
			no-repeat;
		background-size: 90px, 90px;
		background-position-x:
			7%;
		background-position-y:
			75%;
	}
}

.bg-walmart-lgbt {
	background-image: url(../img/background-lgbt.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bg-walmart-segundoretail {
	background-image: url(../img_new/primerretail1.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

/* Mobile */
@media (max-width: 991px) {
	.bg-walmart-segundoretail {
		background-image: url(../img_new/primerretailmobile1.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
	}
}


@media (min-width: 992px) {
	.bg-cifrasrelevantes {
		display: block;
		min-height: 100%;
		align-items: center;
		background-image:
			url(../img/foto-bg-cifrasrelevantes.png),
			url(../img/icono-walmart.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-size:
			500px,
			400px;
		background-position-x:
			right,
			-175px;
		background-position-y:
			bottom,
			135%;
	}
}
@media (max-width: 991px) {
	.bg-cifrasrelevantes {
		display: block;
		min-height: 100%;
		align-items: center;
		background-image:
			url(../img/icono-walmart.png);
		background-repeat:
			no-repeat;
		background-size:
			225px;
		background-position-x:
			-50px;
		background-position-y:
			bottom;
	}
}

/*
@media (min-width: 992px) {
	.bg-logowalmart-2 {
		background-image: url(../img/icono-walmart.png);
		background-repeat: no-repeat;
		background-size: 300px;
		background-position: top -100px right -155px;
	}
}
@media (max-width: 991px) {
	.bg-logowalmart-2 {
		background-image: url(../img/icono-walmart.png);
		background-repeat: no-repeat;
		background-size: 200px;
		background-position: top -90px right -95px;
	}
}
*/

@media (min-width: 992px) {
	.bg-logowalmart {
		background-image: url(../img/icono-walmart.png);
		background-repeat: no-repeat;
		background-size: 250px;
		background-position: top -80px left -95px;
	}
}
@media (max-width: 991px) {
	.bg-logowalmart {
		background-image: url(../img/icono-walmart.png);
		background-repeat: no-repeat;
		background-size: 150px;
		background-position: top -70px left -75px;
	}
}

.banner-beneficios {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image:
		url(../img_new/subete.png);
	background-repeat:
		no-repeat;
	background-size:
		cover;
	background-position-x:
		center;
	background-position-y:
		center;
}

.banner-beneficios-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img_new/subetemobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

.banner-beneficios-mobile.container.row {
	top: 50%;
}

.banner-formatosyareas {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image:
		url(../img_new/bannerdesktop.png);
	background-repeat:
		no-repeat;
	background-size:
		cover;
	background-position-x:
		center;
	background-position-y:
		center;
}

.banner-formatosyareas-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img_new/bannermobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

.banner-formatosyareas-mobile.container.row {
	top: 50%;
}

.banner-mientrevista {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image:
		url(../img_new/img-banner-hero-mi-entrevista.png);
	background-repeat:
		no-repeat;
	background-size:
		cover;
	background-position-x:
		center;
	background-position-y:
		center;
}

.banner-mientrevista-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img_new/img-banner-hero-mi-entrevista-mobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

.banner-mientrevista-mobile.container.row {
	top: 50%;
}

.banner-mipractica {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image:
		url(../img_new/bannerpracticadesktop.png);
	background-repeat:
		no-repeat;
	background-size:
		cover;
	background-position-x:
		center;
	background-position-y:
		center;
}

.banner-mipractica-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img_new/bannerpracticamobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

.banner-mipractica-mobile.container.row {
	top: 50%;
}

.banner-comotrabajamos {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image:
		url(../img/banners/Banner-Como-trabajamos.png);
	background-repeat:
		no-repeat;
	background-size:
		cover;
	background-position-x:
		center;
	background-position-y:
		center;
}

.banner-comotrabajamos-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/Banner-Como-trabajamos-Mobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

.banner-comotrabajamos-mobile.container.row {
	top: 50%;
}

.banner-dei {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image:
		url(../img/banners/Banner-DEI.png);
	background-repeat:
		no-repeat;
	background-size:
		cover;
	background-position-x:
		center;
	background-position-y:
		center;
}

.banner-dei-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/Banner-DEI-Mobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

.banner-dei-mobile.container.row {
	top: 50%;
}

.banner-prendetumodowalmart {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image:
		url(../img_new/bannerloquenoshaceunicos.png);
	background-repeat:
		no-repeat;
	background-size:
		cover;
	background-position-x:
		center;
	background-position-y:
		center;
}

.banner-prendetumodowalmart-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img_new/bannerloquenoshaceunicosmobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

.banner-prendetumodowalmart-mobile.container.row {
	top: 50%;
}

.banner-hero-3 {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/Home-Banner-Hero-3.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-hero-3-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/Home-Banner-Hero-3-Mobile.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}
.banner-hero-2 {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/Home-Banner-Hero-2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-hero-2-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/Home-Banner-Hero-2-Mobile.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}
.banner-hero-1 {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/Home-Banner-Hero-1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-hero-1-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/Home-Banner-Hero-1-Mobile.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}
.banner-nosmueve {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_nosmueve.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-nosmueve-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_nosmueve-mobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-elfuturo {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_elfuturo.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-elfuturo-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_elfuturo-mobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-nosencanta {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_nosencanta.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-nosencanta-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_nosencanta-mobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-sinlimites {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_sinlimites.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-sinlimites-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_sinlimites-mobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-parapersonas {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_parapersonas.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-parapersonas-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/banner_parapersonas-mobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-adnwalmart {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image:
		url(../img/banners/adnwalmart.png),
		url(../img/forma5.png);
	background-repeat:
		no-repeat,
		no-repeat;
	background-size:
		cover,
		225px;
	background-position-x:
		center,
		-50px;
	background-position-y:
		center,
		bottom;
}

.banner-adnwalmart-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banners/adnwalmart-mobile.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	background-position-y: center;
}

.banner-adnwalmart-mobile.container.row {
	top: 50%;
}

.banner-formatos-areas-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/BANNER_WALMART-AREAS-Y-FORMATOS-RESPONSIVE.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	margin-bottom: -35%;
}

.banner-esteesellugar {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/BANNER-CULTURA-ESCRITORIO.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-esteesellugar-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/BANNER-CULTURA-RESPONSIVE.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	margin-bottom: -35%;
}

.banner-mis-beneficios {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/BANNER-BENEFICIOS-ESCRITORIO.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-mis-beneficios-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/BANNER-BENEFICIOS-RESPONSIVE.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	margin-bottom: -35%;
}

.banner-mi-practica {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/BANNER-MI-PRACTICA.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-mi-practica-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/BANNER-ALUMNOS-RESPONSIVE.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
	margin-bottom: -35%;
}

.banner-green {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banner-verde-home.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-green-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banner-mobile-verde.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-orange {
	display: block;
	min-width: 100%;
	align-items: center;
	background-image: url(../img/banner-naranja-home.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-orange-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banner-mobile-naranja.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-fucsia {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banner-fuccia-home.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-fucsia-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banner-mobile-fuccia.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-lightblue {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/BANNER-ESCRITORIO-CELESTE.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-lightblue-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/RESPONSIVE-BANNER-CELESTE.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-yellow {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banner-amarillo-home.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.banner-yellow-mobile {
	display: block;
	min-height: 100%;
	align-items: center;
	background-image: url(../img/banner-mobile-amarillo.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

/*@media (min-width: 1025px) {
	.entrevista {
		background-image: url(../img/atributo-1.png);
		background-repeat: no-repeat;
		background-size: 200px;
		background-position: top 0px left -55px;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
	.entrevista {
		background-image: url(../img/atributo-1.png);
		background-repeat: no-repeat;
		background-size: 125px;
		background-position: top 0px left -55px;
	}
}
@media (max-width: 768px) {
	.entrevista {
		background-image: url(../img/atributo-1.png);
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: top 5px right 5px;
	}
}*/
/*@media (min-width: 769px) {
	.beneficios {
		background-image: url(../img/atributo-2.png);
		background-repeat: no-repeat;
		background-size: 225px;
		background-position: bottom -5px right -50px;
	}
}
@media (max-width: 768px) {
	.beneficios {
		background-image: url(../img/atributo-2.png);
		background-repeat: no-repeat;
		background-size: 100px;
		background-position: top 0px right -5px;
	}
}*/
@media (min-width: 769px) {
	.sam-walton {
		background-color: #0f5dc4;
		background-image:
			url(../img/points-samwalton.png);
		background-repeat:
			no-repeat;
		background-size:
			750px;
		background-position:
			bottom left 0px;
	}
}

@media (max-width: 768px) {
	.sam-walton {
		background-color: #0f5dc4;
		background-image:
			url(../img/points-samwalton.png);
		background-repeat:
			no-repeat;
		background-size:
			550px;
		background-position:
			bottom -15px left -50px;
	}
}

@media (min-width: 769px) {
	.entregate {
		background-color: #fff;
		background-image:
			url(../img/forma2.png);
		background-repeat:
			no-repeat;
		background-size:
			450px;
		background-position:
			bottom -225px left -175px;
	}
}

@media (max-width: 768px) {
	.entregate {
		background-color: #fff;
		background-image:
			url(../img/forma2.png);
		background-repeat:
			no-repeat;
		background-size:
			170px;
		background-position:
		    bottom -105px left -50px;
	}
}

@media (min-width: 769px) {
	.somos-walmart {
		background-color: #0f5dc4;
		background-image:
			url(../img/points-samwalton.png);
		background-repeat:
			no-repeat;
		background-size:
			800px;
		background-position:
			bottom left 0px;
		border-top: 10px solid #FFA600;
	}
}

@media (max-width: 768px) {
	.somos-walmart {
		background-color: #0f5dc4;
		background-image:
			url(../img/points-samwalton.png);
		background-repeat:
			no-repeat;
		background-size:
			550px;
		background-position:
			bottom -15px left -50px;
		border-top: 10px solid #FFA600;
	}
}

@media (min-width: 769px) {
	.nuestros {
		background-color: #0f5dc4;
		background-image:
			url(../img/points-nuestrosreconocimientos.png);
		background-repeat:
			no-repeat;
		background-size:
			800px;
		background-position:
			bottom right;
	}
}

@media (max-width: 768px) {
	.nuestros {
		background-color: #0f5dc4;
		background-image:
			url(../img/points-nuestrosreconocimientos.png);
		background-repeat:
			no-repeat;
		background-size:
			550px;
		background-position:
			bottom right;
	}
}

@media (min-width: 769px) {
	.valores-quecreemos {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/valores_quecreemos.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.valores-quecreemos {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/valores_quecreemos-mobil.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (max-width: 360px) {
	.valores-quecreemos {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/valores_quecreemos-mobil.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 769px) {
	.segundo-retail {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/segundo-retail.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.segundo-retail {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/segundo-retail_mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (max-width: 360px) {
	.segundo-retail {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/segundo-retail_mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 769px) {
	.tu-practica {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/tu_practica.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.tu-practica {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/tu_practica-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (max-width: 360px) {
	.tu-practica {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/tu_practica-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 768px) {
	.nuestra-cultura {
		display: block;
		position: relative;
		align-items: center;
		background-image:
			url(../img/forma1.png),
			url(../img/forma9.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-size:
			20%,
			7.5%;
		background-position:
			bottom 55px right,
			center left -35px;
	}
}

@media (max-width: 767px) {
	.nuestra-cultura {
		display: block;
		position: relative;
		align-items: center;
		background-image:
			url(../img/forma1.png),
			url(../img/forma9.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-size:
			20%,
			7.5%;
		background-position:
			bottom 55px right,
			center left -35px;
	}
}

@media (min-width: 769px) {
	.se-parte {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/img_separte.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.se-parte {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/img_separte-mobil.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (max-width: 360px) {
	.se-parte {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/img_separte-mobil.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 769px) {
	.unete-walmart {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img_new/unetedesktop.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.unete-walmart {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img_new/unetemobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (max-width: 360px) {
	.unete-walmart {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img_new/unetemobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 769px) {
	.fa-unete {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/img_unete.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.fa-unete {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/img_unete-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (max-width: 360px) {
	.fa-unete {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/img_unete-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 769px) {
	.se-parte-2 {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/fondo_separte.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.se-parte-2 {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/fondo_separte-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (max-width: 360px) {
	.se-parte-2 {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/fondo_separte-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 768px) {
	.talent-lab {
		display: block;
		position: relative;
		align-items: center;
		background-color: #061357;
		background-image:
			url(../img/forma18.png),
			url(../img/forma17.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-size:
			25%,
			7.5%;
		background-position:
			bottom right -135px,
			bottom 125px left -45px;
	}
}

@media (max-width: 767px) {
	.talent-lab {
		display: block;
		position: relative;
		align-items: center;
		background-color: #061357;
		background-image:
			url(../img/forma18.png),
			url(../img/forma17.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-size:
			55%,
			15%;
		background-position:
			bottom -5px right -105px,
			bottom 75px left -25px;
	}
}

@media (min-width: 769px) {
	.formatosyareas {
		background-color: #0f5dc4;
		background-image:
			url(../img/points-nuestrosreconocimientos.png);
		background-repeat:
			no-repeat;
		background-size:
			800px;
		background-position:
			bottom -150px right;
	}
}

@media (max-width: 768px) {
	.formatosyareas {
		background-color: #0f5dc4;
		background-image:
			url(../img/points-nuestrosreconocimientos.png);
		background-repeat:
			no-repeat;
		background-size:
			550px;
		background-position:
			bottom right;
	}
}

@media (min-width: 769px) {
	.cultura {
		background-color: #fff;
		background-image:
			url(../img/trama-de-puntos-cultura.png);
		background-repeat:
			no-repeat;
		background-size:
			750px;
		background-position:
			center right 0px;
	}
}

@media (max-width: 768px) {
	.cultura {
		background-color: #fff;
		background-image:
			url(../img/trama-de-puntos-cultura.png);
		background-repeat:
			no-repeat;
		background-size:
			550px;
		background-position:
			bottom -15px right -50px;
	}
}

@media (min-width: 769px) {
	.alumnos {
		background-image:
			url(../img/atributo-4.png),
			url(../img/spark-trama-alumnos.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-size:
			250px,
			500px;
		background-position:
			top 95px right 100px,
			bottom 25px right -15px;
	}
}

@media (max-width: 768px) {
	.alumnos {
		background-image:
			url(../img/atributo-4.png),
			url(../img/spark-trama-alumnos.png);
		background-repeat:
			no-repeat,
			no-repeat;
		background-size:
			100px,
			350px;
		background-position:
			top 5px right 5px,
			bottom 25px right -15px;
	}
}

@media (min-width: 769px) {
	.oportunidades {
		background-image: url(../img/FOTO-JOVEN+TRAMA-MI-PRACTICA.png);
		background-repeat: no-repeat;
		background-size: 720px;
		background-position: bottom 0px right 75px;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.oportunidades {
		background-image: url(../img/FOTO-JOVEN+TEXTURA-ALUMNOS-RESPONSIVE.png);
		background-repeat: no-repeat;
		background-size: 480px;
		background-position: bottom 0px right -1px;
	}
}

@media (max-width: 360px) {
	.oportunidades {
		background-image: url(../img/FOTO-JOVEN+TEXTURA-ALUMNOS-RESPONSIVE.png);
		background-repeat: no-repeat;
		background-size: 400px;
		background-position: bottom 0px right 0px;
	}
}

@media (min-width: 769px) {
	.tips-entrevista {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/textura-puntos-naranja.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.tips-entrevista {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/textura-puntos-naranja-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (max-width: 360px) {
	.tips-entrevista {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/textura-puntos-naranja-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

.que-esperamos-1 {
	background-image: url(../img/CUADRO-BLANCO-TRAMA-CULTURA-ESCRITORIO.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.que-esperamos-2 {
	background-image: url(../img/CUADRO-FUCCIA-TRAMA-CULTURA-ESCRITORIO.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.que-esperamos-3 {
	background-image: url(../img/CUADRO-PATTERN-AZUL-MI-ENTREVISTA.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

@media (min-width: 769px) {
	.que-esperamos-4 {
		background-image: url(../img/CUADRO-AZUL-TRAMA-CULTURA-ESCRITORIO.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
}

@media (max-width: 768px) {
	.que-esperamos-4 {
		background-image: url(../img/CUADRO-PATTERN-AZUL-MI-ENTREVISTA.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
}

@media (min-width: 769px) {
	.sugerencias {
		background-color: #fff;
		background-image:
			url(../img/TRAMA-PUNTOS-2-MI-ENTREVISTA.png);
		background-repeat:
			no-repeat;
		background-size:
			750px;
		background-position:
			center left 0px;
	}
}

@media (max-width: 768px) {
	.sugerencias {
		background-color: #fff;
		background-image:
			url(../img/TRAMA-PUNTOS-2-MI-ENTREVISTA.png);
		background-repeat:
			no-repeat;
		background-size:
			550px;
		background-position:
			bottom -15px left -50px;
	}
}

@media (min-width: 769px) {
	.desicion-oferta {
		background-image: url(../img/FOTO-FINAL-MI-ENTREVISTA.png);
		background-repeat: no-repeat;
		background-size: 785px;
		background-position: bottom right 0px;
	}
}

@media (min-width: 361px) and (max-width: 768px) {
	.desicion-oferta {
		background-image: url(../img/FOTO-FINAL-MI-ENTREVISTA.png);
		background-repeat: no-repeat;
		background-size: 445px;
		background-position: bottom right -1px;
	}
}

@media (max-width: 360px) {
	.desicion-oferta {
		background-image: url(../img/FOTO-FINAL-MI-ENTREVISTA.png);
		background-repeat: no-repeat;
		background-size: 385px;
		background-position: bottom right -1px;
	}
}

@media (min-width: 769px) {
	.flexibilidad {
		background-color: #fff;
		background-image:
			url(../img/TRAMA-PUNTOS-BENEFICIOS.png);
		background-repeat:
			no-repeat;
		background-size:
			750px;
		background-position:
			bottom right 0px;
	}
}

@media (max-width: 768px) {
	.flexibilidad {
		background-color: #fff;
		background-image:
			url(../img/TRAMA-PUNTOS-BENEFICIOS.png);
		background-repeat:
			no-repeat;
		background-size:
			550px;
		background-position:
			bottom right -15px;
	}
}

@media (min-width: 769px) {
	.valores {
		background-color: #fff;
		background-image:
			url(../img/TRAMA-PUNTOS-BENEFICIOS.png);
		background-repeat:
			no-repeat;
		background-size:
			750px;
		background-position:
			bottom right 0px;
	}
}

@media (max-width: 768px) {
	.valores {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/textura-puntos-azules-mobile.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

.colaborador-1 {
	background-image: url(../img/trama-caluga-verde-BENEFICIOS.png);
	background-color: #6eca52;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.colaborador-2 {
	background-image: url(../img/trama-caluga-amarilla-BENEFICIOS.png);
	background-color: #ffa518;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

.colaborador-3 {
	background-image: url(../img/trama-caluga-celeste-BENEFICIOS.png);
	background-color: #30c0ca;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

@media (min-width: 769px) {
	.aprende-mas {
		display: block;
		position: relative;
		align-items: center;
		background-image: url(../img/textura-puntos-verdes.png);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: top right;
		margin-bottom: -5%;
	}
}

@media (min-width: 769px) {
	.formatos {
		background-color: #fff;
		background-image:
			url(../img/puntos-FORMATOS-Y-AREAS.png);
		background-repeat:
			no-repeat;
		background-size:
			750px;
		background-position:
			bottom left 0px;
	}
}

.container {
	max-width: 1330px;
}

.socket-walmart {
	display: block;
	position: relative;
	align-items: center;
	background-image: url(../img/FOOTER-HOME.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: center;
}

.bg-walmart-light-top-right-radius {
	background-color: #f1f1f1 !important;
	border-top-right-radius: 100px;
	transform: rotate(-2.5deg);
}

.bg-walmart-light-top-left-radius {
	background-color: #f1f1f1 !important;
	border-top-left-radius: 100px;
	transform: rotate(2.5deg);
}

.bg-walmart-white-top-right-radius {
	background-color: white !important;
	border-top-right-radius: 100px;
	transform: rotate(-2.5deg);
}

.bg-walmart-white-top-left-radius {
	background-color: white !important;
	border-top-left-radius: 100px;
	transform: rotate(2.5deg);
}

.bg-walmart-light {
	background-color: #f1f1f1 !important;
}

.bg-walmart-fucsia {
	background-color: #BD0089 !important;
}

.bg-walmart-lightblue {
	background-color: #4DBDF5 !important;
}

.bg-walmart-yellow {
	background-color: #FFA600 !important;
}

.bg-walmart-yellow-2 {
	background-color: #FFA600 !important;
}

.bg-walmart-yellow-3 {
	background-color: #FFC220 !important;
}

.bg-walmart-white {
	background-color: #FFFFFF !important;
	border-radius: 24px;
	color:red !important;
  	box-shadow: 0 18px 40px rgba(0,0,0,.25);
}

.bg-walmart-orange {
	background-color: #e97529 !important;
}

.bg-walmart-green {
	background-color: #78b846 !important;
}

.bg-walmart-blue {
	background-color: #0053E2 !important;
}

.bg-walmart-blue-claro {
	background-color: #A9DDF7 !important;
}

.bg-walmart-navblue {
	background-color: #001C6E !important;
}

.border-left-2 {
	border-left: 2px solid;
}

.border-right-2 {
	border-right: 2px solid;
}

.border-bottom-2 {
	border-bottom: 2px solid;
}

.border-top-2 {
	border-top: 2px solid;
}

.border-walmart-all {
	border: 2px solid #0071ce!important;
}
.border-walmart-all-white {
	border: 2px solid white;
}

@media (min-width: 769px) {
	.border-walmart {
		border-top: 2px solid #0071ce;
	}

	.border-walmart-2 {
		border-top: 2px solid #0071ce;
	}
}

@media (max-width: 768px) {
	.border-walmart {
		border-top: 1px solid #0071ce;
	}

	.border-walmart-2 {
		border-top: 1px solid #0071ce;
	}
}

@media (min-width: 769px) {
	.border-walmart-card {
		border-top: 2px solid #0071ce;
	}
}

@media (max-width: 768px) {
	.border-walmart-card {
		border-top: 1px solid #0071ce;
	}
}

.border-walmart-3 {
	border-top: 10px solid #FFA600;
}

.border-walmart-4 {
	border-top: 3px solid #FFA600 !important;
}

.border-walmart-darkblue {
	border-top: 2px solid #061633 !important;
}

.text-walmart {
	color: #001C6E;
}

.text-walmart-formatos-areas {
	color: #ffa900;
}

.text-walmart-esteesellugar {
	color: #fca70c;
}

.text-walmart-mi-entrevista {
	color: #ed7528;
}

.text-walmart-mi-practica {
	color: #00bfed;
}

.text-walmart-paso-tres {
	color: #4DBDF5;
}

.text-walmart-paso-cuatro {
	color: #A9DDF7;
}


.text-walmart-mis-beneficios {
	color: #85c15c;
}

.text-walmart-cultura {
	color: #FFA600;
}

.text-walmart-blue {
	color: #0053E2 !important;
}

.text-walmart-darkblue {
	color: #061633;
}

.text-walmart-yellow {
	color: #FFB726;
}

.text-walmart-yellow-2 {
	color: #FFC220;
}

.text-walmart-lightblue {
	color: #088fd0;
}

.text-walmart-fucsia {
	color: #9e195d;
}

.text-walmart-orange {
	color: #fc5c0d;
}

.text-walmart-red {
	color: #eb293d;
}

.text-walmart-purple {
	color: #5519a2;
}

.text-walmart-green {
	color: #559a2e;
}

.text-normal {
	text-transform: none!important;
}

@media (min-height: 769px) {
	.bg-contacto {
		display: flex;
		align-items: center !important;
		height: 300px;
		background: url(../img/banner-contacto.png) no-repeat;
		background-position: center left 0px;
	}
}

@media (max-height: 768px) {
	.bg-contacto {
		display: flex;
		justify-content: stretch;
		align-items: flex-end;
		height: 360px;
		background: url(../img/banner-contacto-mobile.png) no-repeat;
		background-position: top 0px left 0px;
	}
}

/* Floating button */
/* Fliltro Flotante: Formatos y áreas */
.float-filter {
	z-index: 99;
	font-size: 1.25rem;
	padding-top: 7.5px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 5px;
	text-decoration: none;
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 75px;
	left: 35px;
	text-align: center;
	background-color: #ff30a2;
	border: 1px solid #ff30a2;
	color: white !important;
	border-radius: 25px;
}

.float-filter:hover {
	z-index: 99;
	font-size: 1.25rem;
	padding-top: 7.5px;
	padding-bottom: 4px;
	padding-right: 4px;
	padding-left: 5px;
	text-decoration: none;
	position: fixed;
	width: 50px;
	height: 50px;
	bottom: 75px;
	left: 35px;
	text-align: center;
	color: white !important;
	background-color: #d01b9c;
	border: 1px solid #d01b9c;
	border-radius: 25px;
}

/* Zoom items */
.btn-4zoom:hover {
	transform: scale(1.05, 1.05);
	transition: 0.15s;
}

/* Buttons */

nav.navbar>div>ul>a.btn.btn-walmart-outline-blue {
	background-color: white;
	border: 1px solid #0053E2;
	color: #0053E2 !important;
	border-radius: 25px;
	padding-top: 10px;
	padding-bottom: 7.5px;
	padding-left: 15px;
	padding-right: 15px;
}

nav.navbar>div>ul>a.btn.btn-walmart-outline-blue:hover,
nav.navbar>div>ul>a.btn.btn-walmart-outline-blue:focus {
	background-color: #0053E2;
	border: 1px solid #0053E2;
	color: white !important;
}

nav.navbar>div>ul>a.btn.btn-walmart-blue {
	background-color: #0053E2;
	border: 1px solid #0053E2;
	color: white !important;
	border-radius: 25px;
	padding-top: 10px;
	padding-bottom: 7.5px;
	padding-left: 15px;
	padding-right: 15px;
}

nav.navbar>div>ul>a.btn.btn-walmart-blue:hover,
nav.navbar>div>ul>a.btn.btn-walmart-blue:focus {
	background-color: #0053E2;
	border: 1px solid #0053E2;
	color: white !important;
}

nav.navbar>div>ul>a.btn.btn-walmart {
	background-color: #0053E2;
	border: 1px solid #0053E2;
	color: white !important;
	padding-top: 7;
	padding-bottom: 10px;
	padding-left: 15px;
	padding-right: 15px;
}

nav.navbar>div>ul>a.btn.btn-walmart:hover,
nav.navbar>div>ul>a.btn.btn-walmart:focus {
	background-color: #0342af;
	border: 1px solid #0342af;
	color: white !important;
}

div.offcanvas-header>.btn.btn-walmart-blue {
	background-color: #0053E2;
	border: 1px solid #0053E2;
	color: white !important;
	border-radius: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 11.5px;
	padding-right: 9.5px;
}

div.offcanvas-header>.btn.btn-walmart-blue:hover,
div.offcanvas-header>.btn.btn-walmart-blue:focus {
	background-color: #0053E2;
	border: 1px solid #0053E2;
	color: white !important;
}

.btn.btn-walmart {
	background-color: #FFA600;
	border: 1px solid #FFA600;
	color: white !important;
	border-radius: 25px;
}

.btn.btn-walmart:hover,
.btn.btn-walmart:focus {
	color: white !important;
	background-color: #c78700;
	border: 1px solid #c78700;
}

.btn-walmart-outline-blue {
	color: #0053E2 !important;
	background-color: white;
	border: 1px solid #0053E2;
	border-radius: 25px;
	padding-top: 10px;
	padding-bottom: 3.5px;
	padding-left: 15px;
	padding-right: 15px;
}

.btn-walmart-blue {
	background-color: #0053E2;
	border: 1px solid #0053E2;
	color: white !important;
	border-radius: 25px;
	padding-top: 10px;
	padding-bottom: 9.5px;
	padding-left: 15px;
	padding-right: 15px;
}

.btn-walmart-outline-blue:hover,
.btn-walmart-outline-blue:focus,
.btn-walmart-blue:hover,
.btn-walmart-blue:focus {
	background-color: #0053E2 !important;
	border: 1px solid #0053E2 !important;
	color: white !important;
}

.btn-walmart-white {
	background-color: white;
	border: 1px solid white;
	color: #0053E2 !important;
	border-radius: 25px;
	padding-top: 10px;
	padding-bottom: 3.5px;
	padding-left: 15px;
	padding-right: 15px;
}

.btn-walmart-white:hover,
.btn-walmart-white:focus {
	background-color: #f1f1f1 !important;
	border: 1px solid #f1f1f1 !important;
	color: #0053E2 !important;
}

.btn.btn-walmart-outline-white {
	color: white !important;
	background-color: transparent;
	border: 1px solid white;
	border-radius: 25px;
	padding-top: 10px;
	padding-bottom: 3.5px;
	padding-left: 15px;
	padding-right: 15px;
}

.btn.btn-walmart-outline-white:hover,
.btn.btn-walmart-outline-white:focus {
	background-color: white;
	border: 1px solid white;
	color: #1a1a1a !important;
}

.btn-walmart-lightblue {
	background-color: #088fd0;
	border: 1px solid #088fd0;
	color: white !important;
	border-radius: 25px;
}

.btn-walmart-lightblue:hover {
	color: #088fd0 !important;
	background-color: white;
	opacity: 0.9;
	border: 1px solid #088fd0;
	border-radius: 25px;
}

.btn-walmart-fucsia {
	background-color: #BD0089;
	border: 1px solid #BD0089;
	color: white !important;
	border-radius: 25px;
}

.btn-walmart-blue-unete {
	background-color: #4DBDF5;
	border: 1px solid #4DBDF5;
	color: white !important;
	border-radius: 25px;
}

.btn-walmart-blue-unete:hover {
	background-color: #5fc3f5;
	border: 1px solid #5fc3f5;
	color: white !important;
	border-radius: 25px;
}

.btn-walmart-yellow {
	background-color: #FFC220 !important;
	border: 1px solid #FFC220 !important;
	color: 001C6E !important;
	border-radius: 25px;
}

.btn-walmart-yellow:hover {
	background-color: #FFC220;
	border: 1px solid #FFC220;
	color: 001C6E !important;
	border-radius: 25px;
}

.btn-walmart-fucsia:hover {
	background-color: #94006a;
	border: 1px solid #94006a;
	color: white !important;
	border-radius: 25px;
}

.btn-walmart-orange {
	background-color: #fc5c0d;
	border: 1px solid #fc5c0d;
	color: white !important;
	border-radius: 25px;
}

.btn-walmart-orange:hover {
	color: #fc5c0d !important;
	background-color: white;
	opacity: 0.9;
	border: 1px solid #fc5c0d;
	border-radius: 25px;
}

.btn-walmart-green {
	background-color: #559a2e;
	border: 1px solid #559a2e;
	color: white !important;
	border-radius: 25px;
}

.btn-walmart-green:hover {
	color: #559a2e !important;
	background-color: white;
	opacity: 0.9;
	border: 1px solid #559a2e;
	border-radius: 25px;
}

.btn-walmart-outline-grey {
	color: #ababab !important;
	background-color: white;
	opacity: 0.9;
	border: 1px solid #ababab;
	border-radius: 25px;
}

.btn-walmart-outline-grey:hover {
	background-color: #ababab;
	border: 1px solid #ababab;
	color: white !important;
	border-radius: 25px;
}

.btn-walmart-grey {
	background-color: #ababab;
	border: 1px solid #ababab;
	color: white !important;
	border-radius: 25px;
}

.btn-walmart-grey:hover {
	color: #ababab !important;
	background-color: white;
	opacity: 0.9;
	border: 1px solid #ababab;
	border-radius: 25px;
}

.nav>.btn-walmart-grey.active {
	background-color: #23c0c9;
	border: 1px solid #ababab;
	color: white !important;
}

.nav>.btn-walmart-grey:active {
	background-color: #23c0c9;
	border: 1px solid #ababab;
	color: white !important;
}

.nav>.btn-walmart-grey:focus {
	background-color: #23c0c9;
	border: 1px solid #ababab;
	color: white !important;
}

@media (min-width: 769px) {
	.btn.btn-link {
		color: #000;
		font-family: EverydaySans-Regular;
		font-size: 1rem;
		line-height: 1.5;
		font-weight: 100;
		letter-spacing: 1.15px;
		text-decoration: none;
	}
}

@media (max-width: 769px) {
	.btn.btn-link {
		color: #000;
		font-family: EverydaySans-Regular;
		font-size: 0.85rem;
		line-height: 1.15;
		font-weight: 100;
		letter-spacing: 1.15px;
		text-decoration: none;
	}
}

/* FORMATOS */
@media (min-width: 769px) {
	.btn.btn-formatos {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 328px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_formatos_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-right: 25px;
		border: none;
	}

	.btn.btn-formatos h4.text-light,
	.btn.btn-areas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 32.5% !important;
	}
}

@media (min-width: 622px) and (max-width: 768px) {
	.btn.btn-formatos {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 269px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_formatos_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-left: 15px;
		margin-right: 15px;
		border: none;
	}

	.btn.btn-formatos h4.text-light,
	.btn.btn-areas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 30% !important;
	}
}

@media (min-width: 425px) and (max-width: 621px) {
	.btn.btn-formatos {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 250px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_formatos_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-left: 35px !important;
		margin-right: 35px;
		border: none;
	}

	.btn.btn-formatos h4.text-light,
	.btn.btn-formatos h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 33.5% !important;
	}
}

@media (max-width: 424px) {
	.btn.btn-formatos {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 250px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_formatos_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-left: 5px !important;
		margin-right: 5px;
		border: none;
	}

	.btn.btn-formatos h4.text-light,
	.btn.btn-formatos h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 30% !important;
	}
}

/* AREAS */
@media (min-width: 769px) {
	.btn.btn-areas {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 328px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_areas_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		border: none;
	}

	.btn.btn-areas h4.text-light,
	.btn.btn-areas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 40% !important;
	}
}

@media (min-width: 622px) and (max-width: 768px) {
	.btn.btn-areas {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 269px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_areas_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-left: 15px !important;
		margin-right: 15px;
		border: none;
	}

	.btn.btn-areas h4.text-light,
	.btn.btn-areas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 35% !important;
	}
}

@media (min-width: 425px) and (max-width: 621px) {
	.btn.btn-areas {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 250px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_areas_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-top: 25px;
		margin-left: 35px !important;
		margin-right: 35px;
		border: none;
	}

	.btn.btn-areas h4.text-light,
	.btn.btn-areas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 40% !important;
	}
}

@media (max-width: 424px) {
	.btn.btn-areas {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 250px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_areas_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-top: 25px;
		margin-left: 5px !important;
		margin-right: 5px;
		border: none;
	}

	.btn.btn-areas h4.text-light,
	.btn.btn-areas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 37.5% !important;
	}
}

/* TIENDAS */
@media (min-width: 769px) {
	.btn.btn-tiendas {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 328px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_formatos_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-right: 25px;
		border: none;
	}

	.btn.btn-tiendas h4.text-light,
	.btn.btn-areas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 37.5% !important;
	}
}

@media (min-width: 622px) and (max-width: 768px) {
	.btn.btn-tiendas {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 269px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_formatos_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-left: 15px;
		margin-right: 15px;
		border: none;
	}

	.btn.btn-tiendas h4.text-light,
	.btn.btn-areas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 37.5% !important;
	}
}

@media (min-width: 425px) and (max-width: 621px) {
	.btn.btn-tiendas {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 250px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_formatos_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-left: 35px !important;
		margin-right: 35px;
		border: none;
	}

	.btn.btn-tiendas h4.text-light,
	.btn.btn-tiendas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 37.5% !important;
	}
}

@media (max-width: 424px) {
	.btn.btn-tiendas {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 250px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_formatos_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-left: 5px !important;
		margin-right: 5px;
		border: none;
	}

	.btn.btn-tiendas h4.text-light,
	.btn.btn-tiendas h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 35.5% !important;
	}
}

/* SOPORTE */
@media (min-width: 769px) {
	.btn.btn-soporte {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 328px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_areas_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		border: none;
	}

	.btn.btn-soporte h4.text-light,
	.btn.btn-soporte h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 35.5% !important;
	}
}

@media (min-width: 622px) and (max-width: 768px) {
	.btn.btn-soporte {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 269px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_areas_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-left: 15px !important;
		margin-right: 15px;
		border: none;
	}

	.btn.btn-soporte h4.text-light,
	.btn.btn-soporte h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 33.5% !important;
	}
}

@media (min-width: 425px) and (max-width: 621px) {
	.btn.btn-soporte {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 250px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_areas_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-top: 25px;
		margin-left: 35px !important;
		margin-right: 35px;
		border: none;
	}

	.btn.btn-soporte h4.text-light,
	.btn.btn-soporte h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 36.5% !important;
	}
}

@media (max-width: 424px) {
	.btn.btn-soporte {
		position: relative;
		color: white;
		min-height: 224px !important;
		min-width: 250px !important;
		background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_areas_bw.png) no-repeat center center;
		background-size: cover;
		border-top-left-radius: 25px !important;
		border-top-right-radius: 25px !important;
		border-bottom-left-radius: 25px !important;
		border-bottom-right-radius: 25px !important;
		margin-top: 25px;
		margin-left: 5px !important;
		margin-right: 5px;
		border: none;
	}

	.btn.btn-soporte h4.text-light,
	.btn.btn-soporte h4.text-light {
		position: absolute;
		top: 35% !important;
		left: 35.5% !important;
	}
}

.btn.btn-formatos:hover,
.btn.btn-formatos:focus,
.btn.btn-formatos.active,
.btn.btn-tiendas:hover,
.btn.btn-tiendas:focus,
.btn.btn-tiendas.active {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_formatos.png) no-repeat center center;
	background-size: cover;
	transition: .5s all;
}

.btn.btn-areas:hover,
.btn.btn-areas:focus,
.btn.btn-areas.active,
.btn.btn-soporte:hover,
.btn.btn-soporte:focus,
.btn.btn-soporte.active {
	background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../img/img_areas.png) no-repeat center center;
	background-size: cover;
	transition: .5s all;
}

.btn.btn-formatos:focus h4.text-light,
.btn.btn-formatos:hover h4.text-light,
.btn.btn-areas:focus h4.text-light,
.btn.btn-areas:hover h4.text-light,
.btn.btn-formatos.active h4.text-light,
.btn.btn-areas.active h4.text-light,
.btn.btn-tiendas:focus h4.text-light,
.btn.btn-tiendas:hover h4.text-light,
.btn.btn-soporte:focus h4.text-light,
.btn.btn-soporte:hover h4.text-light,
.btn.btn-tiendas.active h4.text-light,
.btn.btn-soporte.active h4.text-light {
	color: #ff9b1b !important;
}

/* XL */
@media (min-width: 1200px) {

	/* Botón Lider */
	.btn.btn-lider {
		background-image: url(../img_new/formatos/Gris/lider.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider:hover,
	.btn.btn-lider:focus,
	.btn.btn-lider.active {
		background-image: url(../img_new/formatos/Color/lider.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider.cl */
	.btn.btn-lider-cl {
		background-image: url(../img_new/formatos/Gris/lidercl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-cl:hover,
	.btn.btn-lider-cl:focus,
	.btn.btn-lider-cl.active {
		background-image: url(../img_new/formatos/Color/lidercl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider App */
	.btn.btn-lider-app {
		background-image: url(../img_new/formatos/Gris/liderapp.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-app:hover,
	.btn.btn-lider-app:focus,
	.btn.btn-lider-app.active {
		background-image: url(../img_new/formatos/Color/liderapp.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Express */
	.btn.btn-express {
		background-image: url(../img_new/formatos/Gris/express.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-express:hover,
	.btn.btn-express:focus,
	.btn.btn-express.active {
		background-image: url(../img_new/formatos/Color/express.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista */
	.btn.btn-centralmayorista {
		background-image: url(../img_new/formatos/Gris/mayorista.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista:hover,
	.btn.btn-centralmayorista:focus,
	.btn.btn-centralmayorista.active {
		background-image: url(../img_new/formatos/Color/mayorista.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista.cl */
	.btn.btn-centralmayorista-cl {
		background-image: url(../img_new/formatos/Gris/mayoristacl.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista-cl:hover,
	.btn.btn-centralmayorista-cl:focus,
	.btn.btn-centralmayorista-cl.active {
		background-image: url(../img_new/formatos/Color/mayoristacl.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta */
	.btn.btn-acuenta {
		background-image: url(../img_new/formatos/Gris/acuenta.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta:hover,
	.btn.btn-acuenta:focus,
	.btn.btn-acuenta.active {
		background-image: url(../img_new/formatos/Color/acuenta.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta.cl */
	.btn.btn-acuenta-cl {
		background-image: url(../img_new/formatos/Gris/acuentacl.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta-cl:hover,
	.btn.btn-acuenta-cl:focus,
	.btn.btn-acuenta-cl.active {
		background-image: url(../img_new/formatos/Color/acuentacl.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Plantas productivas */
	.btn.btn-pproductivas {
		background-image: url(../img_new/formatos/Gris/plantas.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-pproductivas:hover,
	.btn.btn-pproductivas:focus,
	.btn.btn-pproductivas.active {
		background-image: url(../img_new/formatos/Color/plantas.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Centros de distribución */
	.btn.btn-cdistribucion {
		background-image: url(../img_new/formatos/Gris/distribucion.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-cdistribucion:hover,
	.btn.btn-cdistribucion:focus,
	.btn.btn-cdistribucion.active {
		background-image: url(../img_new/formatos/Color/distribucion.svg);
		background-size: 60%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
}

/* LG */
@media (min-width: 992px) and (max-width: 1199px) {

	/* Botón Lider */
	.btn.btn-lider {
		background-image: url(../img_new/formatos/Gris/lider.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider:hover,
	.btn.btn-lider:focus,
	.btn.btn-lider.active {
		background-image: url(../img_new/formatos/Color/lider.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider.cl */
	.btn.btn-lider-cl {
		background-image: url(../img_new/formatos/Gris/lidercl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-cl:hover,
	.btn.btn-lider-cl:focus,
	.btn.btn-lider-cl.active {
		background-image: url(../img_new/formatos/Color/lidercl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider App */
	.btn.btn-lider-app {
		background-image: url(../img_new/formatos/Gris/liderapp.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-app:hover,
	.btn.btn-lider-app:focus,
	.btn.btn-lider-app.active {
		background-image: url(../img_new/formatos/Color/liderapp.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Express */
	.btn.btn-express {
		background-image: url(../img_new/formatos/Gris/express.svg);
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-express:hover,
	.btn.btn-express:focus,
	.btn.btn-express.active {
		background-image: url(../img_new/formatos/Color/express.svg);
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista */
	.btn.btn-centralmayorista {
		background-image: url(../img_new/formatos/Gris/mayorista.svg);
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista:hover,
	.btn.btn-centralmayorista:focus,
	.btn.btn-centralmayorista.active {
		background-image: url(../img_new/formatos/Color/mayorista.svg);
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista.cl */
	.btn.btn-centralmayorista-cl {
		background-image: url(../img_new/formatos/Gris/mayoristacl.svg);
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista-cl:hover,
	.btn.btn-centralmayorista-cl:focus,
	.btn.btn-centralmayorista-cl.active {
		background-image: url(../img_new/formatos/Color/mayoristacl.svg);
		background-size: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta */
	.btn.btn-acuenta {
		background-image: url(../img_new/formatos/Gris/acuenta.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta:hover,
	.btn.btn-acuenta:focus,
	.btn.btn-acuenta.active {
		background-image: url(../img_new/formatos/Color/acuenta.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta.cl */
	.btn.btn-acuenta-cl {
		background-image: url(../img_new/formatos/Gris/acuentacl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta-cl:hover,
	.btn.btn-acuenta-cl:focus,
	.btn.btn-acuenta-cl.active {
		background-image: url(../img_new/formatos/Color/acuentacl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Plantas productivas */
	.btn.btn-pproductivas {
		background-image: url(../img_new/formatos/Gris/plantas.svg);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-pproductivas:hover,
	.btn.btn-pproductivas:focus,
	.btn.btn-pproductivas.active {
		background-image: url(../img_new/formatos/Color/plantas.svg);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Centros de distribución */
	.btn.btn-cdistribucion {
		background-image: url(../img_new/formatos/Gris/distribucion.svg);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-cdistribucion:hover,
	.btn.btn-cdistribucion:focus,
	.btn.btn-cdistribucion.active {
		background-image: url(../img_new/formatos/Color/distribucion.svg);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
}

/* MD */
@media (min-width: 830px) and (max-width: 991px) {

	/* Botón Lider */
	.btn.btn-lider {
		background-image: url(../img_new/formatos/Gris/lider.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider:hover,
	.btn.btn-lider:focus,
	.btn.btn-lider.active {
		background-image: url(../img_new/formatos/Color/lider.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider.cl */
	.btn.btn-lider-cl {
		background-image: url(../img_new/formatos/Gris/lidercl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-cl:hover,
	.btn.btn-lider-cl:focus,
	.btn.btn-lider-cl.active {
		background-image: url(../img_new/formatos/Color/lidercl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider App */
	.btn.btn-lider-app {
		background-image: url(../img_new/formatos/Gris/liderapp.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-app:hover,
	.btn.btn-lider-app:focus,
	.btn.btn-lider-app.active {
		background-image: url(../img_new/formatos/Color/liderapp.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Express */
	.btn.btn-express {
		background-image: url(../img_new/formatos/Gris/express.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-express:hover,
	.btn.btn-express:focus,
	.btn.btn-express.active {
		background-image: url(../img_new/formatos/Color/express.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista */
	.btn.btn-centralmayorista {
		background-image: url(../img_new/formatos/Gris/mayorista.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista:hover,
	.btn.btn-centralmayorista:focus,
	.btn.btn-centralmayorista.active {
		background-image: url(../img_new/formatos/Color/mayorista.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista.cl */
	.btn.btn-centralmayorista-cl {
		background-image: url(../img_new/formatos/Gris/mayoristacl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista-cl:hover,
	.btn.btn-centralmayorista-cl:focus,
	.btn.btn-centralmayorista-cl.active {
		background-image: url(../img_new/formatos/Color/mayoristacl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta */
	.btn.btn-acuenta {
		background-image: url(../img_new/formatos/Gris/acuenta.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta:hover,
	.btn.btn-acuenta:focus,
	.btn.btn-acuenta.active {
		background-image: url(../img_new/formatos/Color/acuenta.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta.cl */
	.btn.btn-acuenta-cl {
		background-image: url(../img_new/formatos/Gris/acuentacl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta-cl:hover,
	.btn.btn-acuenta-cl:focus,
	.btn.btn-acuenta-cl.active {
		background-image: url(../img_new/formatos/Color/acuentacl.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Plantas productivas */
	.btn.btn-pproductivas {
		background-image: url(../img_new/formatos/Gris/plantas.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-pproductivas:hover,
	.btn.btn-pproductivas:focus,
	.btn.btn-pproductivas.active {
		background-image: url(../img_new/formatos/Color/plantas.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Centros de distribución */
	.btn.btn-cdistribucion {
		background-image: url(../img_new/formatos/Gris/distribucion.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-cdistribucion:hover,
	.btn.btn-cdistribucion:focus,
	.btn.btn-cdistribucion.active {
		background-image: url(../img_new/formatos/Color/distribucion.svg);
		background-size: 80%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
}

/* SM */
@media (min-width: 560px) and (max-width: 829px) {

	/* Botón Lider */
	.btn.btn-lider {
		background-image: url(../img_new/formatos/Gris/lider.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider:hover,
	.btn.btn-lider:focus,
	.btn.btn-lider.active {
		background-image: url(../img_new/formatos/Color/lider.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider.cl */
	.btn.btn-lider-cl {
		background-image: url(../img_new/formatos/Gris/lidercl.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-cl:hover,
	.btn.btn-lider-cl:focus,
	.btn.btn-lider-cl.active {
		background-image: url(../img_new/formatos/Color/lidercl.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider App */
	.btn.btn-lider-app {
		background-image: url(../img_new/formatos/Gris/liderapp.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-app:hover,
	.btn.btn-lider-app:focus,
	.btn.btn-lider-app.active {
		background-image: url(../img_new/formatos/Color/liderapp.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Express */
	.btn.btn-express {
		background-image: url(../img_new/formatos/Gris/express.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-express:hover,
	.btn.btn-express:focus,
	.btn.btn-express.active {
		background-image: url(../img_new/formatos/Color/express.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista */
	.btn.btn-centralmayorista {
		background-image: url(../img_new/formatos/Gris/mayorista.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista:hover,
	.btn.btn-centralmayorista:focus,
	.btn.btn-centralmayorista.active {
		background-image: url(../img_new/formatos/Color/mayorista.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista.cl */
	.btn.btn-centralmayorista-cl {
		background-image: url(../img_new/formatos/Gris/mayoristacl.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista-cl:hover,
	.btn.btn-centralmayorista-cl:focus,
	.btn.btn-centralmayorista-cl.active {
		background-image: url(../img_new/formatos/Color/mayoristacl.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta */
	.btn.btn-acuenta {
		background-image: url(../img_new/formatos/Gris/acuenta.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta:hover,
	.btn.btn-acuenta:focus,
	.btn.btn-acuenta.active {
		background-image: url(../img_new/formatos/Color/acuenta.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta.cl */
	.btn.btn-acuenta-cl {
		background-image: url(../img_new/formatos/Gris/acuentacl.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta-cl:hover,
	.btn.btn-acuenta-cl:focus,
	.btn.btn-acuenta-cl.active {
		background-image: url(../img_new/formatos/Color/acuentacl.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Plantas productivas */
	.btn.btn-pproductivas {
		background-image: url(../img_new/formatos/Gris/plantas.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-pproductivas:hover,
	.btn.btn-pproductivas:focus,
	.btn.btn-pproductivas.active {
		background-image: url(../img_new/formatos/Color/plantas.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Centros de distribución */
	.btn.btn-cdistribucion {
		background-image: url(../img_new/formatos/Gris/distribucion.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-cdistribucion:hover,
	.btn.btn-cdistribucion:focus,
	.btn.btn-cdistribucion.active {
		background-image: url(../img_new/formatos/Color/distribucion.svg);
		background-size: 75%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
}

/* XS */
@media (max-width: 559px) {

	/* Botón Lider */
	.btn.btn-lider {
		background-image: url(../img_new/formatos/Gris/lider.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider:hover,
	.btn.btn-lider:focus,
	.btn.btn-lider.active {
		background-image: url(../img_new/formatos/Color/lider.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider.cl */
	.btn.btn-lider-cl {
		background-image: url(../img_new/formatos/Gris/lidercl.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-cl:hover,
	.btn.btn-lider-cl:focus,
	.btn.btn-lider-cl.active {
		background-image: url(../img_new/formatos/Color/lidercl.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Lider App */
	.btn.btn-lider-app {
		background-image: url(../img_new/formatos/Gris/liderapp.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-lider-app:hover,
	.btn.btn-lider-app:focus,
	.btn.btn-lider-app.active {
		background-image: url(../img_new/formatos/Color/liderapp.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Express */
	.btn.btn-express {
		background-image: url(../img_new/formatos/Gris/express.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-express:hover,
	.btn.btn-express:focus,
	.btn.btn-express.active {
		background-image: url(../img_new/formatos/Color/express.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista */
	.btn.btn-centralmayorista {
		background-image: url(../img_new/formatos/Gris/mayorista.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista:hover,
	.btn.btn-centralmayorista:focus,
	.btn.btn-centralmayorista.active {
		background-image: url(../img_new/formatos/Color/mayorista.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Central Mayorista.cl */
	.btn.btn-centralmayorista-cl {
		background-image: url(../img_new/formatos/Gris/mayoristacl.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-centralmayorista-cl:hover,
	.btn.btn-centralmayorista-cl:focus,
	.btn.btn-centralmayorista-cl.active {
		background-image: url(../img_new/formatos/Color/mayoristacl.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta */
	.btn.btn-acuenta {
		background-image: url(../img_new/formatos/Gris/acuenta.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta:hover,
	.btn.btn-acuenta:focus,
	.btn.btn-acuenta.active {
		background-image: url(../img_new/formatos/Color/acuenta.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Acuenta.cl */
	.btn.btn-acuenta-cl {
		background-image: url(../img_new/formatos/Gris/acuentacl.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-acuenta-cl:hover,
	.btn.btn-acuenta-cl:focus,
	.btn.btn-acuenta-cl.active {
		background-image: url(../img_new/formatos/Color/acuentacl.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Plantas productivas */
	.btn.btn-pproductivas {
		background-image: url(../img_new/formatos/Gris/plantas.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-pproductivas:hover,
	.btn.btn-pproductivas:focus,
	.btn.btn-pproductivas.active {
		background-image: url(../img_new/formatos/Color/plantas.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}

	/* Botón Centros de distribución */
	.btn.btn-cdistribucion {
		background-image: url(../img_new/formatos/Gris/distribucion.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		min-height: 73px !important;
		min-width: 270px !important;
		border: none;
	}

	.btn.btn-cdistribucion:hover,
	.btn.btn-cdistribucion:focus,
	.btn.btn-cdistribucion.active {
		background-image: url(../img_new/formatos/Color/distribucion.svg);
		background-size: 40%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
}

.btn.btn-areas2:focus h5.text-dark,
.btn.btn-areas2:hover h5.text-dark,
.btn.btn-areas2.active h5.text-dark {
	color: #001C6E !important;
}

.accordion>.card>.card-header>button:active>.row>.col-auto>img.img-fluid {
	transform: rotate(180deg);
}

.accordion>.card>.card-header>button:focus>.row>.col-auto>img.img-fluid {
	transform: rotate(180deg);
}

.form-check-label {
	font-size: 1rem;
	font-family: EverydaySans-Regular;
	font-weight: 100;
}

/* Efecto */
.explorar-footer a {
	color: #0071ce !important;
	transition: all 2s;
}

.explorar-footer a:before {
	transition: all .5s;
}

.explorar-footer a:after {
	width: 0%;
	content: '.';
	color: transparent;
	background: transparent;
}

.explorar-footer a:hover:after {
	width: 100%;
}

.explorar-footer a {
	display: inline-block;
	text-decoration: none;
	color: #0071ce;
}

.explorar-footer a,
.explorar-footer a:after,
.explorar-footer a:before {
	transition: all 1.0s;
}

.explorar-footer a:hover {
	color: #0071ce;
}

.explorar-footer.stroke a {
	position: relative;
}

.explorar-footer.stroke a:after {
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	width: 0%;
	content: '.';
	color: transparent;
	background: #0071ce;
	height: 1px;
}

.explorar-footer.stroke a:hover:after {
	width: 100%;
}

/* Efecto socket */
.explorar-socket a {
	color: white !important;
	transition: all 2s;
}

.explorar-socket a:before {
	transition: all .5s;
}

.explorar-socket a:after {
	width: 0%;
	content: '.';
	color: transparent;
	background: transparent;
}

.explorar-socket a:hover:after {
	width: 100%;
}

.explorar-socket a {
	display: inline-block;
	text-decoration: none;
	color: white;
}

.explorar-socket a,
.explorar-socket a:after,
.explorar-socket a:before {
	transition: all 1.0s;
}

.explorar-socket a:hover {
	color: white;
}

.explorar-socket.stroke a {
	position: relative;
}

.explorar-socket.stroke a:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	content: '.';
	color: transparent;
	background: white;
	height: 1px;
}

.explorar-socket.stroke a:hover:after {
	width: 100%;
}

/* Efecto footerlinks */
.explorar-footerlinks a {
	color: #fff !important;
	transition: all 2s;
}

.explorar-footerlinks a:before {
	transition: all .5s;
}

.explorar-footerlinks a:after {
	width: 0%;
	content: '.';
	color: transparent;
	background: transparent;
}

.explorar-footerlinks a:hover:after {
	width: 100%;
}

.explorar-footerlinks a {
	display: inline-block;
	text-decoration: none;
	color: black;
}

.explorar-footerlinks a,
.explorar-footerlinks a:after,
.explorar-footerlinks a:before {
	transition: all 1.0s;
}

.explorar-footerlinks a:hover {
	color: black;
}

.explorar-footerlinks.stroke a {
	position: relative;
}

.explorar-footerlinks.stroke a:after {
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	width: 0%;
	content: '.';
	color: transparent;
	background: black;
	height: 1px;
}

.explorar-footerlinks.stroke a:hover:after {
	width: 100%;
}

/* Efecto menu */
.explorar-menu a {
	color: #666666 !important;
	transition: all 2s;
}

.explorar-menu a:before {
	transition: all .5s;
}

.explorar-menu a:after {
	width: 0%;
	content: '.';
	color: transparent;
	background: transparent;
}

.explorar-menu a:hover:after {
	width: 100%;
}

.explorar-menu a {
	display: inline-block;
	text-decoration: none;
	color: #666666;
}

.explorar-menu a,
.explorar-menu a:after,
.explorar-menu a:before {
	transition: all 1.0s;
}

.explorar-menu a:hover {
	color: #666666;
}

.explorar-menu.stroke a {
	position: relative !important;
}

.explorar-menu.stroke a:after {
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	width: 0%;
	content: '.';
	color: transparent;
	background: #666666;
	height: 1px;
}

.explorar-menu.stroke a:hover:after {
	width: 100%;
}

/* Efecto menu activo */
.active-menu a {
	display: inline-block;
	text-decoration: none;
	color: #000;
}

.active-menu a:hover {
	color: #000;
}

.active-menu.stroke a {
	position: relative !important;
}

.active-menu.stroke a:after {
	position: absolute;
	bottom: 0.5rem;
	left: 0;
	content: '.';
	color: transparent;
	background: #000;
	height: 1px;
}

.active-menu.stroke a:after {
	width: 100%;
}

/* btn hover */
.btn-hover-toggle {
	text-align: center;
	padding: x 20px;
	width: 250px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.btn-hover-toggle span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.btn-hover-toggle span:after {
	content: '\279E';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.btn-hover-toggle:hover span {
	padding-right: 25px;
}

.btn-hover-toggle:hover span:after {
	opacity: 1;
	right: 0;
}

.btn-hover-toggle-gt {
	text-align: center;
	padding: x 20px;
	width: 300px;
	transition: all 0.5s;
	cursor: pointer;
	margin: 5px;
}

.btn-hover-toggle-gt span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
}

.btn-hover-toggle-gt span:after {
	content: '\279E';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
}

.btn-hover-toggle-gt:hover span {
	padding-right: 25px;
}

.btn-hover-toggle-gt:hover span:after {
	opacity: 1;
	right: 0;
}

/* END Button hover */

/* Overlay Image */
.container-4overlay {
	position: relative;
}

.image-4overlay {
	display: block;
	width: 100%;
	height: auto;
}

.image-overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: rgba(0, 0, 0, 0.70);
}

.container-4overlay:hover .image-overlay {
	opacity: 1;
}

.text-4overlay {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.image-overlay-pasion {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #ff30a2;
}

.container-4overlay:hover .image-overlay-pasion {
	opacity: 1;
}

.text-4overlay-pasion {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.image-overlay-innovacion {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #00B7F1;
}

.container-4overlay:hover .image-overlay-innovacion {
	opacity: 1;
}

.text-4overlay-innovacion {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.image-overlay-oportunidad {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #FF6700;
}

.container-4overlay:hover .image-overlay-oportunidad {
	opacity: 1;
}

.text-4overlay-oportunidad {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.image-overlay-diversidad {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #ED0183;
}

.container-4overlay:hover .image-overlay-diversidad {
	opacity: 1;
}

.text-4overlay-diversidad {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.image-overlay-balance {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .5s ease;
	background-color: #52BE18;
}

.container-4overlay:hover .image-overlay-balance {
	opacity: 1;
}

.text-4overlay-balance {
	color: white;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* END Overlay Image */

/* Octogonal shape */
.octogone,
.octogone div {
	margin: 0 auto;
	overflow: hidden;
	width: 350px;
	height: 350px;
}

.octogone {
	transform: rotate(45deg);
}

.octogone-rotation {
	transform: rotate(-45deg);
}

/* END Octogonal shape */

/* Card rounded */
.card-rounded {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

.card.card-rounded .card-header {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.card.card-rounded .card-header img {
	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
}

.card.card-rounded .card-footer {
	border-bottom-left-radius: 25px;
	border-bottom-right-radius: 25px;
}

/* END Card rounded */

/* Dashkit card */
.card {
	margin-bottom: 1.5rem;
	border-color: #edf2f9;
	box-shadow: 0 .75rem 1.5rem rgba(18, 38, 63, .03)
}

.card>* {
	flex-shrink: 0
}

.card-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	height: 60px;
	padding-top: .5rem;
	padding-bottom: .5rem
}

.card-header>:first-child {
	flex: 1
}

.card-header+.card-footer {
	border-top-width: 0
}

.card-title {
	margin-bottom: .5rem
}

.card-header-title {
	margin-bottom: 0
}

.card-header-tabs {
	margin-top: -.5rem;
	margin-bottom: -.5rem;
	margin-left: 0;
	margin-right: 0
}

.card-header-tabs .nav-link {
	padding-top: calc((60px - 1em * 1.5)/ 2) !important;
	padding-bottom: calc((60px - 1em * 1.5)/ 2) !important
}

.card-table {
	margin-bottom: 0
}

.card-table thead th {
	border-top-width: 0
}

.card-table tbody td:first-child,
.card-table thead th:first-child {
	padding-left: 1.5rem !important
}

.card-table tbody td:last-child,
.card-table thead th:last-child {
	padding-right: 1.5rem !important
}

.card>.card-table:first-child>tbody:first-child>tr:first-child>td:first-child,
.card>.card-table:first-child>tbody:first-child>tr:first-child>th:first-child,
.card>.card-table:first-child>tfoot:first-child>tr:first-child>td:first-child,
.card>.card-table:first-child>tfoot:first-child>tr:first-child>th:first-child,
.card>.card-table:first-child>thead:first-child>tr:first-child>td:first-child,
.card>.card-table:first-child>thead:first-child>tr:first-child>th:first-child,
.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>td:first-child,
.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>th:first-child,
.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>td:first-child,
.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>th:first-child,
.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>td:first-child,
.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>th:first-child {
	border-top-left-radius: .5rem
}

.card>.card-table:first-child>tbody:first-child>tr:first-child>td:last-child,
.card>.card-table:first-child>tbody:first-child>tr:first-child>th:last-child,
.card>.card-table:first-child>tfoot:first-child>tr:first-child>td:last-child,
.card>.card-table:first-child>tfoot:first-child>tr:first-child>th:last-child,
.card>.card-table:first-child>thead:first-child>tr:first-child>td:last-child,
.card>.card-table:first-child>thead:first-child>tr:first-child>th:last-child,
.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>td:last-child,
.card>.table-responsive:first-child>.card-table>tbody:first-child>tr:first-child>th:last-child,
.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>td:last-child,
.card>.table-responsive:first-child>.card-table>tfoot:first-child>tr:first-child>th:last-child,
.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>td:last-child,
.card>.table-responsive:first-child>.card-table>thead:first-child>tr:first-child>th:last-child {
	border-top-right-radius: .5rem
}

.card-avatar {
	display: block !important;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1rem
}

.card-avatar-top {
	margin-top: -3rem
}

.card-avatar-top.avatar-xs {
	margin-top: -2.3125rem
}

.card-avatar-top.avatar-sm {
	margin-top: -2.75rem
}

.card-avatar-top.avatar-lg {
	margin-top: -3.5rem
}

.card-avatar-top.avatar-xl {
	margin-top: -4.0625rem
}

.card-avatar-top.avatar-xxl {
	margin-top: -5.5rem
}

.card-dropdown {
	position: absolute;
	top: 1.5rem;
	right: 1.5rem
}

.card-inactive {
	border-color: #e3ebf6;
	border-style: dashed;
	background-color: transparent;
	box-shadow: none
}

.card-flush {
	background: 0 0;
	border: none;
	box-shadow: none
}

.card-sm .card-body,
.card-sm .card-footer-boxed {
	padding: 1rem
}

.card-header-flush {
	border-bottom: 0
}

.card-header-flush+.card-body {
	padding-top: 0
}

.card-fill {
	height: calc(100% - 1.5rem)
}

.card-fill .card-body {
	flex-grow: 0;
	margin-top: 0px;
	margin-bottom: auto
}

.card-fill-xs {
	height: calc(100% - 1.5rem)
}

.card-fill-xs .card-body {
	flex-grow: 0;
	margin-top: auto;
	margin-bottom: auto
}

@media (min-width:576px) {
	.card-fill-sm {
		height: calc(100% - 1.5rem)
	}

	.card-fill-sm .card-body {
		flex-grow: 0;
		margin-top: auto;
		margin-bottom: auto
	}
}

@media (min-width:768px) {
	.card-fill-md {
		height: calc(100% - 1.5rem)
	}

	.card-fill-md .card-body {
		flex-grow: 0;
		margin-top: auto;
		margin-bottom: auto
	}
}

@media (min-width:992px) {
	.card-fill-lg {
		height: calc(100% - 1.5rem)
	}

	.card-fill-lg .card-body {
		flex-grow: 0;
		margin-top: auto;
		margin-bottom: auto
	}
}

@media (min-width:1200px) {
	.card-fill-xl {
		height: calc(100% - 1.5rem)
	}

	.card-fill-xl .card-body {
		flex-grow: 0;
		margin-top: auto;
		margin-bottom: auto
	}
}

.card-adjust {
	height: 0;
	min-height: 100%
}

.card-adjust .card {
	height: calc(100% - 1.5rem)
}

.card-adjust .card-body {
	height: calc(100% - 60px);
	overflow-y: auto
}

.card-adjust-xs {
	height: 0;
	min-height: 100%
}

.card-adjust-xs .card {
	height: calc(100% - 1.5rem)
}

.card-adjust-xs .card-body {
	height: calc(100% - 60px);
	overflow-y: auto
}

@media (min-width:576px) {
	.card-adjust-sm {
		height: 0;
		min-height: 100%
	}

	.card-adjust-sm .card {
		height: calc(100% - 1.5rem)
	}

	.card-adjust-sm .card-body {
		height: calc(100% - 60px);
		overflow-y: auto
	}
}

@media (min-width:768px) {
	.card-adjust-md {
		height: 0;
		min-height: 100%
	}

	.card-adjust-md .card {
		height: calc(100% - 1.5rem)
	}

	.card-adjust-md .card-body {
		height: calc(100% - 60px);
		overflow-y: auto
	}
}

@media (min-width:992px) {
	.card-adjust-lg {
		height: 0;
		min-height: 100%
	}

	.card-adjust-lg .card {
		height: calc(100% - 1.5rem)
	}

	.card-adjust-lg .card-body {
		height: calc(100% - 60px);
		overflow-y: auto
	}
}

@media (min-width:1200px) {
	.card-adjust-xl {
		height: 0;
		min-height: 100%
	}

	.card-adjust-xl .card {
		height: calc(100% - 1.5rem)
	}

	.card-adjust-xl .card-body {
		height: calc(100% - 60px);
		overflow-y: auto
	}
}

.card-footer-boxed {
	padding-right: 0;
	padding-bottom: 1.5rem;
	padding-left: 0;
	margin-left: 1.5rem;
	margin-right: 1.5rem
}

.card-pagination.pagination-tabs {
	margin-top: -1rem;
	margin-bottom: -1rem;
	border: 0
}

.card-pagination.pagination-tabs .page,
.card-pagination.pagination-tabs .page-link {
	border-top-width: 0 !important
}

.card-pagination.pagination-tabs .active .page,
.card-pagination.pagination-tabs .active .page-link {
	border-width: 0 0 1px 0 !important
}

.card-divider {
	border-color: #edf2f9
}

/* END Dashkit card */


/* Owl items changed */
.owl-theme .owl-nav [class*=owl-] {
	opacity: 1;
	position: absolute;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	top: 50%;
	font-size: modular-scale(2) !important;
	-webkit-transition: opacity 0.4s ease-in-out;
	-o-transition: opacity 0.4s ease-in-out;
	transition: opacity 0.4s ease-in-out;
	width: 3rem;
	height: 3rem;
	border-radius: 50%;
	text-align: center;
	color: #ffff !important;
	margin: 0;
	background-color: #001C6E !important;
	-webkit-box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
	box-shadow: 0.125rem 0.125rem 0.25rem rgba(0, 0, 0, 0.1);
	z-index: 99;
}

/* Custom select */

.nav select.custom-select {
	appearance: none !important;
	/* Eliminación del estilo predeterminado */
	-webkit-appearance: none !important;
	/* Eliminación del estilo predeterminado para Safari */
	-moz-appearance: none !important;
	/* Eliminación del estilo predeterminado para Firefox */
	background-color: transparent;
	color: #ffffff;
	padding: 0px 25px 0px 10px;
	/* Espacio adicional para la flecha */
	border: 0px solid transparent;
	font-size: 14px;
	outline: none !important;
	position: relative;
}

.nav select.custom-select option {
	background-color: #fff;
	/* Fondo de las opciones */
	color: #333;
	/* Color del texto de las opciones */
}

.nav select.custom-select option:hover {
	background-color: #001C6E;
	/* Fondo de las opciones */
	color: #fff;
	/* Color del texto de las opciones */
	display: inline-block;
	border-radius: 0.1875rem!important;
}

.custom-select-nav.nav {
	position: relative;
}

.custom-select-nav.nav::after {
	content: '\2304';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-65%);
	pointer-events: none;
	color: #fff;
}

.custom-select {
	display: inline-block;
	border-radius: 0.1875rem;
}

.custom-select:focus {
	border-color: #001C6E;
	outline: 0;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(4, 91, 193, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(4, 91, 193, 0.25);
}

.custom-select:focus::-ms-value {
	color: #404040;
	background-color: #fff;
}

.custom-select[multiple],
.custom-select[size]:not([size="1"]) {
	height: auto;
	padding-right: 0.8rem;
	background-image: none;
}

.custom-select:disabled {
	color: #7F7F7F;
	background-color: #f2f2f2;
}

.custom-select::-ms-expand {
	display: none;
}

.custom-select:-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #404040;
}

.custom-select-sm {
	height: calc(1.5em + 0.8rem + 2px);
	padding-top: 0.4rem;
	padding-bottom: 0.4rem;
	padding-left: 0.4rem;
	font-size: 0.75rem;
}

.custom-select-lg {
	height: calc(1.5em + 2.4rem + 2px);
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
	padding-left: 1.2rem;
	font-size: 1.333rem;
}

/* GAP */
/* Ejemplo aproximado de cómo se definen las clases g- en Bootstrap 5 */

.g-0 {
	gap: 0 !important;
  }
  
  .g-1 {
	gap: 0.25rem !important;
  }
  
  .g-2 {
	gap: 0.5rem !important;
  }
  
  .g-3 {
	gap: 1rem !important;
  }
  
  .g-4 {
	gap: 1.5rem !important;
  }
  
  .g-5 {
	gap: 3rem !important;
  }
  
  .gx-0 {
	column-gap: 0 !important;
  }
  
  .gx-1 {
	column-gap: 0.25rem !important;
  }
  
  .gx-2 {
	column-gap: 0.5rem !important;
  }
  
  .gx-3 {
	column-gap: 1rem !important;
  }
  
  .gx-4 {
	column-gap: 1.5rem !important;
  }
  
  .gx-5 {
	column-gap: 3rem !important;
  }
  
  .gy-0 {
	row-gap: 0 !important;
  }
  
  .gy-1 {
	row-gap: 0.25rem !important;
  }
  
  .gy-2 {
	row-gap: 0.5rem !important;
  }
  
  .gy-3 {
	row-gap: 1rem !important;
  }
  
  .gy-4 {
	row-gap: 1.5rem !important;
  }
  
  .gy-5 {
	row-gap: 3rem !important;
  }

  /* Aspect */
.q-img-fluid {
	max-width: 75%;
	height: auto;
  }

/* BOTÓN FUCSIA PARA EL CARRUSEL */

/* Beneficios Pilares Emocional */
.btn.btn-Beneficios-Pilares-Emocional {
	background-image: url(../img/carouselButtons/Beneficios-Pilares-Emocional_bw.png);
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
}

.btn.btn-Beneficios-Pilares-Emocional:hover,
.btn.btn-Beneficios-Pilares-Emocional:focus,
.btn.btn-Beneficios-Pilares-Emocional.active {
	background-image: url(../img_new/emocional.png);
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	transition: .5s all;
	border: none;
}

/* Beneficios Pilares Financiero */
.btn.btn-Beneficios-Pilares-Financiero {
	background-image: url(../img/carouselButtons/Beneficios-Pilares-Financiero_bw.png);
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
}

.btn.btn-Beneficios-Pilares-Financiero:hover,
.btn.btn-Beneficios-Pilares-Financiero:focus,
.btn.btn-Beneficios-Pilares-Financiero.active {
	background-image: url(../img_new/financiero.png);
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	transition: .5s all;
	border: none;
}

/* Beneficios Pilares Fisico */
.btn.btn-Beneficios-Pilares-Fisico {
	background-image: url(../img/carouselButtons/Beneficios-Pilares-Fisico_bw.png);
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	border: none;
}

.btn.btn-Beneficios-Pilares-Fisico:hover,
.btn.btn-Beneficios-Pilares-Fisico:focus,
.btn.btn-Beneficios-Pilares-Fisico.active {
	background-image: url(../img_new/fisico.png);
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	transition: .5s all;
	border: none;
}

@media (min-width: 560px) {

	/* Personas con Discapacidad */
	.btn.btn-Personas-con-Discapacidad {
		background-image: url(../img/carouselButtons/Personas-con-Discapacidad_bw.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Personas-con-Discapacidad:hover,
	.btn.btn-Personas-con-Discapacidad:focus,
	.btn.btn-Personas-con-Discapacidad.active {
		background-image: url(../img/carouselButtons/Personas-con-Discapacidad.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
	
	/* Equidad de Genero */
	.btn.btn-Equidad-de-Genero {
		background-image: url(../img/carouselButtons/Equidad-de-Genero_bw.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Equidad-de-Genero:hover,
	.btn.btn-Equidad-de-Genero:focus,
	.btn.btn-Equidad-de-Genero.active {
		background-image: url(../img/carouselButtons/Equidad-de-Genero.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
	
	/* Diversidad Sexual */
	.btn.btn-Diversidad-Sexual {
		background-image: url(../img/carouselButtons/Diversidad-Sexual_bw.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Diversidad-Sexual:hover,
	.btn.btn-Diversidad-Sexual:focus,
	.btn.btn-Diversidad-Sexual.active {
		background-image: url(../img/carouselButtons/Diversidad-Sexual.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
	
	/* Generaciones */
	.btn.btn-Generaciones {
		background-image: url(../img/carouselButtons/Generaciones_bw.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Generaciones:hover,
	.btn.btn-Generaciones:focus,
	.btn.btn-Generaciones.active {
		background-image: url(../img/carouselButtons/Generaciones.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
	
	/* Interculturalidad */
	.btn.btn-Interculturalidad {
		background-image: url(../img/carouselButtons/Interculturalidad_bw.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Interculturalidad:hover,
	.btn.btn-Interculturalidad:focus,
	.btn.btn-Interculturalidad.active {
		background-image: url(../img/carouselButtons/Interculturalidad.png);
		background-size: 90%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
}

@media (max-width: 559px) {

	/* Personas con Discapacidad */
	.btn.btn-Personas-con-Discapacidad {
		background-image: url(../img/carouselButtons/Personas-con-Discapacidad_bw.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Personas-con-Discapacidad:hover,
	.btn.btn-Personas-con-Discapacidad:focus,
	.btn.btn-Personas-con-Discapacidad.active {
		background-image: url(../img/carouselButtons/Personas-con-Discapacidad.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
	
	/* Equidad de Genero */
	.btn.btn-Equidad-de-Genero {
		background-image: url(../img/carouselButtons/Equidad-de-Genero_bw.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Equidad-de-Genero:hover,
	.btn.btn-Equidad-de-Genero:focus,
	.btn.btn-Equidad-de-Genero.active {
		background-image: url(../img/carouselButtons/Equidad-de-Genero.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
	
	/* Diversidad Sexual */
	.btn.btn-Diversidad-Sexual {
		background-image: url(../img/carouselButtons/Diversidad-Sexual_bw.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Diversidad-Sexual:hover,
	.btn.btn-Diversidad-Sexual:focus,
	.btn.btn-Diversidad-Sexual.active {
		background-image: url(../img/carouselButtons/Diversidad-Sexual.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
	
	/* Generaciones */
	.btn.btn-Generaciones {
		background-image: url(../img/carouselButtons/Generaciones_bw.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Generaciones:hover,
	.btn.btn-Generaciones:focus,
	.btn.btn-Generaciones.active {
		background-image: url(../img/carouselButtons/Generaciones.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
	
	/* Interculturalidad */
	.btn.btn-Interculturalidad {
		background-image: url(../img/carouselButtons/Interculturalidad_bw.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		border: none;
	}
	
	.btn.btn-Interculturalidad:hover,
	.btn.btn-Interculturalidad:focus,
	.btn.btn-Interculturalidad.active {
		background-image: url(../img/carouselButtons/Interculturalidad.png);
		background-size: 50%;
		background-position: center center;
		background-repeat: no-repeat;
		transition: .5s all;
		border: none;
	}
}

/* CSS para el banner de video */

.banner-video-size {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.banner-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1;
    transform: translate(-50%, -50%);
}

.banner-video-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.banner-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); /* Color negro con 40% de opacidad */
}

/* Estilo general del buscador */

.search-bar {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 5px;
    background: #ffffff;
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}

/* Estilo del ícono de la izquierda */
.icon-left {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-left: 10px;
}

.walmart-icon {
    width: 30px;
    height: 30px;
}

/* Estilo del input de búsqueda */
.search-input {
    border: none;
    outline: none;
    box-shadow: none;
    margin: 0 10px;
}

/* Botón de búsqueda con estilo */
.search-button {
    background-color: #0053E2;
    color: white;
    border-radius: 10px;
    border: none;
    padding: 10px 15px;
    margin-right: 10px;
}

.search-button:hover {
    background-color: #054ac1;
	color: white;
}

.search-button i {
    font-size: 16px;
}

/* Timeline snippet */
.timeline-steps {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.timeline-steps .timeline-step {
    align-items: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 1rem
}

@media (min-width:768px) {
    .timeline-steps .timeline-step:not(:last-child):after {
        content: "";
        display: block;
        border-top: .25rem dotted white;
        width: 3.46rem;
        position: absolute;
        left: 7.5rem;
        top: 2rem
    }
    .timeline-steps .timeline-step:not(:first-child):before {
        content: "";
        display: block;
        border-top: .25rem dotted white;
        width: 3.8125rem;
        position: absolute;
        right: 7.5rem;
        top: 2rem
    }
}

.timeline-steps .timeline-content {
    width: 10rem;
    text-align: center
}

.timeline-steps .timeline-content .inner-circle-1 {
	display: inline-block;
	background-color: #00000000;
	border: 1px solid #00000000;
	color: white !important;
	border-radius: 25px;
	height: 3rem;
	width: 3rem;
	min-width: 3rem;
	align-items: center;
	padding-top: 0.725rem;
}

.timeline-steps .timeline-content .inner-circle-2 {
	display: inline-block;
	background-color: #00000000;
	border: 1px solid #00000000;
	color: white !important;
	border-radius: 25px;
	height: 3rem;
	width: 3rem;
	min-width: 3rem;
	align-items: center;
	padding-top: 0.725rem;
}

.timeline-steps .timeline-content .inner-circle-3 {
	display: inline-block;
	background-color: #00000000;
	border: 1px solid #00000000;
	color: white !important;
	border-radius: 25px;
	height: 3rem;
	width: 3rem;
	min-width: 3rem;
	align-items: center;
	padding-top: 0.725rem;
}

.timeline-steps .timeline-content .inner-circle-4 {
	display: inline-block;
	background-color: #00000000;
	border: 1px solid #00000000;
	color: white !important;
	border-radius: 25px;
	height: 3rem;
	width: 3rem;
	min-width: 3rem;
	align-items: center;
	padding-top: 0.725rem;
}

/* Línea inferior */
.text-with-line {
    display: inline-block;
    position: relative;
    padding-bottom: 7.5px;
}
/*
.text-with-line::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: white;
    transform: rotate(-1.5deg);
    border-radius: 2px;
}
*/
.skeleton-banner-video {
    position: relative;
    overflow: hidden;
    background: #e0e0e0; /* Fondo gris claro */
    border-radius: 8px;
}

/* Shimmer Effect */
.skeleton-banner-video .skeleton-overlay {
    position: relative;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #e0e0e0 25%, #f5f5f5 50%, #e0e0e0 75%);
    background-size: 200% 200%;
    animation: shimmer 1.5s infinite linear;
	padding: 14%;
}

/* Video Placeholder */
.skeleton-video {
    width: 100%;
    height: 100%;
    background: #d6d6d6; /* Fondo gris medio */
    border-radius: 8px;
    margin-bottom: 0px;
}

/* Content */
.skeleton-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 60px;
    text-align: center;
}

/* Title */
.skeleton-title {
    width: 100%;
    height: 20px;
    margin: 10px 0;
    background: #d6d6d6; /* Fondo gris medio */
    border-radius: 4px;
}

.skeleton-title-sm {
    width: 100%;
    height: 16px;
    margin: 10px 0;
    background: #d6d6d6; /* Fondo gris medio */
    border-radius: 4px;
}

/* Button Placeholder */
.skeleton-button {
    width: 100%;
    height: 500px;
    margin: 20px 0;
    background: #d6d6d6; /* Fondo gris medio */
    border-radius: 18px;
}

/* Animación Shimmer - Expandido */
@keyframes shimmer {
    0% {
        background-position: -200% -100%;
    }
    100% {
        background-position: 200% 200%;
    }
}

/* Responsividad */
@media (max-width: 768px) {
    .skeleton-video {
        height: 50%;
    }

    .skeleton-title {
        width: 90%;
    }

    .skeleton-button {
        width: 60%;
    }
}
#nuestroproposito h2,
#nuestroproposito h3 {
  font-family: EverydaySans-Light;
  line-height: 1.2;
}

#nuestroproposito .text-walmart-yellow {
  color: #FFA600; /* tono amarillo de marca */
}

#nuestroproposito img {
  max-width: 100%;
  height: auto;
}

#nuestroproposito .btn {
  border-radius: 25px;
  font-weight: 600;
}
/* Forzar que el row de nuestroproposito sea flex */
#nuestroproposito .row{
  display:flex;
  flex-wrap:wrap;
}

/* Imagen bien proporcionada */
#nuestroproposito img{
  max-width:100%;
  height:auto;
}

/* Card de cita */
#nuestroproposito .bg-walmart-navblue{
  background:#0c3b84;
  border-radius:18px;
  box-shadow:0 10px 20px rgba(0,0,0,.2);
}
/* Nuestro propósito (layout + detalles visuales) */
#nuestroproposito .proposito-img {
  max-width: 640px;
}
@media (min-width: 992px) {
  #nuestroproposito .proposito-img {
    /* Da sensación de “sangrado” hacia la izquierda, como el diseño */
    margin-left: -20px;
  }
}

#nuestroproposito .proposito-quote {
  background: #001C6E;          /* mismo azul "navy" de la guía */
  border-radius: 24px;
  padding: 24px 28px;
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);  /* glow suave como en el mock */
}

/* Afinar jerarquía (opcionales, si quieres un toque más grande en desktop) */
@media (min-width: 992px) {
  #nuestroproposito h2 { margin-bottom: .35rem; }
  #nuestroproposito h4 { line-height: 1.35; }
}
@media (min-width: 992px){
  #nuestroproposito .col-lg-6.order-0 { margin-top: -8px; } /* opcional */
}
/* Sección Nuestro Propósito */
#nuestroproposito h2,
#nuestroproposito h5,
#nuestroproposito h4,
#nuestroproposito h6 {
  color: #fff; /* forzamos blanco */
}

#nuestroproposito .proposito-quote {
  background-color: #001C6E; /* azul navblue */
  border-radius: 20px;
  padding: 28px 30px;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

#nuestroproposito .btn.btn-walmart-fucsia {
  font-weight: 600;
}

/* Nuestro propósito – forzar 2 columnas en desktop y estilos del card */
#nuestroproposito .hero-prop-row {
  /* en desktop, SIN wrap para mantener imagen izq + textos der */
  flex-wrap: nowrap;
}
@media (max-width: 991.98px) {
  #nuestroproposito .hero-prop-row {
    /* en mobile, que sí apile (imagen abajo) */
    flex-wrap: wrap;
  }
}

#nuestroproposito img {
  max-width: 100%;
  height: auto;
  display: block;
}

#nuestroproposito .hero-prop-quote {
  background: #001C6E;        /* azul profundo de la maqueta */
  border-radius: 24px;
  box-shadow: 0 18px 40px rgba(0,0,0,.25);
}

/* Ajustes finos de tipografía (opcional, solo para esta sección) */
#nuestroproposito h2 { margin-bottom: .5rem; }
#nuestroproposito h4 { line-height: 1.3; }

.btn-outline-light:hover,
.btn-outline-light:focus {
	background-color: #0053E2 !important;
	border: 1px solid #0053E2 !important;
	color: white !important;
}

/* Forzar más altura en XS de los banners */
@media (max-width: 767.98px) {
  .min-vh-130 {
    min-height: 170vh !important;
  }
}
.min-vh-lg-md {
  min-height: 100vh; /* puedes probar con 110vh si lo quieres más alto */
}

/* Altura general ya unificada para LG/MD */
.min-vh-lg-md { min-height: 100vh; }

/* Contenedor para centrar y alinear imágenes del banner */
.banner-media-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;           /* ocupa toda la altura del banner */
}

/* Imagen estándar para TODOS los banners */
.banner-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  object-fit: contain !important;     /* evita recortes, mantiene calidad */
  object-position: center !important; /* misma posición en todas */
}

/* Limites de altura por breakpoint para igualar tamaños visuales */
@media (min-width: 1200px) {          /* LG y superiores (d-xl-block) */
  .banner-img { max-height: 68vh !important; }
}

@media (min-width: 768px) and (max-width: 1199.98px) {  /* MD */
  .banner-img { max-height: 58vh !important; }
}

@media (max-width: 767.98px) {        /* XS */
  .banner-img { max-height: 42vh !important; }
}

/* Asegura que cada item del carrusel “llene” la altura definida */
#owl-items-nuevo .item,
#owl-items-nuevo .item > div { height: 100%; }

.video-thumb {
  position: relative;
  display: inline-block;
  border-radius: 20px;
  overflow: hidden;
  max-width: 100%;
}

.video-thumb img {
  display: block;
  width: 100%;
  border-radius: 20px;
}

.video-thumb .play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 56px;
  color: #fff;
  opacity: 0.9;
}

.video-img-small {
  max-width: 320px;   /* ancho fijo máximo */
  width: 100%;
  height: auto;
  margin: 0 auto;
}

@media (min-width: 992px) { /* en pantallas grandes */
  .video-img-small {
    max-width: 280px;  /* aún más chica en desktop */
  }
}

/* Altura mínima para que todas las slides se vean parejas en XS */
.historia-card {
  min-height: 400px; /*  */
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Suaviza el deslizamiento (Bootstrap 5) */
#historiaCarousel .carousel-item {
  transition: transform .5s ease, opacity .5s ease;
}

/* Ajustes específicos para las cards del carrusel "Historia" en mobile */
@media (max-width: 767.98px) {
  #historiaCarousel .historia-card {
    min-height: 400px;   /* un poco más altas para igualar */
    margin: 0 auto;      /* centra la card dentro del slide */
  }

  /* Opcional: si quieres que el texto siempre quede centrado verticalmente */
  #historiaCarousel .historia-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}


.banner-center {
  display: flex;
  align-items: center;   /* centra vertical */
  justify-content: center; /* centra horizontal */
  height: 100%;
  text-align: center;
}

:root{
  /* AJUSTA este valor a la altura real de tu header fijo */
  --header-h: 88px;
}

/* Solo para viewports donde usas 100vh (LG/MD) */
@media (min-width: 768px){
  .vh-under-header{
    min-height: calc(100vh - var(--header-h));
  }
}
.img-valores { max-width: 58%; }        /* ajústalo a tu gusto: 55–62% */

/* Igualar altura de las tarjetas de valores */
.valor-card {
  min-height: 220px;       /* puedes ajustar este valor según el diseño */
  display: flex;
  flex-direction: column;
  justify-content: center; /* centra verticalmente el contenido */
}

/* Borde menos redondeado: más "cuadradas" */
.card-rounded-md { border-radius: 28px; }

/* La imagen/cover hereda el radio y define proporción más alta (menos alargada) */
.image-4overlay {
  position: relative;
  border-radius: inherit;
  overflow: hidden;
  aspect-ratio: 5 / 3; /* Prueba 4/3 si la quieres aún más cuadrada */
}

/* Centrado vertical del contenido principal */
.image-4overlay .card-center {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  padding: 1.25rem 1.5rem;
  transition: opacity .3s ease;
}

/* Ocultar ícono + título cuando hay hover */
.container-4overlay:hover .image-4overlay .card-center {
  opacity: 0;
}

/* Centrado vertical del contenido en overlay (todas las variantes) */
.image-overlay-oportunidad .text-4overlay-oportunidad,
.image-overlay-innovacion .text-4overlay-innovacion,
.image-overlay-balance .text-4overlay-balance,
.image-overlay-diversidad .text-4overlay-diversidad {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  padding: 1.25rem 1.5rem;
}

/* --- Overlays ajustados: mantienen fondo visible en hover --- */
.image-overlay-oportunidad,
.image-overlay-innovacion,
.image-overlay-balance,
.image-overlay-diversidad {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: .5s ease;
}

/* ======================================================
   Overlays: colores oficiales Walmart Chile + transparencia
   ------------------------------------------------------
   HEX base  |  RGBA usado (opacidad 0.7)
   ------------------------------------------------------
   #00B7F1   →  rgba(0, 183, 241, 0.7)   (Innovación / Impacto social)
   #FF6700   →  rgba(255, 103, 0, 0.7)   (Oportunidad / Desarrollo)
   #52BE18   →  rgba(82, 190, 24, 0.7)   (Balance / Bienestar)
   #ED0183   →  rgba(237, 1, 131, 0.7)   (Diversidad / Pertenecer)
   ====================================================== */

.image-overlay-oportunidad { background-color: rgba(255, 103, 0, 0.7); }
.image-overlay-innovacion  { background-color: rgba(0, 183, 241, 0.7); }
.image-overlay-balance     { background-color: rgba(82, 190, 24, 0.7); }
.image-overlay-diversidad  { background-color: rgba(237, 1, 131, 0.7); }

/* Al hacer hover aparece el overlay pero se sigue viendo la imagen de fondo */
.container-4overlay:hover .image-overlay-oportunidad,
.container-4overlay:hover .image-overlay-innovacion,
.container-4overlay:hover .image-overlay-balance,
.container-4overlay:hover .image-overlay-diversidad {
  opacity: 1;
}

/* Card especial Gerencias */
.gerencia-card {
  border-radius: 48px;              /* más redondeado */
  padding: 3rem 2.5rem 3.5rem;      /* más espacio interno */
  min-height: 420px;                /* más alto en desktop */
  position: relative;
  z-index: 2;
  overflow: visible;
  box-shadow: 0 8px 28px rgba(0,0,0,.12);
}

@media (max-width: 991.98px) {
  .gerencia-card {
    padding: 2rem 1.5rem 2.5rem;    /* padding más compacto en mobile */
    border-radius: 36px;
    min-height: auto;               /* se adapta en XS/SM */
  }
}

/* Contenedor del ícono: ajusta tamaño aquí (coincide con tus 95x95) */
.area-icon {
  position: relative;
  display: inline-block;
  width: 95px;
  height: 95px;
}

/* Ambas imágenes ocupan el mismo espacio */
.area-icon img {
  width: 100%;
  height: 100%;
  display: block;
}

/* La versión hover comienza oculta */
.area-icon .img-hover {
  position: absolute;
  inset: 0;             /* top/right/bottom/left: 0 */
  opacity: 0;
  transition: opacity .25s ease;
}

/* Efecto al pasar el mouse o al enfocar con teclado */
.icon-swapper:hover .area-icon .img-hover,
.icon-swapper:focus .area-icon .img-hover,
.icon-swapper:focus-visible .area-icon .img-hover {
  opacity: 1;
}

/* Cuando el tab está activo (Bootstrap agrega .active al .nav-link) */
.nav-link.active .area-icon .img-hover {
  opacity: 1;
}

/* Opcional: desvanece la normal cuando se muestra la hover */
.icon-swapper:hover .area-icon .img-default,
.icon-swapper:focus .area-icon .img-default,
.icon-swapper:focus-visible .area-icon .img-default,
.nav-link.active .area-icon .img-default {
  opacity: 0;
  transition: opacity .25s ease;
}

/* Bloque de color */
.topcolor{ overflow: visible; }
.topcolor > img{
  position: relative !important;
  display: block;
  margin: 0 auto;
  top: -18px !important;   /* también la saca hacia arriba */
  height: 220px;
}


/* Imágenes dentro del bloque de color: subirlas un poco y centrarlas */
.topcolor > img{
  position: absolute !important;
  left: 50% !important;
  top: -40px !important;            /* <-- controla cuánto se asoma hacia ARRIBA */
  transform: translateX(-50%) !important;
  height: 230px;                    /* ajusta si la ves muy grande/pequeña */
  width: auto;
  object-fit: contain;
  z-index: 2;
}

/* Mantén la card flexible (no corta el texto) */
.card{ display:flex; flex-direction:column; }
.card .card-body{ flex-grow:1; }

/* Responsive: ajusta un poco en mobile/XL */
@media (max-width: 575.98px){
  .topcolor{ height: 180px; }
  .topcolor > img{ height: 200px; top: -12px; }
}
@media (min-width: 1200px){
  .topcolor{ height: 240px; }
  .topcolor > img{ height: 260px; top: -22px; }
}

/* cuánto quieres que “sangre” hacia arriba (en px) */
.bleed-top { --raise: 20px; }

/* subo el bloque de color y compenso el body */
.bleed-top .topcolor{
  height: 200px;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  position: relative;
  margin-top: calc(-1 * var(--raise));
  padding-top: var(--raise);
  overflow: visible;
}

/* la imagen se asoma un poquito por ARRIBA del rectángulo */
.bleed-top .card-hero,
.bleed-top .topcolor > img{            /* por si dejaste card-img-top-custom */
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(-1 * (var(--raise) + 8px)); /* <- ajuste fino del “asomo” */
  max-height: 230px;
  width: auto;
  z-index: 2;
  pointer-events: none;
}

/* igualado de alturas */
.card{ display:flex; flex-direction:column; }
.card .card-body{ flex-grow:1; }

/* Responsive: ajusta cuánto se asoma */
@media (max-width: 575.98px){
  .bleed-top{ --raise: 12px; }
  .bleed-top .topcolor{ height: 160px; }
  .bleed-top .card-hero, .bleed-top .topcolor > img{ max-height: 210px; }
}
@media (min-width: 1200px){
  .bleed-top{ --raise: 26px; }
  .bleed-top .topcolor{ height: 220px; }
  .bleed-top .card-hero, .bleed-top .topcolor > img{ max-height: 260px; }
}







/* ================= Why Walmart — MOBILE (Bootstrap Carousel) ================= */
/* Si usas el wrapper full-bleed que pusimos antes */
#porque-walmart .wwm-full-bleed{
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

/* Bootstrap recorta por defecto: dejamos ver el desborde hacia ARRIBA */
#whyWalmartBsCarousel,
#whyWalmartBsCarousel .carousel-inner,
#whyWalmartBsCarousel .carousel-item{
  overflow: visible !important;
}

/* Card mobile aislada (no afecta desktop) */
#porque-walmart .wwm-card{
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: visible;                 /* permite que la imagen sobresalga */
}

#porque-walmart .wwm-topcolor{
  position: relative;
  height: 180px;                     /* alto del bloque azul en XS */
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  overflow: visible;                 /* no recorta la imagen */
  margin-bottom: 0;                  /* sin hueco bajo el azul */
}

/* La imagen sobresale POR ARRIBA, alineada a la derecha como en desktop */
#porque-walmart .wwm-hero{
  position: absolute;
  top: -28px;                        /* sube la imagen por encima del azul */
  right: 12px;
  width: auto;
  height: 208px;
  object-fit: contain;
  z-index: 5;
  margin: 0;                         /* sin espacios extra */
}

/* El texto siempre por debajo de la imagen */
#porque-walmart .wwm-card .card-body{
  position: relative;
  z-index: 1;
  margin-top: 0;                     /* evita hueco extra */
}

/* Ajuste suave en SM */
@media (min-width: 576px){
  #porque-walmart .wwm-topcolor{ height: 190px; }
  #porque-walmart .wwm-hero{ top: -34px; }
}

/* Indicadores del carousel un poco más chicos (opcional) */
#whyWalmartBsCarousel .carousel-indicators [data-bs-target]{
  width: 8px; height: 8px; border-radius: 50%;
}
/* Offcanvas estilo Walmart (chip list) */
.offcanvas-wm { width: 320px; max-width: 86vw; }

/* Lista */
.wm-menu { margin: 0; padding: 0; }

/* Ítems como píldora */
.wm-menu-item {
  list-style: none;
  margin: 12px 0;
}
.wm-menu-link {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px;
  border-radius: 12px;
  text-decoration: none;
  color: var(--walmart-blue, #041e42); /* fallback */
  transition: background-color .2s ease, color .2s ease;
}

/* Íconos dobles para swap */
.wm-icon { width: 22px; height: 22px; object-fit: contain; }
.wm-icon.icon-hover { display: none; }

/* Estado hover + active (chip azul, texto blanco, icono blanco) */
.wm-menu-link:hover,
.wm-menu-item.active .wm-menu-link {
  background-color: var(--walmart-blue-600, #0055cf); /* usa tu token bg-walmart-blue si prefieres */
  color: #fff;
}
.wm-menu-link:hover .icon-default,
.wm-menu-item.active .icon-default { display: none; }
.wm-menu-link:hover .icon-hover,
.wm-menu-item.active .icon-hover { display: inline-block; }

/* Asegurar que el botón de cerrar sea redondo y consistente */
.offcanvas-wm .btn.rounded-circle { line-height: 1; }


/* Posiciona el buscador con un solo bloque, sin 5 variantes */
.search-wrap {
  /* altura desde el top del carrusel, responsivo sin media queries complejas */
  top: clamp(1rem, 5vw, 3.5rem);
  left: 50%;
  transform: translateX(-50%); /* centra el contenedor respecto al viewport */
  pointer-events: none; /* que no bloquee el carrusel por fuera del formulario */
}
.search-wrap form { pointer-events: all; } /* pero el form sí es interactivo */

/* Ajustes suaves de ancho sin duplicar markup (ya usamos col-*) */
.search-bar {
  /* si ya tienes estilos, esto no choca; solo asegura respiración horizontal */
  padding-inline: .5rem;
}
.search-bar .search-input {
  min-width: 0; /* evita overflow de flex en móviles */
}

/* Icono bien circular (pediste que quedara más redondo) */
.walmart-icon--round {
  width: 32px;
  height: 32px;
  border-radius: 9999px;
  object-fit: cover;
  display: block;
}

/* Microajuste del botón para que no “salte” entre breakpoints */
.search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  /* si tu theme ya maneja colores/bordes, no tocamos más */
}

/* Opcional: pequeños reajustes de columna por breakpoint (si deseas variar más el ancho) */
@media (min-width: 1400px) { /* XXL */
  .search-wrap .col-xxl-9 { max-width: 72%; } /* aprox. min-vw-60 anterior */
}
/* Aumentar ancho del buscador en pantallas grandes */
.search-wrap .col-xxl-7,
.search-wrap .col-xl-8 {
  max-width: 85%; /* antes estaba aprox en 70% */
}

/* Dale aún más ancho al buscador en pantallas grandes */
.search-wrap .col-xl-10,
.search-wrap .col-xxl-10 {
  max-width: 92%; /* así casi toca los bordes pero mantiene márgenes */
}
/* Bloque sin paddings laterales */
.hero-practicante .container-fluid{ padding-left:0; padding-right:0; }
.hero-practicante .row.g-0 > [class*="col-"]{ padding-left:0; padding-right:0; }

/* Ajustes */
.hero-practicante{ padding-block: 0px; }
.hero-practicante__content{ margin:auto; width:min(540px,92%); }

/* Imagen de fondo */
.hero-practicante__media{ min-height:480px; }
.hero-practicante__bg{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:cover; object-position:center right;
  z-index:0;
}

/* Play encima */
.hero-practicante__play{
  position:relative; z-index:2; width:110px; height:auto; cursor:pointer;
  background:transparent!important; border:0!important; box-shadow:none!important;
}
/* Beneficios: centrar y subir en mobile */
@media (max-width: 767.98px){
  .banner-beneficios-mobile .copy{
    text-align: center;
    margin-inline: auto;
    max-width: 92%;
  }
  /* anula padding lateral heredado */
  .banner-beneficios-mobile .copy.pl-5{ padding-left: 0 !important; }

  /* compactar títulos y subir ligeramente el bloque */
  .banner-beneficios-mobile .copy.raise-up { margin-top: -0.75rem; }
  .banner-beneficios-mobile .copy h3{ line-height: 1.1; margin-bottom: .25rem; }
  .banner-beneficios-mobile .copy h6{ line-height: 1.25; margin-top: .75rem; }
}