@charset "UTF-8";

/* =RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, main, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

main, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

li {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

b, strong {
	font-weight: bold;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

html {
	font-family: sans-serif;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizelegibility;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

audio, canvas, progress, video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden], template {
	display: none;
}

sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.25em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

pre {
	overflow: auto;
}

button, input, optgroup, select, textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button, select {
	text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled], html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

legend {
	border: 0;
	padding: 0;
}

optgroup {
	font-weight: bold;
}

td, th {
	padding: 0;
}

a {
	background: transparent;
	text-decoration: none;
}

/* a:active, a:hover, a:focus {
	border: none;
	outline: 0;
	text-decoration: none;
} */

::selection {
	background: #6a6a6a;
	color: #f5f5f5;
	text-shadow: 1px 1px 1px #060606;
}

::-moz-selection {
	background: #6a6a6a;
	color: #f5f5f5;
	text-shadow: 1px 1px 1px #060606;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

::-webkit-input-placeholder {
	color: inherit;
	opacity: 0.5;
	font-family: inherit;
}

:-moz-placeholder {
	color: inherit;
	opacity: 0.5;
	font-family: inherit;
}

::-moz-placeholder {
	color: inherit;
	opacity: 0.5;
	font-family: inherit;
}

:-ms-input-placeholder {
	color: inherit;
	opacity: 0.5;
	font-family: inherit;
}

button, .btn:hover {
	cursor: pointer;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	*behavior: url("../js/boxsizing.htc");
}

/* .slick-dots {
	text-align: center;
}

.slick-dots>li {
	display: inline-block;
	margin: 12px;
}

.slick-dots>.slick-active {
	color: red;
	font-weight: bold;
} */


/* Slider Villa María */

#sucursal-carousel {
	padding-bottom: 0;
}

.myslider {
	height: auto;
	/* width: 800px; */
	max-width: 100%;
	/* margin: 10px auto; */
	/* margin: 7em auto; */

}

.myslider .item {
	height: auto;
	width: 100%;
	background: #eeeeee;
}

.myslider .item img {
	height: auto;
	width: 100%;
}

.owl-dots {
	display: flex;
	justify-content: center;
}

/* .owl-dots .owl-dot {
	margin: 0px 5px;
} */

.owl-dots .owl-dot button {
	/* background: none; */
	border: none;
	/* padding: 0; */
	color: #555555;
	/* font-size: 14px; */
	/* font-weight: bold; */
	cursor: pointer;

	/* color: blue; */

	border-bottom-left-radius: 7.5px;
	border-bottom-right-radius: 7.5px;

	opacity: .4;
}

.owl-dots .owl-dot button:focus {
	outline: none;
}

.owl-dots .owl-dot.active button {
	/* color: blue; */
	opacity: 1;
}



/*  ==========================================================================
	FONTS 
	========================================================================== */
@font-face {
	font-family: 'Miso';
	src: url('../fonts/miso-bold-webfont.eot');
	src: url('../fonts/miso-bold-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/miso-bold-webfont.woff2') format('woff2'),
		url('../fonts/miso-bold-webfont.woff') format('woff'),
		url('../fonts/miso-bold-webfont.ttf') format('truetype'),
		url('../fonts/miso-bold-webfont.svg#misobold') format('svg');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Lato Bold";
	src: url("../fonts/Lato-Bold.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Lato Light";
	src: url("../fonts/Lato-Light.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Lato Regular";
	src: url("../fonts/Lato-Regular.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Champion Middleweight";
	src: url("../fonts/ChampionGothic-Middleweight.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Champion Featherweight";
	src: url("../fonts/ChampionGothic-Featherweight.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "VAG-Rounded";
	src: url("../fonts/VAG-Rounded-Regular.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Inter";
	src: url("../fonts/Inter-Regular.ttf");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

/*  =DEFAULT & BASIC STYLES
	========================================================================== */

html,
body {
	font: 300 62.5%/1 "Roboto Condensed", Roboto, Helvetica, Arial, sans-serif;
}

html.bodyAlt {
	font-size: 55%;
}

body {
	background: #fff;
	color: #231f20;
	font-size: 100%;
}

main,
header,
section,
footer,
nav,
.container,
a {
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-ms-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;
}

.semana .calendario .fecha:before,
.semana .calendario .fecha:after,
.semana:before,
.semana:after,
.container:before,
.container:after,
nav:before,
nav:after,
main:before,
main:after,
header:before,
header:after,
section:before,
section:after,
footer:before,
footer:after,
.cf:before,
.cf:after {
	display: table;
	content: " ";
}

.semana .calendario .fecha:after,
.semana:after,
.container:after,
nav:after,
main:after,
header:after,
section:after,
footer:after,
.cf:after {
	clear: both;
}

.container {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;

	/* width: 1200px; */

	width: 1012px;
}

img {
	display: inline-block;
	height: auto !important;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}

.hb {
	position: relative;
	z-index: 1;
}

.hb::before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.33);
	z-index: -1;
	opacity: 0;
	-webkit-transform: scale3d(0.35, 1, 1);
	transform: scale3d(0.35, 1, 1);
	-webkit-transition: -webkit-transform 0.4s, opacity .4s;
	transition: transform 0.4s, opacity .4s;
	-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
	transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
}

.hb:hover::before {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.hb:active {
	-webkit-transition: transform 0.1s linear;
	-moz-transition: transform 0.1s linear;
	-ms-transition: transform 0.1s linear;
	-o-transition: transform 0.1s linear;
	transition: transform 0.1s linear;
	-webkit-transform: translateY(1px);
	-ms-transform: translateY(1px);
	-o-transform: translateY(1px);
	transform: translateY(1px);
}



.ff-a {
	font-family: "ChampionGothic", "Champion Gothic Lightweight", sans-serif;
}

.fw3 {
	font-weight: 300;
}


.barra-colores-top {
	margin-top: -.4em;
}


.mt3 {
	margin-top: 3em !important;
}

.mt6 {
	margin-top: 6em !important;
}

.mb4 {
	margin-bottom: 4em !important;
}

.mb6 {
	margin-bottom: 6em !important;
}

/*  ==========================================================================
	HEADER 
	========================================================================== */
.header {
	background: #fff;
	-webkit-box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0;
	left: 0;
	padding-left: 2%;
	padding-right: 2%;
	right: 0;
	z-index: 1000;
}

.logo {
	float: left;
	margin: 0;
	/* max-width: 220px; */
	max-width: 260px;
	/* padding-top: 1rem; */
	/* padding-top: 1.8rem; */
	padding-top: .8rem;
	/* padding-bottom: 1rem; */
	padding-bottom: .5rem;
}

.logo a {
	display: inline-block;
}

.navbar {
	display: block;
	width: 100%;
	text-align: right;
}

.navbar a {
	color: #004993;
	cursor: pointer;
	display: inline-block;
	/* font: bold 1.8em/1 "Miso", sans-serif; */
	/* font: 1.8em/1 "Montserrat Regular", sans-serif; */
	font-family: "Lato Regular", sans-serif;
	/* font-size: 11px; */
	/* font-size: 14px; */
	font-size: 13px;
	font-weight: 700;
	/* padding: 0 2em; */
	padding: 0 .5em;
	margin: 0 1em;
	vertical-align: middle;
	text-align: center;
	/* border-bottom: 5px solid red; */

	padding-top: 5px;
}

/* .navbar a+a {
	margin-left: 1em;
} */


.navbar a:first-child {
	margin-left: 0;
}

.navbar a.hl {
	background: #706F6F;
	color: #fff;
	padding: 0.9em 2em;
}


/* Sweep To Top */
.hvr-sweep-to-top {
	display: inline-block;
	vertical-align: middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	position: relative;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

.hvr-sweep-to-top:before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/* background: #2098D1; */
	-webkit-transform: scaleY(0);
	transform: scaleY(0);
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
}

.bg-1:before {
	background-color: #D01E23;
}

.bg-2:before {
	background-color: #E19314;
}

.bg-3:before {
	background-color: #E0D439;
}

.bg-4:before {
	background-color: #519F35;
}

.bg-5:before {
	background-color: #539FCC;
}

.bg-6:before {
	background-color: #0C6DA9;
}

.bg-7:before {
	background-color: #7C78F0;
}


/* .hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
	color: white;
} */



/*  */

.hvr-sweep-to-top:hover, .hvr-sweep-to-top:active {
	color: white;
}

.hvr-sweep-to-top:focus {
	color: #0C6DA9;
	/* color: white; */
}

/*  */


.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
	-webkit-transform: scaleY(1);
	transform: scaleY(1);

	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

/* Border Bootom */

.bb-1 {
	border-bottom: 5px solid #D01E23;
}

.bb-2 {
	border-bottom: 5px solid #E19314;
}

.bb-3 {
	border-bottom: 5px solid #E0D439;
}

.bb-4 {
	border-bottom: 5px solid #519F35;
}

.bb-5 {
	border-bottom: 5px solid #539FCC;
}

.bb-6 {
	border-bottom: 5px solid #0C6DA9;
}

.bb-7 {
	border-bottom: 5px solid #7C78F0;
}

.menuToggle {
	background: transparent;
	border: none;
	cursor: pointer;
	display: none;
	margin: 0;
	padding: 0;
	position: relative;
	text-align: center;
	-webkit-transition: height 0.15s ease-out, width 0.15s ease-out;
	-moz-transition: height 0.15s ease-out, width 0.15s ease-out;
	-ms-transition: height 0.15s ease-out, width 0.15s ease-out;
	-o-transition: height 0.15s ease-out, width 0.15s ease-out;
	transition: height 0.15s ease-out, width 0.15s ease-out;
	z-index: 10;
}

.menuToggle.collapsed {
	background: transparent;
}

.menuToggle img {
	display: inline-block;
	height: auto !important;
	max-width: 100%;
	vertical-align: middle;
	width: 38px;

	/* margin-top: 7px; */
	margin-top: 9px;

	margin-left: 1em;
}


/* Nav Slider
   ----------------------------- */

.wuling .slide-img {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.wuling .slides {
	display: block;
	/* width: 500%; */
	width: 600%;
	position: relative;
	transition-duration: 0.5s;
}

.wuling .slides>div {
	float: left;
	position: relative;
	/* width: 20%; */
	width: 16.66%;
	color: #fff;
	padding: 0px;
	margin: 0px;
}

.wuling .img-slide {
	width: 100%;
	position: relative;

	/* margin-top: 79px; */
	margin-top: 73px;
}


/* Titulo hover
   ----------------------------- */

[class^='imghvr-'],
[class*=' imghvr-'] {
	position: relative;
	display: inline-block;
	max-width: 100%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* -moz-osx-font-smoothing: grayscale; */
	/* -webkit-transform: translateZ(0); */
	/* transform: translateZ(0); */
}

[class^='imghvr-'] figcaption,
[class*=' imghvr-'] figcaption {
	/* background-color: inherit; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}


.imghvr-fade figcaption {
	opacity: 0;

	transition: opacity 0.1s ease-in-out;
	-moz-transition: opacity 0.1s ease-in-out;
	-webkit-transition: opacity 0.1s ease-in-out;
}

.imghvr-fade:hover>img {
	opacity: 0;

	transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
}

.imghvr-fade:hover figcaption {
	opacity: 1;
}

/* ------------------------------ */

.imghvr-fade-2 figcaption {
	opacity: 0;

	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}

.imghvr-fade-2:hover>img {
	opacity: 0;

	transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
}

.imghvr-fade-2:hover figcaption {
	opacity: 1;
}

/* ------------------------------------ */

.img-villa-maria {
	opacity: .7;
}

/* .imghvr-fade-02 {
	position: relative;
	overflow: hidden;

} */



.imghvr-fade-02 figcaption {
	opacity: 0;

	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}


.imghvr-fade-02:hover>img {
	opacity: 0;

	transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
}

.imghvr-fade-02:hover figcaption {
	opacity: 1;

	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

/* .imghvr-fade-02 .icono-play:hover {
	opacity: 1;


} */

.imghvr-fade-02 .icono-play:hover {
	opacity: 1;

	transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;
	-webkit-transform: rotate(122deg);
	-moz-transform: rotate(122deg);
	-ms-transform: rotate(122deg);
	-o-transform: rotate(122deg);
	transform: rotate(122deg);

	transform: rotate(122deg);

	/* margin-top: -8px; */
	cursor: pointer;

	z-index: 99999;


}

/* .imghvr-fade-02 .icono-play:hover {
	opacity: 1;

	transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);

	margin-top: -8px;
	cursor: pointer;
} */

.icono-play {
	width: 420px;
	height: 420px;
	display: inline-block;

	position: absolute;
	left: 0%;
	margin-top: 0px;

	background-color: transparent;

	padding: 15rem;

	transition: 0.70s;
	-webkit-transition: 0.70s;
	-moz-transition: 0.70s;
	-ms-transition: 0.70s;
	-o-transition: 0.70s;


}

.border-bottom-shadow {
	border-bottom: 4px solid #154D9A;
	border-radius: 50%;

	position: absolute;
	top: 33.5%;
	left: 33%;

	height: 151px;
	width: 151px;

	/* padding-bottom: 151px; */

	box-shadow: 0 7px 5px -5px #154D9A;

	/* z-index: 99999 !important; */

}




.icono-play-mobile {
	width: 420px;
	height: 420px;
	display: inline-block;


	position: absolute;
	left: 0%;
	margin-top: 0px;

	background-color: transparent;


	padding: 9rem;
}


/*  ==========================================================================
	CONTENIDO 
	========================================================================== */
/* .main {
	padding-top: 6em;
} */

section {
	/* padding: 5em 0; */
	padding: 4em 0;
	/* padding: 2em 0 5em 0; */
}

.intro {
	margin-bottom: 2rem;
	padding: 0;
	text-align: center;
}

.txt {
	font-size: 1.8em;
	line-height: 1.5;
}

.txt .fzLg {
	font-size: 1.2em;
}

.txt small {
	font-size: 0.9em;
}

.taj {
	text-align: justify;
	-ms-text-align-last: center;
	text-align-last: center;
}

.txt p,
p.txt {
	margin-bottom: 1em;
}

.texto {
	font: 300 2.6em/1 "Roboto Condensed", Roboto, Helvetica, Arial, sans-serif;
}

.mr-2 {
	position: relative;
	margin-left: 3rem !important
}

.mb2 {
	margin-bottom: 1.3em;
}

.f-italic {
	font-style: italic;
}

.swiper-container {
	margin: 20px 20px 0px 20px;
	/* width: 600px;
	height: 250px; */
	/* max-width: 600px; */
	/* height: 250px; */
	/* width: 400px !important; */
}

.swiper-slide {
	display: flex;
	gap: 10px;
	justify-content: center;

	/* width: 100%; */

}

.icon-mobile {
	width: 35px;
	margin-bottom: -4px;
	margin-right: 15px;
	margin-left: 0;
	padding-bottom: 2px;
}

.item-icon {
	display: flex !important;
	justify-content: flex-start;
	align-items: center;
}

#text {
	display: none;
}

#text-2 {
	display: none;
}

#text-3 {
	display: none;
}

#text-4 {
	display: none;
}

#text-5 {
	display: none;
}

/* .btn-container {
	margin: auto;
	height: 44px;
	width: 166.23px;
} */

.boton-leer-mas, .boton-siguiente {
	display: inline-flex;
	justify-content: end;
	width: 100%;
	margin-top: 10px;
}

.btn-mas, .btn-siguiente {
	color: #fff !important;
	/* font-weight: bold; */
	background-color: #154D9A;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;

	/* padding: .7px 12px .5px 12px; */
	padding: .7px 12px 0px 12px;

	/* margin-bottom: -1px; */
}

.btn-siguiente {
	/* width: 45px; */
	padding-bottom: 4px;
}

.btn-mas {
	padding-top: 3px;
	padding-bottom: 3px;
}

.border-bottom {
	height: 2px;
	border-bottom: 2px solid #154D9A;
	margin-top: -.5px;
}

.border-bottom-siguiente {
	height: 2px;
	border-bottom: 2px solid #154D9A;
	margin-top: -1px;
}

#nosotros {
	padding-top: 12em;
	/* margin-top: 4em; */
}

.ofertas-formulario {
	margin-bottom: -8em;
}

.logo-nav-size {
	/* width: 165px; */
	width: 244px;
	/* height: 30px; */
}

/*  MAIN 
	========================================================================== */

.titulo-villa-maria {
	display: flex;
	justify-content: center;
}

/* Llegamos */

#llegamos, #asociate {
	padding-top: 0;
}

#asociate {
	padding-bottom: 0;
}

.informativo {
	/* max-width: 920px; */
	max-width: 820px;
	display: flex;
	justify-content: center;
	/* flex-direction: column; */
	gap: 3.5rem;
	margin: 0 auto;
}

.informativo-servicio {
	/* max-width: 920px; */
	max-width: 820px;
	display: flex;
	justify-content: space-around;
	/* flex-direction: column; */
	gap: 3.5rem;
	margin: 0 auto;
	margin-top: 7em;
}

.informativo-servicio div:nth-child(2) {
	width: 377px;
}

/* .informativo__imagen {
	width: 60%;
} */

/* .informativo__contenido {
	width: 40%;
} */

.informativo__imagen img {
	/* width: 600px; */
	width: 448.25px;
}

.informativo__imagen-servicio img {
	width: 286.45px;
}


.informativo__contenido {
	width: 300px;
}

.informativo__contenido ul li {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;

	margin-bottom: 10px;
}


.informativo__contenido .titulo {
	font-family: "Lato Bold", sans-serif;
	/* font-size: calc(0.65vw + 1.6em); */
	font-size: 20px;
	font-weight: 900;
	color: #154D9A;
	text-align: start;
	margin-bottom: 1rem;
}

.informativo__contenido .texto {
	font-family: "Lato Regular", sans-serif;
	color: #000;
	/* font-size: calc(0.65vw + 1em); */
	font-size: 14px;
	/* line-height: 1.2; */
	line-height: 19px;
}

.informativo__contenido .strong {
	display: inline-block;
	/* font-size: calc(0.65vw + 1.5em); */
	font-size: 20px;
	color: #154D9A;
	font-style: italic;
	line-height: 1.2;
	margin-top: -10px;
}

.hr-theme-slash-1 {
	display: flex;
	/* margin-left: -300px; */
	margin-left: -261px;
	margin-bottom: 20px;
}

.hr-theme-slash-2 {
	display: flex;
	/* max-width: 354px; */
	max-width: 430px;
	margin-left: -125px;
	/* margin-bottom: 20px; */
	margin-top: 18px;
}

.hr-theme-slash-3 {
	display: flex;
	/* max-width: 354px; */
	max-width: 430px;
	margin-left: -14px;
	/* margin-bottom: 20px; */
	margin-top: 35px;
	align-items: center;
}

.hr-line {
	width: 100%;
	position: relative;
	margin: 15px;
	border-bottom: 2px solid #154D9A;
}

.hr-line-3 {
	width: 600%;
	position: relative;
	margin: 15px;
	border-bottom: 2px solid #154D9A;
}

.hr-line-red {
	width: 100%;
	position: relative;
	margin: 5px;
	border-bottom: 2px solid #E1291B;
}


.hr-icon {
	position: relative;
	top: 3px;
	/* color: #ff0000; */
}

.hr-icon-3 {
	position: relative;
	/* top: 3px; */
	/* color: #ff0000; */
}

.hr-icon-dot {
	position: relative;
	width: 10px;
	height: 10px;
	background-color: #E1291B;
	border-radius: 50%;
	margin-top: 1px;
	margin-right: -5px;
}

.filter-green:hover {
	filter: invert(49%) sepia(69%) saturate(328%) hue-rotate(175deg) brightness(88%) contrast(88%);

	/* transition: filter 1.5s; */
	/* -moz-transition: filter .5s ease-in-out; */
	/* -webkit-transition: filter .5s ease-in-out; */
}



/* Te esperamos - Contador */

.fondo-clip-path {
	clip-path: polygon(0 0, 100% 9%, 100% 100%, 0% 100%);
	background-color: #A5181C;
	padding: 4em 1.5em;
}

.fondo-clip-path-azul {
	clip-path: polygon(0 0, 100% 9%, 100% 100%, 0% 100%);
	background-color: #154D9A;
	padding: 4em 1.5em;
}

.container-te-esperamos {
	/* max-width: 1150px; */
	/* max-width: 1200px; */
	margin: 0 auto;
}

.te-esperamos {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: end;
	gap: 2.5rem;
}

.te-esperamos .te-esperamos__izq p:nth-child(1) {
	font-family: "Champion Middleweight", sans-serif;
	font-size: calc(1.25vw + 5.5em);
	text-transform: uppercase;
	padding-bottom: 2rem;
	color: #DECC2E;

}

.te-esperamos .te-esperamos__izq p:nth-child(2) {
	font-family: "Champion Featherweight", sans-serif;
	/* font-size: calc(1.25vw + 7.2em); */
	font-size: calc(1.25vw + 5.5em);
	text-transform: uppercase;
	text-align: center;
	color: #fff;

}

.te-esperamos-medio {
	display: flex;
	gap: 1rem;
}

.te-esperamos .te-esperamos__der p {
	font-family: "Champion Featherweight", sans-serif;
	/* font-size: calc(1.25vw + 7.2em); */
	font-size: calc(1.25vw + 5.5em);
	text-transform: uppercase;
	color: #fff;
	margin-left: 40px;
}

.te-esperamos-pie {
	font-family: "Lato Light", sans-serif;
	/* font-size: calc(0.65vw + 1.5em); */
	font-size: calc(0.65vw + 3.5em);
	text-align: center;
	margin-top: 20px;
	color: #fff;
}

.icono-reloj {
	margin-left: 50px;
	margin-bottom: 15px;
}



.icono-ubicacion {
	width: 30px;
	height: 30px;
}

.icono-flecha-puntos {
	display: inline;
	width: 45px;
	height: 45px;
	margin-top: -90px;

}


/* Contador */

.counter-newsletter {
	/* padding: 0; */
	display: flex;
	/* flex-flow: column nowrap; */
	/* justify-content: space-between; */
	/* margin-top: -130px; */
	margin-bottom: 16px;

}

.counter {
	display: flex;
	/* flex-direction: column; */
	justify-content: center;
	/* align-items: center; */
	/* align-items: start; */
	/* background-color: #e50623; */
	/* padding: 2em; */
	text-align: center;
	/* width: 100%; */
}

.counter h4 {
	font-family: "Lato Regular";
	font-size: 4em;
	/* flex-basis: 1; */
	color: #fff;
	/* margin-top: -40px; */
	margin-top: -87px;
	margin-left: 18px;
}

.counter h4 small {
	font-size: 0.9em;
}

#clockdiv {
	/* font-family: "Lato Regular", sans-serif; */
	display: inline-block;
	font-weight: 300;
	text-align: center;
	/* margin-top: 1em; */

	margin-top: -30px;

}

#clockdiv>div {
	display: inline-block;
	padding: 0;

	margin-top: -20px;
}

#clockdiv>div+div {
	margin-left: 0em;
}

#clockdiv div>strong {
	color: #fff;
	font-family: inherit;
	font-size: 4.5em;
	font-weight: 700;
	line-height: 1.5em;
	height: 1.5em;
	width: 2em;
	display: block;
	text-align: center;

	margin-left: 47px;
}

#clockdiv div>small {
	color: #fff;
	display: block;
	font-family: inherit;
	font-size: 1.4em;
	font-weight: 300;
	text-align: center;
	text-transform: uppercase;
	margin-top: -8px;
	margin-bottom: 6px;

	margin-left: 47px;
}


/* Formulario */

.ofertas-formulario {
	padding-top: 0;
}

.ofertas-formulario .titulo {
	font-family: "Lato Bold", sans-serif;
	font-size: calc(0.65vw + 1.5em);
	font-weight: 900;
	margin: .2em auto 1em;
	text-align: center;
	color: #154D9A;
}

.newsletter {
	-webkit-animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
	animation: fade-in-fwd 0.6s cubic-bezier(0.390, 0.575, 0.565, 1.000) 1s both;
}

.newsletter--sent {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
}

.newsletter--sent .newsletter__form {
	flex: 0 1 auto;
	margin-top: auto;
	margin-bottom: auto;
}


.form {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 15px;
	/* max-width: 360px; */
	/* margin: 4% auto 2%; */
}

.form__row {
	/* margin-bottom: 1em; */
	-webkit-animation: fadeIn 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: fadeIn 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	position: relative;
}

.form__row:nth-of-type(2) {
	-webkit-animation-delay: 0.2s;
	animation-delay: 0.2s;
}

.form__row:nth-of-type(3) {
	-webkit-animation-delay: 0.3s;
	animation-delay: 0.3s;
}

.form__row:nth-of-type(4) {
	-webkit-animation-delay: 0.4s;
	animation-delay: 0.4s;
}

.form__row:nth-of-type(5) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}

.form__row:nth-of-type(6) {
	-webkit-animation-delay: 0.6s;
	animation-delay: 0.6s;
}

.form__status,
.form__note {
	font-size: calc(0.65vw + 1.4em);
	margin-bottom: 0.5em;
}

.form__status.success {
	color: #00b63e;
}

.form__status.error {
	color: #b00606;
}

.buttons {
	padding-top: 1em;
}

.form__field {
	font-family: "Lato Regular", sans-serif;
	font-weight: 400;
	/* background: rgba(255, 255, 255, 0.1); */
	background: #A9CFE5;
	border: 1px solid #A9CFE5;
	margin: 0 auto;
	display: block;
	border-radius: 0.3em;
	color: #000;
	/* color: #fff; */
	font-size: 1.65em;
	font-size: calc(0.25vw + 1.52em);
	padding: 0.35em 1em;
	-webkit-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
	width: 100%;

	box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.25);

	width: 194px;
}

.campo_correo {
	width: 380px;
}

.form__field:focus {
	outline: none;
	-webkit-transform: scale(1.025);
	-ms-transform: scale(1.025);
	transform: scale(1.025);
}

.form span.error {
	background: #b00606;
	border-radius: 0.3em 0 0.3em 0;
	color: #fff;
	font-size: 1.5em;
	font-weight: 400;
	font-size: calc(0.3125vw + 1em);
	padding: 0.2em 0.33em;
	position: absolute;
	right: 0;
	bottom: 0;
	letter-spacing: 0;
}

.buttons {
	font-size: 0.8em;
}

.btn {
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	margin-left: auto;
	margin-right: auto;

	/* width: 100%; */
	width: 194px;

	-webkit-transition: all 0.15s ease-out;
	-moz-transition: all 0.15s ease-out;
	-ms-transition: all 0.15s ease-out;
	-o-transition: all 0.15s ease-out;
	transition: all 0.15s ease-out;
}

.btn:active,
.btn:focus {
	outline: none;
}

.btn:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05);
	text-decoration: none;
}


.btn {
	font-family: "Lato-Regular", sans-serif;
	/* background: #E0081D; */
	/* border-radius: 0.4rem; */
	-webkit-box-shadow: 0 0.26em 0.08em -0.2em rgba(0, 0, 0, 0.5);
	box-shadow: 0 0.26em 0.08em -0.2em rgba(0, 0, 0, 0.5);
	font-size: 3em;
	color: #fff;

	/* font-size: 1.65em; */
	/* font-size: calc(0.25vw + 1.52em); */
	font-size: calc(0.25vw + 1.72em);

	/* font-weight: 600; */
	font-weight: 600;

	display: inline-block;

	/* padding: 0.25em 0.75em; */
	padding: 0.59em 1em;

	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;

	background: #DECC2E;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 5px;

}

.btn:focus,
.btn:active {
	outline: none;
}

.btn:active {
	opacity: 0.7;
}

.btn:hover {
	-webkit-transform: scale(1.025);
	-ms-transform: scale(1.025);
	transform: scale(1.025);
	-webkit-filter: contrast(1.1) brightness(1.1);
	filter: contrast(1.1) brightness(1.1);
	-webkit-box-shadow: 0 0.8em 0.25em -0.6em rgba(0, 0, 0, 0.5);
	box-shadow: 0 0.8em 0.25em -0.6em rgba(0, 0, 0, 0.5);
	cursor: pointer;
}


.btn:active {
	-webkit-transition: transform 0.1s linear, box-shadow 0.1s linear;
	-moz-transition: transform 0.1s linear, box-shadow 0.1s linear;
	-ms-transition: transform 0.1s linear, box-shadow 0.1s linear;
	-o-transition: transform 0.1s linear, box-shadow 0.1s linear;
	transition: transform 0.1s linear, box-shadow 0.1s linear;
	-webkit-transform: translateY(0.2em);
	-ms-transform: translateY(0.2em);
	-o-transform: translateY(0.2em);
	transform: translateY(0.2em);
	-webkit-box-shadow: 0 0.4em 0.125em -0.3em rgba(0, 0, 0, 0.75);
	box-shadow: 0 0.4em 0.125em -0.3em rgba(0, 0, 0, 0.75);
}



.form__field.invalid:focus,
.form__field.invalid {
	background-color: rgba(238, 0, 0, 0.3);
	outline: 1px dashed #f00;
}


/* Compromisos */

.compromiso h1, .compromiso h2 {
	max-width: 1007px;
	margin: 0 auto;
	text-align: center;
	color: #154D9A;
}

.compromiso h1 {
	font-family: "Lato Light", Arial, sans-serif;
	/* font-size: 6.356vw; */
	font-weight: 300;

	font-size: calc(1.25vw + 4.2em);
	/* font-size: 64px; */

}

.compromiso h2 {
	font-family: "Lato Bold", sans-serif;
	/* font-size: 2.383vw; */
	font-weight: 900;
	margin: .2em auto 1.5em;

	font-size: calc(0.65vw + 1.5em);
}

.compromisos {
	max-width: 1050px;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* justify-content: space-between; */
	justify-content: center;
	margin-left: auto;
	margin-right: auto;

	gap: 1em;

	/* max-width: 1130px; */
	/* max-width: 1293px; */
}

/* --------------------- */

.tarjeta {
	width: 195px;
	height: 190px;
	border-radius: 5px 5px 0px 0px;
	background: rgba(217, 217, 217, 0.2);
}

.tarjeta__top {
	width: 195px;
	height: 10px;
	border-radius: 5px 5px 0px 0px;
}

.tarjeta__encabezado {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
	padding: 8px 12px 0 0;
}

.tarjeta__encabezado p {
	font-family: "Lato Regular";
	font-weight: 600;
	font-size: 15px;
	text-align: right;
	line-height: 18px;
	letter-spacing: -0.005em;
	color: rgba(0, 0, 0, 0.4);
}

.tarjeta__encabezado h3 {
	font-family: "Lato Bold";
	/* font-weight: 900; */
	font-size: 18px;
	line-height: 24px;
	text-align: right;
	letter-spacing: -0.005em;
	text-transform: uppercase;
}

.tarjeta__encabezado .numero {
	font-family: "Lato Regular";
	/* font-style: italic; */
	font-weight: 900;
	font-size: 48px;
	line-height: 58px;
	margin-top: -5px;
}

.tarjeta__contenido {
	font-family: "Lato Regular";
	font-weight: 600;
	font-size: 13px;
	line-height: 15px;
	text-align: right;
	letter-spacing: -0.005em;
	padding: 0 12px 0 26px;
	color: rgba(0, 0, 0, 0.4);
}

.bg-gradient {
	background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.09) 50.52%) !important;
	/* background: linear-gradient(180deg, rgba(217, 217, 217, 0) 0%, rgba(217, 217, 217, 0.2) 50.52%) !important; */
}

.clt-1 {
	background-color: #D01E23;
}

.clt-2 {
	background-color: #E19314;
}

.clt-3 {
	background-color: #E0D439;
}

.clt-4 {
	background-color: #519F35;
}

.clt-5 {
	background-color: #539FCC;
}

.clt-6 {
	background-color: #0C6DA9;
}

.clt-7 {
	background-color: #9747FF;
}



.cl-1 {
	color: #D01E23;
}

.cl-2 {
	color: #E19314;
}

.cl-3 {
	color: #E0D439;
}

.cl-4 {
	color: #519F35;
}

.cl-5 {
	color: #539FCC;
}

.cl-6 {
	color: #0C6DA9;
}

.cl-7 {
	color: #9747FF;
}



/*  ==========================================================================
	FOOTER 
	========================================================================== */
.footer {
	/* padding: 2.5em 0; */
	padding: 5.5em 0;
	text-align: center;

	/* background-color: #F9F9F9; */
	background-color: #fff;
}

.logoCoope {
	display: inline-block;
	max-width: 100%;
}

.footer h2 {
	font-family: "Lato Bold", sans-serif;
	font-size: calc(0.65vw + 1.6em);
	font-weight: 900;
	color: #154D9A;
}

.footer .social {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 7rem;
	margin-top: 3em;
}

.footer .social .social__icono {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 1em;
}

.social__icono img {
	width: 28px;
}

.social__icono img:hover {
	filter: invert(28%) sepia(15%) saturate(5811%) hue-rotate(193deg) brightness(86%) contrast(99%);
}

.social a {
	font-family: 'Lato Regular';
	font-style: normal;
	font-weight: 500;
	font-size: 15px;
	line-height: 123%;
	/* or 18px */

	letter-spacing: 0.025em;
	color: #154D9A;
}

.social a:hover {
	text-decoration: underline;
}


.footer-copy {
	margin: 0 auto;
	/* width: 800px; */
	text-align: center;
	margin-top: 10em;
}

.footer-copyright {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	list-style: none;
	/* font-size: 16px; */
	line-height: 50px;
	vertical-align: top;
	text-decoration: none;
	/* font-family: Muli; */
}

.footer-copyright li {
	position: relative;
}

.footer-copyright li {
	display: inline-block;
	padding-right: 50px;
	padding-left: 38px;
	z-index: 1;
}

.footer-copyright li:before {
	content: "";
	/* height: 90px; */
	height: 70px;
	width: 1px;
	/* background-color: rgb(0 0 0 / 20%); */
	background-color: #154D9A;
	display: block;
	position: absolute;
	right: 0;
	top: -12px;
}

.footer-copyright li:last-child:before {
	content: unset;
}

.footer-copyright img {
	width: 200px;
}

.footer-copyright p {
	font-family: 'Lato Regular';
	font-style: normal;
	font-weight: 500;
	/* font-size: 22px; */
	font-size: 20px;
	line-height: 1.2;
	/* line-height: 103%; */
	/* or 21px */
	letter-spacing: 0.025em;
	color: #154D9A;
	text-align: start;
}


.footer-2 {
	display: flex;
	/* flex-direction: column; */
	flex-wrap: wrap;
	justify-content: center;
	align-items: center !important;
	row-gap: 5rem;
	margin-bottom: 4em;
}

.footer-2 div:nth-child(1), footer-2 div:nth-child(2) {
	width: 498px;
}

.footer-2 h2 {
	font-family: "Lato Bold", sans-serif;
	font-size: calc(0.65vw + 1.6em);
	font-weight: 900;
	color: #154D9A;
}

.footer-2 .social {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap: 2rem;
	row-gap: 1rem;

	margin-top: 3em;
}

.footer-2 .social__icono {
	width: 220px !important;
	display: flex;
	align-items: center;
}

.footer-2 .social__icono img {
	margin-left: 0;
	margin-right: 1rem;
}

.footer-2 .footer-copyright .pp {
	padding-right: 5px;
}

.footer-2 .footer-copyright p {
	font-family: 'Lato Regular';
	font-style: normal;
	font-weight: 500;
	/* font-size: 22px; */
	font-size: 16px;
	line-height: 1.2;
	/* line-height: 103%; */
	/* or 21px */
	letter-spacing: 0.025em;
	color: #154D9A;
}

.footer-2 .footer-pie {
	margin-top: 37px;
}

/*  Scroll To Top
  ========================================================================== */

.scrollToTop.active {
	bottom: 2rem;
	visibility: visible;
	opacity: 1;
	cursor: pointer;
}

.scrollToTop {
	width: 40px;
	height: 40px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	opacity: 0;
	z-index: 500;
	color: #FFF;
	/* background: rgba(0, 0, 0, .3); */
	background: #BEBEBE;
	transition: all .3s ease-in-out;
	cursor: auto;
}

.scrollToTop:hover {
	background: #154D9A;
}

.scrollToTop span {
	margin-top: 6px;
}

.showScrollTop {
	font-size: 14px;
	opacity: 1;
}

/* .btn-scrollToTop {
	margin: 0 5px 5px 0;
} */

.btn-scrollToTop {
	display: inline-block;
	padding: 6px 12px;
	font-weight: 400;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	touch-action: manipulation;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	/* border-radius: 4px; */
	border-radius: 50px;
}

.fa-chevron-up {
	/* color: #0C6DA9; */
	color: #fff;
}

/* Tamaño del icono de la flecha */
/* .fa {
	font: normal normal normal 15px/1 FontAwesome !important;
} */
.fa-chevron-up {
	font: normal normal normal 15px/1 FontAwesome !important;
}



/*  ==========================================================================
	Pagina En Villa Maria 
	========================================================================== */

.titulo-seccion {
	/* font-family: "Lato Bold", sans-serif; */
	font-family: "Lato Regular", sans-serif;
	font-size: calc(0.65vw + 1.5em);
	font-weight: 500;
	text-align: start;
	color: #154D9A;
	/* margin: 0.2em auto 1em; */
}

.border-bottom-red {
	border-bottom: 2px solid #E1291B;
	margin-top: 8px;
}

.border-bottom-blue {
	border-bottom: 2px solid #154D9A;
	margin-top: 8px;
}

/* ------------ */

/* .footer-copy {
	margin: 0 auto;
	text-align: center;
	margin-top: 10em;
} */

.como-comprar {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	/* flex-wrap: wrap; */
	list-style: none;
	/* font-size: 16px; */
	/* line-height: 150px; */
	/* vertical-align: top; */
	vertical-align: middle;
	text-decoration: none;
	/* font-family: Muli; */

	margin-top: 4rem;
}

.como-comprar li {
	position: relative;
}

.como-comprar li {
	display: inline-block;
	padding-right: 50px;
	padding-left: 50px;
	z-index: 1;
}

.como-comprar li:before {
	content: "";
	height: 290px;
	width: 1px;
	/* background-color: rgb(0 0 0 / 20%); */
	background-color: #154D9A;
	display: block;
	position: absolute;
	right: 0;
	top: 45px;
}

.como-comprar li:last-child:before {
	content: unset;
}

/* .como-comprar img {
	width: 250px;
} */


/* ----------- */

.fondo-llegada-top {
	background-image: url(../images/fondo-llegada-top.svg);
	background-size: contain;

	/* margin-top: -10px; */
}

.fondo-papeles-llegada {
	background-image: url(../images/fondo-papeles-llegada.png);
	background-size: cover;
	/* background-size: contain; */
	/* background-repeat: no-repeat; */
	background-position: center;
	background-position: center;


	margin-top: -10px;

	z-index: 2 !important;

	margin-bottom: 2.5rem;

}

/* .fondo-gris {
	background: linear-gradient(238.53deg, rgba(255, 255, 255, 0.8) 19.94%, rgba(240, 240, 240, 0.8) 86.8%) !important;
	z-index: 1 !important;
	width: 100% !important;
} */

#llegada-villa-maria {
	padding-top: 0;
	/* padding-bottom: 0; */

	margin-top: -10px;

	/* background: linear-gradient(238.53deg, #f0f0f0 19.94%, rgba(240, 240, 240, 0.9) 86.8%);
	box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); */

	padding-bottom: 5rem !important;

	margin-bottom: -70px;

	/* background: rgb(241, 241, 240);
	background: linear-gradient(45deg, rgba(241, 241, 240, 1) 20%, rgba(254, 254, 254, 1) 100%); */

	background: rgb(240, 240, 240);
	background: linear-gradient(45deg, rgba(240, 240, 240, 1) 0%, rgba(255, 255, 255, 1) 100%);
}

.llegada-contenido__propuestas .propuesta {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center !important;
}

.propuesta p {
	font-family: "Lato Regular", sans-serif !important;
	/* font-style: normal; */
	font-weight: 900 !important;
	font-size: 24px !important;
	line-height: 103% !important;

	text-align: center !important;
	letter-spacing: 0.025em !important;

	color: #E1291B !important;

	/* border: 3px solid #FFFFFF; */

	margin-top: 1rem;

}

.size-propuesta {
	width: 91px;
}

.llegada-contenido {
	display: flex;
	justify-content: center;
	align-items: center;

	column-gap: 5rem;
}

.top-llegada {
	margin-top: 11rem;
}

.llegada-contenido p {
	font-family: "Lato Regular", sans-serif;
	font-size: 24px;
	line-height: 120.5%;
	font-weight: 500;
	color: #154D9A;

	text-align: right;
}


.llegada-contenido .texto-primario {
	max-width: 223px;
}

.llegada-contenido .texto-secundario {
	width: 223px;
}


.llegada-contenido__titulo {
	margin-top: 4rem;
	margin-bottom: 4rem;
}

.llegada-contenido__propuestas {
	/* width: 706px; */
	max-width: 624px;

	display: flex;
	column-gap: 2rem;
}

.flecha-propuestas {
	position: relative;
	top: 12px;
	left: 180px;

	width: 31.62px;
}


.los-esperamos h3 {
	font-family: "Lato Light", sans-serif;
	font-size: 55px;
	line-height: 117.5%;
	letter-spacing: 0.005em;
	font-weight: 300;
	color: #154D9A;
}

.los-esperamos p {
	font-family: 'Lato Regular';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 19px;
	/* or 79% */

	text-align: right;
	letter-spacing: 0.015em;

	color: #70A8DB;

	margin-top: 1rem;
}

.subrayado-amarillo {
	position: relative;
	top: 10px;
	left: 675px;
}

/* ----------------------- */

.nueva-sucursal-tarjetas {
	/* max-width: 1050px !important; */

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* justify-content: space-between; */
	justify-content: center;
	/* justify-content: start; */
	margin-left: auto;
	margin-right: auto;

	gap: 1.2em;

	margin-top: 4rem;
}

/* .nueva-sucursal-tarjetas img {
	width: 210px;
} */

.nueva-sucursal-tarjetas li {
	width: 195px;
}

.nueva-sucursal-tarjetas-2 {
	display: grid;

	/* width: 100%;
	grid-template-rows: repeat(3, minmax(150px, min-content));
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	grid-auto-rows: 150px; */
	max-width: 1012px !important;
	justify-content: center;
	align-content: center;
	grid-template-rows: repeat(3, minmax(150px, min-content));
	grid-template-columns: repeat(4, 220px);
	/* grid-auto-rows: 150px; */
	margin-top: 4rem;

}

/* .nueva-sucursal-tarjetas-2 li img {
	width: 100%;
} */

.card-shadow {
	/* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1); */

	box-shadow: 0 1px -3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.card-shadow:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

#miCoope {
	padding-bottom: 0;
}

#sucursal-carousel {
	padding-bottom: 0;
}

#sucursal-carousel h2 {
	/* display: inline-block; */
	width: 271px;
	font-family: "Lato Bold", sans-serif;
	/* font-size: calc(0.65vw + 1.5em); */
	font-size: 20px;
	font-weight: 900;
	background-color: #154D9A;
	color: #fff;

	padding: .5rem .8rem;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	text-align: center;

	/* margin-left: 100px; */

	margin: 0 auto;

	position: relative;
	bottom: -30px;
	z-index: 9;

	/* margin-bottom: -30px; */
	/* z-index: 9 !important; */

}

/* .carousel-sucursal {
	z-index: -1;
} */

#villa-maria {
	padding-bottom: 0;
}

#coope-en-casa, #coope-hogar {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: -4px;
}



/*  ==========================================================================
	Pagina Economía familiar
	========================================================================== */


#canasta-familiar {
	padding-top: 0;
}

#promociones-vigentes {
	padding-top: 1rem;
}

.titulo-ecnomia-familiar {
	text-align: center;
	color: #E1291B;
	margin-bottom: -3rem;
}

.titulo-ecnomia-familiar h2:nth-child(1) {
	font-family: "Lato Light", sans-serif;
	font-size: calc(0.65vw + 2em);
	font-weight: 500;
	margin-bottom: 1rem;
}

.titulo-ecnomia-familiar h2:nth-child(2) {
	font-family: "Lato Regular", sans-serif;
	/* font-size: calc(0.65vw + 3.9em); */
	font-size: calc(0.65vw + 3.6em);
	font-weight: 500;
}

.canasta-familiar {
	display: flex;
	justify-content: flex-start;
	text-align: start;
	align-items: center;
	/* gap: 1rem; */
}

.canasta-familiar .titulo {
	width: 100%;
	margin-left: 2.5rem;
}

.canasta-familiar img {
	width: 40px;
}

.canasta-familiar img:hover {
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}


.canasta-familiar .titulo h2 {
	font-family: "Lato Bold", sans-serif;
	font-size: calc(0.65vw + 1.5em);
	font-weight: 900;
	text-align: start;
	color: #fff;
}

.nuestras-marcas {
	/* max-width: 1050px !important; */

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* justify-content: space-between; */
	justify-content: center;
	margin-left: auto;
	margin-right: auto;

	gap: .9em;

	margin-top: 4rem;
}

.nuestras-marcas li img {
	/* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.15)); */

	border-top-right-radius: 15px;
	border-top-left-radius: 15px;

	border-bottom: 1px solid #999;
}

.nueva-sucursal-tarjetas-2 li img {
	border-top-right-radius: 15px;

}

.nuestras-ofertas {
	/* max-width: 1050px !important; */

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* justify-content: center; */
	justify-content: space-around;
	margin-left: auto;
	margin-right: auto;

	column-gap: 8em;
	row-gap: 6em;

	margin-top: 4rem;
	margin-bottom: 2rem;
}

.nuestras-ofertas .oferta {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	/* align-items: flex-start; */
	gap: 1rem;
}

.nuestras-ofertas .oferta p {
	font-family: "Lato Regular", sans-serif;
	color: #154D9A;
	font-size: calc(0.65vw + .7em);
	/* line-height: 1.2; */

	/* width: 176px; */
	width: 170px;
	margin-left: 24px;

	line-height: 135%;
	/* or 19px */

	/* hanging-punctuation: first last; */
}

.ofertas__imagen {
	width: 194px;
}


/* Card effect */

.card__effect {
	transition: transform 0.5s;
}

.card__effect::after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 2s cubic-bezier(0.165, 0.84, 0.44, 1);
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.15);
	content: "";
	opacity: 0;
	z-index: -1;
}

.card__effect:hover,
.card__effect:focus {
	transform: scale3d(1.006, 1.006, 1);
}

.card__effect:hover::after {
	opacity: 1;
}

.card__effect:focus::after {
	opacity: 1;
}

/* ------------------------ */


.beneficios-coopeplus .titulo {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.beneficios-coopeplus .titulo h2 {
	/* font-family: "Lato Bold", sans-serif; */
	font-family: "Lato Regular", sans-serif;
	font-size: calc(0.65vw + 1.5em);
	/* font-weight: 900; */
	font-weight: 500;
	text-align: start;
	color: #154D9A;
	height: 39px;
}

.beneficios-coopeplus .titulo div {
	margin-bottom: -5px;
}

.beneficios-coopeplus .border-bottom-red {
	margin-top: -8px;
}

.beneficios-coopeplus-tarjetas {
	/* max-width: 1050px !important; */

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* justify-content: space-between; */
	/* justify-content: center; */
	justify-content: start;
	margin-left: auto;
	margin-right: auto;

	gap: 1.2em;

	margin-top: 4rem;
}

/* .coopeplus-07 {
	margin-left: 37px;
} */

.coopeplus-09 {
	width: 334px !important;
	height: 70px !important;
}

.coopeplus-09-hover {
	width: 360px !important;
}

.imghvr-fade-3 figcaption {
	opacity: 0;

	transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-webkit-transition: opacity 1s ease-in-out;
}

.imghvr-fade-3:hover>img {
	opacity: 0;

	transition: opacity 1.5s ease-in-out;
	-moz-transition: opacity 1.5s ease-in-out;
	-webkit-transition: opacity 1.5s ease-in-out;
}

.imghvr-fade-3:hover figcaption {
	opacity: 1;

	transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-webkit-transition: opacity 0.5s ease-in-out;
}

.imghvr-fade-4 figcaption {
	opacity: 0;

	transition: opacity .4s ease-in-out;
	-moz-transition: opacity .4s ease-in-out;
	-webkit-transition: opacity .4s ease-in-out;
}

.imghvr-fade-4:hover>img {
	opacity: 0;

	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.imghvr-fade-4:hover figcaption {
	opacity: 1;

	transition: opacity .5s ease-in-out;
	-moz-transition: opacity .5s ease-in-out;
	-webkit-transition: opacity .5s ease-in-out;
}

.canasta-familiar-contenido {
	display: flex;
	justify-content: center;
	gap: 4rem;
	margin-top: 40px;
}


.canasta-familiar-info {
	display: flex;
	justify-content: center;
}

/* .fondo-clip-path-azul {
	height: 300px;
} */

/* .canasta-familiar-info figure {
	bottom: -10px;
} */

.canasta-familiar-info p {
	font-family: "Lato Regular", sans-serif;
	color: #fff;
	font-size: calc(0.65vw + .7em);
	line-height: 1.3;
	width: 176px;

	margin-left: -18px;
	margin-top: 31px;
}

.informativo__imagen-2 img {
	width: 295px !important;
}

/* .informativo__imagen-3 img {
		width: 295px !important;
	} */

/* .canasta-familiar-info .informativo__imagen {
	width: 100% !important;
} */

.promo-botones-secundarios {
	display: flex;
	justify-content: start;
	column-gap: 10rem;

	position: relative;
	top: -89px;

}

.banner-taragui_desktop {
	display: block;
	width: 100%;

	margin-top: 3rem;
}

#promociones-vigentes {
	/* padding-top: 0; */
	padding-bottom: 0;
}

#financiacion {
	padding-top: 0;
}

.financiacion-tarjetas {
	/* max-width: 1050px !important; */

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	/* justify-content: space-between; */
	justify-content: center;
	/* justify-content: start; */
	margin-left: auto;
	margin-right: auto;

	/* column-gap: 5rem; */
	column-gap: 4rem;
	/* row-gap: 1rem; */
	/* gap: 2em; */

	margin-top: 4rem;
}

.financiacion-tarjetas_mobile {

	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.5rem;

	margin-top: 4rem;

}

.tarjetas-ocultas {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: center !important;
	gap: 1.5rem !important;
}

.financiacion-parrafo_mbile {
	margin-top: 2em;
	margin-bottom: 2em;
}


.financiacion-parrafo_mbile p {
	font-family: "Lato Regular", sans-serif;
	font-size: calc(0.365vw + .75em);
	/* font-size: 12px; */
	text-align: end !important;
	line-height: 1.2;
	color: #154D9A;

	font-size: 9px;
	line-height: 14px;
}

.cftna {
	display: flex;
	justify-content: flex-end;
	gap: 2rem;

	margin-top: 2.5rem;
}

.cftna div {
	width: 397px;
}

.cftna div p {
	font-family: "Lato Regular", sans-serif;
	font-size: calc(0.365vw + .75em);
	/* font-size: 12px; */
	text-align: end;
	line-height: 1.2;
	color: #154D9A;
}

.titulo-referencia {
	font-family: "Lato Regular", sans-serif;
	/* font-size: calc(0.65vw + 3.9em); */
	font-size: 10px;
	font-weight: 400;
	color: #154D9A;

	/* width: 798px; */
	max-width: 1011px;
	margin: -2em auto 5em auto;

}



/*  ==========================================================================
	SERVICIOS
	========================================================================== */

.titulo-servicios {
	text-align: center;
	color: #E1291B;
	margin-bottom: -3rem;
}

.titulo-servicios h2:nth-child(1) {
	font-family: "Lato Regular", sans-serif;
	font-size: calc(0.65vw + 3.9em);
	font-weight: 500;
	margin-bottom: 1rem;
}

.titulo-servicios h2:nth-child(2) {
	font-family: "Lato Light", sans-serif;
	font-size: calc(0.65vw + 2em);
	font-weight: 500;
}

#educacion-cultura, #medio-ambiente, #comunidad, #redondeo-solidario {
	padding-top: 0;
}

.servicios {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	justify-content: center;
}

.profile {
	/* background-color: var(--primary-bg); */
	border-radius: 8px 8px 0 0;
	/* height: 175px; */
	height: 213px;
	/* width: 350px; */
	width: 195px;
	/* width: 190px; */
	position: relative;
	overflow: hidden;
	transition: height 0.2s ease;

	/* */
	display: inline-block;
	margin: 8px 0;
	vertical-align: top;

	/* margin-bottom: -30px; */
}

.profile:hover {
	cursor: pointer;
}

.profile.profile--expanded {
	/* height: 240px; */
	height: 280px !important;
	/* animation: expand 0.5s ease; */
}

.profile__banner {
	display: block;
	height: 75px;
	width: 100%;
	/* background: linear-gradient(238.53deg, #FFFFFF 19.94%, #F0F0F0 86.8%); */
	background: linear-gradient(-238.53deg, #FFFFFF 19.94%, #F0F0F0 86.8%);
	/* border-radius: 0px 0px 15px 15px; */
	border-radius: 15px 15px 0px 0px;
	/* transform: rotate(180deg); */
	border-top-right-radius: inherit;
	border-top-left-radius: inherit;
}

.profile-title {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 26px 24px;
	gap: 20px;
}

.profile-title img {
	width: 37.5px;
}

.profile-title p {
	font-family: "Lato Regular", sans-serif;
	font-weight: 800;
	font-size: 14px;
	line-height: 123.5%;
	/* or 17px */
	text-transform: capitalize;
	color: #244995;

	/* height: 100px; */

}


.profile-boxcolor {
	height: 40px;
	background: linear-gradient(238.53deg, #154D9A 19.94%, #70A8DB 86.8%);
	/* box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.15); */
}

.profile-boxcolor-2 {
	height: 40px;
	background: linear-gradient(238.53deg, #519F35 19.94%, #94C34C 86.8%);
}

.profile-boxcolor-3 {
	height: 40px;
	background: linear-gradient(238.53deg, #E19314 19.94%, #FBC50C 86.8%);
}

.profile-boxcolor-4 {
	height: 40px;
	background: linear-gradient(238.53deg, #D01F24 19.94%, #E1291B 86.8%);
}

.profile-boxcolor-5 {
	height: 40px;
	background: linear-gradient(238.53deg, #A9A8A8 19.94%, #D9D9D9 86.8%);
}

.profile__data {
	opacity: 0;
}

/* .profile--unexpanded>.profile__data, .profile--expanded>.profile__data { */
.profile--unexpanded>.profile__data, .profile--expanded>.profile__data {
	width: 100%;
	text-align: center;
	padding-top: inherit;
	/* height: 66px; */
	height: 138px;
	position: absolute;
	/* top: 168px; */

	/* top: 75px; */

	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;

	/* width: 195px; */

	/* background: linear-gradient(238.53deg, #154D9A 19.94%, #70A8DB 86.8%); */
	background: linear-gradient(278.53deg, #154D9A 19.94%, #70A8DB 86.8%);
	/* box-shadow: inset 0px 4px 4px rgba(0, 0, 0, 0.15); */
}

.data-bgColor1 {
	display: flex;
	flex-direction: column;
	background: linear-gradient(278.53deg, #154D9A 19.94%, #70A8DB 86.8%);
}


.data-bgColor2 {
	display: flex;
	flex-direction: column;
	background: linear-gradient(278.53deg, #519F35 19.94%, #94C34C 86.8%) !important;
}

.data-bgColor2 a {
	display: inline-block;
	align-self: flex-end;

	font-family: "Lato Regular";
	font-weight: 600;
	border-radius: 5px;
	background: linear-gradient(238.53deg, #FFFFFF 19.94%, #F0F0F0 86.8%);
	color: #519F35;
	font-size: 12px;
	padding: 3px;

	/* margin-right: 6px; */
	margin-right: 9px;
	margin-bottom: -22px;
	margin-top: -26px;
}

.data-bgColor3 {
	display: flex;
	flex-direction: column;
	background: linear-gradient(278.53deg, #E19314 19.94%, #FBC50C 86.8%) !important;
}

.data-bgColor4 {
	display: flex;
	flex-direction: column;
	background: linear-gradient(278.53deg, #D01F24 19.94%, #E1291B 86.8%) !important;
}

.data-bgColor5 {
	display: flex;
	flex-direction: column;
	background: linear-gradient(278.53deg, #A9A8A8 19.94%, #D9D9D9 86.8%) !important;
}

.icono-celular {
	width: 23px !important;
}

.btn-menos {
	display: inline-block;
	align-self: flex-end;

	font-family: "Lato Regular";
	font-weight: 600;
	border-radius: 5px;
	background: linear-gradient(238.53deg, #FFFFFF 19.94%, #F0F0F0 86.8%);
	color: #519F35;
	font-size: 18px;
	padding: 2px 8px 4px 8px;

	margin-right: 10px;
	margin-bottom: 16px;
}


.profile--unexpanded>.profile__data {
	opacity: 0;
	animation: unreveal 0.2s ease;

}

.profile--expanded>.profile__data {
	opacity: 1;
	/* animation: reveal 0.7s ease; */

	padding: 5px 17px 0 17px;
	color: #fff;

	font-family: "Lato Regular", sans-serif;
	font-weight: 500;
	font-size: 12px;
	line-height: 14px;

	text-align: center;

	padding-left: 0;
	padding-right: 0;

}

.texto-info {
	position: relative;
	z-index: 1 !important;
	text-align: center;

	font-family: "Lato Regular", sans-serif;
	font-weight: 600;
	font-size: 14px;
	display: inline-block;
	background-color: #fff;
	padding: 3px 6px;
	border-radius: 5px;
	margin-left: 165px;
	margin-top: 11px;
	/* color: blue; */
}

.texto-parrafo {
	position: relative;
	z-index: 99999 !important;
	margin-top: -45px;
	padding: 17px;
}



@keyframes reveal {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

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

@keyframes unreveal {
	0% {
		opacity: 1;
		transform: translateY(0);
	}

	100% {
		opacity: 0;
		transform: translateY(-20px);
	}
}

@keyframes expand {
	0% {
		height: 180px;
	}

	100% {
		height: 240px;
	}
}

@keyframes unexpand {
	0% {
		height: 240px;
	}

	100% {
		height: 180px;
	}
}

/* -------------------------- */

.miCoope-app {
	display: block;
	text-align: center;
}

.miCoope-app .texto {
	font-family: "Lato Regular", sans-serif;
	font-weight: 500;
	font-size: 21px;
}

.miCoope-app a {
	font-family: "Lato Regular", sans-serif;
	font-weight: 500;
	/* font-style: normal !important; */
	color: #244995;
}

/* .miCoope-app a:hover {
	text-decoration: underline;
} */

.miCoope-app img {
	position: relative;
	width: 25px;
	top: 4px;
}


.btn-proyecto-propuestas {
	display: flex;
	/* flex-wrap: wrap; */

	justify-content: center;
	align-items: center;

	column-gap: 15rem;

	/* margin-top: 5rem; */
}

.boton-cultura {
	position: relative;
	top: 35px;
}


.btn-contenedor {
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.btn-contenido {
	display: flex;
	justify-content: center;
	align-items: center;
}

.btn-contenido p {
	font-family: "Lato Regular";
	/* font-weight: 600; */
	font-size: 14px;
	line-height: 19px;
	color: #000;

	margin-left: 31px;
}

.btn-contenido img {
	position: relative;
	top: 10px;
	left: -40px;
}


.social-cultura {
	display: flex;
	justify-content: center;
	column-gap: 12rem;

	margin-top: 2.5rem;
}

.social-cultura_btn {
	display: flex;
	align-items: center;
	column-gap: 1rem;

	font-family: "Lato Regular", sans-serif;
	font-weight: 500;
	font-size: 20px;
	line-height: 123%;
	color: #154D9A;

	margin-top: 4rem;
}

.flecha__roja-cultura {
	margin-left: -4rem;
	margin-right: -9rem;
}


/* .main .container {
	position: relative;
	z-index: 10;
} */


/* Pop Up */

.wrapper-container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 4rem;

	padding-top: 2rem;
	padding-bottom: 7rem;

	background-image: url(../images/fondo-gris.png);
	background-size: contain;
}



#video-popup-container {
	display: none;
	position: fixed;
	z-index: 996;
	/* width: 60%; */
	/* width: 100%; */
	width: 1440px;
	/* width: 120px; */

	/* top: 20%; */
	/* transform: translate(27.3%, 20%); */
	top: 32%;
	transform: translate(27.3%, 32%);



	z-index: 99999999999 !important;

}

#video-popup-close {
	position: fixed;
	/* top: 1%; */
	/* right: 1.5%; */

	/* top: 50%; */
	/* right: 52%; */

	top: 65%;
	right: 51%;

	font-size: 32px;

	/* width: 130px; */
	z-index: 130;
}

#video-popup-close a {
	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;

	color: #ddd;

}

.fa-times {
	/* margin-top: -110px */
	/* margin-top: -190px !important; */
	position: relative;
	top: -58px;

	font-size: 38px !important;
}

/* Video Youtube ENCONTRAR LA MANERA PARA QUE QUEDE EN EL CENTRO DE LA PANTALLA*/
#video-popup-iframe-container {
	position: absolute;
	z-index: 997;
	/* width: 100%; */
	/* padding-bottom: 56.25%; */
	/* border: 2px solid #000; */
	border-radius: 2px;
	/* background-color: #000; */


	/* width: 400px; */
	/* height: 225px; */
	width: 650px;
	height: 365px;
	/* height: 100%; */


	/* top: 50%;
	left: 50%;
	transform: translate(-50%, 50%); */

	/* z-index: 99999999999 !important; */


}

#video-popup-iframe {
	z-index: 999;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #000;

	/* z-index: 9999999 !important; */

}

/* Background */
#video-popup-overlay {
	display: none;
	position: fixed;
	z-index: 995;
	top: 0;
	background-color: #000;
	opacity: 0.8;
	width: 100%;
	height: 100%;

	/* NUEVO */
	/* background: linear-gradient(to right, #333, #171717); */

	-webkit-transition: all 0.25s;
	-moz-transition: all 0.25s;
	-ms-transition: all 0.25s;
	-o-transition: all 0.25s;
	transition: all 0.25s;
	/*  */

}

/*  ==========================================================================
	Pagina Asociate 
	========================================================================== */

.fondo-asociate-principal {
	background: rgb(0, 81, 158);
}

.fondo-asociate-secundario {
	background: rgb(0, 81, 158);
	background: linear-gradient(180deg, rgba(0, 81, 158, 1) 0%, rgba(0, 147, 215, 1) 100%);
}

.titulo-referencia-asociate, .titulo-referencia-asociate a {
	font-family: "Lato Regular", sans-serif;
	font-size: 10px;
	font-weight: 400;
	color: #fff;

	max-width: 1011px;
	/* margin: -2em auto 5em auto; */

}

.titulo-referencia-asociate {
	position: absolute;
	top: 100px;
	left: 234px;
}

.banderines {
	display: flex;
	flex-wrap: nowrap;

	justify-content: center;
	align-items: flex-start;

	margin-top: 34px;
}

.banderines img {
	/* display: inline-block; */
	margin: 0 !important;
	max-width: 100% !important;

}

.encabezado-contenido {
	max-width: 804px;
	margin: 0 auto;
}

.encabezado-titulo {
	font-family: "VAG-Rounded", sans-serif;
	font-weight: 700;
	font-weight: bold;
	font-size: 77px;
	line-height: 76.5px;
	letter-spacing: 0.02em;
	text-transform: uppercase;

	text-align: start;

	color: #F0CA15;

	text-shadow: -4px 4px 2px #003870;
}

.encabezado-titulo .sub-titulo {
	text-transform: none;
	font-size: 64px;
	font-weight: 700;

	line-height: 73.5px;
	letter-spacing: 0.04em;

	color: #FFFFFF;
}

.cl-white {
	color: #fff;
}

.cl-yellow {
	color: #F0CA15;
}


.encabezado-premios {
	display: inline-block;

	font-family: "VAG-Rounded", sans-serif;
	font-weight: 700;
	font-size: 40.1553px;
	line-height: 48px;
	letter-spacing: 0.015em;
	text-transform: lowercase;
	text-align: center;


	color: #FFFFFF;

	text-shadow: -2.88695px 2.88695px 1.44347px rgba(0, 0, 0, 0.25);

	background: #E12911;
	border-radius: 20.3757px;
	/* border-radius: 50px; */

	/* padding: 8px 50px; */
	padding: 2px 0;

	margin-top: 2rem;

	position: relative;
}

.ganar-premios {
	margin-top: 1.5rem;
}

.calendario {
	text-align: center;
}

#encabezado-asociate {
	padding-bottom: 0;
}

.sorteo-titulo {
	font-family: "VAG-Rounded", sans-serif;
	font-weight: 900;
	font-size: 24px;
	color: #FCFCFC;
	text-shadow: -2.65098px 2.65098px 1.32549px #003870;

	position: relative;
	max-width: 808px;
	margin-bottom: 8px !important;
	/* left: 400px; */
	margin: 0 auto;

	position: relative;
	left: 83px;
}

.linea-gris {
	max-width: 808px;
	margin: 0 auto;
	border: 1.5px solid #FFFFFF;

}

.afiche {
	display: flex;
	justify-content: space-between;
}

.afiche .papeles {
	margin: 0;
}

.afiche-contenido {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 808px;

	margin-top: -15px;
}

.afiche-contenido .titulo {
	width: 379px;
	margin: 0 auto;
	/* text-align: center; */

	/* position: relative; */
	/* left: 18%; */
}

.afiche-contenido .titulo p:nth-child(1) {
	font-family: "Lato Bold";
	font-weight: 700;
	font-size: 50px;
	line-height: 36px;
	/* or 72% */


	color: #F0CA15;

	text-shadow: -3.13649px 3.13649px 1.56824px #003870;
	position: relative;
	left: 63px;
}

.afiche-contenido .titulo p:nth-child(2) {
	font-family: "Lato Light";
	font-weight: 300;
	font-size: 50px;
	font-size: 50px;
	line-height: 58px;

	color: #FFFFFF;

	text-shadow: -3.13649px 3.13649px 1.56824px #003870;

	margin-top: 15px;
	position: relative;
	left: 63px;
}

.afiche-contenido img {
	position: relative;
	left: 50px;
}

#premios-asociate {
	padding-top: 0;
}

.premios {
	position: relative;
	/* max-width: 808px; */
	max-width: 847px;

	display: flex;
	justify-content: center;
	align-items: end;
	flex-flow: row wrap;

	margin-left: auto;
	margin-right: auto;

	/* column-gap: 2em; */
	row-gap: 2em;

	/* margin-top: 4rem; */
	/* margin-bottom: 2rem; */

	left: 22px
}



.ultimos-premios {
	display: flex;
	column-gap: 3rem;
}

.asociate-contenedor {
	display: flex;
	justify-content: space-between;
}

.asociate-contenedor .papeles {
	margin: 0;
}

.asociate-contenido {
	display: flex;
	flex-direction: column;
	align-items: center;

	padding-bottom: 8rem;
}

.btn-asociate {
	margin-top: 5rem;
}

.asociate-contenido .botones-secundarios {
	display: flex;
	justify-content: center;

	column-gap: 2rem;

	margin-top: 3rem;
}

.btn-ganadores {
	display: flex;
	justify-content: end;
	margin-top: 2rem;
}

.btn-ganadores p {
	font-family: "Lato Light";
	font-weight: 500;
	font-size: 15px;
	line-height: 135%;

	text-align: right;

	hanging-punctuation: first last;

	list-style-position: outside;
	padding: 0;

	color: #FFFFFF;

	margin-right: 1rem;
}

.btn-ganadores img {
	margin: 0;
	position: relative;
	top: -7px;
}

.ecobolsa-titulo {
	font-family: "Lato Light";
	font-weight: 500;
	font-size: 24px;
	line-height: 76.5%;
	/* or 18px */

	/* hanging-punctuation is currently only supported in Safari. */

	hanging-punctuation: first last;
	/* For hanging lists, 0 padding should be applied to the <ul> element. */

	list-style-position: outside;
	padding: 0;

	color: #FFFFFF;
	max-width: 808px;
	margin-bottom: 8px !important;
	margin: 0 auto;
}

.linea-gris-2 {
	max-width: 808px;
	margin: 0 auto;
	border: 1px solid #FFFFFF;
}

.ecobolsa-contenido {
	max-width: 808px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}

.ecobolsa-contenido h2 {
	font-family: "Lato Regular";
	font-weight: 400;
	font-size: 79.7009px;
	/* font-size: 74.7009px; */
	/* line-height: 144%; */
	line-height: 116%;
	hanging-punctuation: first last;
	list-style-position: outside;
	padding: 0;

	color: #FFFFFF;

	text-shadow: 0px 3.88785px 3.88785px #004899;

	margin-top: 2rem;
	margin-bottom: 4rem;

	position: relative;
	width: 500px;
	left: 98px;

}

.ecobolsa-contenido p {
	font-family: "Inter";
	font-weight: 400;
	font-size: 15px;
	line-height: 18px;

	color: #FFFFFF;

	position: relative;
	width: 396px;
	left: 98px;
}

.ecobolsa-contenido img {
	position: relative;
	top: -63px;
	left: 29px;
}

#ecobolsa {
	padding-top: 0;
}

#premios-asociate {
	padding-bottom: 0;
}

.shadow {
	position: relative;
	top: 40px;
	box-shadow: 0px 5px 4px rgba(0, 0, 0, 0.25) !important;

}


/* Animacion PREMIO */

.menu-items, .menu-items-2, .menu-items-3, .menu-items-4 {
	position: relative;
	top: -258px;
	margin-left: 43px;
	padding: 20px;
	z-index: 1;
}

.menu-items-5, .menu-items-6, .menu-items-7, .menu-items-8 {
	position: relative;
	top: -285px;
	margin-left: 43px;
	padding: 20px;
	z-index: 1;
}

.menu-items-9, .menu-items-10 {
	position: relative;
	top: -271px;
	margin-left: 43px;
	padding: 20px;
	z-index: 1;
}

/* .slide {
	overflow: hidden;
} */

.item-span {
	flex: 0 1 auto;
	list-style-type: none;
	padding: 4px 5px 4px 22px;

	background-color: red;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;

}

.item-span-1 {
	margin-left: -34px;
	margin-right: 32px;
}

.item-span-2 {
	margin-left: -14px;
	margin-right: 32px;
}

.item-span-3 {
	margin-left: -18px;
	margin-right: 32px;
}

.item-span-4 {
	margin-left: -18px;
	margin-right: 32px;
}

.item-span-5 {
	margin-left: -18px;
	margin-right: 32px;
}

.item-span-6 {
	margin-left: -27px;
	margin-right: 32px;
}

.item-span-7 {
	margin-left: -27px;
	margin-right: 32px;
}

.item-span-8 {
	margin-left: -18px;
	margin-right: 32px;
}

.item-span-9 {
	margin-left: -18px;
	margin-right: 32px;
}

.item-span-10 {
	margin-left: -18px;
	margin-right: 32px;
}


.menu-producto a {
	color: #fff;
	text-decoration: none;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Lato Regular", sans-serif;
	cursor: default;
}

.just-a-menu-icon, .just-a-menu-icon-2, .just-a-menu-icon-3, .just-a-menu-icon-4, .just-a-menu-icon-5, .just-a-menu-icon-6, .just-a-menu-icon-7, .just-a-menu-icon-8, .just-a-menu-icon-9, .just-a-menu-icon-10 {
	position: relative;
	top: 66px;
}

.nro-premio, .nro-premio-2, .nro-premio-3, .nro-premio-4, .nro-premio-5, .nro-premio-6, .nro-premio-7, .nro-premio-8, .nro-premio-9, .nro-premio-10 {
	position: absolute;
	left: -25px;
	z-index: 2;
}

.nro-premio-2 {
	top: -121px;
	left: -5px;
}

.nro-premio-3 {
	top: -95px;
	left: -11px;
}

.nro-premio-4 {
	top: -115px;
	left: -11px;
}

.nro-premio-5 {
	top: -109px;
	left: -15px;
}

.nro-premio-6 {
	top: -64px;
	left: -24px;
}

.nro-premio-7 {
	top: -39px;
	left: -27px;
}

.nro-premio-8 {
	top: -110px;
	left: -14px;
}

.nro-premio-9 {
	top: -95px;
	left: -11px;
}

.nro-premio-10 {
	top: -95px;
	left: -11px;
}



.ml-2 {
	margin-left: 2rem;
}

#productos-premios {
	padding-top: 0;
}

#sorteo-asociate {
	padding-bottom: 0;
}

/* -------------------------------------------------- */


/*  ==========================================================================
	MEDIA QUERIES 
	========================================================================== */

/* @media (min-width:960px) { */
@media (min-width:992px) {
	.mobile {
		display: none !important
	}
}

/* @media (max-width:959px) { */
@media (max-width:991px) {
	.desktop {
		display: none !important
	}
}

@-ms-viewport {
	width: device-width;
}

@media only screen and (min-width:1921px) {
	.main {
		-webkit-background-size: 100% auto;
		-moz-background-size: 100% auto;
		-o-background-size: 100% auto;
		background-size: 100% auto;
	}
}

@media only screen and (min-width:1450px) {
	.icono-reloj {
		margin-left: 150px;
	}
}

@media only screen and (min-width:1300px) {
	.header .container {
		width: 1300px;
	}

	.introText p .bgCeleste {
		font-size: 1.38em;
	}

	.introText p .bgAmarillo {
		font-size: 1.05em;
	}

}

@media only screen and (max-width:1299px) {
	.logo {
		margin-top: 0.5em;
		margin-left: 1em;
		max-width: 200px;
	}

	.img-portada {
		margin-top: .8rem;
	}

	.container {
		/* width: 960px; */
		width: 1012px;
	}

	.navbar {
		font-size: 0.95em;
		width: 100%;
	}

	.navbar a+a {
		/* margin-left: 1.5em; */
		margin-left: .5em;
	}

	.intro {
		font-size: 0.85em;
	}

	.wuling .img-slide {
		margin-top: 73px;
	}

	/* .barra-colores-top {
		margin-top: -.4em;
	} */

}

@media only screen and (max-width:1210px) {
	.container-te-esperamos {
		/* max-width: 1150px; */
		/* max-width: 1200px; */
		/* width: 50%; */
		margin: 0 auto;
	}

	.promo-botones-secundarios {
		display: flex;
		justify-content: start;
		column-gap: 1rem;

		position: relative;
		top: -84px;
		left: 29px;
	}

	.te-esperamos .te-esperamos__izq p:nth-child(1) {
		font-size: calc(1.25vw + 3.5em);
	}

	.te-esperamos .te-esperamos__izq p:nth-child(2) {
		font-size: calc(1.25vw + 5em);
	}

	.te-esperamos .te-esperamos__der p {
		font-size: calc(1.25vw + 5em);
	}

	.te-esperamos-pie {
		font-size: calc(0.65vw + 2.5em);
	}

	.icono-ubicacion {
		width: 20px;
		height: 20px;
	}

	.icono-flecha-puntos {
		display: inline;
		width: 35px;
		height: 35px;
		margin-top: -60px;
	}

	.counter h4 {
		font-size: 3em;
		margin-top: -72px;
	}

	#clockdiv div>small {
		font-size: 1em;
	}

	#clockdiv div>strong {
		margin-left: 34px;
	}

	#clockdiv div>small {
		margin-left: 36px;
	}
}

@media screen and (max-width:1149px) {
	.navbar a+a {
		/* margin-left: 1.6em; */
		margin-left: .1em;
	}

	.promo-botones-secundarios {
		display: flex;
		justify-content: start;
		column-gap: 1rem;

		position: relative;
		top: -67px;
		left: 41px;

	}
}

@media screen and (max-width:1079px) {
	.navbar a+a {
		margin-left: 0.8em;
	}
}

@media screen and (min-width:992px) {

	.header,
	.navbar {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: stretch;
	}

	.logo,
	.navbar {
		flex: 0 1 auto;
	}

	.navbar a {
		flex: 0 1 auto;
		display: flex;
		flex-flow: column nowrap;
		/* justify-content: center; */
		justify-content: end;
		align-items: center;

		margin-top: 45px;
		/* padding-bottom: 6px; */
		padding-bottom: 5px;

		width: 115px;
	}
}

@media screen and (min-width:992px) and (max-width:1079px) {
	.navbar a {
		padding-left: 1em;
		padding-right: 1em;
	}
}

@media screen and (max-width:991px) {
	.container {
		max-width: 950px;
		width: 94%;
	}

	.menuToggle {
		display: block;
		/* float: right; */
		float: left;
		margin: 0.25em 1em 0 0;
	}

	.menuToggle:active,
	.menuToggle:focus {
		outline: none;
	}

	.collapse,
	.collapsing {
		clear: both;
		position: relative;
		overflow: hidden;
		z-index: 9;
	}

	.collapse a,
	.collapsing a {
		display: block;
		height: auto;
		margin: 0 auto 0.1em;
		/* text-align: center; */
		text-align: start;
	}

	.collapse a:first-child,
	.collapsing a:first-child {
		margin-top: 0;
		color: #fff;
		background-color: #BEBEBE;
		border-radius: 0px 0px 5px 0px;
		box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
		/* margin-bottom: 0; */
		z-index: 9;
		border-bottom-right-radius: 18px;
		box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.3);
		padding-top: .7em;
	}

	#comunidad, #medio-ambiente, #educacion-cultura, #alimentaicon-salud {
		padding-bottom: 0;
		padding-top: 0;
	}

	.titulo-servicios h2:nth-child(2) {
		font-weight: 600;
	}

	.titulo-servicios h2:nth-child(1) {
		font-size: calc(0.65vw + 3.5em);
	}

	.servicios-mobile {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.social_cultural-titulo h2:nth-child(1) {
		font-size: 20px;
		text-align: center;
		margin-bottom: 1rem;
		font-family: "Lato Regular", sans-serif;
		font-weight: 400;
		color: #E1291B;
	}

	.social_cultural-titulo h2:nth-child(2) {
		font-size: 36px;
		text-align: center;
		font-family: "Lato Regular", sans-serif;
		font-weight: 700;
		color: #E1291B;

	}


	.llegada-contenido {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

		column-gap: 5rem;
	}

	.llegada-contenido .texto-primario {
		max-width: 600px;
		text-align: center;
	}


	.llegada-contenido__propuestas {
		max-width: 624px;
		display: flex;
		column-gap: 0rem;
	}

	.size-propuesta {
		width: 66px;
	}

	.llegada-contenido__propuestas .propuesta {
		max-width: 150px;
	}

	.collapse {
		display: none;
		opacity: 0;
	}

	.collapse.in {
		display: block;
		opacity: 1;

		width: 100%;
	}

	/* .collapse,
	.collapsing {
		-webkit-transition: height 0.25s ease-out, opacity 0.15s ease-out, visibility 0.25s ease-out;
		-moz-transition: height 0.25s ease-out, opacity 0.15s ease-out, visibility 0.25s ease-out;
		-ms-transition: height 0.25s ease-out, opacity 0.15s ease-out, visibility 0.25s ease-out;
		-o-transition: height 0.25s ease-out, opacity 0.15s ease-out, visibility 0.25s ease-out;
		transition: height 0.25s ease-out, opacity 0.15s ease-out, visibility 0.25s ease-out;
	} */

	.collapsing {
		position: relative;
		height: 0;
		overflow: hidden;
	}

	#beneficios-coopeplus {
		padding-top: 0;
	}


	.logo {
		max-width: 160px;
		/* margin-top: 0.2em; */
		/* margin-top: -0.7em; */
		margin-top: 0.3em;
		/* float: right; */
		margin-left: 1.8em;


	}

	.navbar {
		float: none;
		clear: both;
		width: 300px;
		/* margin: 0 auto; */
		margin: 0 auto 0 0;
		font-size: 1em;
	}

	.navbar a {
		display: block;
		/* padding: 0.9em 2em; */
		padding: 1.5em 2em .5em 2em;
		width: 100%;
		line-height: 1.2;
	}

	.navbar a br {
		display: none;
	}

	.navbar a+a {
		margin-left: 0;
		color: #fff;
		background-color: #BEBEBE;
		border-radius: 0px 0px 5px 0px;
		/* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); */
		/* margin-bottom: 0; */
		/* z-index: 9; */
		/* border-bottom-right-radius: 10px; */
		border-bottom-right-radius: 18px;
		box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.3);
		margin-top: -11px;
		/* padding-top: 1.1em; */
		padding-top: 1.5em;

	}

	.intro {
		font-size: 0.7em;
	}

	.footer {
		padding-left: 3em;
		padding-right: 3em;
	}

	.logoCoope {
		max-width: 240px;
	}

	/* .scrollToTop.active {
		display: none;
	} */

	.wuling .img-slide {
		margin-top: 63px;
	}

	.barra-colores-top {
		margin-top: -.4em;
	}

	.img-slide {
		display: none;
	}

	.titulo-villa-maria {
		margin-top: 20px;
	}

	.informativo-mobile {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 3rem;
	}

	.informativo__imagen {
		width: 100%;
		text-align: center;
		padding: 0 4rem;

	}

	.informativo__contenido {
		width: 100%;
		padding: 0 2rem;
	}

	.informativo__imagen img {
		width: 500px;
	}

	.informativo__contenido .titulo-principal {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 1rem;
		gap: 1rem;
	}

	.informativo__contenido .titulo {
		font-size: calc(0.65vw + 2em);
		margin: 0;
	}

	.icono-cono-mobile, .icono-casa-mobile {
		width: 25px;
		margin: 0;
	}

	.informativo__contenido .texto {
		font-size: calc(0.65vw + 1.5em);
	}

	.informativo__contenido .strong {
		font-size: calc(0.65vw + 1.9em);
	}

	.promo-botones-secundarios a {
		width: 200px;
	}


	.promo-botones-secundarios {
		display: flex;
		justify-content: start;
		column-gap: 3rem;

		position: relative;
		top: -58px;
		left: 116px;
	}

	/* ----------------- */

	.te-esperamos {
		display: flex;
		flex-direction: column;
		/* justify-content: center; */
		align-items: center;
		gap: 6rem;
	}

	.icono-reloj {
		width: 40px;
	}

	.te-esperamos .te-esperamos__izq p:nth-child(1) {
		font-size: calc(1.25vw + 4.5em);
	}

	.te-esperamos .te-esperamos__izq p:nth-child(2), .te-esperamos .te-esperamos__izq p:nth-child(3) {
		font-family: "Champion Featherweight", sans-serif;
		/* font-size: calc(1.25vw + 5.5em); */
		font-size: calc(1.25vw + 4.8em);
		text-transform: uppercase;
		text-align: center;
		color: #fff;
	}

	.te-esperamos-pie {
		font-size: calc(0.65vw + 2em);
	}

	.counter h4 {
		font-size: 2.2em;
		margin-top: -29px;
		margin-left: 3px;
	}

	#clockdiv_mobile {
		/* font-family: "Lato Regular", sans-serif; */
		display: inline-block;
		font-weight: 300;
		text-align: center;
		/* margin-top: 1em; */

		margin-top: -30px;

	}

	#clockdiv_mobile>div {
		display: inline-block;
		padding: 0;

		margin-top: -20px;
	}

	#clockdiv_mobile>div+div {
		margin-left: 0em;
	}

	#clockdiv_mobile div>strong {
		color: #fff;
		font-family: inherit;
		/* font-size: 4.5em; */
		font-size: 3em;
		font-weight: 700;
		line-height: 1.5em;
		height: 1.5em;
		width: 2em;
		display: block;
		text-align: center;
		margin-top: 10px;
	}

	#clockdiv_mobile div>small {
		color: #fff;
		display: block;
		font-family: inherit;
		/* font-size: 1.4em; */
		font-size: 1.1em;
		font-weight: 300;
		text-align: center;
		text-transform: uppercase;
		margin-top: -4px;
	}

	.ofertas-formulario .titulo {
		font-size: calc(0.65vw + 1.9em);
		margin: .2em .6em 1.5em .6em;
	}

	.bb-1, .bb-2, .bb-3, .bb-4, .bb-5, .bb-6, .bb-7 {
		border-bottom: none;
	}

	.bg-1:before, .bg-2:before, .bg-3:before, .bg-4:before, .bg-5:before, .bg-6:before, .bg-7:before {
		background-color: #BEBEBE;
	}


	.a2 {
		z-index: 6;
	}

	.a3 {
		z-index: 5;
	}

	.a4 {
		z-index: 4;
	}

	.a5 {
		z-index: 3;
	}

	.a6 {
		z-index: 2;
	}

	/* .a7 {

	} */

	.ofertas-formulario {
		margin-bottom: 0;
	}

	#nosotros {
		padding-top: 3em;
	}

	.footer-2 .footer-pie {
		margin-top: 0;
	}

	.footer-2 h2 {
		margin-left: 36px;
	}

	.footer-2 .social {
		margin-left: 36px;
	}

	.titulo-seccion {
		/* font-size: calc(0.65vw + 1.5em); */
		/* font-weight: 500; */

		font-weight: 700;
		font-size: 20px;
		line-height: 112%;
		/* or 21px */

		letter-spacing: 0.04em;
	}

	.como-comprar_mobile {
		display: flex;
		flex-direction: column;
		/* gap: .5rem; */
	}

	.como-comprar_mobile img {
		margin-top: 2rem;
	}

	.como-comprar_mobile img, .como-comprar_mobile a {
		width: 100%;
		/* width: 324px; */
	}

	.nueva-sucursal-tarjetas-2 {
		/* display: grid; */
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 2rem;

		margin-top: 3rem;
	}

	.nueva-sucursal-tarjetas-2 li {
		width: 158px;
	}

	.carousel-sucursal figure img {
		height: 541px !important;
	}

	#sucursal-carousel {
		/* padding-top: 0; */
		padding-top: 2em;
		padding-bottom: 4em;
	}


	#sucursal-carousel h2 {
		width: 154px;
		font-size: 11.66px;

		/* margin-bottom: -22px; */
		bottom: -21px;
	}

	.nuestras-marcas {
		margin-top: 3rem;
	}

	.nuestras-ofertas_mobile {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 3rem;

		/* width: 350px; */

		row-gap: 1.5rem;

	}

	.shadow-bottom {
		box-shadow: 1px 3px 5px 0px rgba(153, 153, 153, 0.75);
		-webkit-box-shadow: 1px 3px 5px 0px rgba(153, 153, 153, 0.75);
		-moz-box-shadow: 1px 3px 5px 0px rgba(153, 153, 153, 0.75);
	}


	/* .nuestras-ofertas {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: center;
		margin-left: auto;
		margin-right: auto;

		gap: 1em;

		margin-top: 4rem;
	} */

	.nuestras-ofertas_mobile .oferta {
		display: flex;
		flex-direction: row;
		/* justify-content: center; */
		/* justify-content: flex-start !important; */
		/* align-items: flex-start; */
		/* gap: 1rem; */

		max-width: 325px;
	}

	.nuestras-ofertas_mobile .oferta p {
		font-family: "Lato Regular", sans-serif;
		/* font-size: calc(0.65vw + .7em); */
		font-size: 11.4142px;
		/* margin-left: -6px; */
		line-height: 135%;
		margin-top: 25px;
		color: #154D9A;

		width: 137px;
	}

	.ofertas__imagen {
		width: 158.17px;
	}

	.texto-oferta {
		font: 300 1.6em/1 "Roboto Condensed", Roboto, Helvetica, Arial, sans-serif;
	}

	.canasta-familiar-contenido_mobile {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 2rem;
		/* margin-top: 40px; */
		margin-top: 3rem;
	}

	.canasta-familiar-contenido_mobile .informativo__imagen-2 {
		width: 158.17px;
	}

	.canasta-familiar-contenido_mobile p {
		font-family: "Lato Regular", sans-serif;
		/* font-size: calc(0.65vw + .7em); */
		font-size: 11.4142px;
		margin-left: -26px;
		line-height: 135%;
		margin-top: 15px;
		width: 137px;

	}

	.canasta-familiar-contenido_mobile .canasta-familiar-info {
		column-gap: 3rem;
	}

	.canasta-familiar .titulo h2 {
		margin-top: 6px;
	}

	.beneficios-coopeplus-tarjetas {
		justify-content: center;

	}

	.beneficios-coopeplus-tarjetas .informativo__imagen {
		padding: 0px 2rem;
	}

	.nuestras-marcas li img {
		border-bottom: none;
	}

	.btn-proyecto-propuestas {
		flex-wrap: wrap;
		row-gap: 8rem;
	}

	.social-cultura {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		column-gap: 10rem;

		margin-top: 2.5rem;
	}

	.social-cultura_btn {
		display: flex;
		align-items: center;
		column-gap: 1rem;

		font-family: "Lato Regular", sans-serif;
		font-weight: 500;
		font-size: 20px;
		line-height: 123%;
		color: #154D9A;

		margin-top: 4rem;
	}

	.flecha__roja-cultura {
		margin-left: -4rem;
		margin-right: -9rem;
		display: none;
	}

	.social-cultura_btn img {
		width: 25px;
	}




	/* Asociate */

	.cabecera-mobile {
		display: flex;
		justify-content: center;
	}

	.p-auto {
		padding-left: 15px;
		padding-right: 15px;
	}

	.sorteo-titulo {
		left: 0;
	}


	.afiche-contenido .titulo {
		width: 100%;
		margin-top: 48px;

	}

	.afiche-contenido .titulo p:nth-child(1) {
		left: 0;
		font-size: 42px;
	}

	.afiche-contenido .titulo p:nth-child(2) {
		left: 0;
		font-size: 38px;
	}

	.titulo-seccion-2 {
		display: grid;
		grid-template-columns: 1fr max-content 1fr;
		grid-column-gap: 1.5rem;
		align-items: center;


		font-size: calc(1.5vw + 1.76em);

	}

	.titulo-seccion-2::before,
	.titulo-seccion-2::after {
		display: block;
		content: "";

		height: 2px;
		background-color: #fff;
	}

	.img-afiche_mobile {
		position: relative;
		top: 32px;
	}

	.btn-ganadores p {
		font-size: 11px;
	}

	.asociate-contenido .botones-secundarios {
		column-gap: 1rem;
	}

	.papeles-mobile {
		display: flex;
		justify-content: center;
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.ecobolsa-titulo {
		font-size: 18px;

	}

	.ecobolsa-contenido h2 {
		left: 0;
		font-size: 55px;
		text-align: center;
		width: 358px;
		margin: 0 auto;
		margin-bottom: 4rem;

	}

	.ecobolsa-contenido p {
		font-size: 13px;
		left: 0;
		width: 337px;
		padding-left: 16px;
		margin-top: -1rem;
	}

	.img-premio_mobile {
		width: 160px;
	}

	.img-premio_mobile2 {
		width: 136px;
		/* position: relative; */
		/* left: 11px; */
		/* top: 6px; */
	}

	#productos-premios {
		padding-bottom: 0;

	}

	#premios-asociate {
		padding-top: 0;
	}

	.mt-mobile {
		margin-top: 4rem;
	}

	.asociate-contenido {

		padding-bottom: 0rem;
	}


	#productos-premios {
		padding-top: 4rem;
	}

	#sorteo-asociate {
		padding-bottom: 4rem;
	}

	/* ACA */



}


@media only screen and (max-width:767px) {
	/* .container {
		width: 460px;
	} */


	.intro {
		font-size: 0.7em;
	}

	h2 {
		font-size: 3em;
	}

	h3 {
		font-size: 3.2em;
	}

	.logoCoope {
		float: none;
		display: block;
		margin: 0 auto;
		max-width: 300px;
		text-align: center;
	}

	.txt {
		font-size: 1.7em;
	}

	.villa-maria-img {
		width: 275px;
		/* margin-top: 18px; */
		margin-top: 35px;
		margin-bottom: 7px;
	}

	.titulo-ecnomia-familiar h2:nth-child(1) {
		font-family: "Lato Light", sans-serif;
		font-size: calc(0.65vw + 1.8em);
		font-weight: 500;
		margin-bottom: 1rem;
		margin-top: 2rem;
	}

	.titulo-ecnomia-familiar h2:nth-child(2) {
		font-size: calc(0.65vw + 2.9em);
		font-weight: 500;
		line-height: 123%;
	}

	/* .btn-proyecto-propuestas {
		row-gap: 4rem;
		padding-left: 65px;
	} */

	/* .btn-contenedor figure {
		width: 240px;
	} */

	.btn-contenido img {
		position: relative;
		top: 10px;
		left: -15px;
	}

	.promo-botones-secundarios a {
		width: 150px;
	}

	.promo-botones-secundarios {
		display: flex;
		justify-content: start;
		column-gap: 1rem;

		position: relative;
		top: -40px;
		left: 43px;
	}
}

@media (min-width:550px) {
	.titulo-mobile, .footer-mobile {
		display: none !important
	}
}

@media (max-width:549px) {
	.titlo-desktop, .footer-desktop {
		display: none !important
	}

	.promo-botones-secundarios-mobile {
		display: flex;
		flex-direction: column;
		align-items: center;
		row-gap: .5rem;
		position: relative;
		top: -117px;
		left: 0px;
	}

	.promo-botones-secundarios-mobile img {
		width: 220px;
	}

	#promociones-vigentes {
		margin-top: 3rem;
		margin-bottom: -7rem;
	}

	.footer {
		/* padding-top: 0; */
		/* padding-bottom: 3em; */

		/* padding: 0 1.2em 3em 1.2em; */
		padding: 0 .3em 5em .3em;
	}

	.footer h2 {
		font-size: calc(0.65vw + 2em);
		font-weight: bold;
	}

	.social__iconos {
		display: flex;
		flex-direction: column;
		gap: 30px;
		margin-top: 30px;
		margin-bottom: -20px;
	}

	.social__iconos .fb-ig {
		display: flex;
		flex-direction: row;
		justify-content: center;
		gap: 4em;
	}

	.footer .social__icono {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: .8em;
	}


	.footer .social__icono img {
		width: 30px;
	}

	.footer .social__icono a {
		font-size: 14px;
		font-family: 'Lato Regular';
		font-style: normal;
		font-weight: 500;
		/* font-size: 15px; */
		line-height: 123%;

		letter-spacing: 0.025em;
		color: #154D9A;
	}

	.footer-copyright li {
		padding-right: 0px;
		padding-left: 0px;
	}

	.footer-copyright img {
		padding-right: 13px;
		padding-left: 0px;
		width: 180px;
	}

	.footer-copyright p {
		text-align: start;
		padding-right: 0px;
		padding-left: 9px;
		margin-top: -21px;
		line-height: 1.3;
	}

	.footer-copyright {
		align-items: center;
	}

	.footer-copyright li:before {
		height: 60px;
	}

	.footer-copyright img {
		/* width: 50px; */
		padding-left: 0 !important;
	}

	.footer-copyright p {
		font-size: 14px;
	}

	.form__field {
		width: 167px;
	}

	.campo_correo {
		width: 349px;
	}

	.informativo__imagen img {
		width: 250px;
	}

	.compromiso h1 {
		font-size: calc(1.25vw + 3.9em);
		padding-left: 9px;
		padding-right: 9px;
	}

	.compromiso h2 {
		font-size: calc(0.65vw + 1.9em);
		padding-left: 60px;
		padding-right: 60px;
		line-height: 23.4px;
	}

	.ofertas-formulario .titulo {
		line-height: 23px;
	}

	.coopeplus-mobile {
		position: relative;
		top: -4px;
	}

	.beneficios-coopeplus .titulo h2 {
		margin-bottom: -7px;
	}

	.coopeplus-mobile {
		top: 1px;
	}

	#actividades-proyectos {
		padding-top: 0;
		padding-bottom: 7rem;
	}

	/* Pop Up */

	.wrapper-container {
		padding-left: 1rem;
		padding-right: 1rem;
		padding-bottom: 5rem;

	}

	#video-popup-container {
		display: none;
		position: fixed;
		z-index: 996;
		/* width: 100%; */
		width: 60%;
		/* width: 1440px; */

		top: 20%;
		margin-left: -33%;
		/* bottom: 20%; */
		/* bottom: 50%; */

		/* transform: translate(-50%, 50%); */
	}

	#video-popup-close {
		position: fixed;
		/* top: 1%; */
		/* right: 1.5%; */
		top: 50%;
		right: 44.5%;
		/* font-size: 32px; */
		font-size: 30px;
		z-index: 130;
	}

	.fa-times {
		margin-top: 90px;
	}

	#video-popup-iframe-container {
		/* max-width: 400px; */
		/* height: 225px; */
		max-width: 350px;
		height: 196.875px;

		top: 50%;
		left: 50%;
		transform: translate(-50%, 50%);
	}

	#video-popup-iframe-mobile {
		z-index: 999;
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: #000;
	}

	/* ACA */

	.titulo-seccion {
		font-size: 27.8px;
		line-height: 123.5%;
		letter-spacing: 0.04em;
	}

	.top-llegada {
		margin-top: 4rem;
	}



	.llegada-contenido .texto-primario {
		font-size: 14px;
		margin-top: -1rem;
		margin-bottom: -1rem;
	}


	.llegada-contenido .texto-secundario {
		width: 223px;
		font-size: 15.4px !important;
	}

	.size-propuesta {
		width: 46px;
	}

	.llegada-contenido__propuestas .propuesta {
		max-width: 107px;
	}

	.llegada-contenido {
		margin-bottom: 3rem;
	}

	.los-esperamos h3 {
		font-size: 36.5833px;
		line-height: 117.5%;
		/* or 44px */

		text-align: center;
		letter-spacing: 0.005em;

		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.los-esperamos p {
		font-size: 16.4px;
		line-height: 13px;
		text-align: center;
	}

	.subrayado-amarillo {
		position: relative;
		top: 4px;
		left: 109px;
		width: 95px;
	}
}

@media only screen and (max-width:479px) {
	/* .container {
		width: 300px;
	} */


	h2 {
		font-size: 2.2em;
	}

	h3 {
		font-size: 2.5em;
	}

	.intro-titulo {
		font-size: 4em;
		margin-bottom: 0.25em;
	}

	.intro.titulofecha br {
		display: none;
	}

	.pregunta h3 {
		padding: 0.2em 1.5em 0.1em 0.5em;
		font-size: 2.3em;
	}

	.img-mobile {
		display: inline-block !important;
		width: 250px !important;
		margin: 0 auto !important;
		text-align: center !important;
	}

	.ofertas-formulario {
		padding-bottom: 0;
	}

	.te-esperamos-coope, .compromiso {
		padding-top: 0;
	}

	.compromiso {
		padding-bottom: 1em;
	}

	#asociate, #canasta-familiar, #nuestras-marcas {
		padding-bottom: 0;
	}

	.te-esperamos-pie {
		margin-top: 10px;
	}

	#familia-cooperativa {
		padding-top: 0;
	}

	#encabezado-servicios, #encabezado-cultural, #encabezado-asociate {
		margin-top: 2rem;
	}

	#miCoope {
		padding-top: 1em;
	}

	#miCoope-servicios {
		padding-top: 1em;
		padding-bottom: 0;
	}

	#coope-hogar {
		padding-bottom: 1em;
	}
}

@media only screen and (max-width:439px) {}

@media only screen and (max-width:400px) {
	.te-esperamos .te-esperamos__izq p:nth-child(1) {
		font-size: calc(1.25vw + 4em);
		text-align: center;
	}

	.te-esperamos .te-esperamos__izq p:nth-child(2), .te-esperamos .te-esperamos__izq p:nth-child(3) {
		font-size: calc(1.25vw + 4em);
	}

	.icono-reloj {
		margin-left: 39px;
		margin-bottom: 15px;
	}
}

@media only screen and (max-width:379px) {
	.intro-titulo {
		font-size: 3.7em;
		margin-bottom: 0.25em;
	}

	.intro-head__s1 {
		font-size: 1.695em;
	}
}

@media only screen and (max-width:349px) {
	.intro-titulo {
		font-size: 3.2em;
		margin-bottom: 0.25em;
	}

	.intro-head__s1 {
		font-size: 1.5em;
	}

	.intro-head__s2 {
		font-size: 1.2em;
	}

	.img-mobile {
		display: inline-block !important;
		width: 250px !important;
		margin: 0 !important;
		text-align: center !important;
		margin-right: 0 !important;
	}

	.logoCoope {
		width: 250px !important;
	}

	.footer {
		padding: 0 0 2.5em 0;
		text-align: center;
	}
}