@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: inline-block;
}

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%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-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;
	color: inherit;
}

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;
}

/*  GLOBAL
	========================================================================== */

html,
body {
	font: 400 62.5%/1 'Lato', sans-serif;

	/* background: #0D51A0; */
}

body {
	/* background: #eee; */
	color: #000;
	font-size: 100%;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	user-drag: none;
	user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;

	/* background: linear-gradient(0deg, #F6F6F6 -20.95%, #DFE2DF 32.69%, #F6F6F6 98.19%); */
	/* background: linear-gradient(0deg, #e6e8e5 -20.95%, #DFE2DF 32.69%, #F6F6F6 98.19%); */

	/* background-color: #e6e8e5; */
	/* box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); */
	/* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */


	/* background: linear-gradient(0deg, #e6e8e5 100%, #DFE2DF -32.69%, #F6F6F6 -98.19%); */
	background-color: #f5f7fa;
}

main,
header,
section,
footer,
nav,
a {
	-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;
}

img {
	display: inline-block;
	height: auto !important;
	margin: 0 auto;
	max-width: 100%;
	width: auto;
	-webkit-touch-callout: none !important;
	-webkit-user-select: none !important;
	-khtml-user-select: none !important;
	-moz-user-select: none !important;
	-ms-user-select: none !important;
	user-select: none !important;
	user-drag: none;
	user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
}

/* Fuentes */

@font-face {
	font-family: 'Shoebox circus';
	src: url('../fonts/shoebox-circus.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Burbank Big Condensed';
	src: url('../fonts/burbankbigcondensed_black.otf') format('opentype');
	font-weight: normal;
	font-style: normal;
}


.dib {
	display: inline-block;
}

.fw5 {
	font-weight: 500 !important;
}

.text {
	color: #2D2D2D;
	font-size: 2rem;
	font-size: calc(0.71875vw + 1.77em);
	font-weight: 700;
	line-height: 1.2;
	text-wrap: balance;
}

.color {
	color: #0461A5;
}

.c-gris {
	color: #d9d9d9;
}

.c-rojo {
	color: #E1291B;
}

.c-azul {
	color: #3EB5F1;
}

.bg-azul {
	background: rgb(0, 147, 215);
	background: -moz-linear-gradient(180deg, rgba(0, 147, 215, 1) 0%, rgba(0, 81, 158, 1) 100%);
	background: -webkit-linear-gradient(180deg, rgba(0, 147, 215, 1) 0%, rgba(0, 81, 158, 1) 100%);
	background: linear-gradient(180deg, rgba(0, 147, 215, 1) 0%, rgba(0, 81, 158, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0093d7", endColorstr="#00519e", GradientType=1);
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);

	position: relative;
	z-index: 2;
}

.bg-azul-variante {
	background: #0189CF;
}

.mb-15 {
	margin-bottom: -15rem;
}

.section-title {
	/* color: #054F95; */
	/* color: #0E253D; */
	color: #0D51A0;
	text-align: center;
	font-family: "Lato", sans-serif;
	/* font-size: 35px; */
	font-size: 48px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.35px;

	margin: 9rem 0 0rem;
}

/* Queries min - max Desktop/Mobile  */

@media (min-width:440px) {
	.mobile {
		display: none;
	}
}

@media (max-width:439px) {
	.desktop {
		display: none;
	}
}


/*  Estilos para establecer el iframe en modo responsive
  ========================================================================== */
.contenedor-responsivo-desktop {
	position: relative;
	overflow: hidden;
	/* padding-top: 56.25%; */
	/* padding-top: 37.5%; */
	padding-top: 41.5%;
}

.contenedor-responsivo-mobile {
	position: relative;
	overflow: hidden;
	/* padding-top: 56.25%; */
	/* padding-top: 73.25%; */
	padding-top: 127.25%;
}

.iframe-responsivo {
	position: absolute;
	top: 0;
	left: 0;
	/* width: 100%; */
	/* width: 101%; */
	width: 101%;
	/* height: 100%; */
	height: 108%;
	border: 0;
}




/*  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: #f0948d;
	transition: all .3s ease-in-out;
	cursor: auto;
}

.scrollToTop:hover {
	background: #e1291b;
}

.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: #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;
}



/*  HEADER 
	========================================================================== */

.header {
	/* background: url(../images/portada-intro-desktop.png) no-repeat center bottom transparent; */
	/* -webkit-background-size: 100% 100%; */
	/* -moz-background-size: 100% 100%; */
	/* -o-background-size: 100% 100%; */
	/* background-size: 100% 100%; */

	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	/* padding: 0.75em 0em 4em; */
	padding: 1.8em 0em;
	text-align: center;
	/* color: #2D2D2D; */
	/* position: fixed; */
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 1000;

	/* margin-bottom: 4rem; */
	/* height: 633px; */

	position: sticky;
	/* background-color: #fff; */

	/* background: linear-gradient(0deg, #243871 0%, #1C5CA7 35.94%, #1C5BA6 100%); */
	/* background: #0E253D; */
	background: #0D51A0;
}

.header .section__content {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;

	margin-top: 0;
	margin-bottom: 0;
	/* align-items: center; */
}

/* LOGO */
.header__logo {
	display: block;
	max-width: 66%;
	width: 198px;
	margin-left: 0;
	margin-right: auto;
	text-align: center;

	/* margin-left: auto; */
	/* margin-right: 0; */
}

.header__logo__img {
	display: block;
}

@media (min-width:1192px) {
	.header__logo__img {
		max-height: 5rem;
	}
}


.navbar {
	flex: 0 1 auto;
	position: relative;
	text-align: right;
}

.navbar__btn {
	background: 0 0;
	border: none;
	display: none;
	padding: 1.5em 0;
	position: relative;
	top: 0.2em;
	z-index: 11;
}

.navbar__btn:focus {
	outline: 0
}

.navbar__btn span {
	position: relative
}

.navbar__btn span,
.navbar__btn span::after,
.navbar__btn span::before {
	display: block;
	height: 0.4em;
	border-radius: 0.3em;
	/* width: 2.6em; */
	/* background-color: #2D2D2D; */
	background-color: #eee;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	margin-left: auto;
}

.menu-active .navbar__btn span::after,
.menu-active .navbar__btn span::before,
.navbar__btn:hover span::after,
.navbar__btn:hover span::before,
.navbar__btn span {
	width: 3.2em;
}

.navbar__btn span::after:focus,
.navbar__btn span::before:focus,
.navbar__btn span:focus {
	outline: 0
}

.navbar__btn span::after,
.navbar__btn span::before {
	content: ''
}

.navbar__btn span::before {
	-webkit-transform: translateY(-1em);
	-ms-transform: translateY(-1em);
	transform: translateY(-1em);
}

.navbar__btn span::after {
	-webkit-transform: translateY(0.6em);
	-ms-transform: translateY(0.6em);
	transform: translateY(0.6em);
}

.main {
	-webkit-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

.menu-active .footer,
.menu-active .main {
	-webkit-filter: blur(5px) grayscale(0.5);
	filter: blur(5px) grayscale(0.5);
	pointer-events: none;
}

.menu-active .navbar__btn span {
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg)
}

.menu-active .navbar__btn span::before {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.menu-active .navbar__btn span::after {
	opacity: 0
}



.navbar__links a {
	/* color: #fff; */
	display: inline-block;
	/* font-size: calc(0.44642857vw + 1.14285714em); */
	font-size: calc(0.44642857vw + 1.04285714em);
	letter-spacing: 0.25px;
	letter-spacing: 0.025em;
	padding: 0.25em 1em;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	transform-origin: center bottom;

	/* margin-top: 12px; */

	/* color: #044D8C; */

	color: #F2F2F2;

}

.navbar__links a:hover {
	/* color: #007eff; */
	/* color: #044D8C; */
	color: #F2F2F2;
}

@media (min-width:1024px) {
	.navbar__links a {
		/* color: #2D2D2D; */
		/* color: #044D8C; */
		color: #F2F2F2;
		font-weight: 700;

		border-bottom: 0.2rem solid transparent;
	}

	.navbar__links a:hover {
		/* border-bottom-color: #007eff; */
		transform: scale(1.03);
	}

	.navbar__links a+a {
		margin-left: 2em;
	}
}

@media (max-width:1023px) {

	.header .section__content {
		flex-direction: row-reverse;
		gap: 4rem;
	}

	.navbar__btn {
		display: inline-block;
	}

	.navbar__links {
		padding-top: 1em;
		position: absolute;
		right: 0;
		top: calc(100% + 3em);
		/* background: rgba(0, 0, 0, 0.32); */
		padding: 1em 2em 1em 1em;
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		-webkit-transform-origin: right top;
		-ms-transform-origin: right top;
		transform-origin: right top;

		right: unset;
		transform-origin: left top;

		left: -2rem;

		/* background: linear-gradient(180deg, #004899 0%, #0062AC 58.33%, #044D8C 100%); */
		/* background: linear-gradient(180deg, #223E7A 0%, #3E72E0 100%); */
		background: #0D51A0;
		/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */

	}

	body:not(.menu-active) .navbar__links {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.menu-active .navbar__links {
		visibility: visible;
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

	.navbar__links a {
		display: block;
		font-size: 1.9em;
		/* margin: 1.5em 0; */
		-webkit-transform-origin: center right;
		-ms-transform-origin: center right;
		transform-origin: center right;

		/* background: linear-gradient(180deg, #004899 0%, #0062AC 58.33%, #044D8C 100%); */
		/* background-blend-mode: multiply; */
		/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */

		padding: 1.5rem 3rem;
		width: 250px;
	}

	.navbar__links a:first-child {
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}

	.navbar__links a:last-child {
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
}

@media (max-width:579px) {
	.navbar__btn {
		top: 0;
	}

	.navbar__btn span,
	.navbar__btn span::after,
	.navbar__btn span::before {
		height: 2px;
		width: 3.2em;
	}

	.navbar__btn span::before {
		-webkit-transform: translateY(-0.8em);
		-ms-transform: translateY(-0.8em);
		transform: translateY(-0.8em);
	}

	.navbar__btn span::after {
		-webkit-transform: translateY(0.58em);
		-ms-transform: translateY(0.58em);
		transform: translateY(0.58em);
	}
}






/* ============ SECTION ============ */

.section__content {
	max-width: calc(100% - 4rem);
	width: 1192px;
	flex: 0 1 auto;
	/* margin: 2rem auto; */
	margin: 0 auto;
}

@media (min-width:370px) {
	/* .section__content {
		max-width: calc(100% - 6rem);
	} */
}

@media (min-width:420px) {
	.section__content {
		max-width: calc(100% - 8rem);
	}
}

@media (min-width:480) {
	.section__content {
		max-width: calc(100% - 4rem);
	}
}

@media (min-width:1160px) {
	.section__content {
		max-width: 100%;
	}
}


.section__cols {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.section__col {
	flex: 1 1 auto;
}


.section__title {
	text-align: right;
	color: rgba(4, 97, 165, 0.5);
	letter-spacing: 0.0945rem;
	font-size: 6.3rem;
	font-size: calc(1.6741071vw + 3.08571429em);
	margin-bottom: 1rem;
}


.header__logo__img img {
	width: 153px;
}

/* ============ SECTION INTRO ============ */
.section--intro {
	background: url(../images/bg-intro.jpg) no-repeat center top #004E87;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	padding-top: 12em;
	padding-bottom: 8em;
	position: relative;
	font-size: calc(0.4587156vw + 0.45321101em);
}

@media (min-width:992px) {
	.section--intro {
		background-image: url(../images/bg-intro-desktop.jpg);
	}
}

.intro-3,
.intro-2,
.intro-1 {
	color: #fff;
	font-weight: 300;
	font-size: 4.375em;
	line-height: 1;
	letter-spacing: 0.0875rem;
	margin-bottom: 2.5rem;
	flex: 0 1 auto;
	text-shadow: 0px 4px 4px #000;
	text-wrap: balance;
}

.intro-2 {
	font-size: 10.5em;
}

@media (max-width:767px) {
	.intro-2 {
		font-size: calc(8.27740492vw + 4.15123043em);
	}
}

.intro-3 {
	text-shadow: 0px 4px 4px #004273;
	margin-bottom: 3.5rem;
}

.section--intro .btn {
	width: 26.88em;
	height: 5.25em;
	flex-shrink: 0;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

.section--intro .btn__text {
	color: #0461A5;
	font: normal 900 2.625rem/1 'Lato', sans-serif;
	letter-spacing: 0.0525rem;
	text-transform: capitalize;
	display: flex;
	width: 13.44em;
	height: 4.2em;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	flex: 0 1 70%;
}


.section--intro .btn {
	border-radius: 0.525rem;
	background: rgb(245, 245, 245);
	background: -moz-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(217, 217, 217, 1) 100%);
	background: -webkit-linear-gradient(top, rgba(245, 245, 245, 1) 0%, rgba(217, 217, 217, 1) 100%);
	background: linear-gradient(to bottom, rgba(245, 245, 245, 1) 0%, rgba(217, 217, 217, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d9d9d9', GradientType=0);
	box-shadow: 0 0.42rem 0.42rem 0 rgba(0, 0, 0, 0.25);
	max-width: 26.88rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	position: relative;
}

.section--intro .btn__icon {
	width: 4.6rem;
	height: 4.6rem;
	transform: rotate(-20deg);
	flex-shrink: 0;
	transition: all 0.3s ease-out;
	position: relative;
	top: 20%;
	background: url(../images/icon-mano.svg) no-repeat center center transparent;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
}

.section--intro .btn:hover .btn__icon {
	transform: rotate(-37.892deg);
}

.section--intro .btn:focus,
.section--intro .btn:active {
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.section--intro .btn:active {
	box-shadow: 0 0.21rem 0.21rem 0 rgba(0, 0, 0, 0.5), 0 0.21rem 0.21rem rgba(0, 0, 0, 0.25) inset;
	opacity: 0.9;
}



/*  ==========================================================================
	PORTADA INTRO
	========================================================================== */

/* .portada-desktop {

	height: 200% !important;

} */

.lottie-wrapper {
	position: relative;
	/* width: 322px; */
	/* width: 372px; */
	width: 100%;
	/* height: 322px; */
	height: auto;
	/* margin: 40px auto; */
	/* cursor: pointer; */
	overflow: visible;

	/* top: 195rem; */

}

.lottie-wrapper svg {
	overflow: visible !important;
}

.bg-portada {
	/* background: url(../images/fondo-prueba.png) no-repeat center bottom transparent; */

	background-image: url(../images/fondo-dk.png);
	background-size: cover;

	/* background-size: contain; */
	/* background-repeat: no-repeat; */
	/* background-position: center; */
}

/* .portada-intro {
	background: url(../images/portada-intro-desktop.png) no-repeat center bottom transparent;
	height: 633px;
}

.portada-intro-mobile {
	background: url(../images/portada-intro-mobile.png) no-repeat center bottom transparent;
	width: 100%;
	height: 600px;
} */

#premios {
	position: relative;
	/* top: 13rem; */
	top: -9rem;
}



/*  ==========================================================================
	CÓMO PARTICIPAR
	========================================================================== */

#como-participo {
	position: relative;
	/* top: 5.5rem; */
	/* top: -4rem; */
	top: -7rem;
}

.bg-como-participo {
	background: url(../images/bg-como-participo.png) no-repeat center bottom transparent;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;


	background-size: cover;
}


.bg-boxstyle {
	border-radius: 45px;
	/* background: linear-gradient(180deg, #FFF 25%, #F3F6FA 100%); */
	/* background: linear-gradient(180deg, #F3F6FA 25%, #e6e8e5 100%); */

	background: linear-gradient(180deg, #FFF 25%, #F3F6FA 100%);

	padding-top: 30px;
	margin-top: 4rem;

	/* background: linear-gradient(180deg, #FFF 25%, #F3F6FA 100%); */
}

.box-pay {
	display: flex;
	flex-direction: column;
}

/* .box-pay-online {
	display: inline-flex;
	align-items: flex-end;
} */

.coopehogar-position {
	position: relative;
	top: 11px;
	padding: 0 15px;
}

.coopeencasa-position {
	position: relative;
	top: 24px;
	padding: 0 15px;
}

.sub-position {
	position: relative;
	top: 17px;
}

.promocion {
	display: flex;
	/* background-color: white; */
	/* border-radius: 10px; */
	overflow: hidden;
	/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
	/* padding: 5rem 0; */
	padding: 1rem 0 7rem;

}

.promocion__bloque-imagen {
	flex: 1;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.promocion__bloque-contenido {
	flex: 2;
	padding: 20px;
	display: flex;
	flex-direction: column;
}

.promocion__encabezado {
	/* color: #0077be; */
	color: #0E253D;
	display: flex;
	align-items: center;
	gap: 25px;
	justify-content: center;
	/* margin-top: 4.5rem; */
}

.promocion__numero {
	font-family: "Shoebox circus", sans-serif;
	font-size: 101.546px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 1.015px;

	position: relative;
	top: 6px;

	color: #0D51A0;
}

.promocion__icono-tienda {
	/* width: 30px;
	height: 30px; */
	margin: 0;
}

.promocion__texto-encabezado {
	/* color: #044D8C; */
	color: #0D51A0;
	/* color: #0E253D; */
	font-family: "Lato", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 600;
	line-height: 35px;

	margin-left: 20px;
	position: relative;
	top: -4px;
}

.img-promo {
	position: relative;
	right: -45px;
}

.promocion__opciones {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
	margin-top: 24px;
}

.promocion__opcion {
	flex: 1;
	text-align: center;
	padding: 0 10px;
	display: flex;
	flex-direction: column;
	align-items: center;

	gap: 17px;
}

.promocion__opcion:not(:last-child) {
	/* border-right: 1.24px solid #0062AC; */
	border-right: 1.24px solid #E1291B;
}

.promocion__opcion p {
	/* color: #0E253D; */
	color: #0D51A0;
	text-align: center;
	font-family: "Lato", sans-serif;
	/* font-size: 14px; */
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

/* .promocion__icono {} */

.promocion__cupon {
	display: flex;
	height: 40px;
	padding: 0px 10px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	/* align-self: stretch; */
	border-radius: 10px;
	/* background: #FFF; */
	/* background: #0E253D; */
	background: #0D51A0;

	/* color: #2A65AC; */
	color: #fff;
	text-align: right;
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.15px;

	margin-top: auto;
	width: 173px;
}

.promocion__cupon img {
	margin: 0;
}

.promocion__linea-horizontal {
	/* border-top: 1.24px solid #0062AC; */
	border-top: 1.24px solid #E1291B;
	margin: 20px 0;
}

.promocion__nota-final {
	/* text-align: center; */
	/* color: #0077be; */
	color: #0D51A0;

	/* color: #0E253D; */
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 900;
	line-height: 19.836px;
	letter-spacing: 0.15px;
	display: flex;
	align-items: center;
	/* justify-content: center; */
	justify-content: start;
	gap: 10px;

	margin-top: 2rem;
}

.promocion__icono-urna {
	/* width: 20px;
	height: 20px; */
	margin: 0;
}

.promocion__botones {
	display: flex;
	justify-content: center;
	gap: 35px;
	margin-top: 2rem;
}

.promocion__botones p {
	/* color: #044D8C; */
	/* color: #0E253D; */
	color: #0D51A0;
	font-family: "Lato", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height: 14px;
	/* 116.667% */
}

.promocion__botones-text {
	display: flex;
	align-items: center;
	gap: 2rem;

	margin-left: -13px;
}


/* .promocion__botones button {
	transition: all 0.2s ease;
}

.promocion__botones button:active {
	transform: translateY(4px);
} */

.promocion__botones button:first-child {
	display: flex;
	height: 56px;
	/* padding: 16px 20px 16px 16px; */
	padding: 16px 35px 16px 35px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 30px;
	/* background: linear-gradient(180deg, #23A5D9 0%, #0669BF 58.33%, #044D8C 100%); */
	background: #E1291B;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
	/* width: 20px;
	height: 20px; */
	margin: 0;

	border: none;

	color: #F2F2F2;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-style: normal;
	/* font-weight: 400; */
	font-weight: 800;
	line-height: 24px;
	/* 133.333% */
	letter-spacing: 0.18px;
}

.promocion__botones button:hover {
	background: linear-gradient(180deg, #2C85D1 0%, #044D8C 100%);
}

.promocion__botones button:active {
	background: linear-gradient(180deg, #1F9ACB 0%, #0669BF 50%, #01427B 100%);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
}


.promocion__botones button:last-child {
	display: flex;
	height: 56px;
	padding: 16px 20px 16px 16px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 30px;
	background: #e6e8e5;
	/* box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25); */
	/* width: 20px;
	height: 20px; */
	margin: 0;

	border-radius: 30px;
	/* border: 2px solid #23A5D9; */
	/* border: 2px solid #0E253D; */
	border: 2px solid #0D51A0;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);

	/* border: none; */

	/* color: #044D8C; */
	/* color: #0E253D; */
	color: #0D51A0;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-style: normal;
	/* font-weight: 400; */
	font-weight: 800;
	/* line-height: 24px; */
	line-height: 20px;
	/* 133.333% */
	letter-spacing: 0.18px;
}

/* .promocion__botones button:hover {
	background: linear-gradient(180deg, #2C85D1 0%, #044D8C 100%);
}

.promocion__botones button:active {
	background: linear-gradient(180deg, #1F9ACB 0%, #0669BF 50%, #01427B 100%);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;
} */

.promocion img {
	max-width: 100%;
	height: auto;
}

.botones-sucursales {
	display: flex;
	gap: 3rem;

	margin-top: .5rem;
	margin-left: 37px;
	margin-bottom: -6px;
}

.botones-sucursales a {
	transition: all 0.2s ease;
	/* box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.2); */
}

.botones-sucursales a:active {
	transform: translateY(4px);
	/* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2); */
}

.boton-animacion {
	transition: all 0.2s ease;
}

.boton-animacion a:active {
	transform: translateY(4px);
}

.promocion__texto-encabezado a {
	text-decoration: underline;
	text-underline-offset: 7px;
}

.icon-eff {
	margin: 0;
	padding: 0 1rem;
}

.box-tarjetas {
	display: flex;
	gap: 6px;
}

.bold {
	font-weight: 900;
}

.cl-rojo {
	color: #E1291B;
	font-weight: 900;
}

.l-height {
	/* line-height: 1.9 !important; */
	line-height: 2.2 !important;
}

.l-height2 {
	line-height: 1.45 !important;
}

.coope-logo {
	position: relative;
	top: 6px;
}

.texto__sm {
	font-size: 14px;
	margin-bottom: 12px;
}

tbody {
	font-size: 12px;
	line-height: 1.4;
}

thead {
	font-weight: 600;
}


@media (max-width: 768px) {
	.promocion {
		flex-direction: column;
	}

	.promocion__opciones {
		flex-direction: column;
	}

	.promocion__opcion:not(:last-child) {
		border-right: none;
		/* border-bottom: 1px solid #ccc; */
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
}

.promo__footnote {
	/* color: #054F95; */
	/* color: #E1291B; */
	/* text-align: center; */
	/* font-family: "Lato", sans-serif; */
	/* font-size: 16px; */
	/* font-style: normal; */
	/* font-weight: 800; */
	/* line-height: normal; */
	letter-spacing: 0.15px;
	margin-bottom: 11rem;

	color: #0D51A0;
	text-align: center;
	font-family: "Burbank Big Condensed", sans-serif;
	/* font-size: 23.4px; */
	font-size: 27.4px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;


}

.promo__txtnote {
	color: #E1291B;
	text-align: center;
	font-family: "Lato", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.16px;

	margin-bottom: 4rem;

}


/*  ==========================================================================
	MARCAS 
	========================================================================== */

.marcas-content {
	/* background-color: #fff; */
	/* margin-bottom: -5rem; */
}

.marcas-content .circo-top {
	display: flex;
	justify-content: center;

	margin-top: 8rem;
}

.margen-top-azul {
	padding-bottom: 10px;
	background: #054E8D;
}

.marcas-content .title {
	max-width: 552px;

	/* height: 64px; */

	/* font-size: 35px; */
	/* font-size: calc(0.71875vw + 1.77em); */

	font-weight: 700;
	letter-spacing: 0.35px;

	text-align: center;
	margin: 0 auto;

	/* padding: 7px 0 14px; */

	border-radius: 0px 0px 15px 15px;
	/* background: #01529F; */
	/* background: #0189CF; */
	background: #054E8D;

	color: #fff;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

	position: relative;
	z-index: 3;


	color: #F2F2F2;
	font-family: "Lato", sans-serif;
	font-size: 33px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.35px;

	padding: 3px 0 6px;
}

.box-title {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 1rem;
}

.box-title img {
	margin: 0;
}

.marcas-content .img-container {
	height: 500px;
	overflow-y: scroll;
	box-sizing: border-box;

	position: relative;
	top: -57px;

	background-color: #fff;
}

.img-marcas {
	display: block;
	width: 100%;
	/* width: auto; */

	height: 1000px;

	max-width: 1128px;
	margin: 0 auto;
	margin-top: 7rem;
}


/* hide scrollbar */
.marcas-content .img-container {
	-ms-overflow-style: none;
	/* for Internet Explorer, Edge */
	scrollbar-width: none;
	/* for Firefox */
	overflow-y: scroll;
}

.marcas-content .img-container::-webkit-scrollbar {
	display: none;
	/* for Chrome, Safari, and Opera */
}



/*  ==========================================================================
	SORTEO 
	========================================================================== */

.sorteo-background {
	/* background: linear-gradient(0deg, #003A6B 0%, #054E8D 0%); */
	/* background: #0E253D; */
	background: #0D51A0;
}

.sorteo {
	display: flex;
	flex-wrap: wrap;
	/* padding: 20px; */
	justify-content: center;
	align-items: center;
	gap: 8rem;
	padding: 8rem 0 0rem;
}

.sorteo__contenido p:nth-of-type(1) {
	color: #FFF;
	text-align: right;
	font-family: "Lato", sans-serif;
	/* font-size: 28px; */
	font-size: 49px;
	font-style: normal;
	/* font-weight: 400; */
	font-weight: 700;
	line-height: 35px;
	/* 125% */

	transition: font-size .4s;
}

.sorteo__contenido p:nth-of-type(2) {
	/* color: #F7A812; */
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 900;
	line-height: 35px;
	letter-spacing: 0.28px;
	margin-top: 3px;
	text-align: right;

	margin-top: 15px;

	transition: font-size .4s;
}

.separador-blanco-v2 {
	width: 400px;
	height: 1px;
	background-color: #F2F2F2;
	margin: 3rem 0 2rem;
}

/* .fecha-sorteo {
	color: #fff;
	margin-top: 10px;
} */

.sorteo-regalo {
	width: 380px;
}




.zoom-textos {
	/* background: #242424; */
	/* border-radius: 18px; */
	/* padding: 36px 48px; */
	/* box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12); */
	/* text-align: center; */
	/* cursor: pointer; */
	transition: box-shadow .4s cubic-bezier(.32, 2, .55, .27);
}


.sorteo__contenido:hover p:nth-of-type(1) {
	font-size: 28px;
}

.sorteo__contenido:hover p:nth-of-type(2) {
	font-size: 49px;
}

/*  ==========================================================================
	PREGUNTAS FRECUENTES 
	========================================================================== */

.faq-background {
	/* background: linear-gradient(0deg, #003A6B 0%, #054E8D 100%); */
	/* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */

	/* background: #0E253D; */
	background: #0D51A0;

	margin-top: -1px;
	margin-bottom: -1px;
}

.grid-container {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	/* max-width: 1000px; */
	max-width: 1150px;
	/* max-width: 1200px; */
	/* margin: 20px auto; */
	margin: 0 auto;
	/* padding: 0 20px; */
	/* padding: 0 16px; */
	/* background: #2171ce; */

	/* padding-top: 7rem; */
	padding-top: 2rem;
	padding-bottom: 11rem;
}

.accordion-item {
	/* background: white; */
	/* border-radius: 20px; */
	border-radius: 45px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	grid-row: auto;
	align-self: start;
	overflow: hidden;

	background: linear-gradient(180deg, #FFF 25%, #F3F6FA 100%);
}

.accordion-header {
	/* background: white; */
	/* background: #FAC900; */
	/* padding: 15px 20px; */
	padding: 40px 28px;
	display: flex;
	justify-content: space-between;
	/* align-items: flex-start; */
	align-items: center;
	cursor: pointer;
	border: none;
	width: 100%;
	/* text-align: left; */
	/* color: #2171ce; */
	font-weight: 500;
	font-size: 16px;
	/* border-radius: 20px; */
	transition: border-radius 0.3s ease;


	line-height: 26.917px;
	/* 141.667% */


	/* box-shadow: 0px 4px 10px 0px rgba(54, 19, 23, 0.25); */

	color: #0D51A0;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: -0.6px;

	border-radius: 45px;
	background: linear-gradient(180deg, #FFF 25%, #F3F6FA 100%);

	text-align: start;
	height: 114px;
}

.accordion-header:hover {
	/* border-radius: 20px; */
	/* background: #FFF; */
	/* box-shadow: 0px 4px 10px 0px rgba(54, 19, 23, 0.20) inset; */

	/* box-shadow: 0px 4px -16px 0px rgba(54, 19, 23, 0.20) inset; */


	/* color: #ED6A4C; */
	/* font-feature-settings: 'liga'off, 'clig'off; */
	/* font-family: Inter;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 26.917px; */
	/* 141.667% */
}

.accordion-item:last-child {


	/* box-shadow: 0px 4px -16px 0px rgba(54, 19, 23, 0.20) inset; */
	/* box-shadow: 0px 4px -16px 0px rgba(54, 19, 23, 1.20) inset; */

	/* background-color: #00519E; */

	/* box-shadow: none; */

	/* border-bottom-right-radius: 20px; */
	/* border-bottom-left-radius: 20px; */
	border-bottom-right-radius: 45px;
	border-bottom-left-radius: 45px;


}

.accordion-header:hover .arrow {
	border: solid #0D51A0;

	border-width: 0 2px 2px 0;
	display: inline-block;
	/* padding: 3px; */
	padding: 5px;
	/* transform: rotate(45deg); */
	transition: transform 0.3s ease;
	margin-top: 5px;
}



.accordion-header.active {
	/* border-radius: 20px 20px 0 0; */
	border-radius: 45px 45px 0 0;
}

.accordion-header.active .arrow {
	/* border: solid #ED6A4C; */
	border: solid #0D51A0;

	border-width: 0 2px 2px 0;
	display: inline-block;
	/* padding: 3px; */
	padding: 5px;
	/* transform: rotate(45deg); */
	transition: transform 0.3s ease;
	margin-top: 5px;
}

/* .accordion-header:focus-within { */
/* .accordion-header {
	background-color: #004E87;
} */

.accordion-toggle-color.active {
	/* background-color: white; */
	/* background: linear-gradient(180deg, #FFF 25%, #F3F6FA 100%); */

	color: #0D51A0;
	background: #fff;
}

.accordion-content {
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: height 0.3s ease-out, opacity 0.3s ease-out;
	/* background: white; */
	background: linear-gradient(180deg, #FFF 25%, #F3F6FA 100%);
	padding: 0 20px;
	/* font-size: 14px; */
	/* line-height: 1.5; */

	color: #555;
	/* font-feature-settings: 'liga'off, 'clig'off; */
	font-family: "Inter", sans-serif;
	font-size: 14.25px;
	font-style: normal;
	font-weight: 500;
	line-height: 130%;
	/* 18.525px */


	color: #0D51A0;
	font-feature-settings: 'liga'off, 'clig'off;
	/* font-family: Inter; */
	/* font-size: 14.25px; */
	/* font-style: normal; */
	/* font-weight: 500; */
	/* line-height: 23.75px; */
	line-height: 23.75px;
	/* 166.667% */
}

.accordion-content.active {
	opacity: 1;
	padding: 0 20px 15px 20px;

	/* font-size: 30px; */

	/* padding-top: 2rem; */

	margin-bottom: 15px;
}



.br-20 {
	/* border-radius: 20px !important; */
	border-radius: 45px !important;
}

.arrow {
	/* border: solid #2171ce; */
	border: solid #0D51A0;
	border-width: 0 2px 2px 0;
	display: inline-block;
	/* padding: 3px; */
	padding: 5px;
	transform: rotate(45deg);
	transition: transform 0.3s ease;
	/* margin-top: 5px; */
}

.arrow.active {
	transform: rotate(-135deg);
}


/* .accordion-item:last-of-type {
	border-bottom-right-radius:  !important;
} */


@media (max-width: 768px) {
	.grid-container {
		grid-template-columns: 1fr;
	}
}

.section--marcas h2 {
	color: #fff;
	text-align: center;

	/* pixner.net/Lato/Regular */
	font-family: "Lato", sans-serif;
	font-size: 26px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px;
	/* 138.462% */

	padding-bottom: 3.5rem;

	padding-top: 3rem;
}


.participa-promo img {
	display: flex;
	justify-content: center;
	width: 100%;
}

.background-grey {
	background-color: #F2F2F2;
}




.accordion-content a:hover {
	text-decoration: underline;
}

/*  ==========================================================================
	BASES Y CONDICIONES 
	========================================================================== */

#bases {
	position: relative;
	/* top: -4rem; */
	top: -8rem;
}

.bases-background {
	/* background: linear-gradient(0deg, #003A6B 0%, #054E8D 100%); */
	/* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */

	/* background: #0E253D; */
	background: #0D51A0;
}

/* BEM Methodology */
.bases {
	display: flex;
	flex-wrap: wrap;
	/* padding: 20px; */
	justify-content: center;
	gap: 8rem;

	/* padding: 8rem 0 4rem; */
	padding: 2rem 0 0rem;
}

.bases__mapa {
	/* flex: 1; */
	/* min-width: 300px; */
}

.bases__mapa img {
	max-width: 100%;
	height: auto;
}

.bases__contenido {
	/* flex: 1; */
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* padding: 20px; */

	align-self: flex-start;
}

.bases__titulo {
	color: #F2F2F2;
	font-family: "Lato", sans-serif;
	font-size: 28px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
}

.bases__subtitulo {
	color: #F2F2F2;
	font-family: "Lato", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
	/* 218.75% */

	margin-bottom: 1rem;
}

.bases__botones {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 15px;
}

.bases__botones button {
	width: auto;
}

.bases__botones img {
	margin: 0;
}

.btn-bases {
	display: flex;
	height: 40px;
	padding: 16px 20px 16px 16px;
	/* justify-content: center; */
	justify-content: start;
	align-items: center;
	gap: 12px;
	flex-shrink: 0;

	color: #044D8C;
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: -0.15px;

	border-radius: 30px;
	background: linear-gradient(180deg, #FFF 0%, #C2C2C2 100%);
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */

	/* transition: all .3s ease-in-out; */


}

.btn-bases:hover {
	background: linear-gradient(180deg, #EBF1FF 0%, #8793CC 100%);
	/* background: #E1291B; */
	/* color: #fff; */
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);


	/* transition: all 0.15s ease-in; */
}

.btn-bases:active {
	/* background: linear-gradient(180deg, #FFF 0%, #F1F4F7 50%, #90A3B9 100%); */
	/* background: #E1291B; */
	/* color: #fff; */
	box-shadow: 0px 4px 4px 0px rgba(56, 40, 112, 0.50) inset;


	/* transition: all 0.15s ease-in; */
}

.btn-bases--online {
	max-width: 335px;
}

.btn-bases--online img {
	margin: 0;
}

.linea-divisora {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 3rem 0;

	max-width: 678px;
	margin: 0 auto;
}

.linea {
	flex-grow: 1;
	border: none;
	/* border-top: 1px solid #FFC176; */
	border-top: 1px solid #F2F6FA;
	/* Color dorado o el que prefieras */
	/* margin: 0 10px; */
}

.icono-central {
	/* max-width: 50px; */
	/* Ajusta el tamaño del ícono */
	height: auto;
	padding: 0 2rem;
}

.separador-blanco {
	width: 100%;
	height: 1.24px;
	background-color: #F2F2F2;
	margin: 3rem 0 2rem;
}

/* Responsive Design */
@media (max-width: 768px) {
	.bases {
		flex-direction: column;
		align-items: center;
	}

	.bases__mapa {
		max-width: 100%;
	}

	.bases__contenido {
		padding: 10px;
	}

	.btn-bases {
		/* width: 100%; */
	}
}


/*  ==========================================================================
	PREVENIR FRAUDE
	========================================================================== */

.prevenir-background {
	/* background: linear-gradient(0deg, #003A6B 0%, #054E8D 100%); */
	/* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */

	/* background: #0E253D; */
	background: #0D51A0;
	padding: 5rem 0;

	margin-top: -1px;
	margin-bottom: -1px;
	padding-bottom: 2rem;
}

.contenedor-mensaje {
	/* max-width: 1000px; */
	/* max-width: 850px; */
	max-width: 770px;
	display: flex;
	align-items: center;
	/* flex-wrap: wrap; */
	/* gap: 80px; */
	margin: 0 auto;

	border-radius: 36px;
	background: linear-gradient(180deg, #FFF 25%, #F3F6FA 100%);

	padding: 3rem;
}

.icono-lupa-fraude {
	margin: 0;
}

.texto-advertencia {
	/* color: #FFF; */
	font-family: "Inter", sans-serif;
	/* font-size: 20px; */
	/* font-style: normal; */
	/* line-height: 120%; */

	color: #0D51A0;
	font-size: 14.4px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: -0.432px;
}

.texto-advertencia strong {
	/* color: #FFF; */
	font-family: "Inter", sans-serif;
	/* font-size: 20px; */
	font-style: normal;
	font-weight: 700;
	/* line-height: 120%; */
	/* 24px */

}

.boton-enlace {
	display: inline-flex;
	/* padding: 16px 32px; */
	padding: 12px 28px;
	justify-content: center;
	align-items: center;
	gap: 10px;

	border-radius: 30px;
	/* background: #FFF; */

	/* color: #ED6A4C; */
	color: #fff;
	text-align: center;
	font-family: " Inter", sans-serif;
	/* font-size: 18px; */
	font-size: 16px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	/* 133.333% */
	margin-top: 2rem;

	border-radius: 25.2px;
	background: #0D51A0;

	letter-spacing: 0.4px;
}

.boton-enlace:hover {
	background-color: #E1291B;
	color: #fff;
}

@media (max-width: 600px) {
	.contenedor-mensaje {
		flex-direction: column;
		text-align: center;
		gap: 52px;
	}

	.boton-enlace {
		margin-top: 3rem;
	}
}


.imagen-hover img {
	/* width: 100%; */
	/* max-width: 400px; */
	transition: transform 0.8s ease-in-out;
	display: block;
	margin: auto;
	will-change: transform;

}

/* Agranda suavemente al pasar el mouse */
.imagen-hover:hover img {
	transform: scale(1.12);
}

/*  ==========================================================================
	FOOTER
	========================================================================== */

footer {
	/* background: linear-gradient(0deg, #003A6B 100%, #054E8D 0%); */
	padding: 5rem 0;

	/* background: #0E253D; */
	background: #0D51A0;
}

.footer {
	padding: 5.5em 0;
	text-align: center;
}


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

.footer h2 {
	/* color: #154D9A; */
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	line-height: 123%;
	letter-spacing: 0.5px;
}

.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 {
	color: #FFF;
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 123%;
	/* 18.45px */
	letter-spacing: 0.375px;
}

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


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


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

	/* margin-top: 10rem; */
	/* margin-top: 6rem; */

	/* padding-bottom: 4rem; */
}

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


.footer-2 h2 {
	color: #FFF;
	font-family: "Lato", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 900;
	line-height: 123%;
	/* 24.6px */
	letter-spacing: 0.5px;
}

.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;
	width: 24px !important;
}

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

.footer-2 .footer-copyright p {
	font-family: 'Lato', sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.2;

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

	margin-top: -6px;
}

.footer-2 .footer-pie img {
	/* margin-top: 55px; */
	float: right;
	width: 246px;
}


.cooperativas-2025 {
	padding-right: 35px;
}

@media screen and (max-width:1100px) {
	.footer-2 {
		flex-direction: column;
		/* margin-top: 17rem; */
		margin-top: 6rem;
		text-align: center;
	}

	.footer-2 div:nth-child(2) {
		width: 517px;
	}

	.footer-2 .social {
		justify-content: flex-start;
		margin-left: 0;
		flex-wrap: nowrap;
	}

	.footer-2 .footer-pie img {
		margin-top: 30px;
		float: none;
	}


}

@media screen and (max-width:991px) {
	.footer-2 .footer-pie {
		margin-top: 0;
	}

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

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

}

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


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

	.footer {
		padding: 0 .3em 5em .3em;
		padding: 0 .3em 2em .3em;
	}

	.footer-copy img {
		/* width: 300px; */
		width: 175px;
		margin-top: -150px;
	}

	.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: 28px;
	}

	.footer .social__icono a {
		font-size: 14px;
		font-family: "Lato", sans-serif;
		font-style: normal;
		font-weight: 500;
		/* font-size: 15px; */
		line-height: 123%;

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

	.footer-copyright li {
		padding-right: 0px;
		padding-left: 0px;
	}

	.footer-copyright img {
		padding-right: 13px;
		padding-left: 0px;
		width: 185px;
	}

	.footer-copyright p {
		text-align: start;
		padding-right: 0px;
		padding-left: 9px;
		margin-top: -21px;
		line-height: 1.3;
	}

	.footer-copyright {
		align-items: center;

		margin-top: -124px;
	}

	.footer-copyright li:before {
		height: 60px;
	}

	.footer-copyright img {
		/* width: 50px; */
		padding-left: 0 !important;
	}

	.footer-copyright p {
		font-size: 14px;
		width: 130px;
		margin-top: 10px;
	}
}


/* ESTILO FOOTER MOBILE 👇 */
@media (max-width:549px) {
	footer {
		/* position: absolute; */
		position: relative;
		left: 0;

		transform: none;

		display: flex;
		justify-content: center;

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

	}

}

/* ========================================================================== */




.btn-registrate, .btn-consulta-chances {
	cursor: pointer;
}

.encabezado-form {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Modal */

.modal-footer {
	justify-content: flex-start;
	border-top: none;
	padding: 0 0 1.5rem 0;
}

.modal-footer .title {
	font-family: "GoodDog", sans-serif;
	font-size: 4.5em;
	padding-left: 1rem;
	color: #fff;
}

.modal-content {
	/* border: none; */
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */
	background: #D9D9D9;
	border-radius: 20px !important;
}

.close-icon {
	/* width: 60px; */
	width: 45px;
	position: relative;
	top: -2.2rem;
	left: 4rem;
}

.background-modal {
	/* background-color: #353D4C; */
	padding: 2.5rem 4rem;
}

.linea-azul-form {
	background-color: #007CC1;
	height: 2px;

	margin: 3rem 0 2rem;
}

.background-gris {
	background-color: red !important;
}

.regalos {
	display: flex;
	justify-content: center;
	margin-bottom: 4rem;
}

/*  ==========================================================================
	REGISTRATE
	========================================================================== */

.fondo-btn {
	border-radius: 5px;
	/* background: linear-gradient(180deg, #23A5D9 0%, #0669BF 58.33%, #044D8C 100%) !important; */
	background-color: #D90B31 !important;
}

.seccion-tique__bloque {
	max-width: 600px;
	margin: 0 auto;
	/* background: transparent; */
	background: white;
	/* padding: 0 20px 20px 20px; */
	/* margin-bottom: 8.5rem !important; */
	border-radius: 5px !important;

	display: block;

	/* -webkit-box-shadow: 6px 6px 0px 0px #432918;
	box-shadow: 6px 6px 0px 0px #432918; */
}

.seccion-tique__bloque p {
	/* font-size: 1.5em; */
	/* line-height: 1.2; */

	/* color: #007CC1; */
	color: #0D51A0;
	font-family: "Lato", sans-serif;
	font-size: 15px !important;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	letter-spacing: 0.14px;

	/* margin: 1rem 0 1rem; */
	margin-bottom: 1rem;
}

.seccion-tique__bloque h2 {
	/* font-family: "Montserrat-Bold", sans-serif !important; */
	/* font-size: 2em; */
	/* margin-bottom: 3rem; */

	color: #044D8C;
	font-family: "Lato", sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	letter-spacing: 0.22px;
}

.seccion-tique__bloque button {
	/* font-family: "Roboto Condensed", sans-serif !important; */
}

.seccion-tique {
	/* font-family: "Roboto Condensed", sans-serif !important; */
	font-weight: 300;
	/* padding: 3em; */
	text-align: center;
	margin: auto;
	position: relative;
	z-index: 0;
	/* margin-top: 37px; */


	/* width: 600px; */


	color: #000;
}

.seccion-tique h2 {
	font-size: 4em;
	font-weight: 400;
	margin-bottom: 0.25em;
}

.seccion-tique__formulario .titulo {
	/* margin-left: 100px !important; */
	text-align: center !important;
	margin-bottom: 1.5em !important;
}


.seccion-tique__formulario h2 {
	/* font-family: "Montserrat-Bold", sans-serif !important; */
	/* font-size: 2em; */
	/* padding-top: 1.5em; */
	/* margin-bottom: 3rem; */
	/* text-align: start; */
	/* font-weight: bold; */

	color: #044D8C;
	font-family: "Lato", sans-serif;
	font-size: 22px;
	font-style: normal;
	font-weight: 900;
	line-height: normal;
	letter-spacing: 0.22px;

}

.seccion-tique__formulario input {
	border-color: #18965F !important;
}



.seccion-tique--col {
	display: flex;
	flex-flow: column wrap;
	justify-content: center;
	align-items: center;
}

#frmpw,
#ticket {
	display: inline-block;
	vertical-align: top;
}

#frmpw,
#tique {
	display: block;
	padding: 3rem;
	background: #D9D9D9;
	/* background-color: #fff; */
	/* padding-left: 8rem !important; */
	/* border-radius: 5px; */
}

.forms {
	margin-top: 2em;
	max-width: 400px;
	width: 100%;
	text-align: left !important;
}

.forms input,
.forms select,
.forms button {
	display: block;
	/* background-color: rgba(255, 255, 255, 0.2); */
	border-style: solid;
	/* border-width: 2px; */
	/* border-color: #D89659; */
	height: 2em;
	width: 100%;
	/* width: 90%; */
	/* margin-bottom: 1.5em; */
	margin-bottom: .5em;
	/* color: #000000 !important; */
	font-size: 3em;
	border-radius: 5px;
	border: none;
}

/* .forms select,
.forms input {
	background: #fff;
	border: 2px solid #1b66a7;
	font-size: 1.2em;
	line-height: 1.2;
	height: 1.8em;
	padding: 0 0.25em;
	width: 100%;
} */

.forms input[type="text"],
.forms input[type="email"],
.forms input[type="number"] {
	font-size: 20px;
	padding: .5rem !important;
	/* height: 100% !important; */
}

.forms button {
	margin-top: 1em;
}

.forms label {
	/* font-size: 1.6em; */
	font-size: 1.8em;
	color: #000;
	display: block;
}

.forms span {
	font-size: 1.6em;
	color: #000;
}

.forms .formRow {
	clear: both;
	margin-bottom: 1em;
	color: #000;
	text-align: left;
}

.forms p {
	font-size: 1em;
}

/* ---- */

.forms select {
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.forms .bases {
	letter-spacing: -0.1px;
	letter-spacing: -0.01em;
	display: block;
	margin: 1.2em auto 0.8em;
	font-weight: bold;
	font-size: 1.6em;
	/* color: #000; */
	color: #E1291B;
	width: auto;
}

.forms .inlined span,
.forms .inlined input {
	display: inline;
	vertical-align: baseline;
	line-height: 1.2;
	height: auto;
	width: auto;
}

.forms .inlined input {
	margin-right: 0.2em;
	margin-bottom: 0;
}

.forms .inlined span {
	position: relative;
	font-weight: 300;
	font-size: 0.8em;
	top: 0.1em;
}

.forms button {
	/* background: #0066a7; */
	background: #D89659;
	border: none;
	color: #fff !important;
	/* margin: 1.5em auto 0; */
	margin: 2.5em auto 0;
	font-weight: bold;
	padding: 0 1.5em;
	text-align: center;
	font-size: 20px;
	/* width: auto; */
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	letter-spacing: 1px;
	letter-spacing: 0.1em;
}

.forms input,
.forms button {
	-webkit-transition: -webkit-transform 0.15s ease-out;
	-moz-transition: -moz-transform 0.15s ease-out;
	-ms-transition: -ms-transform 0.15s ease-out;
	-o-transition: -o-transform 0.15s ease-out;
	transition: transform 0.15s ease-out;
}

.forms input:focus {
	-webkit-transform: scale(1.025);
	-moz-transform: scale(1.025);
	-ms-transform: scale(1.025);
	-o-transform: scale(1.025);
	transform: scale(1.025);
}

.forms select:focus,
.forms input:focus {
	outline-color: rgba(161, 122, 176, 0.6);
}

.forms button:focus,
.forms button:active {
	outline: none;
}

.forms .error {
	border-color: rgba(240, 59, 74, 0.9) !important;
}

.forms p.msg-success,
.forms p.msg-error {
	color: #fff;
	background: #a00;
	padding: 0.25em 0.5em;
	font-size: 1.33em;
	font-weight: 500;
	/* margin-top: -1.3em; */
	margin-top: 0;
	margin-bottom: 1.3em;
}

.forms label+p.msg-success,
.forms label+p.msg-error {
	margin-top: 0;
	margin-bottom: 0;
}

.forms p.msg-success {
	color: #fff;
	background: #070;
}

.titulo {
	color: inherit;
	display: block;
	font-size: 2.6em;
	margin: 1em auto;
	max-width: 92%;
}

.titulo.tal {
	margin-left: 0;
	margin-right: auto;
}

.titulo--sm {
	font-size: 1.7em;
}

.titulo--alt {
	color: #000;
}

#form_result_nomape {
	font-weight: bold;
	max-width: 100%;
}

#form_result_nomape b {
	display: inline-block;
	text-decoration: underline;

	display: none;
}

.txt {
	/* background-color: #000; */
	color: "#000";
	padding: 1rem;
}

#form_consulta_chances input {
	width: 400px;
}

.encabezado-form-chances {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 3rem;
}



@media (max-width:776px) {

	/* .sorteo {
		height: auto;
		width: 100%;
		margin: 0 auto;
		padding-bottom: 8rem;
	} */
}


/*  ==========================================================================
	MOBILE
	========================================================================== */

@media (max-width:439px) {
	.portada-intro-mobile {
		background-size: cover;
		/* margin-top: -4rem; */
		margin-top: 0;
	}

	.header {
		position: sticky;
		/* background-color: #fff; */
	}

	.marcas-content .title {
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 110.5%;
		letter-spacing: 0.3px;

		max-width: 330px;
		margin-top: -3px;
	}

	#form_consulta_chances input {
		width: 270px;
	}

	#frmpw, #tique {
		display: block;
		padding: 3rem;
		background: #D9D9D9;
		/* background-color: #fff; */
		/* padding-right: 8rem !important; */
		/* border-radius: 5px; */
		width: 346px;
	}


	.bases__content {
		flex-direction: column;
	}

	#displayed-image {
		max-width: 82%;
	}

	.interaction-area p {
		font-size: 15px;
	}

	.icon {
		width: 50px;
	}

	#como-participo {
		position: relative;
		/* top: 5.5rem; */
		top: 2rem;
		/* top: -7rem; */
	}

	/* #premios {
		top: 28rem;
	} */

	.navbar__links a {
		text-align: start;
		color: #fff;

		line-height: 1.2;
	}

	.navbar__links a:hover {
		color: #fff;
	}

	.menu-active .navbar__links {
		/* border-radius: 5px; */
		/* margin-top: -15px; */

		margin-top: -13px;
		border-radius: 0;
		border-bottom-right-radius: 5px;
	}

	.close-icon {
		left: 5rem;
	}

	.part_01 {
		background-color: #00519E;
		display: block;
		margin: 0 auto;
	}

	.part_01 img {
		display: block;
		margin: 0 auto;
	}

	.part_02 {
		background-color: #0189CF;
		display: block;
		margin: 0 auto;
	}

	.part_02 img {
		display: block;
		margin: 0 auto;
	}

	.bg-portada {
		background-image: url(../images/fondo-mb.png);
		background-size: cover;
	}
}


/* ===== VIDEO ===== */

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

.video,
.video__block {
	width: 100%;
	position: relative;
}

.video--auto {
	padding-bottom: 0;
	padding-top: 0;
	height: auto;
}

.video__iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.video__iframe {
	display: block;
}

.video__item {
	display: block;
	width: 100%;
	/* padding-bottom: 56.25%; */
	padding-bottom: 29.25%;
	background-color: transparent;
	position: relative;
	background-position: center center;
	background-size: cover;
	border-radius: 3px;
	overflow: hidden;
	height: 0;
}


.promocion__encabezado-sub {
	display: flex;
	align-items: center;
	gap: 2rem;
}

@media (max-width:1200px) {}

@media (max-width:768px) {
	.promocion__opciones {
		flex-direction: row;
		flex-wrap: wrap;
		/* flex-wrap: nowrap; */
		gap: 1rem;
	}

	.promocion__opcion:not(:last-child) {

		/* padding-bottom: 29px; */
		/* margin-bottom: 26px; */
		margin-bottom: -9px;
	}
}

@media (max-width:439px) {
	.promocion__encabezado {
		flex-direction: column;
	}

	.promocion__cupon {
		gap: 8px;
	}

	.lottie-wrapper {
		padding: 0 16px;
	}

	.accordion-header {
		font-size: 18px;
		height: 94px;
	}

	.grid-container {
		padding-bottom: 8rem;
	}

	.promocion__texto-encabezado {
		color: #044D8C;
		font-family: "Lato", sans-serif;
		font-size: 25px;
		font-style: normal;
		font-weight: 600;
		line-height: 35px;
		margin-left: 0;
		position: relative;
		top: -4px;
		text-align: center;
		margin: 0 1rem;
	}

	.promocion__texto-encabezado img {
		width: 115px;
	}

	.texto-advertencia {
		/* color: #FFF; */
		font-family: "Inter", sans-serif;
		/* font-size: 20px; */
		/* font-style: normal; */
		/* line-height: 120%; */
		color: #0D51A0;
		font-size: 14.4px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: -0.432px;
		text-align: start;
	}

	.boton-enlace {
		font-size: 13px;
	}

	.coopeencasa-position {
		position: relative;
		top: 19px;
		padding: 0 15px;
	}

	.promocion__cupon {
		width: 140px;
	}

	.l-heigth-mb {
		line-height: 1.5 !important;
	}

	.img-promo {
		position: relative;
		right: 0px;
		width: 250px;
	}

	.section-title {
		font-size: 25.2px;
	}

	.promocion__numero {
		font-size: 55.529px;

	}

	.promocion__icono-tienda {
		width: 58.511px;
		height: 59.058px;
		position: relative;
		top: 6px;
	}

	.promocion__encabezado-sub {
		margin-bottom: 1rem;
	}

	.img-promo-dev {
		position: relative;
		top: 19px;
	}

	.promocion__botones-text {
		display: flex;
		align-items: center;
		gap: 2rem;
		margin-left: 0px;
	}

	.promocion__botones button:first-child {
		display: flex;
		width: auto;
		height: 40.32px;
		padding: 11.52px 14.4px 11.52px 11.52px;
		justify-content: center;
		align-items: center;
		gap: 8.64px;

		border-radius: 21.6px;
		/* background: linear-gradient(180deg, #23A5D9 0%, #0669BF 58.33%, #044D8C 100%); */
		box-shadow: 0px 2.88px 7.2px 0px rgba(0, 0, 0, 0.25);

		color: #F2F2F2;
		font-family: "Lato", sans-serif;
		/* font-size: 12.96px; */
		font-size: 16.96px;
		font-style: normal;
		font-weight: 400;
		line-height: 17.28px;
		/* 133.333% */
		letter-spacing: 0.13px;
	}

	.promocion__botones button:last-child {
		display: flex;
		width: auto;
		height: 40.32px;
		padding: 11.52px 14.4px 11.52px 11.52px;
		justify-content: center;
		align-items: center;
		gap: 8.64px;
		margin: 0;

		border-radius: 30px;
		/* border: 2px solid #23A5D9; */
		box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);

		/* border: none; */

		color: #044D8C;
		font-family: "Lato", sans-serif;
		font-size: 12.96px;
		font-style: normal;
		font-weight: 400;
		line-height: 17.28px;
		/* 133.333% */
		letter-spacing: 0.13px;
	}

	.promocion__botones button:focus:last-child {
		outline: none;
	}

	.promocion__botones {
		display: flex;
		justify-content: space-evenly;
		gap: 6px;
		margin-top: 2rem;
	}

	.promocion__bloque-contenido {
		flex: 2;
		padding: 0px;
		display: flex;
		flex-direction: column;
	}

	.promocion__botones img {
		width: 14.4px;
	}

	.promocion__botones-text .txt {
		color: #044D8C;
		font-family: "Lato", sans-serif;
		font-size: 11px;
		font-style: normal;
		font-weight: 700;
		line-height: 14.4px;
		/* 130.909% */
	}

	.promo__footnote {
		color: #054F95;
		text-align: center;
		font-family: "Lato", sans-serif;
		/* font-size: 15px; */
		/* font-size: 11.52px; */
		font-size: 13.52px;
		font-style: normal;
		font-weight: 800;
		line-height: normal;
		letter-spacing: 0.15px;
		/* margin-bottom: 9rem; */
		/* margin-top: -27px; */

		margin-bottom: -3rem;
		margin-top: 20px;

	}

	.top-size {
		/* margin-bottom: 9rem; */
		margin-bottom: 5rem;
		margin-top: -27px;
	}


	.miCoope-logo {
		position: relative;
		margin-top: 6px;
	}

	.sorteo__contenido p:nth-of-type(1) {
		color: #F2F2F2;
		text-align: right;
		font-family: "Lato", sans-serif;
		/* font-size: 14px; */
		/* font-size: 22px; */
		font-size: 25px;
		font-style: normal;
		font-weight: 400;
		line-height: 25.129px;
	}

	.sorteo__contenido p:nth-of-type(2) {
		/* color: #F7A812; */
		font-family: "Lato", sans-serif;
		font-size: 20.104px;
		font-style: normal;
		font-weight: 900;
		line-height: 25.129px;
		letter-spacing: 0.201px;
	}

	.separador-blanco-v2 {
		width: auto;
		height: 1px;
		background-color: #F2F2F2;
		margin: 3rem 0 2rem;
	}

	.sorteo__img img {
		width: 143.597px;
		height: 137.853px;
	}

	.sorteo {
		display: flex;
		flex-wrap: wrap;
		padding: 0px;
		justify-content: center;
		align-items: center;
		gap: 4rem;
		padding: 6rem 0 3rem;
	}

	.bases__titulo {
		color: #F2F2F2;
		font-family: "Lato", sans-serif;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 22.976px;
	}

	.btn-bases {
		display: flex;
		height: 28.719px;
		padding: 11.488px 14.36px 11.488px 11.488px;
		justify-content: center;
		align-items: center;
		gap: 8.616px;
		flex-shrink: 0;
		border-radius: 21.54px;
		background: linear-gradient(180deg, #FFF 0%, #C2C2C2 100%);
		box-shadow: 0px 2.872px 2.872px 0px rgba(0, 0, 0, 0.25);

		color: #044D8C;
		font-family: "Lato", sans-serif;
		font-size: 10.77px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.108px;
	}

	.bases {
		flex-direction: row;
		align-items: center;
		flex-wrap: nowrap;
		gap: 0;
	}

	.bases__contenido {
		padding: 0px;
	}

	.footer-container {
		display: flex;
		justify-content: center;
		gap: 1rem;
		align-items: center;
		overflow-x: hidden;
	}

	.footer-mb-st {
		/* width: 100%; */
		width: 337px;
		/* width: 500px; */
		/* display: flex; */
		margin-left: 60px;
		padding-bottom: 2rem;
	}

	.monociclo-footer-mb {
		width: 112px;
		position: relative;
		left: 20px;
	}
}