@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 'Inter', sans-serif;
	/* font: 400 62.5%/1 'Lato', sans-serif; */
}

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: linear-gradient(0deg, #e6e8e5 100%, #DFE2DF -32.69%, #F6F6F6 -98.19%); */

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

	background: #9E332B;
	/* filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25)); */
}

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


.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;
	text-align: center;
	font-family: "Lato", sans-serif;
	font-size: 35px;
	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; */
	padding: 1.8em 2em;
	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: #9E332B;
	align-items: center;
}

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

.como-participo--mb {
	display: flex;
	justify-content: center;
	width: 100%;
}

.como-participo-box {
	width: 100%;
}

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


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

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

	margin-left: 3rem;
}

.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: #F2F2F2; */
	color: #FFFEFE;

	/* font-weight: normal !important; */
	font-weight: 600 !important;

	line-height: 24px;
	/* 150% */

}

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




/* @media (min-width:1024px) { */
@media (min-width:1250px) {

	.navbar__links a {
		/* color: #2D2D2D; */
		/* color: #044D8C; */
		/* color: #F2F2F2; */
		color: #FFFEFE;
		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; */
		margin-left: 1.4em;
		/* margin-left: -1rem; */
	}
}

/* @media (max-width:1023px) { */
@media (max-width:1249px) {

	.header {
		padding-right: 2rem;
		flex-direction: row-reverse;

		justify-content: space-between;

	}

	.header__logo {
		margin-right: 0;
	}

	.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%); */
		/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset; */

		/* background-color: #BF1020; */
		background-color: #9E332B;

	}

	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.7em;
		/* 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; */
		padding: 1.5rem 2rem;
		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;

		/* margin-left: 2.2rem; */

		/* margin-left: -0.4rem; */
		margin-left: -1rem;

	}
}

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

@media (max-width:1390px) {
	.navbar__links a+a {
		/* margin-left: 2em; */
		/* margin-left: 1.4em; */
		/* margin-left: 0em; */
	}
}

/* Preguntas frecuentes */

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

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

	/* 👇 ESTA LÍNEA HACE QUE TODAS MIDAN IGUAL */
	/* grid-auto-rows: 1fr; */
}

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

.accordion-header {
	/* background: white; */
	background: #FED517;
	/* padding: 15px 20px; */
	/* padding: 40px 28px; */
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	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;

	color: #40276D;
	/* color: #201416; */
	/* font-feature-settings: 'liga'off, 'clig'off; */
	font-family: "Inter", sans-serif;
	font-size: 19px;
	font-style: normal;
	font-weight: 700;
	line-height: 26.917px;
	/* 141.667% */

	min-height: 88px;
	padding: 0 52px;
	display: flex;
	align-items: center;


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

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


}

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

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

.accordion-header.active .arrow {
	border: solid #ED6A4C;

	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;

	color: #ED6A4C;
}

.accordion-content {
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: height 0.3s ease-out, opacity 0.3s ease-out;
	background: white;
	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: #201416;
	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; */
}



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

.arrow {
	/* border: solid #2171ce; */
	border: solid #201416;
	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);
}

.anexo {
	color: #0062AC;
	text-decoration: underline;
	text-underline-offset: 2px;
	text-decoration-thickness: 1px;
}


/* .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;
}


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

.section__content {
	max-width: calc(100% - 4rem);
	/* width: 1192px; */
	width: 1315px;
	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;
}

.bases-condiciones {
	padding-top: 8rem;
}




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

.fondo-rojo {
	/* background-color: #BF1020; */
	background: #9E332B;
	padding: 4rem 0;
	margin-top: -2px;

	padding-top: 8rem;
}

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

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

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

.texto-advertencia strong {
	color: #FFF;
	/* color: #40276D; */
	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;
	justify-content: center;
	align-items: center;
	gap: 10px;

	border-radius: 30px;
	background: #FED517;

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

.boton-enlace:hover {
	background-color: #f5f5f5;
	color: #ED6A4C;
}

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

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






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

/* .portada-desktop {

	height: 200% !important;

} */

.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: -1rem;
	/* top: -92rem; */
}

#premios--mb {
	position: relative;
	top: -2rem;
}

#como-participo-foot {
	position: relative;
	top: -120px;
}

#bases-foot {
	position: relative;
	top: -120px;
}

#faq-foot {
	position: relative;
	top: -70px;
}

.t-underline {
	text-decoration: underline;
	font: inherit !important;
	color: inherit !important;
	top: 0 !important;
	text-underline-offset: 2px !important;
	font-weight: 400 !important;
}

/*  ==========================================================================
	PREMIOS
	========================================================================== */
.premios--background {

	/* background: url(../images/premios-background.png) no-repeat center bottom transparent; */
	background: url(../images/bg-promo.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%;
}


.curved-separator {
	background-color: #FFF8BD;
	/* Rojo */
	position: relative;
	height: 200px;
	overflow: hidden;
}

.curved-separator svg {
	position: absolute;
	/* bottom: 0; */
	width: 100%;
	height: auto;
}

.curved-content {
	background-color: #BF1020;
}


.content-premios {
	display: flex;
	flex-direction: column;
	gap: 20px;
	position: relative;
	z-index: 2;

	padding: 1rem;
}



@media (min-width: 768px) {
	.content-premios {
		flex-direction: row;
		align-items: center;
		/* justify-content: space-between; */
		justify-content: space-around;
		gap: 40px;
	}
}

.promo-left {
	/* flex: 1; */
}

/* .promo-image-container {
	border: 3px solid #9c9;
	background-color: white;
	padding: 10px;
	margin-bottom: 20px;
	max-width: 500px;
} */

.promo-image {
	/* width: 100%; */
	/* display: block; */

	/* max-width: 501.881px; */
	max-width: 600px;
	/* height: 339.284px; */
	/* transform: rotate(-5.797deg); */
	/* aspect-ratio: 501.88/339.28; */
}

@media (max-width: 1300px) {
	.promo-image {
		max-width: 480px;
	}
}


.promo-heading {
	/* color: white; */
	/* font-size: 2rem; */
	/* margin-bottom: 10px; */
	/* line-height: 1.2; */

	color: #FFF;

	font-family: "Inter", sans-serif;
	font-size: 50px;
	font-style: normal;
	font-weight: 700;
	line-height: 110%;
	/* 55px */
}

.promo-heading-sub {
	color: #FFF;

	font-family: "Inter", sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	/* 33px */
	padding-top: 4rem;
	padding-bottom: 1rem;
}

.end-text {
	font-weight: 500;
}

.price-text {
	color: #ffcc00;
	font-weight: bold;
}

.promo-form-container {
	background-color: #ffcc00;
	border-radius: 20px;
	padding: 20px;
	/* max-width: 450px; */
	max-height: 613px;
	flex: 1;
}

.botones--contenedor {
	display: flex;
	/* justify-content: center; */
	justify-content: space-between;
	gap: 2rem;

	margin-top: 3rem;
	margin-bottom: -1.5rem;
}

.btn-participa {
	display: flex;
	/* padding: 16px 32px !important; */
	/* padding: 16px 48px; */
	/* padding: 16px 39px; */
	/* padding: 16px 44px; */
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;


	height: 48px;


	border-radius: 30px;
	background: #9E332B;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) !important;

	color: #FFF;
	text-align: center;
	font-family: "Inter", sans-serif !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	/* 133.333% */
	outline: none !important;

	border: none;

	margin-top: 0 !important;

	transition: all .25s ease;

}

.btn-participa:hover {
	transform: scale(1.05);
}

.btn-consulta {
	display: flex !important;

	/* flex: 1 0 0; */

	/* padding: 16px 32px; */
	/* padding: 16px 15px; */
	padding: 16px 12px;
	justify-content: center !important;
	align-items: center !important;
	gap: 10px !important;
	flex: 1 0 0 !important;
	align-self: stretch !important;

	border-radius: 30px !important;
	/* border: 1px solid #BF1020; */
	border: 1px solid #9E332B;
	background: rgba(255, 255, 255, 0.90) !important;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

	/* color: #BF1020 !important; */
	color: #9E332B !important;
	text-align: center !important;

	/* Button_Link/Normal */
	font-family: "Inter", sans-serif !important;
	font-size: 18px !important;
	font-style: normal !important;
	font-weight: 400 !important;
	line-height: 24px !important;
	/* 133.333% */
	height: 56px;

	/* transition: all 0.4s ease-in; */

	cursor: pointer;

	height: 48px;

	transition: all .25s ease;


	/* transition: border-color 0.2s ease */
}

.btn-consulta:hover {
	/* box-shadow: none; */
	transform: scale(1.05);
	/* si usás scale no empuja al otro */
	/* border-color: transparent; */
	/* transition: all 0.2s ease-in; */
}

.btn-ver-chances {
	border-radius: 30px;
	/* background: #BF1020 !important; */
	background: #9E332B !important;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25) !important;

	display: flex;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;

	color: #FFF;
	text-align: center;
	font-family: "Inter", sans-serif !important;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	/* 133.333% */
}

.fz-chances {
	font-size: 18px !important;
	margin-top: 3rem !important;

	padding: 9px !important;
	margin-bottom: 1.5rem;
}


.form-title {
	color: #cc0000;
	font-size: 1.5rem;
	margin-bottom: 20px;
	font-weight: bold;
}

.form-group {
	margin-bottom: 15px;
}

.form-control {
	width: 100%;
	padding: 15px;
	border: none;
	border-radius: 8px;
	font-size: 1rem;
}

.form-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-bottom: 15px;
}

.form-checkbox input {
	margin-top: 5px;
}

.checkbox-text {
	font-size: 0.9rem;
	color: #333;
}

.terms-link {
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

.submit-btn {
	background-color: #cc0000;
	color: white;
	border: none;
	border-radius: 8px;
	padding: 12px 25px;
	font-size: 1.1rem;
	cursor: pointer;
	font-weight: bold;
}

.check-chances-btn {
	background-color: transparent;
	border: 2px solid #cc0000;
	color: #cc0000;
	border-radius: 8px;
	padding: 10px 20px;
	font-size: 1rem;
	cursor: pointer;
	margin-left: 10px;
}

.buttons-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px;
}

@media (max-width: 767px) {
	.promo-heading {
		font-size: 1.5rem;
	}

	.buttons-container {
		flex-direction: column;
		align-items: stretch;
	}

	.submit-btn, .check-chances-btn {
		margin-left: 0;
		text-align: center;
		margin-bottom: 10px;
	}
}



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

#como-participo {
	position: relative;
	top: -4rem;
}

/* .como-participo-dk {
	max-width: 400px;
} */

.como-participo-dk {
	max-width: 675px;
	width: 100%;
	display: flex;
	/* aspect-ratio: 1368 / 679; */
	/* aspect-ratio: 1195 / 700; */

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

}

.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;
	display: flex;
	align-items: center;
	gap: 6px;
	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: 10px;
}

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

.promocion__texto-encabezado {
	color: #044D8C;
	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;
}

.promocion__opcion p {
	color: #044D8C;
	text-align: center;
	font-family: "Lato", sans-serif;
	font-size: 14px;
	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;

	color: #2A65AC;
	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;
	margin: 20px 0;
}

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

	color: #044D8C;
	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;
	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;
	justify-content: center;
	align-items: center;
	gap: 12px;
	border-radius: 30px;
	background: linear-gradient(180deg, #23A5D9 0%, #0669BF 58.33%, #044D8C 100%);
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);
	/* width: 20px;
	height: 20px; */
	margin: 0;

	border: none;

	/* color: #F2F2F2; */
	color: #FFFEFE;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	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;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);

	/* border: none; */

	color: #044D8C;
	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	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 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;
}

.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;
	text-align: center;
	font-family: "Lato", sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.15px;
	margin-bottom: 11rem;
}



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

.como-participar-container {
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	justify-content: space-around;
	align-items: center;
	padding: 2rem;
	padding-top: 0;
	padding-bottom: 6.5rem;
	gap: 2rem;

	background-color: #FFF8BD;
}

/* .participar-texto {
	max-width: 400px;
} */

.participar-texto h1 {
	/* color: #cc0000;
	font-size: 2.5rem;
	margin-bottom: 0.5rem; */

	color: #BF1020;
	font-family: "Inter", sans-serif;
	font-size: 70px;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	/* 70px */
}

.participar-texto h1 span {
	/* font-weight: 700; */
}

.participar-texto p {
	color: #BF1020;
	font-family: "Inter", sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 500;
	line-height: 110%;
	/* 33px */

	padding: 1.5rem 0;
}

.participar-texto .btn-primary {
	display: flex;
	height: 59px;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;

	border-radius: 30px;
	background: #BF1020;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);

	margin-bottom: 2rem;


	color: #FFF;
	text-align: center;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	/* 133.333% */
}

.participar-texto .btn-secondary {
	display: flex;
	height: 59px;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;

	border-radius: 30px;
	border: 1px solid #BF1020;
	background: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

	color: #BF1020;
	text-align: center;

	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 133.333% */
}

.promo-participar-image img {
	max-width: 100%;
	height: auto;
	/* border: 4px solid #b4ec36; */
	border-radius: 12px;
	box-sizing: border-box;
}


#registro-promo {
	position: relative;
	top: -85px;
}


/*  ==========================================================================
	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; */
	color: #FFFEFE;
	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 */
}


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

.seccion-marcas {
	display: flex;
	/* height: 135.385px; */
	padding: 38px 65px;
	/* flex-direction: column; */
	/* justify-content: space-between; */
	/* align-items: flex-start; */
	/* align-self: stretch; */

	background: #FFF;
	box-shadow: 0px 4px 20px 0px rgba(1, 0, 4, 0.10) inset;
}

.marcas-contenedor {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	gap: 7rem;
	margin: 0 auto;

	flex-wrap: wrap;
}

.marcas-contenedor img {
	/* width: 70%; */
}

/*  ==========================================================================
	MARCAS 
	========================================================================== */
#marcas-auspiciantes {
	position: relative;
	top: -120px;
}

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

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

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

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

	text-align: center;
	margin: 0 auto;

	/* padding: 8px 0 14px; */
	padding: 62px 0 24px;

	border-radius: 0px 0px 15px 15px;
	/* background: #01529F; */
	background: #0189CF;
	color: #fff;
	/* box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); */

	position: relative;
	z-index: 3;
}

.marcas-content .img-container {
	/* height: 500px; */
	height: 341px;
	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; */
	max-width: 1077px;
	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-contenedor {
	padding: 12rem 0 4rem;
}

.contenedor-cuadros {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 20px;
}

.imagen-cuadro {
	width: 280px;
	max-width: 100%;
	height: auto;
	border-radius: 12px;
	/* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); */
}

.separador-vertical {
	width: 3px;
	height: 130px;
	background-color: #FAC900;
}

.separador-horizontal {
	margin: 50px auto 0 auto;
	height: 3px;
	width: 90%;
	background-color: #FAC900;
}



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

.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-style: normal;
	font-weight: 400;
	line-height: 35px;
	/* 125% */
}

.sorteo__contenido p:nth-of-type(2) {
	color: #F7A812;
	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;

}

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


.promo-sorteo {
	display: flex;
	justify-content: center;

	padding-top: 3rem;
}

#registrate-promo {
	position: relative;
	top: -30rem;
}

#registrate-promo-mb {
	position: relative;
	top: -20rem;
}

.prevenir-enlace-mb {
	display: flex;
}

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


.contenedor-legales {
	/* display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding: 20px;
	align-items: flex-start; */

	display: flex;
	/* padding: 48px 32px; */
	padding: 32px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;

	/* border-radius: 33px; */
	/* background: #40276D; */
	/* box-shadow: 15px 15px 25px 0 rgba(0, 0, 0, 0.25); */
	max-width: 1153px;
	margin: 0 auto;
}

.contenedor-legales p {
	color: #FFF;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.cuadro-legal {
	display: flex;
	flex-direction: column;
	align-items: center;
	max-width: 250px;
	text-align: center;

	justify-content: space-between;
	/* Esto manda el botón al fondo */

	min-height: 240px;
	/* Ajustá la altura mínima según lo necesites */
}

.imagen-mapa {
	/* width: 100%; */
	max-width: 253px;
	/* border: 4px solid #a6f29a; */
	/* border-radius: 10px; */
	/* box-shadow: 0 0 10px #a6f29a; */
	/* margin-bottom: 10px; */

	border-radius: 50px 0px 50px 50px;
	background: #FFF;

	margin: 0;
}

.texto-legal {
	/* font-size: 16px; */
	/* color: #333; */

	text-align: start;

	color: #201416;
	font-family: "Inter", sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 28.8px */
}

.boton-descarga {
	/* margin-top: 10px;
	padding: 8px 16px;
	background-color: white;
	border: 1px solid red;
	border-radius: 20px;
	color: red; */
	cursor: pointer;
	transition: background-color 0.3s ease;

	display: flex;
	padding: 16px 32px;
	justify-content: center;
	align-items: center;
	gap: 10px;

	border-radius: 30px;
	border: 1px solid #BF1020;
	background: rgba(255, 255, 255, 0.90);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

	color: #BF1020;
	text-align: center;

	/* Button_Link/Normal */
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	/* 133.333% */
	align-self: start;

	transition: box-shadow 0.1s ease;
}

.boton-descarga:hover {
	/* background-color: #ffeaea; */
	color: #BF1020;
	border: 1px solid #BF1020;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0);
}

.linea-vertical {
	width: 3px;
	background-color: rgba(237, 106, 76, 0.50);
	/* height: 100px; */
	height: 172px;
	align-self: auto;

}

@media (max-width: 768px) {
	.contenedor-legales {
		flex-direction: column;
		align-items: center;
	}

	/* .linea-vertical {
		display: none;
	} */
}


.legales-bases {
	text-decoration: underline;
	text-underline-offset: 4px;
	text-decoration-thickness: 1px;
}

.legales-bases:hover {
	color: #fff;
}

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

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

	background: #1B6CB6;
}


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

	/* padding: 8rem 0 4rem; */
	padding: 1rem 0 0rem;

	/* padding-left: 8rem; */
	/* justify-content: start; */
	justify-content: center;
}

.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; */

	max-width: 500px;
}

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

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

	margin-bottom: 1rem;

	color: #F2F2F2;
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 27px;
	/* 175% */
}

.bases__botones {
	/* display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 10px; */

	display: inline-flex;
	padding: 11px 26px 12px 26px;
	align-items: center;
	gap: 24px;
	border-radius: 10px;
	border: 2px solid #FFC200;

	cursor: pointer;

	width: 190px;

}

/* .bases__botones div {
	display: inline-flex;
} */

.bases__botones:hover, .bases__botones:focus {
	border: 2px solid #FFC200;
	outline: 0;
}


.bases__botones button {
	width: auto;
}

.bases__botones img {
	margin: 0;
}

.btn-bases {
	/* display: flex;
	height: 40px;
	padding: 16px 20px 16px 16px;
	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%); */

	color: #FFC200;
	text-align: center;

	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 30px;
	/* 166.667% */

	width: auto;


}

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

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

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

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

.linea {
	flex-grow: 1;
	border: none;
	border-top: 1px solid #FFC176;
	/* 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-fruade-img {
	display: flex;
	justify-content: center;
	/* width: 1140px; */
	/* width: 960px; */
	width: 1155px;

	/* padding: 12rem 0; */

	margin: 12rem auto;
}

#faq {
	position: relative;
	top: -3rem;
}

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

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

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




.zona-pie {
	/* background: linear-gradient(to bottom, #c00d1c, #330707); */
	background: #9E332B;
	color: white;
	padding: 40px 20px;
	margin-top: -2px;
	padding-top: 8rem;
}

.contenedor-pie {
	/* max-width: 1200px; */
	/* margin: 0 auto; */
	display: flex;
	/* justify-content: space-between; */
	justify-content: space-around;
	align-items: flex-start;
	flex-wrap: wrap;
}

.bloque-logo {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 47px;
}

.imagen-logo {
	width: 160px;
}

.iconos-redes a {
	margin-right: 10px;
	display: inline-block;
}

.iconos-redes img {
	width: 30px;
	height: 30px;
	transition: transform 0.3s ease;
}

.iconos-redes img:hover {
	transform: scale(1.1);
}

.bloque-enlaces {
	display: flex;
	gap: 60px;
}

.columna {
	min-width: 180px;
}

.titulo-columna {
	/* font-size: 1rem; */
	/* font-weight: bold; */
	/* margin-bottom: 10px; */

	color: #fff;

	/* Heading/Headline 4 */
	font-family: "Inter", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 1.5rem;
	/* 140% */
}

.lista-enlaces {
	list-style: none;
	padding: 0;
	margin: 0;

	display: flex;
	flex-direction: column;
	gap: .5rem;
}

.lista-enlaces li {
	margin-bottom: 8px;
}

.lista-enlaces a {
	/* color: white;
	text-decoration: none;
	font-size: 0.95rem; */

	/* color: #F5F7FA; */
	color: #fff;

	/* Body/Regular/Body 3 */
	font-family: "Inter", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	/* 142.857% */
}

.lista-enlaces a:hover {
	text-decoration: underline;
}

@media (max-width: 768px) {
	.contenedor-pie {
		/* flex-direction: column; */
		align-items: center;
		text-align: center;
		gap: 30px;

		flex-direction: column-reverse;
		align-items: start;
	}

	.bloque-enlaces {
		flex-direction: column;
		/* align-items: center; */
		gap: 30px;

		align-items: start;
	}

	.columna {
		min-width: unset;

		text-align: left;
	}

	.bloque-logo {
		align-items: center;
	}

	.imagen-logo {
		width: 150px;

		position: relative;
		left: -8px;
	}

	.iconos-redes {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 15px;
	}

	.iconos-redes a {
		margin-right: 0;
	}
}



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

	.bases {
		padding-left: 0rem;
	}

}

@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: 5rem;
		padding-bottom: 1.5rem;

	}

	.premios--background {

		/* background: url(../images/premios-background.png) no-repeat center bottom transparent; */
		background: url(../images/bg-promo-mb.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%;
	}

}


.footer-promo {
	/* background-color: #1e73be; */
	/* Blue background */
	color: white;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 20px;
	flex-wrap: wrap;

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

.footer-promo .social-media {
	display: flex;
	align-items: center;
	gap: 10px;
}

.footer-promo .social-media span {
	color: #FFF;

	font-family: "Lato", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%;
	/* 21.6px */
}

.footer-promo .social-media a {
	text-decoration: none;
}

.footer-promo .social-media img {
	width: 30px;
	height: 30px;
}

.footer-promo .logos {
	display: flex;
	align-items: center;
	gap: 40px;
}

.footer-promo .logos img {
	max-height: 50px;
}

@media (max-width: 768px) {
	.footer-promo {
		flex-direction: column;
		text-align: center;

		align-items: normal;

		gap: 3rem;
	}

	.footer-promo .social-media, .footer-promo .logos {
		justify-content: center;
		margin: 10px 0;
	}
}

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

.btn-productos:hover {
	box-shadow: none;


	transition: all .1s ease-in;

}

.btn-recorda:hover {
	/* box-shadow: none; */
	border-radius: 30px;
	background: #8C111C;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) inset;

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

	/* transition: all .2s ease-in; */


}


/* .premios img {
	display: flex;
	width: 100%;

	padding-bottom: 4rem;
} */

/* .premios {
	background-color: #F2F2F2;
} */

.btn-registro {
	/* display: inline-flex !important; */
	/* width: 181px; */
	/* height: 53px; */
	/* padding: 10px 25px 11px 25px !important; */
	/* align-items: center !important; */
	/* gap: 17px; */

	/* border-radius: 10px !important; */
	/* background: #F5864E; */

	/* margin-right: 2rem; */

	cursor: pointer;

	border-radius: 30px !important;
	background: #FED517 !important;
	/* box-shadow: 0px 8px 5px 0px rgba(209, 171, 171, 0.40) !important; */
	box-shadow: 0px 8px 5px 0px rgba(209, 171, 171, 0.20) !important;

	/* display: flex !important; */
	padding: 10px 20px !important;
	flex-direction: column !important;
	align-items: center !important;
	gap: 10px !important;

	/* color: #BF1020 !important; */
	color: #9E332B !important;

	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 28px !important;
	/* 140% */

}

.btn-registro:hover {
	/* border-radius: 0px 0px var(--radius-10, 10px) var(--radius-10, 10px); */
	/* background: #FFC200; */
	transform: scale(1) !important;

	/* color: #3F7FCA !important; */
	color: #FFFEFE !important;

	border-radius: 30px !important;
	background: #ED6A4C !important;
	box-shadow: 0px 8px 16px 0px rgba(171, 190, 209, 0.40) inset !important;

}

.arrow-r {
	/* width: 13px; */

	font-weight: 300;

	font-size: 28px;

	display: flex;

}

.gt-p {
	position: relative;
	left: -9px;
}

.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; */

	border-radius: 30px;
	/* background: transparent; */
	background: #FED517;
	/* background: #FAC900; */
}

.close-icon {
	/* width: 60px; */
	width: 32px;
	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;
}

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

.fondo-btn {
	border-radius: 5px;
	background: linear-gradient(180deg, #23A5D9 0%, #0669BF 58.33%, #044D8C 100%) !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;
	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; */

	/* color: #AE0010; */
	color: #40276D;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;

	display: block;
}

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

	/* padding-top: 1rem; */
}

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

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

	border-radius: 40px;
	background: #FED517;
	margin-top: 4rem;
}

.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 select {
	font-size: 20px;
	padding: .5rem !important;
	border-radius: 5px !important;
	background: #fff;
	color: #333;
	/* color: #aeaeae; */
	border: none;
}

.forms select:valid {
	/* color: #333; */
	color: #7f7f7f;
}


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

	border-radius: 5px;
}

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

	border-radius: 5px !important;
}

.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;
	width: auto; */

	/* color: #AE0010; */
	color: #40276D;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	text-align: start;

	display: block;
	padding-bottom: 10px;
}

.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;
	/* margin: 1.5em auto 0; */
	/* margin: 2.5em auto 0; */
	/* font-weight: bold; */
	padding: 0 1.5em;
	text-align: center;
	/* font-size: 20px; */
	/* font-size: 15px; */
	font-size: 22px;
	/* 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;

	margin-bottom: 1rem;
}

#form_consulta_chances input {
	width: 400px;

	/* border: none; */

}

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

.encabezado-form-chances h2 {
	/* color: #AE0010; */
	color: #40276D;
	font-family: "Inter", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
	/* text-transform: uppercase; */
}

@media (max-width:776px) {

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


.background-promo {
	background: url(../images/fondo.png) no-repeat center transparent;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

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

@media (max-width:1170px) {

	.content-premios {
		flex-wrap: wrap;
	}

	.promo-participar-image img {
		max-width: 495px;
	}



	/* .line-two {
		display: none;
	} */


}


@media (max-width:1030px) {
	.contenedor-cuadros {
		flex-direction: column;
	}

	.separador-vertical {
		width: 272px;
		height: 3px;
		background-color: #FAC900;
	}

	.contenedor-legales {
		flex-direction: column;
		align-items: center;
		gap: 4rem;
	}

	.linea-vertical {
		width: 333px;
		background-color: rgba(237, 106, 76, 0.50);
		/* height: 100px; */
		height: 3px;
		align-self: auto;
	}

	.line-one {
		display: none;
	}

	.cuadro-legal {
		justify-content: center;
		gap: 1.5rem;
		min-height: 0;
	}

}

@media (max-width:760px) {
	.contenedor-mensaje {
		flex-direction: column;
	}

	.texto-advertencia {
		text-align: center;
		padding: 0 1rem;
	}

	.promo-participar-image img {
		max-width: 378px;
		margin-top: 2rem;
	}

	.como-participar-container {
		flex-direction: column-reverse;
		margin-top: -2rem;
		gap: 3rem;
	}

	.participar-texto .btn-primary {
		margin-top: 2rem;
	}
}

@media (max-width:620px) {
	.promo-image {
		/* width: 100%; */
		/* display: block; */
		/* max-width: 419.881px; */
		/* height: 339.284px; */
		/* transform: rotate(-5.797deg); */
		/* aspect-ratio: 501.88 / 339.28; */
	}
}

@media (max-width:500px) {
	.promo-image {
		/* width: 100%; */
		/* display: block; */
		max-width: 330px;
		/* height: 339.284px; */
		/* transform: rotate(-5.797deg); */
		/* aspect-ratio: 501.88 / 339.28; */
	}
}



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


@media (max-width:439px) {

	.visible-desktop {
		display: none;
	}

	.background-promo {
		background: url(../images/fondo-mb.png) no-repeat center transparent;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
		background-size: cover;
	}

	.como-participo-mb {
		width: 384px;
		margin-top: 2rem;
	}

	.como-participo-dk {
		max-width: 360px;
		width: 100%;
		display: flex;
		/* aspect-ratio: 1368 / 679; */
		/* aspect-ratio: 1195 / 700; */

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

	}

	.zona-pie {
		/* background: linear-gradient(to bottom, #c00d1c, #330707); */
		background: #9E332B;
		color: white;
		padding: 40px 20px;
		margin-top: -2px;
		padding-top: 4rem;
	}

	.imagen-mapa {
		display: none;
	}

	#faq {
		position: relative;
		top: -1rem;
	}

	.seccion-marcas {
		padding: 37px 30px;
		margin: 2rem 0;
	}

	#form_consulta_chances input {
		width: 353px;
		/* border: none; */
		margin: 0 auto;
		border-radius: 5px;
	}

	.encabezado-form-chances h2 {
		text-align: left;
		margin-left: 24px;
	}

	.close-icon {
		left: -1.2rem;
		top: -1rem;
	}

	.content-premios {
		display: flex;
		flex-direction: column;
		gap: 44px;
		/* gap: 20px; */
		position: relative;
		z-index: 2;

		padding: 2rem;
		padding-top: 3rem;
	}

	.promo-participar-image img {
		max-width: 324px;
		margin-top: 2rem;
	}

	.participar-texto h1 {
		font-size: 53.548px;
	}

	.participar-texto p {
		font-size: 17.849px;
	}

	.como-participar-container {
		padding-bottom: 3.5rem;
	}

	.curved-separator {
		height: 100px;
	}

	.imagen-cuadro {
		width: 338px;
	}

	.separador-vertical {
		width: 334px;
	}

	.marcas-contenedor img {
		width: 20%;
	}

	.sorteo-contenedor {
		padding: 6rem 0 4rem;
	}

	.marcas-contenedor {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		gap: 4rem;
		margin: 0 auto;
		flex-wrap: wrap;
	}

	.botones-formularios-mb {
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap: 3rem;
	}

	.btn-participa {
		display: flex;
		padding: 10px 20px;
		flex-direction: column;
		align-items: center;
		gap: 10px;
		align-self: stretch;

		border-radius: 30px;
		/* background: #FAC900; */
		background: #9E332B;
		box-shadow: 0px 8px 5px 0px rgba(209, 171, 171, 0.40);

		/* color: #BF1020; */
		color: #fff;

		/* Heading/Headline 4 */
		font-family: Inter;
		font-size: 20px;
		font-style: normal;
		font-weight: 600;
		line-height: 28px;
		/* 140% */


	}

	.btn-consulta {
		display: flex;
		/* height: 64px; */
		padding: 13px 32px;
		/* padding: 16px 32px; */
		justify-content: center;
		align-items: center;
		gap: 10px;
		align-self: stretch;

		border-radius: 30px;
		border: 1px solid #40276D;
		background: #FFF;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

		color: #40276D;
		text-align: center;

		/* Button_Link/Normal */
		font-family: "Inter", sans-serif;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 24px;
		/* 133.333% */
	}

	.color-mb {
		color: #fff;
		/* background-color: #BF1020; */
		background-color: #9E332B;
	}

	.registro-icon {
		left: 3rem;
		top: -3rem;
	}

	.portada-intro-mobile {
		background-size: cover;
		/* margin-top: -4rem; */
		margin-top: 0;
	}

	.forms button {
		width: 305px;
		margin: 0 auto;
	}

	.promo-heading-sub {
		color: #FFF;
		font-family: "Inter", sans-serif;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 110%;
		/* 22px */
	}

	.promo-heading {
		color: #FFF;
		font-family: "Inter", sans-serif;
		font-size: 30px;
		font-style: normal;
		font-weight: 700;
		line-height: 110%;
		/* 33px */
	}



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

		/* background: #2682D7; */

		padding: 1.4em 0em;
	}

	.navbar__links {
		left: 0;
	}

	.cuadro-legal {
		max-width: 400px;
	}

	.btn-registro {
		margin-right: 0;
	}

	.footer-promo .social-media {
		flex-wrap: wrap;

	}

	.footer-promo .social-media span {
		width: 100%;
		margin-bottom: 1rem;
	}

	.header__logo {
		margin-right: 100px;
	}

	.section--marcas h2 {
		font-size: 22px;
	}

	.img-marcas {
		width: 93%;
	}

	/* .premios img {
		padding-bottom: 1rem;
	} */

	.sorteo-box-mb {
		display: flex;
		flex-direction: column;
	}

	.fecha-sorteo-mb {
		color: #FFF;
		text-align: center;

		font-family: "Lato", sans-serif;
		font-size: 18px;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
		/* 21.6px */

		margin-bottom: 1rem;
		margin-top: 1.5rem;
	}

	.footer-promo .social-media {
		display: flex;
		align-items: center;
		gap: 20px;
	}

	.sorteo-dia-mb {
		position: relative;
		top: -9px;
	}

	.accordion-header {
		/* padding: 15px 20px; */
		padding: 17px 20px;
		font-size: 18px;
	}

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

		border-radius: 40px;
		background: #FED517;

		margin-top: 0rem;
	}

	.contenedor-legales p {
		color: #FFF;
		font-family: "Inter", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 500;
		line-height: normal;
	}

	.fondo-rojo {
		/* background-color: #BF1020; */
		background: #9E332B;
		padding: 4rem 0;
		margin-top: -2px;
		padding-top: 5rem;
	}

	.icono-lupa-fraude {
		margin: 0;
		width: 130px;
	}

	.grid-container {
		gap: 20px;
	}

	.grid-container {
		/* padding-top: 5rem; */
		margin-bottom: -2rem;
	}

	.bases__subtitulo {
		font-size: 17px;
	}

	.bases__botones {
		padding: 6px 20px 7px 20px;
	}

	.prevenir-fraude-mb {
		border-radius: 20px;
		background: #FC7032;

		display: flex;
		flex-direction: column;
		gap: 30px;

		padding: 3rem;

		margin-top: 6rem;
	}

	.prevenir-fraude-mb .texto {
		color: #FFF;
		font-family: "Inter", sans-serif;
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 125%;
		/* 24px */

	}

	#bases {
		/* position: relative; */
		/* top: 9rem; */

	}

	.prevenir-fraude-mb a {
		background: #FFC200;
		border-radius: 10px;
		color: #3F7FCA;



		/* pixner.net/Inter/Bold */
		font-family: "Inter";
		/* font-size: 18px; */
		font-size: 16px;
		font-style: normal;
		font-weight: 700;
		line-height: 30px;
		text-align: center;
		/* 166.667% */
		padding: 8px;

		padding-left: 15px;

	}

	.premios--mb {
		width: 90% !important;
	}

	#como-participo-mb {
		/* position: relative; */
		/* top: -3rem; */
	}

	.texto-ilustrativas {
		color: #3F3F3F;
		text-align: center;
		font-family: "Lato", sans-serif;
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 22px;
		/* 137.5% */

		padding-bottom: 3rem;
		margin-top: -2rem;
	}

	.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: 2rem; */
	}

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

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

		line-height: 1.2;
		margin-left: -1rem;
	}

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

	.menu-active .navbar__links {
		border-radius: 5px;
		margin-top: -17px;

		border-top-left-radius: 0;
		border-top-right-radius: 0;
	}

	/* .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;
	}

}


/* ===== 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;
}

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

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

	.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__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; */
		color: #FFFEFE;
		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: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-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-top: -27px;
	}


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

	.sorteo__contenido p:nth-of-type(1) {
		/* color: #F2F2F2; */
		color: #FFFEFE;
		text-align: right;
		font-family: "Lato", sans-serif;
		font-size: 14px;
		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; */
		color: #FFFEFE;
		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: 5rem;

		/* margin-top: 8rem; */
		margin-top: 3rem;

		/* padding: 0 3.5rem; */
	}

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