/* CSS Document */
.mulish-<uniquifier> {
  font-family: "Mulish", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal; 
}
html {
	color: var(--gris2); 
	font-size: 16px;
	line-height: 1.4;  
  font-family: "Mulish", sans-serif; 
	scroll-behavior: smooth;  
}
main {
	width: 100%;
	overflow: hidden;
	/*! padding-bottom: 4rem; */
}  
::-moz-selection {
 background: #b3d4fc;
 text-shadow: none; 
}
::selection {
	background: #b3d4fc;
	text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc; 
	margin: 1em 0;
	padding: 0;
	opacity: .5;
}
audio, canvas, iframe, img, svg, video { vertical-align: middle; }
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea { resize: vertical; }
:root { 
 --primario: #AC1C53;
 --primario-dark: #9b001f;
 --primario-light: #d58099;
 --secundario: #beb098;
 --secundario-dark:#8f836e;
 --secundario-light:#F7F2EB;
 --gris: #0c0c0f;
 --gris2: #333333;
 --gris3:	#212529;
 --terciario:#ed7d31;
 --complementario: #F7F2EB;
--complementario2:#6D7484;
  --bronce:#C98544;
	--plata:#818386;
	--oro:#E2C650;	
}
a { color: var(--primario); }
::-webkit-input-placeholder { /* Edge */
 color: #898380;
 opacity:1;
}
:-ms-input-placeholder { /* Internet Explorer */
 color: #898380;
 opacity:1;
}
::placeholder {
 color: #898380;
 opacity:1;
}
/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}
.right { float: right; }
/* ==========================================================================
   Plugins
   ========================================================================== */


/* Slider */
.slider {
	/*! background: var(--complementario); */
}
.slick-slider {
	position: relative;
	clear: both;
	display: block;
	box-sizing: border-box; 
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;


}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
		/*! border-radius:50px; */ 
	
}
.slick-list:focus { outline: none; }
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);

}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;

}
[dir='rtl'] .slick-slide { float: right; }
.slider img { visibility: hidden; }
.slider .slick-slide img {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 2000px;
	height: auto;
	visibility: visible;
}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden { display: none; }
.slider .slick-prev {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	left: 10px;
	background: #fff url(../img/arrow-left.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.slider .slick-next {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	right: 10px;
	background: #fff url(../img/arrow-right.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.slider .slick-dots {
	text-align: center;
	font-size: .85em;
	margin: 1em 0;
	width: 100%;
	position: absolute;
	bottom: -40px;
}
.slider .slick-dots li {
	display: inline-block;
	vertical-align: middle;
}
.slider .slick-dots li button {
	background: var(--secundario);
	text-indent: 9999em;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 3px;
	outline: 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 0 none;
	opacity: .5;
	overflow: hidden;
	width: 10px;
	height: 10px;

}
.slider .slick-dots .slick-active button {
	background: #fff;
	opacity: 1;
	width: 25px;

	background: var(--primario);
}
.carrusel .slick-prev:hover, .carrusel .slick-next:hover { opacity: 1; }
/*.carrusel:hover > .slick-prev{opacity: 1;}*/
.carrusel .slick-prev {
	position: absolute;
	top: 40%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	left: -10px;
	background: #fff url(../img/arrow-left.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.carrusel .slick-next {
	position: absolute;
	top: 40%;
	margin-top: -16px; 
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	right: -10px;
	background: #fff url(../img/arrow-right.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.carrusel-regiones .slick-prev {
	position: absolute;
	top: calc(50% - 16px);
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	left: -22px;
	background: #fff url(../img/arrow-left.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.carrusel-regiones .slick-next {
	position: absolute;
	top: calc(50% - 16px);
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	right: -22px;
	background: #fff url(../img/arrow-right.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.carrusel-regiones .slick-prev:hover, .carrusel-regiones .slick-next:hover { opacity: 1; }
.menu-principal .slick-prev {
	position: absolute;
	top: 40%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	left: -10px;
	background: #fff url(../img/arrow-left.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.menu-principal .slick-next {
	position: absolute;
	top: calc(50% - 16px);
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	right: -22px;
	background: #fff url(../img/arrow-right.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.menu-principal .slick-prev:hover, .menu-principal .slick-next:hover { opacity: 1; }
/* pop up */
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1042;
	overflow: hidden;
	position: fixed;
	background: #0b0b0b;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1043;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 1em auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-img {
	/*! border-top: 30px solid #000; */
	/*! border-bottom: 30px solid #000; */
}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a { color: #CCC; }
.mfp-preloader a:hover { color: #FFF; }
.mfp-s-ready .mfp-preloader { display: none; }
.mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow {
	overflow: visible;
	cursor: pointer;
	background: transparent;
	border: 0;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
 button::-moz-focus-inner {
 padding: 0;
 border: 0;
}
.mfp-close {
	width: 34px;
	height: 34px;
	line-height: 44px;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	opacity: 0.65;
	filter: alpha(opacity=65);
	padding: 0 0 18px 10px;
	color: #FFF;
	font-style: normal;
	font-size: 28px;
	font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close {
	color: #fff;
	-webkit-border-bottoms: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	top: 10px;
	right: 10px;
	opacity: 1;
	line-height: 1em;
}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
	color: #FFF;
	right: -6px;
	text-align: center;
}
.white-popup-cupon {
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border: 0px solid #000000;
	background: #fff;
	width: 480px;
	max-width: 100%;
	margin: 0 auto;
	padding: .5em;
	position: relative;
}
.white-popup-login {
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-top: 40px solid var(--primario);
	background: #fff;
	width: 500px;
	max-width: 100%;
	margin: 0 auto;
	padding: .5em;
	position: relative;
}
.white-popup-region {
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-top: 40px solid var(--primario);
	background: #fff;
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	padding: .5em 4rem;
	position: relative;
}
.white-popup-concurso {
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-top: 40px solid var(--primario);
	background: #fff;
	width: 1024px;
	max-width: 100%;
	margin: 0 auto;
	padding: .5em 2rem;
	position: relative;
}
.mfp-close-btn-in .mfp-close {
	color: var(--primario);
	background: #fff;
	-webkit-border-bottoms: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	top: -30px;
	right: 10px;
	opacity: 1;
	line-height: .75em;
	width: 20px;
	height: 20px;
}
.mfp-gallery .mfp-close {
	color: var(--primario);
	background: #fff;
	-webkit-border-bottoms: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	top: 25px;
	right: 50px;
	opacity: 1;
	line-height: .75em;
	width: 20px;
	height: 20px;
}


/* foto gallery */
.magnific-img img {
    width: 100%;
    height: auto;
}
.magnific-img {
    display: inline-block;
    width: 32.3%;
	margin-bottom:4px;
}
a.image-popup-vertical-fit {
    cursor: -webkit-zoom-in;
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.98;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}
.mfp-arrow-left:before {
    border-right: none !important;
}
.mfp-arrow-right:before {
    border-left: none !important;
}
button.mfp-arrow, .mfp-counter {
    opacity: 0 !important;
    transition: opacity 200ms ease-in, opacity 2000ms ease-out;
}
.mfp-container:hover button.mfp-arrow, .mfp-container:hover .mfp-counter{
	opacity: 1 !important;
}
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation;
}
.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
    margin-top: 0px;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent;
}
.mfp-arrow::before {
  border-top-width: 21px;
  border-bottom-width: 21px;
  opacity: 0.7;
}
 .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

header {
	height: 178px;
	position: fixed;
	display: block;
	width: 100%;
	z-index: 99;
	background: #fff;
	border-bottom:1px solid #ececec;
	/*! background:red; */
}
.header.fixed { 
  transition: all 0.3s ease;
}

.header.fixed.header-scrolled {
  background: #fff;
  box-shadow: 0 2px 20px rgba(0,0,0,0.1);
  /* Si quieres achicarlo: */
  /* padding: 10px 0; */
}
main { padding-top: 178px; }
.container { 
	max-width: 1400px;
	margin: 0 auto;
	padding: 20px;
	display: block; 
	clear: both;
}
.container2 {
	max-width: 640px;
	margin: 0 auto;
	padding: 20px;
	display: block;
	clear: both;
}


.container2.video-box {
	padding: 0;

}
.primario-bg { background: var(--primario); }
.gris-bg { background: #F3F3F3; }
.secundario-bg { background: var(--secundario); }
.blanco-bg {background:#fff; }
.franja-superior .container {
	  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: center;
	width: 100%;
}
header .nav-principal {
width: 30%;  
}
header .nav-principal.blanco-bg { background: #fff; }
header h1 {
	width: 200px;
	margin: 0;
}
header h1 img {
	width: 100%;
	height: auto;
	display: block;
}
.secundario-bg a { 
	margin: 0;
	color: #fff; 
	font-size: 18px;
}
.busqueda {
	position: relative;
	display: block;
	margin:0 auto;
	width:500px;
	max-width:100%;
}
#formBusqueda input,
.busqueda input.search {
	width: 100%;
		display: block;
	margin:0 auto;
	box-shadow: rgba(80, 80, 80, 0.08) 3px 2px 6px;
	margin-bottom: 0;
	border: 1px solid #ccc;
	padding: 1rem 2.9rem 1rem 1rem;
	border-radius: 50px;
	height: 40px;
	font-size: 16px;
	background: #fff url(../img/lupa.svg) no-repeat right 12px center;
	color: #8a817a;
	
}
#formBusqueda input:focus,
.busqueda input.search:focus {
	box-shadow: rgba(80, 80, 80, 0.4) 3px 2px 6px;
	color: #333;
	outline: 1px solid gray;
}
#formBusqueda button,
.busqueda button.buscar { display: none!important; }
.btn-blanco {
	height: 40px;
	background: var(--secundario);
	font-weight: 500;
	color: #fff;
 padding:.5rem 1rem;
	border-radius: 6px;
	position: relative; 
	display: inline-block;
}
div.btn-blanco.dropbtn {
	padding-right: 30px!important;
	display: block;
	background: var(--primario-light) url(../img/down-arrow.svg) no-repeat right 4px center;
}
.dropdown-content {
	display: none;
	position: absolute;
	background-color: #f1f1f1;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
}
.dropdown-content a {
	padding: 12px 16px;
	text-decoration: none;
	display: block;
	font-weight: 400;
	color: #212529;
	text-align: inherit;
	white-space: nowrap;
	font-size: 15px;
}
.dropdown-content a:hover { background: #ececec; }
.dropdown-content {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.dropdown:hover .dropdown-content { display: block; }
.dropdown-content a:last-of-type { color: var(--secundario) }
header .busqueda ul.recomendaciones {
	position: absolute;
	top: 45px;
	width: 100%;
	right: 0;
	background: #fff;
	z-index: 1;
}
header .busqueda ul.recomendaciones li {
	width: 100%;
	border-bottom: 1px dashed #ccc;
}
header .busqueda ul.recomendaciones li a {
	color: #999;
	width: 100%;
	padding: 10px 10px 10px 45px;
	display: block;
}
header .busqueda ul.recomendaciones li a:hover { color: #666 }
.btn-blanco:hover { color: var(--primario-dark) }
.btn-blanco:active {
	background: var(--primario-dark);
	color: #fff;
	outline: 2px solid gray;
}
.region {
	display: block;
	float: left;
	width: 200px;
	color: #333;
	height: 45px;
 padding:.5rem 0 .5rem 2rem;
	background: url(../img/gps_purple.svg) no-repeat left;
	background-size: 22px auto;
	float: right;
}
.region span {
	display: block;
	clear: both;
 font-size:.8rem;
}
.nav-principal .categorias {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	gap: 30px;
}
.nav-principal .categorias li {
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
  display: flex;
	text-align:center;
}
.nav-principal .container { padding: 0 20px!important; }
.nav-principal .categorias a {
	color: var(--gris);
	font-size: 14px;
	padding: 0px 0 0px 0;
 display:block;
	width:100%;
	transition: all .5s;
	line-height: 1.5em;
	text-transform: uppercase;
 border-bottom:2px solid white;
	line-height: 1rem;
	height: 46px;
	text-align:center;
flex: 1 1 auto;
  display: flex;
  flex-direction: column; 
  justify-content: center; 
  align-items: center;
		font-weight: bold;
}
.nav-principal .categorias a div {}
.nav-principal .categorias a.active, .nav-principal .categorias a:hover {
	font-weight: bold;
	border-bottom: 2px solid var(--primario);
	text-align: center;
}
.nav-principal .categorias .mi-cuenta-mobile, .nav-principal .categorias .cerrar-sesion-mobile { display: none; }
.menu-principal {
	width: 100%;
	display: block;
	text-align: justify;
} 
.menu-principal li {
	display: inline-block;
	text-align: center;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	opacity: .8;
	vertical-align: top;
	text-align: center;
}
.menu-principal li a {
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: 0.28px;
	white-space: nowrap;
	margin-top: 20px;
	color: #000
}
.menu-principal li a.active { color: var(--secundario) }
.menu-principal .hogar-nav:before, .menu-principal .pymes-nav:before, .menu-principal .panoramas-nav:before, .menu-principal .salud-nav:before, .menu-principal .educacion-nav:before, .menu-principal .pensionados-nav:before {
	display: block;
	width: 120px;
	height: 140px;
	margin: 0 auto 15px auto;
	border-bottom: 8px solid var(--secundario);
	transition: all .5s;
}
.hogar-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background: url(../img/hogar.svg) no-repeat center top;
	background-size: 100%;
}
.hogar-nav:hover:before {
	background: url(../img/hogar.svg) no-repeat center top 30px;
	background-size: 100%;
}
.pymes-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background: url(../img/pymes.svg) no-repeat center top;
	background-size: 100%;
}
.pymes-nav:hover:before {
	background: url(../img/pymes.svg) no-repeat center top 30px;
	background-size: 100%;
}
.panoramas-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background: url(../img/panoramas.svg) no-repeat center top;
	background-size: 100%;
}
.panoramas-nav:hover:before {
	background: url(../img/panoramas.svg) no-repeat center top 30px;
	background-size: 100%;
}
.salud-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background: url(../img/salud.svg) no-repeat center top;
	background-size: 100%;
}
.salud-nav:hover:before {
	background: url(../img/salud.svg) no-repeat center top 30px;
	background-size: 100%;
}
.educacion-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background: url(../img/educacion.svg) no-repeat center top;
	background-size: 100%;
}
.educacion-nav:hover:before {
	background: url(../img/educacion.svg) no-repeat center top 30px;
	background-size: 100%;
}
.pensionados-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background: url(../img/pensionados.svg) no-repeat center top;
	background-size: 100%;
}
.pensionados-nav:hover:before {
	background: url(../img/pensionados.svg) no-repeat center top 30px;
	background-size: 100%;
}
.login-container {
	width: 365px;
	max-width: 100%!important;
	margin: 1rem auto;
	display: block;
	padding: 0 8px;
}
.login-container img {
	width: 250px;
	margin: 2rem auto;
	display: block;
}
.login-container h3 {
	text-align: center;
	font-weight: normal;
	display: block;
	margin-bottom: 3rem;
	font-weight: 16px;
	color: var(--gris2);
}
.login-container h4 {
	text-align: center;

	display: block;
 font-size:1.5rem;
 margin-bottom:20px;
}


.login-container label {
	display: block;
	margin-bottom: 10px;
}
.login-container input {
	height: 40px;
 padding:.3rem .75rem;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ccc;
}
.input-box {
	margin-bottom:10px;
}
.error {
	display: block;
 margin:.3rem .3rem 1rem .3rem;
	text-align: center;
	color: red;
}
.btn-ingresar {
	display: block;
	text-align: center;
	background: var(--primario);
	font-size: 18px;
	font-weight: 500;
	border: 2px solid var(--primario);
 padding:.5rem;
	border-radius: 4px;
	color:#fff;
}
.btn-ingresar:hover {
	background: var(--secundario-light);
	border: 2px solid var(--secundario-dark);
	color: var(--secundario-dark);
}

.btn-crear {
	display: block;
	text-align: center;
	background: #fff;
	font-size: 18px;
	font-weight: 500;
	border: 2px solid var(--secundario);
 padding:.5rem;
	border-radius: 4px;
}
.btn-crear:hover {
	background: var(--secundario-light);
	border: 2px solid var(--secundario-dark);
	color: var(--secundario-dark);
}

small.legal-google {
	text-align: center;
	display: block;
 margin:1rem .5rem;
}
small.legal-google a:hover { text-decoration: underline; }
 h2.titulo {
	padding: 15px 15px 15px 0px;
	text-align: left;
	font-size: 28px;
	color: rgb(80, 80, 80);
	color: var(--gris); 
	display: block;
	text-transform:uppercase;
	font-weight:800;
	margin:0;
	position:relative;
	line-height: 1.2;
}
.home h2.titulo {
	padding: 15px 15px 15px 10px;
	display:block;
	border-left:20px solid var(--primario);
}
.home h2.titulo.fp-tit {
	padding: 25px 15px 15px 10px;
}
 h2.titulo sup {
position:absolute;
	top:8px;
	color:var(--primario);
} 

h2.titulo a { color: rgb(80, 80, 80); }
h2.titulo a:hover {
	color: var(--primario);
	text-decoration: underline;
	text-decoration-color: var(--secundario);
}
.titular h2.titulo {
	display:inline-block;
	width:auto;
	vertical-align: middle;
		margin:0; 
	color:var(--gris1);
}
.filtros a.volver {
	padding-right:25px;
	margin-right:25px;
	border-right:1px solid #666;
	display:inline-block;
	vertical-align: middle;

}
.ver-todos {
	font-weight: 500;
	display: inline-block;
	/*! margin-left: 2rem; */
	/*! width:120px; */
	color: var(--gris);
	background: url(../img/arrow-right.svg) no-repeat center right;
 padding-right:20px;
	vertical-align: middle;
} 
#eventos .ver-todos {
	color:#fff;
	background: url(../img/arrow-right2.svg) no-repeat center right;

}
.ver-todos span {
	display: inline-block;
	line-height: 1.2rem;
}



.lista-dctos { text-align: left; 	position:relative; }
.lista-dctos#convenios {
	min-width: 100%;
	clear: both;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
		position:relative; 
	margin-left:-7px;
	margin-right:-6px
}

.lista-dctos#convenios li {
	-webkit-flex: 0 1 20%;
	-ms-flex: 0 1 20%;
	flex: 0 1 20%;
	position:relative;
	display: flex;
	flex-direction: column;
}
.bloque-descuentos .lista-dctos#convenios li {
  -webkit-flex: 0 1 25%;
  -ms-flex: 0 1 25%;
  flex: 0 1 25%;
  position: relative; 
}

.lista-dctos li label {
	height: 24px;
	position: relative;
 padding:.2rem 1rem .5rem 1.8rem;
	cursor: pointer;
	margin-bottom: 2rem;
	display: block; 
	position:absolute;
	right:-2px;
	top:21px;
}
.lista-dctos li label span {
	background: url(../img/corazon-1.svg) no-repeat left;
	height: 30px;
	width: 30px;
	position: absolute;
	left: 0;
	top: 0;
}
.lista-dctos li input[type='checkbox'] { appearance: none; }
.lista-dctos li label input[type="checkbox"]:checked + span { background: url(../img/corazon-2.svg) no-repeat left; }

  


.lista-dctos.carrusel li, .lista-regiones li {
	visibility: hidden;
	float: left;
	position:relative;
}
.lista-dctos.slick-initialized li, .lista-regiones.slick-initialized li { visibility: visible; }
.lista-dctos a {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	height: 100%;
	border: 0;
box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	width: calc(100% - 16px);
	color: var(--gris2);
	font-size: 13px;
	font-weight: 300;
	margin-bottom: 1rem;
	margin: 1rem auto 1rem auto;
	overflow: hidden;
	background:#fff;
}
.lista-dctos .nombre-convenio {
	font-size: 15px;
	line-height: 22px;
	letter-spacing: 0.5px;
	font-weight: 600;
	white-space: nowrap;
	color: var(--gris2);
	padding-bottom: 15px; 
 padding:.5rem 1rem;
} 
.lista-dctos a img.foto-caluga {
	width: 100%;	
	display: block;
	margin-right: 0px;
	border-left:10px solid var(--primario);
	aspect-ratio: 4 / 3;
	object-fit: cover;
}
.foto-logo {
	background: #ffffff;
	width: 100px;
	height: 100px;
	overflow: hidden;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 2px 0px 0px;
	margin: -40px auto 0 auto;
	padding: 6px;
	box-sizing: border-box;
	transform: translate(0);
	display: flex;
	justify-content: center;
	align-items: center;
}
.lista-dctos a img.logo-caluga,
.foto-logo img.logo-caluga {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
	margin: 0;
}
.lista-dctos .subcategoria {
	color: #666;
	font-size: 12px;
	font-weight: 300;
 padding:.75rem 1rem;
	min-height: 1.2em;
	box-sizing: content-box;
}
.lista-dctos .frecuencia {
	text-transform: uppercase;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 1.3px;
	padding: 0 1rem;
}
.lista-dctos .porcentaje {
	color: var(--primario);
	font-weight: 900;
	font-size: 23px;
	line-height: 1;
 padding:.5rem 1rem;
	/*! text-align:center; */
}
.detalle-dcto {
	min-height: 37px;
	flex: 1 1 auto;
 margin:.5rem 1rem 1rem;
	overflow: hidden;
}
span.btn-ver {

	background: #fff;
	font-weight: 700;
	background: var(--primario);
 padding:.5rem 1rem;
	transition: all .5s;
	display: block;
	text-align: center;
	color: #fff;
	font-size: 14px;
	width:90px;
	float: none;
	margin-top: auto;
	margin-left: auto;
	margin-right: 0;
	margin-bottom: 0;
	align-self: flex-end;

	/*! margin-bottom:10px; */
}
.lista-dctos a:hover > span.btn-ver { background: var(--secundario); }
.carrusel-regiones a {
	display: block;
	border-radius: 8px;
	border: 0;
	width: calc(100% - 16px);
	margin: 0 auto 1rem auto
}
.unete {
	border-radius: 16px;
	overflow: hidden;
	border: 3px solid var(--primario);
}
.unete img {
	width: 100%;
	height: auto;
}
.asociados h2 {
	font-size: 22px;
	background: var(--primario);
	display: block;
 padding:.5rem 2rem;;
	color: #fff;
	border-radius: 50px;
}
.asociados ul.afp {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: stretch;
	align-content: stretch;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding: 30px 0;
}
.asociados ul.afp li {
	width: 19%;
	display: inline-block;
}
.asociados ul.afp li img {
	width: 100%;
	height: auto;
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.asociados ul.afp li img:hover {
	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
	opacity: 1;
}
.gris-dark-bg { background: var(--gris); }
footer { padding-top: 2rem; }
footer .container .footer-content {

display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 16px;
grid-row-gap: 0px;


}
.footer-content .half {
	-webkit-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	align-self: auto;
}
footer a {
	color: #fff;
	font-size: 16px;
}
footer p {
	color: #fff;
	font-size: 15px;
}
footer a:hover { text-decoration: underline; }
footer h2 {
display:inline-block;
	border-bottom: 1px dashed #fff;
	padding-bottom: 2rem;
}
footer h2 img {
	width: 250px; 
	height: auto;
}
div.half:nth-child(1) > h2:nth-child(2) > a:nth-child(1) > img:nth-child(1) { max-width: 220px; }
.footer-content .half:last-of-type { /*! text-align: right; */ }
.footer-content .menu-footer li {
	background: url(../img/arrow-right.svg) no-repeat left 7px top 23px;
	background-size: 10px;
	padding-left: 27px;
}
.footer-content .menu-footer li a {
 padding: 1em 0 .5rem;
0; display: block; }
.footer-content .redes-sociales li {
	display: inline-block;
	margin-right: 1rem;
}
footer .top {
	text-align: center;
	display: block;
}
footer .top img {
	height: 30px;
	width: 30px;
	cursor: pointer;
	display: block;
	margin: 40px auto 50px;
}
.white-popup-region {
 -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
	-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-top: 40px solid var(--primario);
	background: #fff;
	width: 960px;
	max-width: 100%;
	margin: 0 auto;
	padding: .5em 4rem;
	position: relative;
}
.white-popup-region { font-size: 18px; }
.white-popup-region h3 {
	font-weight: 600;
	font-size: 22px;
}
.white-popup-region label {
	font-size: 14px;
	display: block;
}
.white-popup-region select {
	height: 40px;
 padding:.3rem .75rem;
	width: 100%;
	border-radius: 4px;
	border: 1px solid #ccc;
}
.white-popup-region select {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: url(../img/flecha_selector_abajo.svg) no-repeat right 6px center;
	background-size: 20px;
	;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 1rem 0;
	border-bottom: 1px solid #ccc;
}
.white-popup-region select option {
	background: #fff;
	font-weight: bold;
	color: #ccc;
}
.regiones-mobile { display: none; }
.numeros {
	display: block;
	text-align: right;
	margin: 1.5rem 0;
}
.numeros a {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	border: 1px solid #ccc;
	vertical-align: top;
 margin:.5rem;
	border-radius: 50px;
	background: #fff;
	;
	color: var(--gris);
	line-height: 50px;
	cursor: pointer;
}
.numeros a.jp-current {
	background: var(--primario);
	border: 1px solid var(--primario);
	color: #fff;
}
.numeros .jp-previous:before { content: '<'; }
.numeros .jp-next:before { content: '>'; }
.numeros .jp-disabled { display: none; }
.foto-slider {
	float: right;
	width: calc(100% - 120px);
	position: relative;
	margin-bottom: 2rem;
}
.foto-slider .slick-prev {
	position: absolute;
	top: 40%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	left: 10px;
	background: #fff url(../img/arrow-left.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.foto-slider .slick-next {
	position: absolute;
	top: 40%;
	margin-top: -16px;
	outline: 0;
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	z-index: 98;
	right: 10px;
	background: #fff url(../img/arrow-right.svg) no-repeat center;
	opacity: .5;
	border: 0 none;
	border-radius: 50px;
	box-shadow: rgba(80, 80, 80, 0.3) 0px 2px 6px;
}
.slider-nav-thumbnails {
	width: 95px;
	display: inline-block;
	vertical-align: top;
	margin-right: 25px
}
.slider-nav-thumbnails .slick-track { width: 100%!important; }
.columna-foto img {
	width: 100%;
	height: auto;
}
.foto-slider img {
	width: 100%;
	height: auto;
	visibility: hidden;
}
.foto-slider .slick-slide img { visibility: visible; }
.slider-nav-thumbnails li {
	display: block!important;
	clear: both;
	width: 95px!important;
	margin: 0;
	padding: 0;
	border-left: 5px solid #fff;
	opacity: .5;
	cursor: pointer;
}
.slider-nav-thumbnails .slick-slide {
	display: block;
	min-width: 100%!important;
	margin-bottom: 10px;
}
.slider-nav-thumbnails .slick-current.slick-active li {
	opacity: 1;
	border-left: 5px solid var(--primario);
}
.cuerpo-beneficio {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	align-content: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}
article {
	-webkit-order: 0;
	order: 0;
	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: auto;
	align-self: auto;
	width: calc(100% - 300px);
	padding-right: 10px;
}
.breadcrumbs {
	display: block;
	margin: 1rem 0 1rem 0;
	font-size: 14px;
}
.breadcrumbs li {
	width: auto;
	color: #000;
	display: inline-block;
	margin-right: 16px;
	color: #7D858A;
}
.breadcrumbs a {
	color: var(--gris);
	padding-right: 20px;
	background: url(../img/arrow-right.svg) no-repeat right;
	background-size: 7px;
}
.breadcrumbs strong { color: var(--primario); }
.cuerpo-beneficio .redes-sociales {
	display: block;
	width: 100%;
	text-align: right;
}
.cuerpo-beneficio .redes-sociales li {
	display: inline-block;
	margin-left: 1rem;
}
.texto-logo { margin-bottom: 2rem; }
.texto-principal .nombre-comercio-mobile { display: none; }
.logo-beneficio {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
}
aside .info-descuento .logo-beneficio {
	width: 100%;
	height: auto;
	display: block;
	border: 1px solid var(--primario-light);
	margin-bottom: 1rem;
	margin-top:1rem;
}

.logo-comercio-mobile {
	-webkit-order: 1;
	order: 1;
}
aside .porcentaje {
	font-weight: 600;
	font-size: 32px;
	color: var(--primario);
	margin-bottom: 1rem;
	-webkit-order: 2;
	order: 2;
}
aside .dcto-detalle {
	-webkit-order: 3;
	order: 3;
}
aside .excepcion {
	font-style: italic;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tipo-cupon {
	font-size: 13px;
	font-weight: 500;
	color: rgb(80, 80, 80);
	letter-spacing: 0.5px;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.33;
	text-transform: uppercase;
	-webkit-order: 4;
	order: 4;
	margin: 1.5rem 0;
}
.texto-tipo, .tipo-cupon ul {
	width: 48%;
	display: inline-block;
	vertical-align: middle;
}
.tipo-cupon ul { text-align: right; }
.tipo-cupon ul li {
	display: inline-block;
	padding: 10px;
}
.tipo-cupon ul li:first-of-type { border-right: 1px solid #ececec; }
.tipo-cupon ul li img {
	width: 40px;
	height: auto;
}
.disabled {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.condiciones p {
	margin: 0 0 5px 0;
	font-weight: bold;
}
.condiciones li {
	padding-left: 1rem;
	padding-bottom: 5px;
	background: url(../img/bullet.jpg) no-repeat left top 4px;
}
aside .hasta {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
}
.obtener-cupon {
	background-color: var(--primario);
	color: var(--primario-light);
	width: 100%;
	line-height: 2.4;
	display: block;
	text-align: center;
	height: 40px;
	font-size: 16px !important;
	border-radius: 4px;
	font-weight: 500;
}
.obtener-cupon:hover, .obtener-cupon.btn-disabled { background-color: var(--primario-dark); }
.obtener-cupon.btn-disabled {
	cursor: not-allowed;
	pointer-events: none;
}
.direcciones {
	display: block;
	clear: both;
}
.ubicaciones {
	border-radius: 5px;
	padding: 8px 10px;
	font-weight: 600;
	letter-spacing: normal;
	border: 2px solid var(--secundario);
	background-color: var(--secundario-light);
	color: var(--secundario);
	font-size: 16px !important;
	display: block;
	margin-bottom: 1rem;
	text-align: center;
	width: 300px;
	max-width: 100%;
	opacity: .65;
}
.ubicaciones:hover { opacity: 1; }
.direcciones .table-container {
	float: left;
	width: 170px;
	height: 400px;
	overflow-y: scroll;
	overflow-x: hidden;
}
.direcciones table td {
	border: 1px solid #ccc;
	padding: 10px;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.44;
}
.direcciones table td .direccion {
	color: var(--primario);
	text-decoration: underline;
}
.direcciones table .active { border-left: 5px solid var(--primario); }
.direcciones table .active .direccion { color: #222; }
.direcciones table td span { display: block; }
.direcciones table td a {
	color: var(--gris);
	display: block;
}
.mapa {
	width: calc(100% - 210px);
	display: block;
	position: relative;
	height: 400px;
	overflow: hidden;
	border: 1px solid #ccc;
	float: right;
}
.mapa iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
}
.mobile { display: none; }
.cupon {
	padding-left: 75px;
	position: relative;
	padding-right: 75px;
}
.cuerpo-cupon {
	box-shadow: rgba(80, 80, 80, 0.16) 2px -3px 6px;
	padding: 15px 20px;
	border-radius: 8px;
}
.cuerpo-cupon .logo-beneficio-cupon { }
.cupon .volver {
	position: absolute;
	left: 10px;
}
.cupon .logo-misb-cupon {
	width: 170px;
	display: block;
	float: left;
	clear: both;
}
.cupon .logo-beneficio-cupon {
	width: 170px;
	display: block;
	float: left;
	clear: both;
	margin: 1rem 0;
}
.cupon-info {
	width: 100%;
	display: block;
	float: left;
	clear: both;
	margin: 1rem 0;
}
.cupon-info div {
	width: 70%;
	float: left;
	clear: right;
}
.cupon h4 {
	margin: 0;
	font-size: 18px;
}
.cupon .porcentaje {
	font-weight: 600;
	font-size: 32px;
	color: var(--primario);
}
.cupon .condiciones {
	height: auto;
	display: block;
	float: left;
	clear: both;
	margin: 1rem 0;
	margin-top: 10px;
	font-size: 12px;
	font-weight: 300;
}
.cupon .detalle-dcto {
	height: auto;
	display: block;
	float: left;
	clear: both;
 margin:.5rem 0;
	margin-top: 10px;
	font-size: 15px;
	font-weight: 500;
}
.cupon span {
	display: block;
	float: right;
	width: 25%;
	text-align: right;
	font-size: 14px;
	margin-bottom: 1rem;
}
.cupon span strong {
	font-weight: 600;
	font-size: 21px;
	color: var(--primario);
}
.cupon .btns-cupon {
	display: block;
	width: 100%;
	margin: 2rem 0;
}
.btns-cupon a {
	display: block;
	color: var(--gris);
}
.btns-cupon a.descarga-cupon {
	float: left;
	clear: right;
}
.descarga-cupon:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	background: url(../img/download.svg) no-repeat center;
	background-size: 100%;
}
.btns-cupon a.enviar-mail { float: right; }
.enviar-mail:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin-right: 10px;
	background: url(../img/mail.svg) no-repeat center;
	background-size: 100%;
}
.white-popup-region .half {
	width: 49%;
	display: inline-block;
	vertical-align: middle
}
.white-popup-region .half img {
	width: 100%;
	padding: 20px 40px 20px 0;
	border-right: 1px solid #ccc;
	margin: 80px 0;
}
.white-popup-region .half .login-container {
	width: 100%!important;
	padding: 20px 0 20px 50px;
}
.banner {
	display: block;
	text-align: center;
}
.banner img {
	max-width: 100%;
	height: auto;
}
.textos {
	display: block;
	width: 876px;
	max-width: 100%;
	margin: 0 auto;
	color: var(--gris3);
	position: relative;
}
.textos .volver {
	position: absolute;
	left: -40px;
}
.textos h4 {
	font-size: 25px;
	font-weight: 700;
}
.textos #como-acceder td { padding: 10px 0; }
.textos #como-acceder h6 {
	font-size: 18px;
	margin: 0;
	font-weight: 500;
}
.btn-concurso {
	height: 40px;
	background: var(--primario);
	font-weight: 500;
	color: #fff;
	;
 padding: .5rem 1rem;
	padding-right: 1rem;
	border-radius: 6px;
	position: relative;
	display: block;
	width: 200px;
	text-align: center;
	margin: 1.5rem 0 1rem 0
}
.btn-concurso:hover { color: var(--primario-dark); }
.textos.concursos li {
	padding-bottom: 2rem;
	margin-top: 2rem;
	border-bottom: 1px solid #ccc;
}
.textos.concursos .half {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.textos.concursos .half img {
	width: 90%;
	height: auto;
}
.textos.concursos .nombre-concurso {
	color: rgb(134, 134, 134);
	font-size: 25px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.2;
	letter-spacing: normal;
	text-align: left;
	margin-bottom: 15px;
}
#close_popup {
	height: 40px;
	background: var(--primario);
	font-weight: 500;
	color: #fff;
	;
 padding: .5rem 1rem;
	padding-right: 1rem;
	border-radius: 6px;
	position: relative;
	display: block;
	width: 200px;
	text-align: center;
	margin: 1.5rem auto 1rem auto;
}
#close_popup:hover { color: var(--primario-dark); }
.textos .subtitulo {
	color: var(--gris2);
	font-weight: 500;
}
.bloques-textos li.listas-textos {
	border: 1px solid var(--secundario);
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;
	margin-bottom: 8px;
	background: #fff;
	position: relative;
	display: block;
}
.bloques-textos li.listas-textos .preguntas:after {
	content: '+';
	float: right;
	color: var(--primario);
	;
	position: absolute;
	top: .15em;
	right: .5em;
	font-size: 2em;
	font-weight: bold;
}
.bloques-textos li.listas-textos .preguntas.on:after {
	content: '-';
	color: var(--primario);
	font-weight: bold;
}
.preguntas {
	margin: 0;
	padding: 1em;
	cursor: pointer;
}
.bloques-textos .accordionContent {
	padding: 0 1em 1em 1em;
	margin-top: -1rem;
}
.listas-textos li {
	background: url(../img/bullet.jpg) no-repeat left top 8px;
	padding-left: 20px;
}
.formulario {
	width: 710px;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0 45px;
}
.container2 .formulario {
	width: 100%;
	max-width: 100%;
	display: block;
	margin: 0 auto;
	padding: 0;
}
.container2 .formulario img {
	display: block;
	margin: 0 auto;
	padding: 0;
}
/* Check de pantallas de éxito (maqueta/exito.html): no estirar a full-width */
.container2 .formulario img.check-ok,
.container2 .formulario .centrar > img[alt="check"] {
	width: 85px;
	max-width: 85px;
	height: auto;
}
.formulario .full {
	display: block;
	width: 100%;
	clear: both;
	overflow: hidden;
}
.form_inputs {
	width: 47%;
	display: inline-block;
	margin-bottom: 1em;
	height: 100px;
	vertical-align: top;
}
.form_inputs:last-child { float: right!important; ; }
.formulario input[type="text"],
.formulario input[type="email"],
.formulario input[type="tel"],
.formulario input[type="password"],
.formulario2 input[type="password"] {
	width: 100%;
	padding: .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ced4da;
	box-sizing: border-box;
	font-family: inherit;
	font-size: inherit;
}
.formulario input[type="text"]:disabled {
	background:#ececec;
}
.formulario .clave input[type="text"], .formulario input[type="password"], .formulario2 .clave input[type="text"], .formulario2 input[type="password"] { width: calc(100% - 50px); }
.formulario2 .clave input[type="text"], .formulario2 input[type="password"] { display: inline-block; }
.formulario .clave input[type="checkbox"], .formulario2 .clave input[type="checkbox"] {
	padding: 10px;
	border: 1px solid red;
	display: block;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 43px;
	height: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ced4da;
	background: #ced4da url(../img/hide_pass.svg) no-repeat center;
	cursor: pointer;
}
.formulario .clave input[type="checkbox"]:checked, .formulario2 .clave input[type="checkbox"]:checked { background: #ced4da url(../img/show_pass.svg) no-repeat center; }
.formulario select {
	width: 100%;
	padding: .3em 2em .5em .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	background: url(../img/arrow_down_purple.svg) no-repeat right 6px center;
	background-size: 15px;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ced4da;
}
.form_inputs .info {
	display: block;
	padding-bottom: 10px;
}
.form_inputs select {
cursor:pointer;
}
.numero-hoja {
	display: block;
	text-align: center;
	margin: 3rem 0;
	font-weight: bold;
	background: url(../img/franja.jpg) no-repeat bottom;
	padding-bottom: 2rem;
}
.numero-hoja.dos { background: url(../img/franja2.jpg) no-repeat botto }
.info-clave {
	background: url(../img/informacion.svg) no-repeat top left;
	height: 20px;
	padding-left: 25px;
	margin-top: 10px;
	display: block;
	clear: both;
	float: left;
}
.formulario h2 {
	font-weight: normal;
	padding-top: 1rem;
}
.formulario .error {
	text-align: left;
	margin-bottom: 0;
}
.formulario select option {
	background: #fff;
	font-weight: bold;
	color: #666;
}
.checkboxes label {
	display: inline-block;
	width: calc(100% - 50px);
	vertical-align: top;
	cursor: pointer;
}
.checkboxes label span { color: var(--secundario) }
.checkboxes input[type="checkbox"] {
	display: inline-block;
	padding: 10px;
	border: 1px solid red;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 18px;
	height: 18px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 2px solid var(--gris);
	background: white;
	cursor: pointer;
}
.checkboxes input[type="checkbox"]:checked {
	border: 2px solid var(--primario);
	background: var(--primario) url(../img/tick.svg) no-repeat center;
}
.checkboxes a.terminos {
	color: var(--primario);
}
.centrar {
	text-align: center;
	display: block;
	margin: 2rem
}
.boton_formulario {
	height: 40px;
	background: var(--primario);
	font-weight: 500;
	color: #fff;
	padding: .5rem 2rem;
	display: block;
	border-radius: 6px;
	position: relative;
	width: 200px;
	text-align: center;
	margin: 1.5rem 0 1rem 0;
	box-sizing: border-box;
	text-decoration: none;
	border: 0 none;
	cursor: pointer;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.2;
}
.boton_formulario:hover { color: var(--primario-dark); }
.boton_formulario:disabled {
	opacity: 0.7;
	cursor: not-allowed;
}
.formulario2 {
	position: relative;
	margin: 2rem 0;
}
.formulario2 .half {
	display: inline-block;
	width: 49%;
	vertical-align: top;
}
.formulario2 .half:first-of-type { padding: 0 2.5rem; }
.formulario2 .half:last-of-type img {
	width: 100%;
	height: auto;
}
.formulario2 .form_inputs {
	width: 100%;
	height: 70px;
}
.formulario2 input[type="text"], .formulario2 textarea {
	width: 100%;
	padding: .5em;
	color: #666;
	font-weight: normal;
	border: 0 none;
	display: block;
	clear: both;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #ced4da;
}
.formulario2 .volver {
	position: absolute;
	left: 0px;
	top: 20px;
}
.primario-bg .container2 h2 { color: #fff; }
.primario-bg .container2 span.subtitulo {
	color: #fff;
	margin-top: -14px;
	display: block;
}
.container2 .boton_formulario {
	height: 40px;
	background: var(--primario);
	font-weight: 500;
	color: #fff;
	padding: .5rem 2rem;
	display: block;
	border-radius: 6px;
	position: relative;
	min-width: 200px;
	width: 100%;
	max-width: 300px;
	text-align: center;
	margin: 0;
	box-sizing: border-box;
	line-height: 1.4;
	text-decoration: none;
}
.container2 .centrar {
	margin: 0 auto;
	text-align: center;
}
.container2 .centrar .boton_formulario { margin: 0 auto; }
.boton_cancelar {
	padding: 1rem;
	display: block;
	height: 40px;
}
.no-recuerdo {
	border: 2px solid var(--secundario);
	display: block;
	border-radius: 5px;
	text-align: center;
	padding: 1rem;
	font-weight: bold;
	display: block;
	clear: both;
}
.no-recuerdo:hover {
	background: var(--secundario-light);
	border: 2px solid var(--secundario-dark);
	color: var(--secundario-dark);
}
.configuraciones li {
	background: #fff url(../img/arrow_right_orange.svg) no-repeat right 20px center;
	height: 60px;
	padding-right: 0px;
	font-size: 14px;
	display: flex;
	-moz-box-align: center;
	align-items: center;
	cursor: pointer;
	border: 1px solid rgb(255, 177, 138);
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 6px;
	padding-left: 20px;
}
.configuraciones li a { color: var(--gris2); }
.fidelis { color: #fff; }
.fidelis a { color: #1fedd5; }
.mantencion {
	display: block;
	margin: 100px auto 0 auto;
	width: 600px;
	max-width: 96%;
	background: #fff;
	padding: 24px;
	text-align: center;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}
.mantencion .logo-misb-cupon {
	display: block;
	margin: 0 auto;
	width: 300px;
	max-width: 96%;
	background: #fff;
	padding: 24px;
	text-align: center;
}
.mantencion .barrera {
	display: block;
	margin: 0 auto;
	width: 500px;
	max-width: 96%;
	background: #fff;
	padding: 24px;
	text-align: center;
}
.mantencion h3 {
	font-size: 2rem;
	color: #B00028;
	line-height: 1.8rem;
}
.mantencion img, .mantencion-footer img {
	max-width: 100%;
	height: auto;
}
.mantencion-footer {
	display: block;
	margin: 0 auto 0 auto;
	width: 600px;
	max-width: 96%;
	background: #797979;
	padding: 24px;
	text-align: center;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}
.texto { text-align: justify; }
.texto h3 { font-size: 27px; }
.nav-principal .categorias a.eventos-nav {
	background: var(--primario);
	color: #fff!important;
	height: 33px;
	border-radius: 6px;
	border: 0 none!important;
	margin-top: 10px;
	padding: 6px 0;
	box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}
.eventos-nav:before, .eventos-tit:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1.1em;
	height: 1.1em;
	margin-right: 3px;
	background: url(../img/eventos.svg) no-repeat center top;
	background-size: 100%;
}
.info-box { 
	 display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: stretch; 
    align-items: flex-start; 
	width:calc(100% - 296px);
}
.texto table {
	width: 100%;
	border-collapse: separate;
	margin-bottom: 2rem;
}
.texto h5 { font-size: 1em }
.texto table th, .texto table td { padding: 5px; }
.texto table th {
	background-color: var(--primario);
	color: #fff;
}
.texto table td { border-bottom: 1px solid #ececec; }
.texto ul { margin-bottom: 1em; }
.texto ul li {
	background: url(../img/bullet.jpg) no-repeat left top 5px;
	padding-left: 15px;
}
.primario-light-bg {
	background:var(--complementario)
}
.titulo.hogar:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  background: url(../img/hogar.svg) no-repeat center;
    background-size: auto;
  background-size: 100%;
	border-radius:50px;
		box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}
.titulo.resultados:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  background: url(../img/resultados.svg) no-repeat center;
    background-size: auto;
  background-size: 100%;
	border-radius:50px;
		box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}
.titulo.farmacia:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  background: url(../img/farmacia.svg) no-repeat center;
    background-size: auto;
  background-size: 100%;
	border-radius:50px;
		box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}
.titulo.gastronomia:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  background: url(../img/gastronomia.svg) no-repeat center;
    background-size: auto;
  background-size: 100%;
	border-radius:50px;
		box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}
.titulo.shopping:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  background: url(../img/shopping.svg) no-repeat center;
    background-size: auto;
  background-size: 100%;
	border-radius:50px;
		box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}
.titulo.educacion:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  background: url(../img/educacion.svg) no-repeat center;
    background-size: auto;
  background-size: 100%;
	border-radius:50px;
		box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}
.titulo.entretencion:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  background: url(../img/entretenimiento.svg) no-repeat center;
    background-size: auto;
  background-size: 100%;
	border-radius:50px;
		box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}

.titulo.favoritos:before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 2em;
  height: 2em;
  margin-right: .5em;
  background: url(../img/favoritos.svg) no-repeat center;
    background-size: auto;
  background-size: 100%;
	border-radius:50px;
		box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}

.filtros {
		display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	align-content: start;
}
.filtros select {
	display: block;
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #6D7484;
	background: #fff url(../img/arrow_down_purple.svg) no-repeat bottom 12px right 5px;
	width: 100%;
	padding: 20px 30px 8px 8px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	color: var(--gris1);
	font-size:.9em
}
.filtros select:focus, .filtros select:active {
	border: 1px solid var(--primario);
	background: #fff url(../img/arrow_down_purple.svg) no-repeat bottom 12px right 5px;
	color: var(--gris1);
}
.filtros select option {
	cursor: pointer;
	font-size: 15px;
	font-weight: normal;
	color: #666;
}
.filtros .selection_form {
	position:relative;
	max-width:300px;
	display:inline-block;
	margin-right:8px;
}
.filtros .txt-filtro{
    color: var(--primario);
    position: absolute;
    left: 10px;
    top: 4px;
    font-size: .7em;
}
.cookies{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
	background: var(--secundario);
box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
}
.cookies .info-cookies {

display: grid;
grid-template-columns: 1fr 250px;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
align-items: center;
}
.cookies a {
	color:var(--primario)
}
.cookies .btn-aceptar {

  height: 40px;
  background: var(--primario);
  font-weight: 500;
  color: #fff;
  padding: .5rem 1rem;
  /*! border-radius: 6px; */
  position: relative;
  display: inline-block;
	width:100%;
 text-align:center;
	margin:.5rem 0;
		border:1px solid  var(--primario);
}
.cookies .btn-rechazar {

  height: 40px;
 color:var(--primario)!important;;
  font-weight: 500;
  color: #fff;
  padding: .5rem 1rem;
  /*! border-radius: 6px; */
  position: relative;
  display: inline-block;
	width:100%;
 text-align:center;
		margin:.5rem 0;
	border:1px solid  var(--primario);
}
.info-cookies .info {
	padding:0 2rem;
}
.cookies .btn-aceptar:hover, .cookies .btn-rechazar:hover {
	 color:var(--primario)!important;;
	background:#fff;
}
.eventos {
	min-width: 100%;
	font-size: 0;
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	/*! margin: 1rem -1rem; */
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position:relative;
}
.eventos li {
	display: inline-block;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 32%;
	-ms-flex: 0 1 32%;
	flex: 0 1 32%;
	overflow:hidden;
	position: relative;
	font-size:.9rem;

	transition: all .5s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
	background: #fff;
	margin-bottom:2em;
	padding-bottom: 4em;
}
.eventos li:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.1); 
	
}
.eventos li img {
	width:100%;
	height:auto;
}
.eventos  li .fecha-categoria {
	color: #333;
	font-weight: 400;
	padding-bottom: 1em;;
	line-height: 1em;
	border-bottom: 3px solid #e6ebf0;
	margin-bottom: 1rem;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	 -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.textos-eventos  {
		padding:.9rem;
}
.box-.eventos  h6 {
    color: #153BAA;
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.2em;
	margin:1rem 0 0 0;
	height:3.4rem
}
.textos-eventos  p {
	text-align:justify;
	font-size:.9rem;
}

.eventos  li .btn_text {
	background: var(--primario);
	display: inline-block;
	font-weight: 600;
	text-align: center;
	color: #fff;
	font-size: 1em;
 padding: .75rem 1rem;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	position:absolute;
	bottom:.9rem;
	left:.9rem;
}
.eventos  li .btn_text:hover { background:var(--primario-dark) }
.box-eventos h6 {
  color: var(--primario-dark);
  font-weight: 900;
  font-size: 1.2em;
  line-height: 1.2em; 
  margin: 1rem 0 0 0;
  height: 3.4rem;
}
.titulares {
		display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-align-content: flex-start;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.eventos-tit {
	margin:0;
	color:#fff!important;;
	vertical-align: middle;
	border-left: 0 solid var(--primario)!important;
	padding: 15px 15px 15px 0px!important;
}
#eventos p.bajada {
	color:#fff;
	margin-top:0;
}
.menu-categorias {
	display: block;
	width: 100%;
	/*! padding-top: 2rem; */ 
	padding-bottom: 4rem;
	text-align: center;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
}
.menu-categorias li {
	width: 14%;
	min-width: 115px;
	display: inline-block;
	text-align: center;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	opacity: .8; 
	vertical-align: top;
}
.menu-categorias li a {
	color: var(--primario);
  line-height:1.3rem;
	font-weight: 800;
	width:100%;
	display:block;
	font-size:1rem;
	text-transform:uppercase;
}
.menu-categorias li:hover {
	transform: scale(1.07);
	opacity: 1;
	
}
.menu-categorias li a:hover {
color: var(--primario);
	
}
.menu-categorias small {
	display: block;
	font-weight: normal;
}
.menu-categorias a:before {
	display: block;
	width: 158px;
	height: 158px;
	margin: 10px auto;
 padding:16px!important;
border-radius:80px;
		box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
	-moz-box-shadow: 0px 0px 5px 0px rgba(175,29,79,0.5);
}

.hogar2-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background: url(../img/hogar.svg) no-repeat center;
	background-size: 90%;
}
.farmacia2-nav:before {
	content: ''; 
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background: url(../img/farmacia.svg) no-repeat center;
	background-size: 90%;
}

.gastronomia2-nav:before {
	content: ''; 
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background:  url(../img/gastronomia.svg) no-repeat center;
	background-size: 90%;
}


.shopping2-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background: url(../img/shopping.svg) no-repeat center;
	background-size: 90%;
}
.educacion2-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background:  url(../img/educacion.svg) no-repeat center;
	background-size: 90%;
	padding:10px;
	
}
.entretencion2-nav:before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	margin-right: 3px;
	background:  url(../img/entretenimiento.svg) no-repeat center;
	background-size: 90%;
	padding:10px;
	
}
.bienvenida h2 { 
	font-size:2rem;
	color:var(--primario);
	text-transform: uppercase;
	font-weight:900;
}
.home > .container {
padding-top:0; 	/*! padding-bottom:50px; */
}
#filtros-noticias {
	display:block;
	width:100%;
	padding:1rem;
	text-align:center;
}
#filtros-noticias button {
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	border:0 none;
	-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size:.9rem;
	padding:.5rem .8rem;
	color:#fff;
	background:var(--secundario);
}
#filtros-noticias .btn-filtro.active {	background:var(--primario);	color:#fff;}
.video-eventos {
	width: 100% ;
	display: block;
	position: relative;
	height: 400px;
	overflow: hidden;

}
.video-eventos iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 400px;
}
.video-box h6 {
  color: var(--primario-dark);
  font-weight: 900;
  font-size: 1.5em;
  line-height: 1.2em;
  margin: 1rem 0 0 0; 
  height: 3.4rem;
}
.br {
 /*! display: block; */
}	

.info-box .iconos {
	 display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: stretch;
    align-items: flex-start;
	/*! width: calc(100% - 500px); */
}
.info-container {
	background: var(--complementario);
	border-radius:8px;
	padding:2px 16px;
      display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: stretch;
    align-items: center;
	width:100%;
}
.info-container .bienvenida {
   display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: stretch;
	align-items: center;
	/*! background:red; */
	gap:20px;

}

.nombre-nivel {
	    flex: 0 1 auto;
    align-self: auto;
		margin-right:25px;
}
.info-container .nombre {
	font-weight:bold;
}
.info-container .sub-nivel {
	display:inline-block;
}
.info-container .nivel {
		display:block; 
	color:var(--plata);
	font-weight:bold;
	font-size:1.5em;
	line-height:1.2em;
	
}
.info-container .nivel.plata:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	height: 35px;
	margin-left: 6px;
	background: url(../img/plata.png) no-repeat center top;
	background-size: 100%;
}



.info-container .meta {
	font-size:.9rem;
    flex: 0 1 auto;
    align-self: auto;
	/*! background:green; */
	margin-right:25px;

}
.info-container .meta strong { 
	color:var(--primario);
}
.mision-info {
		height:31px;
	display:block;
 position:relative;
	padding-top:10px;
}
  .mision-info .progreso {
    display: block;
    position: relative;
    background: #fff;
    border-radius: 26px; 
    height: 8px; 
    overflow: visible;
  }
  .mision-info .progreso .barra-porcentaje { 
    display: block;
    position: absolute;
    border-radius: 26px; 
    height: 8px;
    top: 0;
    left: 0;
    min-width: 0;
    transition: width 1.2s ease, background 0.4s ease;
  }
  .mision-info .porcentaje-mision {
    display: none;  
  }
.tipo-nivel {
	display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
text-align:center;
	font-size:.8em;
	position:absolute;
	width:100%;
	top:0;
	font-weight:bold;
}
.tipo-nivel li {
	padding-top:8px;
	border-right:1px solid #ccc;
}
.tipo-nivel li:last-of-type { border:0 none;} 
.tipo-nivel > li:nth-child(1) {color:var(--bronce)}
.tipo-nivel > li:nth-child(2) {color:var(--plata)}
.tipo-nivel > li:nth-child(3) {color:var(--oro)}
circle {
	fill: none;
	stroke-width: 8;
	transform: rotate(-90deg);
	transform-origin: 50% 50%;
	stroke-dasharray: 100 100; 
	stroke: #ececec;
	stroke-linecap: round; /* <-- ESTO ES EL BORDE REDONDEADO */
}

circle:nth-child(2) {
	stroke: var(--primario);
	stroke-dasharray: 0 100;
	stroke-linecap: round; /* <-- Y TAMBIÉN AQUÍ */
	animation: rellenar 1.5s linear forwards;
}
@keyframes rellenar { to {
 stroke-dasharray: var(--porcentaje) 100;
}
}
.circulos {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-content: stretch;
  align-items: center;
  min-width: 100%;
  margin-top: 10px;
	position:relative;
	padding:1rem;
}
.porcentajes span {
  position: absolute;
  top: 28%;
  left: 0%;
  bottom: 0%;
  right: 0%;
 display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
  font-size: 1rem;
  font-weight: bold;
	color:var(--primario);
text-align:center;
}
.porcentajes p{
	display:block;
	clear:both;
	padding:0; margin:0;
	line-height:1.1em;
	font-size:.5em;
	color:#666;
}


.ticker {
  width: 100%;
	max-width:97vw;
  /*! height: 45px; */ 
  /*! background: #111; */
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
  z-index: 9999;
  font-family: sans-serif;
	padding-top:5px;
}

.ticker-viewport {
  flex: 1;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
}

.ticker-content {
  display: inline-block;
  white-space: nowrap;
  will-change: transform;
  animation: tickerScroll 80s linear infinite;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  font-weight: 500;
}

.ticker-content span {
  padding-right: 50px;
}

.ticker-action {
  flex-shrink: 0;
  padding: 0 16px;
  /*! background: #111; */ /* tapa el texto por debajo */
  display: flex;
  align-items: center;
}

.boton-evento {
  background: #fff;
  color: #111;
  padding: 7px 16px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  transition: all .2s;
	 background: var(--secundario);
}
.boton-evento:hover {
  background: var(--secundario-light);

}

@keyframes tickerScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }


}
.eventos-ticker {
	background:var(--primario);
	height:42px;
	margin-bottom:12px;
}
.eventos-ticker .container {
	padding-top:5px;
	padding-bottom:5px;
}
.porcentaje-circulo {	
	padding:0;
	margin:-10px 0 0 0 ;	
}
.fondo-negro {
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  z-index: 100;
}
.fondo-negro2 {
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.8);
  z-index: 99;
}
.caja-buscador .cerrar {
	display:inline-block;
	width:40px; height:40px;
	font-size:1.5em;
	text-align:center;
	line-height:1.5em;
 vertical-align: middle;
	cursor:pointer;
}
.caja-buscador {
	max-width: 1360px;
  margin: 0 auto;
  padding: 10px 20px;
  display: block;
  clear: both;
	
	position:fixed;
	width:100%;
	top: 209px; left: 50%; transform: translate(-50%, -50%);
  z-index:110!important;
}


.caja-buscador .search-container {
	display:inline-block;
	width:calc(100% - 50px);

}
.nav-principal .categorias a.lupa {
		border-left:1px solid #ccc;
}
.nav-principal .categorias a.lupa.active, .nav-principal .categorias a.lupa:hover {
	font-weight: bold;
	border-bottom: 2px solid var(--complementario);
	text-align: center;
	border-left:1px solid #ccc;
	background:var(--complementario);
}
.lupa-mobile {
	display:none !important;
}
.columnas {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	color: #5D5D5D;
}
.columna-texto, .columna-foto, .columna-cupon, .columna-info {
	-webkit-flex: 0 1 48%;
	-ms-flex: 0 1 48%;
	flex: 0 1 48%;
	-webkit-align-self: auto;
	-ms-flex-item-align: auto;
	align-self: auto;
	box-sizing: border-box;
	overflow: hidden;
}
.columna-texto .beneficio-interior {
	font-weight: 600;
	font-size: 36px;
	text-align: left;
	display: block;
	font-weight: bold;
	line-height: 1.1em;
	background: #fff;
	color: var(--primario);
}
.columna-texto h5.titulo-beneficio {
	font-size: 30px;
	margin: 0;
	color: #051C2C;
	line-height: 1.1em
}
.columna-texto .subtitulo-benefit {
	text-transform: uppercase !important;
	font-size: 22px;
	letter-spacing: 0.61px;
	color: #051C2C;
	margin: 0;
}
.columnas hr { opacity: .5; }
.columna-texto .subtitulo, .info-container .subtitulo {
	font-size: 22px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: .34px;
	color: #051C2C;
	margin: 0 0 1em 0;
}
.columna-texto .sura-form-group { position: relative; }
.columna-texto .sura-form-group {
	width: 200px;
	display: inline-block;
	padding: 1rem 0;
}
.columna-texto input {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	width: auto;
	vertical-align: middle;
	border-radius: 100px;
	border: 2px solid #00aec7;
	height: 46px;
	min-width: 200px;
padding: .5rem .75rem;
font-size: .9375rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6e84a3;
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.columna-texto label {
	position: absolute;
	margin-top: -18px;
	margin-left: 20px;
	font-size: 9.33333px;
	color: #0033a0;
	font-weight: 400;
}
.columna-texto a.btn-obtener {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	width: auto;
	vertical-align: middle;
	border-radius: 100px;
	/*! height: 46px; */
	min-width: 200px;
 padding: .7rem 1rem;
 font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	background-color: var(--primario);
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	transition: all .2s;
	margin-bottom: 20px;
}
.columna-texto div.btn-obtener {
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	width: auto;
	vertical-align: middle;
	border-radius: 100px;
	/*! height: 46px; */
	min-width: 200px;
 padding: .7rem 1rem;
 font-size: .9rem;
	font-weight: 400;
	line-height: 1.5;
	color: #fff;
	background-color: #999;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	transition: all .2s;
	margin-bottom: 20px;
}
.columna-texto div.btn-obtener::before {
  content: '';
  display: inline-block;
  width: 1.3rem;
  height: 1.3rem;
  background: url(../img/lock.svg) no-repeat 0 0px;
    background-size: auto;
  background-size: 100%;
  margin-right: .5em;
  vertical-align: middle;
}



.columna-texto a.btn-obtener:hover { background: var(--secundario); }
.columna-foto img {
	max-width: 100%; 
	height: auto;
}
.sociales {
	display: block;
	text-align: center;
	color: #7D868C;
	font-weight: 600;
		margin-top:20px;
}
.redes {
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;


	
}
.sociales li { display: inline-block; margin-right: 8px; }
.sociales li:last-child { margin-right: 0; }
.sociales li a {
	background: red;
	width: 32px;  
	height: 32px;
	display: block;
	overflow: hidden;
	text-indent: -999em;
}
.sociales li a:hover { filter: brightness(80%); }
.sociales li a.fb { background: url(../img/fb.svg) no-repeat }
.sociales li a.tw { background: url(../img/tw.svg) no-repeat }
.sociales li a.wsp { background: url(../img/wsp.svg) no-repeat }
.columna-texto .caracteristicas {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.columna-texto .caracteristicas li:before {
	content:'';
	display:none;
	margin:0;
}
.tipo-dcto {
	background: url(../img/dcto2.svg) no-repeat; background-size:30px;
}
.tipo-compras {
	background: url(../img/compras02.svg) no-repeat; background-size:30px;
}
.tipo-medio {
	background: url(../img/fono.svg) no-repeat; background-size:30px;
}
.tipo-accesibilidad {
	background: url(../img/ticks.svg) no-repeat; background-size:30px;
}
.columna-texto .caracteristicas li {
  margin-bottom: 0;
  border-right: 1px solid #ccc;
  padding: 0 20px 0 40px;
  font-size: 14px;
} 
.columna-texto .caracteristicas li:last-of-type{
	border-right: 0 none;
}
.info-descto {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 16px;
grid-row-gap: 0px;
border-top:1px solid #ccc;
	padding:40px 0;
	border-bottom:1px solid #ccc;
	margin:1rem 0;
}
.info-descto * {
	margin:0;
}
.info-descto li {
	border-right:1px solid #ccc;
	padding:0 20px 0 50px;
}
.info-descto li:last-of-type {
	border-right:0 solid #ccc;

}
.info-descto .maximo {background: url(../img/label.svg) no-repeat; background-size:40px;}
.info-descto .producto {background: url(../img/producto.svg) no-repeat; background-size:40px;}
.info-descto .quien {background: url(../img/quien.svg) no-repeat; background-size:40px;}
.info-descto .como {background: url(../img/como-comprar.svg) no-repeat; background-size:40px;}
.info-descto .vigencia {background: url(../img/fecha.svg) no-repeat; background-size:40px;}

.alcances {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, auto);
grid-column-gap: 16px;
grid-row-gap: 16px;
}
.alcances div {
	padding:1rem;
	background:var(--complementario);
	border-radius:20px;
}
.alcances h3 {
	margin-top:0;
	margin-bottom:10px;
	text-transform: uppercase;
	color:var(--primario);
}
.incluye{ grid-area: 1 / 1 / 3 / 2; }
.no-incluye { grid-area: 1 / 2 / 3 / 3;}
.consejos { grid-area: 1 / 3 / 2 / 4; }
.condiciones2 { grid-area: 2 / 3 / 3 / 4; } 

.incluye li {
	background: url(../img/tick-01.png) no-repeat left top 3px;; background-size:20px;
	padding-left:30px;
	margin-bottom:5px;
}
.no-incluye li {
	background: url(../img/no-tick.png) no-repeat left top 3px; background-size:20px;
	padding-left:30px;
	margin-bottom:5px;
}
.info-empresa {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:2rem 0;
}
.detalle-empresa { width: 68%; }
.logo-empresa {
	max-width: 28%;
	width: 250px;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
	padding: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.detalle-empresa h5 {
	margin: 0 0 0 0;
	font-size: 1.8rem;
}
.logo-empresa img {
	width: 100%;
	height: 100%;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	object-position: center;
	display: block;
	border: 0;
	background: transparent;
	padding: 0;
	box-sizing: border-box;
}
.sitio-web {
	color: #fff;

	font-size: 13px;
	background-color: var(--primario);
	padding: 0.7em 1.1em;
	border-radius: 25px;
	font-weight: bold;
	margin-top: 1.5em;
	display: block;
	width: 156px;
	text-align: center;
}
.sitio-web:hover { opacity: .8; }
.cupon-container {
  border: 1px dashed var(--secundario);
  display: block;
  max-width: 100%;
  margin: .5em;
  box-sizing: border-box;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 16px;
  padding: 12px;
  font-size: 14px;
	position:relative;
}
.cupon-container .logo-cupon {
  margin: 10px auto 30px auto;
  display: block;
  width: 150px;;
  background: #fff;
}
.logo_beneficio {
  width: 30%;
  border: 1px solid #ececec;
  margin-bottom: 1em;
  float: right;
  clear: right;
  margin-right: 10px;
  object-fit: contain;
  background: #fff;
  padding: 6px;
  box-sizing: border-box;
}
.cupon-container .nombre-comercio, .cupon-container .descuento-comercio {
  font-size: 18px;
  font-weight: normal;
  display: block;
  margin: 0;
  color: #333;
} 
.cupon-container .descuento-comercio {
  font-size: 1.4rem;
  font-weight:800;
	color:var(--primario)
}
.white-popup-cupon p {
  margin: 0;
}
.white-popup-cupon input {
	display: block;
	width: 100%;
	padding: 11px 16px 10px 16px;
	border: 1px solid var(--secundario);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 1em 0;
	color: #040b24;
	font-weight: 600;
}
.white-popup-cupon .input-box {
	display: block;
	position: relative;
	margin: 1rem 0;
}
.white-popup-cupon p { margin: 0; }
.white-popup-cupon .input-box label {
	color: var(--primario);
	position: absolute;
	left: 17px;
	top: -16px;
	font-size: .8em;
	background:#fff;
	padding:0 10px;
}
.codigo {
  display: block;
  padding: 8px !important;
  text-align: center;
  background: var(--complementario);
  min-width: 96%;
  border: 0 none;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
.botones-cupon {
  display: block;
  width: 100%;
  text-align: center;
}
.botones-cupon .btn-enviar-correo {
  background: transparent;
  -webkit-appearance: none;
  color: var(--primario-dark);
  padding: 8px 16px;
  display: inline-block;
  -webkit-border-radius: 26px;
  -moz-border-radius: 26px;
  border-radius: 26px;
  border: 1px solid var(--primario-dark);
  margin-bottom: 1em;
  width: auto;
  vertical-align: baseline;
  margin: 1rem auto;
  font-size: 14px;
}
.botones-cupon .btn-enviar-correo::before {
  content: '';
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: url(../img/email-02.svg) no-repeat 0 0px;
    background-size: auto;
  background-size: 100%;
  margin-right: .5em;
  vertical-align: middle;
}
.enviar-email {
  text-align: center;
  font-size: 16px;
}
.enviar-email h5 {
  font-size: 1.4rem;
  margin: .5rem;
}
.btn-correo {
  width: 100%;
  box-sizing: border-box;
  display: inline-block;
  width: auto;
  vertical-align: middle;
  border-radius: 100px;
  height: 46px;
  min-width: 200px;
  padding: .7rem .75rem;
  font-size: .9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  background-color:var(--primario) ;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  transition: all .2s;
  margin-bottom: 20px;
}
.btn-correo:hover { background:var(--secundario) ; }
.white-popup-cupon .error {
  background: red;
  margin-bottom: 12px;
  color: #fff;
  font-size: .9rem;
  line-height: 1rem;
  padding: 5px 15px 5px 45px;
  text-align: left;
  border-radius: 50px;
  background: red url(../img/error.svg) no-repeat left 14px center;
  display: inline-block;
}
.caja-usuario  {
	display:inline-block;
	border:1px solid #ccc;
}
.caja-usuario * {
	display:inline-block;
	vertical-align:middle;
}
.caja-usuario .logo-categoria {
	width:100px;
}
.caja-usuario .logo-categoria img {
	width:100%;
	height:auto;
}
.caja-usuario .nombre {
	font-weight:bold;
	line-height:.9em;
	font-size:1em;
	margin:0 1rem 0 .5rem
}
.caja-usuario span{
	display:block;
	font-weight:bold;
	font-size:.8em;
}
.caja-usuario a.micuenta {
  background: var(--primario);
  font-weight: 500;
  color: #fff;
  padding: .2rem .5rem .4rem .5rem;
  position: relative;
  display: inline-block;
  text-align:center;
	margin:.5rem 0;
	font-size:.9em;
}
.caja-usuario a.micuenta:hover {
	background:var(--secundario)
}
.caja-usuario a.micuenta:after {
		content: '';
	display: inline-block;
	vertical-align: middle;
	width: 1em;
	height: 1em;
	margin-left: 3px;
	background: url(../img/arrow-right3.svg) no-repeat center;
	background-size: 100%;
}
.sidebar {
	position: fixed;
	z-index: 998 !important;
	right: 0;
	width: 350px;
	height: 100vh;
	background-color: #fff;
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
	border-left:15px solid var(--primario);
	padding:1rem;
}
.sidebar.sidebar-view { 
	transform: translateX(0);
	overflow:auto;
}
.sidebar .meta {
	display:block;
	height:80px;
}
.sidebar .circulos {
 padding:15px;
 height:200px;
}
.sidebar .porcentajes span {
 
  font-size: 2rem;

}
.sidebar .progreso {
	background:#ececec;
}
.sidebar .mision-info .progreso, .sidebar .mision-info .progreso .barra-porcentaje {
    height: 12px; 
    overflow: visible;
  }
.sidebar .mision-info .progreso .barra-porcentaje {
  background: var(--bronce);
  transition: width 1.2s ease, background 0.4s ease;
}
.tipo-nivel li {
padding-top: 16px;
}

.sidebar circle {
  stroke-width: 10;
}
.cerrar-sidebar {
	display:block;
	margin-bottom:24px;
	text-align:right;
	position:absolute;
	top:16px;
	right:16px;
}
.sidebar h3.titulo {
  padding: 15px 15px 15px 0px;
    padding-left: 0px;
  text-align: left;
  font-size: 22px;
  color: rgb(80, 80, 80);
  margin-bottom: 20px;
  color: var(--gris);
  display: block;
  width: 100%;
  text-transform: uppercase;
  font-weight: 800;
  margin: 0;
  border-left: 15px solid var(--primario);
  padding-left: 10px;
}
.usuario {
	display:block;
	background: url(../img/usuario.svg) no-repeat left center;
 padding-left:50px;

} 
.usuario .nombre {
	font-weight:bold;
	line-height:.9em;
	font-size:1.5em;
	margin: .8rem 0;
}
.usuario span{
	display:block;
	font-weight:bold;
	font-size:.8em;	
}
.sidebar .sub-nivel {
	text-align:center;
	margin-bottom:1rem;
}
.sidebar .sub-nivel p{
	background:var(--complementario);
	padding:.5em;
}
.sidebar .nivel img{
	height:80px;
}
.sidebar .botonera {
	display:block;
	margin-top:1rem;
}
.sidebar .botonera a {
  height: 35px;
  color: var(--primario);
  font-weight: 500;
  padding: .3rem 1rem;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: .2rem 0;
  border: 1px solid var(--primario);
}
 
.sidebar .botonera a.cerrar-sesion {
  height: 40px;
  background: var(--primario);
  font-weight: 500;
  color: #fff;
  padding: .5rem 1rem;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: .5rem 0;
  border: 1px solid var(--primario);
	color:#fff;
}

.sidebar .botonera a:hover {
	background: var(--secundario);
	color: var(--primario);
}
.lupa {
	width:40px;
	height:40px;
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	line-height:40px;
}
.lupa img {
	width:25px;
	height:25px;
} 
.logo-nivel {
	width:90px;
	position:absolute;
	background:rgba(255, 255, 255, 0.8);
}
.logo-nivel img {
	width:90px;
}
.tablas {
	display: block;
	width: 100%;
	height: 460px;
	overflow-y: auto;
	box-sizing: border-box;
	margin-bottom: 2rem;
	margin-top: 2rem;
	margin: 2rem 12px;
}
.tablas table { width: 100%; }
.tablas .titulo_tabla td {
	background: var(--primario);
	color: #fff;
	border-right: 1px solid #fff;
	display: table-cell !important;
	font-weight: bold;
}
.tablas tr td { white-space: nowrap; }
.tablas thead {
	position: -webkit-sticky;
	position: sticky;
	top: 0;
}
.tablas tr:nth-child(even) { background-color: #fff; }
.tablas td {
	font-size: 15px;
	padding: 8px;
	display: table-cell !important;
}
.tablas td a {
	background: var(--secundario-dark);
	display: inline-block;
	color: #fff;
	text-align: center;
	border-radius: 12px;
	line-height: 1em;
	padding: 4px 8px;
	font-size: .8em;
	margin: 3px 3px 3px 0;
	/*! float: right; */
} 
aside {
	width: 22%;
	display: block;
	float: left;
	vertical-align: top;
}
.bloque-descuentos {
	width: 74%;
	display: block;
	float: right;
	vertical-align: top;
}
aside label {
	min-height: 24px;
	position: relative;
 padding:.1rem 1rem 1rem 1.8rem;
	cursor: pointer;
 /*! margin-bottom: .2rem; */
	display: block;
	font-size: 16px;
	line-height: 1rem;
	vertical-align: middle;
	display: inline-block;
	width: 100%;
}
aside label span {
	background: url(../img/checkbox1.svg) no-repeat left;
	height: 20px;
	width: 20px;
	position: absolute;
	left: 0;
	top: 0;
	background-size:100%;
}
aside input[type='checkbox'] { appearance: none; }
aside input[type="checkbox"]:checked + span {
	background: url(../img/checkbox2.svg) no-repeat left; 
 background-size:100%;
}
aside .btn-aside {
	display: block; 
	font-size: 24px;
	color: var(--primario);
	margin-bottom: 0.5rem;
	background: url(../img/up2.svg) no-repeat center right;
	background-size: 15px 15px;
	cursor: pointer;
}
aside .btn-aside.active {
	display: block;
	font-size: 24px;
	color:var(--primario);
	margin-bottom: 1.5rem;
	background: url(../img/down.svg) no-repeat center right;
	background-size: 15px 15px;
}
aside .bloque-checkboxes1, aside .bloque-checkboxes2, aside .bloque-checkboxes3, aside .bloque-checkboxes4 { display: none; }
aside .bloque-checkboxes1.active, aside .bloque-checkboxes2.active, aside .bloque-checkboxes3.active, aside .bloque-checkboxes4.active { display: block; }
.filtrar-busqueda {
	display: none;
	text-align: center; 
	font-size: 24px;
	color: #0076a9;
	cursor: pointer;
	padding-bottom: 1rem;
}
.filtrar-busqueda:after {
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../img/filtros.svg);
	margin-bottom: -5px;
	margin-left: 16px
}
aside .box {
	margin-bottom: 1rem;
	/*! padding-bottom:1.5rem; */
	display: block;
	border-bottom: 1px dashed #a8b3b7;
}
aside h3 {
	margin-top:0;
	font-size: 18px;
	margin-bottom: .5em;
}
.filtrar-busqueda {
  display: none;
  text-align: center;
  font-size: 20px;
  color: var(--primario);
  cursor: pointer; 
  padding-bottom: 1rem;
	padding-top:1rem;
}



.niveles {
	min-width: 100%;
	font-size: 0;
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	/*! margin: 1rem -1rem; */
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position:relative;
}
.niveles li {
	display: inline-block;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 32%;
	-ms-flex: 0 1 32%;
	flex: 0 1 32%;
	overflow:hidden;
	position: relative;
	font-size:.9rem;

	transition: all .5s;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
	background: #fff;
	margin-bottom:2em;
	border: 1px solid #ececec;
}

.niveles li img {
	width:100%;
	height:auto;
	padding:1rem;
}
.niveles li.plata img {
margin-bottom:10px
}
.niveles li.bronce img {
margin-bottom:18px
}
.niveles li.oro {
border: 1px solid var(--oro);
border-top: 20px solid var(--oro);
}

.niveles li.plata  {
border: 1px solid var(--plata);
border-top: 20px solid var(--plata);
}
.niveles li.bronce  {
border: 1px solid var(--bronce);
border-top: 20px solid var(--bronce);
}

.niveles li .fecha-categoria {
	color: #333;
	font-weight: 400;
	padding-bottom: 1em;;
	line-height: 1em;
	border-bottom: 3px solid #e6ebf0;
	margin-bottom: 1rem;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	 -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
	-webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.niveles-pag {
	min-width: 100%;
	font-size: 0;
	display: block;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	/*! margin: 1rem -1rem; */
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position:relative;
}
.niveles-pag li {
	display: inline-block;
	-webkit-order: 0;
	-ms-flex-order: 0;
	order: 0;
	-webkit-flex: 0 1 32%;
	-ms-flex: 0 1 32%;
	flex: 0 1 32%;
	overflow:hidden;
	position: relative;
	font-size:.9rem;
	transition: all .5s;
}

.niveles-pag li.destacado {
	box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
 scale:1.05;
}
 

.niveles-pag li img {
	width:70%;
	height:auto;
	padding:1rem;
	margin:0 auto;
	display:block;
}
.niveles-pag li.plata img {
margin-bottom:10px
}
.niveles-pag li.bronce img {
margin-bottom:18px
}

.niveles-pag li.oro {
border: 1px solid var(--oro);
border-top: 20px solid var(--oro);
}
 
.niveles-pag li.plata  {
border: 1px solid var(--plata);
border-top: 20px solid var(--plata);
}
.niveles-pag li.bronce  {
border: 1px solid var(--bronce);
border-top: 20px solid var(--bronce);
}

.niveles-pag li table img {
	width:30px!important;
	height:30px!important; 
	padding:0;
}
.niveles-pag li table td {
	border-bottom:1px solid #ccc;
		padding:10px 5px;
}
.niveles-pag table strong.dcto {
	display:block;
}
.textos-niveles  {
		padding:.9rem .9rem 2rem .9rem;
}

.textos-niveles  p {
	text-align:justify;
	font-size:.9rem; 
}

.niveles li .btn_text:hover { background:var(--primario-dark) }
.box-niveles h6 {
  color: var(--primario-dark);
  font-weight: 900;
  font-size: 1.8em;
  line-height: 1.2em; 
  margin: .5rem 0 0 0;
 
} 
.niveles-pag li span {
	display:inline-block;
	padding:5px; 
	margin-top:4px;
 font-size:.8rem;
}
.niveles-pag li span strong {
color:var(--gris)!important;
} 
.box-niveles h6 {
  color: var(--primario-dark);
  font-weight: 900;
  font-size: 1.8em; 
  line-height: 1.2em; 
  margin: .5rem 0 0 0;
 text-align:center;
} 
li.oro .box-niveles h6, 
li.oro .box-niveles strong.dcto, 
li.oro .box-niveles .dcto-grande,
li.oro .box-niveles .dcto-chico
{
	color:var(--oro);
}
li.plata .box-niveles h6, 
li.plata .box-niveles strong.dcto, 
li.plata .box-niveles .dcto-grande,
li.plata .box-niveles .dcto-chico {
	color:var(--plata);
}
li.bronce .box-niveles h6, 
li.bronce .box-niveles strong.dcto, 
li.bronce .box-niveles .dcto-grande,
li.bronce .box-niveles .dcto-chico {
	color:var(--bronce);
}


  





.dcto-grande {
	font-weight:bold;
	font-size:1.2rem;
	text-align:center;
	line-height:1.2rem;
}
.dcto-chico {
	font-weight:bold;
		text-align:center;
}
.tu-nivel {

display: grid;
grid-template-columns: 1fr 300px;
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
max-width:960px;
margin:0 auto;

	 align-items: center; /* centra vertical */
  /* o si quieres centrar vertical Y horizontal a la vez: */

	margin-bottom:40px;
	background: var(--complementario);
	padding:12px 24px;
} 
.tu-nivel .porcentajes span {
  font-size: 2rem;
}
.tu-nivel .circulos {
  padding: 15px;
  height: 200px;
	scale:1.2
}
.tu-nivel img {
	width:180px;
	margin-bottom:25px;
}
.tu-nivel .meta {
	height:100px;
}
.next-eventos {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 24px;
grid-row-gap: 10px;

	 align-items: center; /* centra vertical */
  /* o si quieres centrar vertical Y horizontal a la vez: */

	margin-bottom:40px;
	background: var(--complementario);
	padding:12px 24px;
} 
.next-eventos img {
	max-width:80%;
	height:auto;
}

.next-eventos li {
	background:#fff;
	padding:1em 150px 1em 1em;
	width:100%;
	margin-bottom:1rem;
	font-size:.9rem;
	position:relative;
}
.next-eventos .calendario {
	position: absolute; 
	right:1rem;
	top:calc(50% - 26px);
	padding:8px 8px 8px 50px;
	border:1px solid var(--primario);
	font-size:.9em;
	background: #fff url(../img/fecha.svg) no-repeat left 12px center;
background-size:30px;
	height:52px;
} 
.next-eventos .calendario:hover {
	background: var(--complementario) url(../img/fecha.svg) no-repeat left 12px center;
background-size:30px;
}
.next-eventos .direccion, .next-eventos .hora {
	font-size:.8rem;
}
.next-eventos li .fecha {
	text-align:center;
	width:70px;
	background: var(--primario);
	color:#fff;
	height:81px;
	display:inline-block;
 font-size:2rem;
	padding-top:25px;
	margin-right:16px;
	 vertical-align: middle;
}
.next-eventos li .fecha sup {
	display:block;
	font-size:1rem;
}
.next-eventos li .info {
	width:calc(100% - 100px);
 vertical-align: middle;
	display:inline-block;
}
.next-eventos li .info h4, .next-eventos li .info p {
	margin:0 
} 
.next-eventos li .info h4 {
	color:var(--primario);
	
}
.ingresa {
	display: block; 
  background: url(../img/usuario.svg) no-repeat left 10px center;
  padding-left: 50px;
	background-size: 25px;
 
	font-size:1.2rem;
	color:#000;
	padding:10px 10px 10px 40px;
}
.ingresa:hover {
	opacity:.6;
}
.olvido {
	display:block; 
	padding:.5rem 0;
	text-align:right; 
}
.olvido:hover {opacity:.8;}
.nacimiento {
	display: grid; 
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 10px;
grid-row-gap: 0px;  
	width:100%;
}
.sidebar .cambio-nivel {
	text-align:center;
	border:1px solid var(--secundario);
		margin-top:10px;
}

.sidebar .cambio-nivel .proximo {
padding: 5px;
background:var(--secundario);
	font-weight:bold; color:var(--gris);
	font-size:.85rem;
}
.sidebar .cambio-nivel .fecha-cambio {
padding: .5rem;
font-weight:bold;
}
.sidebar .cambio-nivel .fecha-cambio:before {
content:'';
background: url(../img/fecha.svg) no-repeat;
background-size:100%;
display:inline-block;
	vertical-align: middle;
width:30px;
	height:30px;
	margin-right:5px
}
.btns-apps a {
	width:150px;
	display:inline-block;
	margin-right:10px;
}
.btns-apps a img { 
	width:100%;
	height:auto;
}
.fashion-truck {
	margin-bottom: 40px;
}
.fashion-truck a.fashion-truck-link {
	display: block;
	line-height: 0;
}
.fashion-truck picture, .fashion-truck picture img {
	width:100%;
	height:auto;
	display: block;
}
.trimestres {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 24px;
grid-row-gap: 0px; 
	margin-top:20px;
} 
.trimestres li {
	border:1px solid var(--secundario);
	padding:12px;
	position:relative;
		-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}
.trimestres .trimestre {
	height:150px;
	display:block;
	font-size:3rem;
	font-weight:bold;
	line-height:3.2rem;
	
}
.trimestres .trimestre span {
	font-size:1rem;
	display:block;
	line-height:.5rem;
}
.fecha-trimestre {
	text-align:center;
	background:var(--complementario);
	padding:5px;
	font-weight:bold;
}
.trimestre-1 {
background: url(../img/01.png) no-repeat center right;
 background-size:100% auto;
	background-position:top right -10px
}
.trimestre-2 {
background: url(../img/02.png) no-repeat center right;
 background-size:100% auto;
	background-position:top right -10px
}
.trimestre-3 {
background: url(../img/03.png) no-repeat center right;
 background-size:100% auto;
	background-position:top right -10px
}
.trimestre-4 {
background: url(../img/04.png) no-repeat center right;
 background-size:100% auto;
	background-position:top right -10px
}
.trimestres .destacada {
		box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset, rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
 scale:1.05;
	border:2px solid var(--primario);
		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
	filter: grayscale(0%);
}
.trimestres .destacada .trimestre {
color:var(--primario)
}
.white-popup-modal img {
	width: 100%;
	height: auto;
}
.white-popup-modal {
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.);
  -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.4);
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border: 0px solid #000000;
  width: 550px;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
	background:#fff;
	padding-bottom:30px;
}
.popup-container {
	padding:0 2rem
}
.popup-container h2 {
	text-align:center;
	color:var(--primario);
	font-size:2rem;
	margin-bottom:0!important;
}
.popup-container h4 {
	text-align:center;

	font-size:1.2rem;
	margin-top:0!important;
}
.popup-container .importante {
	background:var(--complementario);
	border:1px solid var(--secundario);
	padding:.5rem 1rem; 
}
.tiendas {

  height: 40px;
  color: var(--primario) !important;
  font-weight: 500;
  color: #fff;
  padding: .5rem 1rem;
  border-radius: 6px;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: .5rem 0;
  border: 1px solid var(--primario);

}
.tiendas:hover {
	background:#fff;
}
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1150px) {

	.br {
  display: none;
}
.lista-dctos .porcentaje { height: 50px; }
.asociados ul.afp {
	text-align: justify;
	width: 100%;
	padding-top: 5px; 
}
.info-box .nav-principal a {
  font-size:.8em;
}	
	header h1 {
  width: 216px;
}
	.columna-texto .caracteristicas {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 12px;
grid-row-gap: 12px; 
  padding-top: 2rem;
  padding-bottom: 2rem;
}
	.tipo-compras	{ border-right:0 none!important;}
	.bloque-descuentos .lista-dctos#convenios li {
  -webkit-flex: 0 1 33%;
  -ms-flex: 0 1 33%;
  flex: 0 1 33%;
  position: relative;
}
}
 @media only screen and (max-width: 992px) {

 header h1 {
    width: 170px;
}
.info-box {
  
  width: calc(100% - 199px);
}
	 .br {
		 display:block;
	 }
header .nav-principal {
  margin-top: 0;
  padding-top: 8px;
	height:30px;
}
 .info-box .nav-principal a {
			height:30px;
	 line-height:.8rem;
 }


.regiones-mobile { position: relative; }
.regiones-mobile select {
	height: 42px;
	width: 100%;
	box-shadow: rgba(80, 80, 80, 0.08) 3px 2px 6px;
	margin-bottom: 0;
	border: 1px solid var(--gris);
	padding-left: 2.9rem;
	border-radius: 4px;
	background: #fff url(../img/gps_purple.svg) no-repeat left 12px center;
	color: #8a817a;
	margin-top: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.regiones-mobile:after {
	content: '';
	display: inline-block;
	width: 14px;
	height: 18px;
	background: url(../img/arrow_down_purple.svg) no-repeat center;
	background-size: 100%;
	vertical-align: middle;
	margin-left: 1rem;
	z-index: 1;
	position: absolute;
	top: 23px;
	right: 20px;
}






.nav-principal .categorias li.cerrar-sesion-mobile a {
	text-align: center;
	background: var(--primario-light);
 padding:.5rem;
	color: var(--primario);
	font-weight: bold;
}

.open_nav.active { 
	background: url(../img/close_modal.svg) no-repeat center;
 background-size:100%; 
	 }
.btn-container-mobile .btn-blanco.iniciar-sesion {
	height: 40px;
	background: var(--primario);
	font-weight: 500;
	color: #fff;
	display: block;
	width: 100%;
	margin: 10px 0;
	text-align: center;
}
.asociados ul.afp { text-align: center; }
.asociados ul.afp li {
	width: 30%;
	text-align: center;
} 
.asociados ul.afp li img { max-width: 150px; }
.asociados h2 {
	text-align: center;
	display: block;
}
.footer-content .half:last-of-type { text-align: left; }
.footer-content .redes-sociales li {
	display: inline-block;
	margin-left: 0;
	margin-right: 1rem;
}
aside {
	min-width: 100%;
	-webkit-order: 1;
	order: 1;
	padding-left: 0;
}
	 .bloque-descuentos {
		 width:100%;
	 }
.logo-comercio-mobile { }
.logo-comercio-mobile img {
 height auto;
	width: 100%;
	max-width: 90px;
}
article {
	width: 100%;
	-webkit-order: 2;
	order: 2;
}
.tipo-cupon {
	-webkit-order: 2;
	order: 2;
	width: 65%;
	margin-top: 0;
}
.tipo-cupon ul { width: 50%; }
aside .porcentaje {
	-webkit-order: 3;
	order: 3;
	width: 100%;
}
aside .dcto-detalle {
	-webkit-order: 4;
	order: 4;
	width: 100%;
}
.columna-foto {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.fotos {
	-webkit-order: 1;
	order: 1;
	max-width: 100%;
	margin-top: 50px;
}
.texto-logo {
	-webkit-order: 2;
	order: 2;
}
.texto-principal {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
	line-height: 1.5;
}
.texto-principal .nombre-comercio-mobile {
	display: block;
	width: 100%;
	;
}
.foto-slider {
	float: left;
	width: 100%;
	margin-bottom: 2rem;
}
.cuerpo-beneficio .redes-sociales { text-align: left; }
.cuerpo-beneficio .redes-sociales li { margin: 10px 10px 10px 0; }
.slider-nav-thumbnails .slick-slide div { display: inline-block!important; }
.slider-nav-thumbnails .slick-slide {
	display: block;
	min-width: 95px!important;
	width: 110px!important;
	margin-bottom: 10px;
}
.slider-nav-thumbnails {
	width: 100%!important;
	display: block;
	margin-right: 0;
}
.slider-nav-thumbnails li {
	min-width: 95px;
	vertical-align: top;
}
.direcciones .mapa { width: 100%; }
.direcciones .table-container { display: none; }
.sucursales h2 {
	margin-bottom: 0;
	padding-bottom: 5px;
}
.sucursales select {
	height: 42px;
	width: 100%;
	box-shadow: rgba(80, 80, 80, 0.08) 3px 2px 6px;
	margin-bottom: 0;
	border: 1px solid var(--gris);
 padding-left: .8rem;
	border-radius: 4px;
	background: #fff url(../img/arrow_down_purple.svg) no-repeat right 12px center;
	color: #8a817a;
	margin-top: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.cupon {
	padding-left: 25px;
	position: relative;
	padding-right: 0;
}
.btns-cupon a.enviar-mail {
	float: left;
	clear: right;
	margin-top: 1rem;
	width: 100%
}
.cupon-info div { width: 65%; }
.cupon-info div.porcentaje {
	width: 100%;
	line-height: 1.1em;
}
.cupon span { width: 35%; }
.cupon .volver {
	position: absolute;
	left: 0px;
}
.white-popup-region { padding: .5em 1rem; }
 .info-descto {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 12px;
grid-row-gap: 24px; }

 .info-descto li:nth-child(1) { grid-area: 1 / 1 / 2 / 3; }
 .info-descto li:nth-child(2) { grid-area: 1 / 3 / 2 / 5; }
 .info-descto li:nth-child(3) { grid-area: 1 / 5 / 2 / 7; border-right:0 none;}
 .info-descto li:nth-child(4) { grid-area: 2 / 1 / 3 / 4; }
 .info-descto li:nth-child(5) { grid-area: 2 / 4 / 3 / 7; } 
	 
 .filtrar-busqueda {
    display: block;
  }	 
	 .filtros-box {
		 
  max-width: 100%;
width: 100%;
	 }
.filtrar-busqueda::after {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../img/filtros.svg);
  margin-bottom: -5px;
  margin-left: 16px;
}	 
	.filtros .selection_form {

  max-width: 100%;
width: 100%;
		margin-bottom:1rem;
} 
	 .columna-filtros {
    display: none;
  }
	   .columna-filtros.active {
    display: block;
  }
	 
}
@media only screen and (max-width: 768px) {

.cookies .info-cookies {
  display: block;
 width:100%;
	padding:20px;
}
.cookies {
  position: fixed;
 	max-width:100vw;
}


.info-cookies .info {
  padding: 0;

}	
.open_nav {
	display: inline-block;
	vertical-align:middle;
	background: url(../img/hamburguer.svg) no-repeat center;
	background-size: 30px;
	color: #fff;
	cursor: pointer;
	height: 40px;
	width: 40px;
 margin-left:10px;
}	
	.btn-usuario {
	display: inline-block;
	vertical-align:middle;
	background: url(../img/usuario.svg) no-repeat center;
	background-size: 27px;
	color: #fff;
	cursor: pointer;
	height: 40px; 
	width: 40px;
  margin-left:15px;
}	
	.caja-usuario {
		display:none;
	}
	header h1 {
  width: 157px;
 margin-top:0;
}
	.info-box {
  width: 100% 
}
	header .nav-principal {
  position:fixed;
		width:100%;
		left:0;
		background:var(--complementario);
		display:none;
    height: 100vh;
		top:150px;
		z-index:2;
  }
	.nav-principal .categorias {
  display: block;

}

	header .nav-principal li {
		width:100%;

	}	
  .info-box .nav-principal a {
font-size:1.2rem;
		line-height:2rem;
		height:40px;
	}	
.br { display:None;}
.info-box .nav-principal a.lupa {
		display:none!important;
	}
header {
  position: fixed; 
	height:160px;
}	
main {
  padding-top: 150px;
}
	.iconos {
		width:100%;
		margin-top:15px;
		padding-bottom:21px;
	}

	.info-container  {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content:flex-start;
    align-content: stretch;
    align-items: center;
		padding:10px;
			position:relative;
}
	
	.caja-buscador {
		z-index:100;
		/*! position:fixed; */
			/*! top:150px; */
		/*! left:0; */
		padding-top:0;
		padding-bottom:10px;
		height:100px;
	}
	
.menu-categorias li {
  width:30%;
  min-width: 50px;
  display: inline-block;
  text-align: center;
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
  opacity: .8;
  vertical-align: top;
	margin-bottom:10px;
}	
	.menu-categorias li a { 
  font-size: .9rem;
 
}
	.menu-categorias a::before {
 
  width: 100px;
  height: 100px;
  margin: 10px auto;

}

	header h1 img {
		width:163px;
	}
.eventos-ticker {
  /*! position:fixed; */
	/*! top:0; */
		/*! z-index:4; */
}		
 .info-container {
   margin-top:130px;
  }	
.lista-dctos#convenios li {
  -webkit-flex: 0 1 33%;
  -ms-flex: 0 1 33%;
  flex: 0 1 33%!important;;
  position: relative;
}
	.filtros-box	{
		width:100%;
		margin-top:10px;
	}
	
h2.titulo {
  font-size: 22px;

}
.niveles li {
  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
 }
	.tu-nivel {
		display: grid;
grid-template-columns: 1fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 0px;
grid-row-gap: 10px;
		text-align:center;
	}
	.next-eventos {
		 display: block;
padding:0;
	 }
	 .next-eventos .evento01 {
		 text-align:center;
	 }
	.niveles-pag li {

  -webkit-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
} 

@media only screen and (max-width: 640px) {
.info-container .bienvenida {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: flex-start;
  padding:10px;
  gap: 20px;
 width:80%;

}

	.info-container .nombre {
  font-size:1.2rem;
		margin-bottom:5px;
}
	.busqueda {
  margin: 20px auto 10px auto;
}

	.info-container .meta {
width:100%;
}
	.eventos li {
	
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
	
}
 .lista-dctos#convenios li {
    -webkit-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    flex: 0 1 50% !important;	
	
}
h2.titulo {
    font-size: 18px;
  /*! margin-top:20px; */
}	 
	.alcances {
		display:block;
	}
	.alcances div {
		margin-bottom:1rem;
	}
	


.detalle-empresa { 
  width: 100%;
	margin-top:10px;
}
	 .info-descto {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-column-gap: 12px;
grid-row-gap: 24px; 
} 


 .info-descto li:nth-child(1) { grid-area: 3 / 1 / 4 / 3; }
 .info-descto li:nth-child(2) { grid-area: 1 / 1 / 2 / 2; }
 .info-descto li:nth-child(3) { grid-area: 1 / 2 / 2 / 3; }
 .info-descto li:nth-child(4){ grid-area: 2 / 1 / 3 / 2; }
 .info-descto li:nth-child(5) { grid-area: 2 / 2 / 3 / 3; } 
	.columna-texto, .columna-foto, .columna-cupon, .columna-info {
	-webkit-flex: 0 1 100%;
	-ms-flex: 0 1 100%;
	flex: 0 1 100%;
}
.form_inputs {
  width: 100%;
	height:auto;
}	
	.form_inputs.vacio { display:none;}	
}
@media only screen and (max-width: 480px) {
.filtros .selection_form {
  width: 46%;
}
}
@media only screen and (max-width: 400px) {
  .lista-dctos#convenios li {
    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100% !important;
    
  }
}	
	 
	

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
*, *:before, *:after {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a, a:visited { text-decoration: underline; }
a[href]:after { content: " (" attr(href) ")"; }
abbr[title]:after { content: " (" attr(title) ")"; }
a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; }
pre, blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead { display: table-header-group; }
tr, img { page-break-inside: avoid; }
img { max-width: 100% !important; }
p, h2, h3 {
	orphans: 3;
	widows: 3;
}
h2, h3 { page-break-after: avoid; }
.cupon-container {
	max-width: 480px;
	width: 480px;
	display: block;
	margin: 25px auto 0 auto;
}
}