*{ 
	-webkit-font-smoothing: antialiased;
	pointer-events: auto; 
	padding: 0;
	margin: 0; 
	word-wrap: break-word; 
	box-sizing:border-box;
	max-width:1920px;
}

select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

/* Opcional, IE viejo */
select::-ms-expand {
  display: none;
}

/*para quitar el ojito de edge*/
input[type="password"]::-ms-clear,
input[type="password"]::-ms-reveal {
    display: none;
}
img{
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	 user-select:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

button, a{
	 user-select: none; 
    -webkit-tap-highlight-color: transparent;
}

button::-moz-focus-inner {
  border: 0;
}
/*
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 62.5rem #091F46 inset;
}*/

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
	-webkit-text-fill-color: white;
	-webkit-box-shadow: 0 0 0px 1000px #091F46 inset;
	transition: background-color 5000s ease-in-out 0s;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:focus {

	-webkit-text-fill-color: white !important;
	caret-color: white;

	/* color de fondo */
	-webkit-box-shadow: 0 0 0px 1000px #091F46 inset !important;

	/* evita el flash blanco */
	transition: background-color 9999s ease-in-out 0s;

	border: 1px solid #4da3ff;
}

@-webkit-keyframes fadeout {
    from { opacity: 1;
}
    to { opacity: 0;
}
}
@-moz-keyframes fadeout {
    from { opacity: 1;
}
    to { opacity: 0;
}
}
@keyframes fadeout {
    from { opacity: 1;
}
    to { opacity: 0;
}
}


@-webkit-keyframes fadein {
    from { opacity: 0;
}
    to { opacity: 1;
}
}
@-moz-keyframes fadein {
    from { opacity: 0;
}
    to { opacity: 1;
}
}
@keyframes fadein {
    from { opacity: 0;
}
    to { opacity: 1;
}
}
#broquel,[data-id="broquel"]{ 
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 270000;
	background: url(../images/rolling.svg?1) center center no-repeat;
	display: none;
	top:0;
	left: 0;
}

:root {
  --base-font-size: 16px; /* Tamaño base de fuente */
}
body {
  
   overflow-x: hidden;
}
html, body {
	margin:0;
	padding:0;
	font-size: var(--base-font-size);
	min-height:100%;
	background:#fff;
	margin:0 auto;
}


html{
	scroll-behavior: smooth;
	scroll-padding-top:80px;
	/*scrollbar-gutter: stable;*/
}



.container{
	
	position:relative;
	-webkit-animation: fadein 1s ease-in;
	-moz-animation: fadein 1s ease-in;
	animation: fadein 1s ease-in;
	width:100%;
	transition:all .35s;
	height:100%;
	background:#fff;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	
	
}

.hero {
	width:100%;
	
	overflow: hidden;
	position:relative;
}
.hero .hero_desktop {
	width: 100%;
	height: auto;
	display: block;
}
.hero .hero_mobile {
	display:none;
}
.hero h1 {
	display:none;
}
.hero h2{
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#B6DE13;
	font-size:4vw;
	letter-spacing: 0.04em;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	width:100%;
	text-align:center;
	position:absolute;
	top:37vw;
	left:50%;
	transform:translate(-50%,0);
}
.votar_largo_btn{
	position:absolute;

	height:clamp(42px, 4.4vw, 84px);
	width:auto;

	top:clamp(320px, 45vw, 864px);

	left:50%;
	transform:translateX(-50%);

	background:none;
	border:none;
	outline:none;

	transition:transform .35s;

	cursor:pointer;
}
.votar_largo_btn:hover, .votar_largo_btn:focus{
	transform:translate(-50%,0) scale(1.03);
}
.votar_largo_btn img{
	height:100%;
	width:auto;
}

.ext_logo_menu:hover, .ext_logo_menu:focus{
	opacity:.6;
}
.logo_menu{
	height:85px;
	width:auto;
	aspect-ratio: 1120 / 521;
}
.link_votar{
	display:flex;
	align-items:center;
}
.link_votar img{
	height:40px;
	width:auto;
}
.logo_hero{
	height:clamp(60px, 9vw, 180px);
	width:auto;
	position:absolute;
	top:clamp(70px, 10vw, 200px);
	left:50%;
	transform:translate(-50%,0);
}
.menu ul{
	display:flex;
	list-style:none;
	gap:2rem;
	align-items:center;
	justify-content:flex-end;
}
.menu ul li{
	display:flex;
	align-items:center;
}
.menu ul a{
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#fff;
	font-size:23px;
	letter-spacing: 0.04em;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	outline:none;
	transition:all .35s;
}
.menu ul a:hover, .menu ul a:focus{
	opacity:.6;
}
.menu,
.menu *,
.menu *::before,
.menu *::after{
	box-sizing:border-box;
}
.menu{
	width:100%;
	position:fixed;
	top:0;
	left:50%;
	transform:translate(-50%);

	height:150px;

	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 1rem;

	z-index:1000;
	transition:all .3s ease;
}
.menu.header-small, .menufijo{
	height:80px;
	background:rgba(0,0,0,.7);
}
.menufijo{
	background:rgba(0,0,0,.7)!important;
}
.menu.header-small .logo_menu, .menufijo .logo_menu{
	aspect-ratio: 1120 / 521;
	height:63px;
}
.menufijo .logo_menu{
	aspect-ratio: 1120 / 521;
	height:63px!important;
}
.menu.header-small ul a, .menufijo ul a{
	font-size:20px;
}
.menu.header-small .link_votar img, .menufijo .link_votar img{
	height:35px;
	width:auto;
}
.burger{
	height:40px;
	width:auto;
	position:absolute;
	top:20px;
	right:1rem;
	border:none;
	background:none;
	display:none;
	cursor:pointer;
	outline:none;
	transition:opacity .35s;
}
.burger:hover,.burger:focus{
	opacity:.6;
}
.burger img{
	height:100%;
	width:auto;
}
.menu ul.visible{
	display:flex !important;
	flex-direction:column;

	position:fixed;
	inset:0;

	width:100%;
	min-height:100dvh;

	background:#000;

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

	padding:2rem;

	z-index:1500;
}

.ext_logo_menu{
	text-decoration:none;
	outline:none;
	transition:all .35s;
}




@media(max-width:768px) {
	.hero {
		max-height:unset;
	}
	.hero .hero_mobile {
		width: 100%;
		height: auto;
		display: block;
	}
	.hero .hero_desktop {
		display:none;
	}
	.logo_hero{
		height:19vw;
		width:auto;
		position:absolute;
		top:33vw;
		left:50%;
		transform:translate(-50%,0);
	}
	
	.hero h2{
		
		font-size:9vw;
		top:110vw;
		left:50%;
		transform:translate(-50%,0);
	}
	
	.votar_largo_btn{
		height:11.2vw;
		top:130vw;
		left:50%;
		transform:translate(-50%,0);
	}
	
}
@media(max-width:1250px) {
	.menu.header-small, .menufijo{
		height:80px;
		background:rgba(0,0,0,.7);
	}
	.menu{
		height:80px;
	}
	.menu ul, .menufijo ul{
		display:none;
	}
	.logo_menu{
		height:46px;
	}
	.menu.header-small .logo_menu, .menufijo .logo_menu{
		height:46px!important;
	}
	.burger{
		display:flex;
	}
	.menu ul a, .menufijo ul a{
		font-size:20px;
	}
	.menu.header-small ul a, .menufijo ul a {
		font-size:20px;
	}
	.menu .link_votar img, .menufijo .link_votar img{
		height:35px;
		width:auto;
	}
	.menu.header-small .link_votar img,  .menufijo .link_votar img{
		height:35px;
		width:auto;
	}
}

	
.close_menu{
	position:fixed;
	width:40px;
	height:40px;
	background:none;
	border:none;
	cursor:pointer;
	padding:0;
	top:20px;
	right:1rem;
	z-index:2000;
	outline:none;
	transition:opacity .35s;
	display:none;
}
.close_menu:hover, .close_menu:focus{
	opacity:.6;
}
.close_menu::before,
.close_menu::after{
	content:'';
	position:absolute;
	top:50%;
	left:50%;
	width:30px;
	height:2px;
	background:#fff;
	transform-origin:center;
}

.close_menu::before{
	transform:translate(-50%, -50%) rotate(45deg);
}

.close_menu::after{
	transform:translate(-50%, -50%) rotate(-45deg);
}
.inv1,.inv2{
	width:1px;
	height:1px;
	position:absolute;
	top:-1500px;
}
.sigue-la-competencia {
	width:100%;
	position:relative;
	background: linear-gradient(180deg, #050813 11.58%, #0A234F 100%);
	top:-2px;
}
.bg-top{
	background: linear-gradient(to bottom, #050813 0%, #000000 100%);
	height:55vw;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.sigue-la-competencia h2{
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.04em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#005CFF;
	font-size:80px;
	line-height:1;
	text-align:center;
	max-width:90%;
	margin:100px auto 0;
	position:relative;
	z-index:2;
}
.sigue-la-competencia .descripcion{
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size:30px;
	text-align:center;
	width:600px;
	max-width:90%;
	margin:40px auto 0;
	color:#fff;
	position:relative;
	z-index:2;
	line-height:1;
}
.sigue-la-competencia .menu-episodios{
	position:relative;
	z-index:2;
	width:75%;
	display:flex;
	justify-content:space-between;
	margin:70px auto 0;
}
.sigue-la-competencia .menu-episodios img{
	height:25px;
	width:auto;
}
.sigue-la-competencia .menu-episodios button{
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.04em;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color:#FBF1D6;
	font-size:28px;
	line-height:1;
	background:none;
	border:none;
	outline:none;
	transition: all .35s;
	cursor:pointer;
}
.sigue-la-competencia .menu-episodios button:hover,.sigue-la-competencia .menu-episodios button:focus,.sigue-la-competencia .menu-episodios button.selected{
	color:#B6DE13;
}
.ext-video{
	position:relative;
	z-index:2;
	width:75%;
	aspect-ratio:16 / 9;
	margin:40px auto 0;
}

.ext-video iframe{
	width:100%;
	height:100%;
	display:block;
}
 .ext-video img{
	width:100%;
	height:auto;
	display:block;
}
@media(max-width:1070px) {
	.sigue-la-competencia .menu-episodios{
		width:90%;
	}
	.ext-video{
		width:90%;
	}
	.bg-top{
		height:0;
	}
}
@media (max-width:830px){
	.ext-video{
		width:100%;
	}
	.sigue-la-competencia .menu-episodios button{
		font-size:20px;
	}
	.sigue-la-competencia .menu-episodios img{
		height:20px;
		width:auto;
	}
}
@media (max-width:700px){
	.sigue-la-competencia h2{
		font-size:60px;
	}
}
@media (max-width:690px){
	.sigue-la-competencia h2{
		font-size:60px;
	}
	.sigue-la-competencia .menu-episodios button:not(:nth-of-type(1)){
		font-size:0;
	}
	.sigue-la-competencia .menu-episodios button::after{
		content:attr(data-short);
		font-size:20px;
		font-family: "Bebas Neue", sans-serif;
		font-weight: 400;
		font-style: normal;
		letter-spacing: 0.04em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		color:#FBF1D6;
	}
	.sigue-la-competencia .menu-episodios button.selected::after{
		color:#B6DE13;
	}
	.sigue-la-competencia .menu-episodios img{
		height:16px;
		width:auto;
	}
}
@media(max-width:535px) {
	.sigue-la-competencia h2{
		font-size:35px;
	}
	.sigue-la-competencia .descripcion{
		font-size:16px;
		line-height:1.6;
	}
}
@media(max-width:390px) {
	.sigue-la-competencia .menu-episodios button::after{
		font-size:16px;
	}
	.sigue-la-competencia .menu-episodios button:nth-of-type(1){
		font-size:16px;
	}
}

.el_beneficio{
	width:90%;
	margin:50px auto 0;

	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-areas:
		"imagen titulo"
		"imagen texto";

	align-items:center;
	gap:40px 80px;
	position:relative;
}

.el_beneficio > h3{
	grid-area:titulo;
	
	font-family: "Bebas Neue", sans-serif;
	font-weight:400;
	font-style:normal;
	letter-spacing:0.04em;

	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;

	color:#fff;

	font-size:70px;
	line-height:1;
}

.el_beneficio > h3 strong{
	display:block;
	font-size:90px;
	color:#EEFF41;
}

.el_beneficio > img{
	grid-area:imagen;

	width:100%;
	height:auto;
	display:block;
}

.el_beneficio .declaracion{
	grid-area:texto;

	display:flex;
	flex-direction:column;
	gap:40px;
}

.el_beneficio p{
	font-family:"Roboto", sans-serif;
	font-optical-sizing:auto;
	font-weight:400;
	font-style:normal;

	font-size:30px;
	color:#fff;
}

.el_beneficio > h3{ 
	align-self:end; 
} 
.el_beneficio .declaracion{ 
	align-self:start;
}

@media(max-width:1360px){

	.el_beneficio > h3{
		font-size:60px;
	}

	.el_beneficio > h3 strong{
		font-size:80px;
	}

}

@media(max-width:1221px){

	.el_beneficio > h3 strong{
		font-size:70px;
	}

}

@media(max-width:1095px){

	.el_beneficio .declaracion{
		gap:20px;
	}

	.el_beneficio > h3{
		font-size:50px;
	}

	.el_beneficio > h3 strong{
		font-size:60px;
	}

}
@media(max-width:1000px){
	.el_beneficio > h3{ 
		align-self:unset; 
	} 
	.el_beneficio .declaracion{ 
		align-self:unset;
	}

	.el_beneficio{
		margin:100px auto 0;
		grid-template-columns:1fr 1fr;

		grid-template-areas:
			"titulo titulo"
			"imagen texto";

		gap:20px;
	}

	.el_beneficio > h3{
		text-align:center;

		font-size:42px;
	}

	.el_beneficio > h3 strong{
		font-size:52px;
	}

	.el_beneficio p{
		font-size:18px;
	}

}
.explicacion{
	display:flex;
	width:90%;
	margin:30px auto 0;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	gap:40px;
	position:relative;
}
.explicacion h3{
	text-align:center;
	color: rgba(255,255,255, 0);
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 60px;
	font-style: italic;
	font-weight: 900;
	line-height: normal;
	background:url(../images/como_funciona.svg) center center no-repeat;
	background-size:contain;
	max-width:90%;
	margin:auto;
}
.container_pasos{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:40px;
	position:relative;
}
.paso{
	display:flex;
	flex-direction:column;
	align-items:center;
	text-align:center;
	position:relative;
}
.container_pasos::before{
	content:"";
	position:absolute;
	top:36.5px;
	left:12%;
	width:76%;
	border-top:2px dashed #999;
	z-index:0;
}
.numero{
	width:73px;
	height:73px;

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

	border-radius:50%;

	font-family:"Roboto",sans-serif;
	font-size:35px;
	line-height:1;
	color:#FFF;

	border:2px solid transparent;

	background:
		linear-gradient(#0A224C,#0A224C) padding-box,
		conic-gradient(
			#B6DE13 0deg 180deg,
			#FFF 180deg 360deg
		) border-box;
}
.numero1{
	width:73px;
	height:73px;

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

	border-radius:50%;

	font-family:"Roboto",sans-serif;
	font-size:35px;
	line-height:1;
	color:#FFF;

	border:2px solid transparent;

	background:
		linear-gradient(#0A224C,#0A224C) padding-box,
		conic-gradient(
			#FFF 0deg 180deg,
			#FFF 180deg 360deg
		) border-box;
}
.numero2{
	width:73px;
	height:73px;

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

	border-radius:50%;

	font-family:"Roboto",sans-serif;
	font-size:35px;
	line-height:1;
	color:#FFF;

	border:2px solid transparent;

	background:
		linear-gradient(#0A224C,#0A224C) padding-box,
		conic-gradient(
			#B6DE13 0deg 180deg,
			#FFF 180deg 360deg
		) border-box;
}
.numero3{
	width:73px;
	height:73px;

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

	border-radius:50%;

	font-family:"Roboto",sans-serif;
	font-size:35px;
	line-height:1;
	color:#FFF;

	border:2px solid transparent;

	background:
		linear-gradient(#0A224C,#0A224C) padding-box,
		conic-gradient(
			#B6DE13 0deg 270deg,
			#FFF 270deg 360deg
		) border-box;
}
.numero4{
	width:73px;
	height:73px;

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

	border-radius:50%;

	font-family:"Roboto",sans-serif;
	font-size:35px;
	line-height:1;
	color:#FFF;

	border:2px solid transparent;

	background:
		linear-gradient(#0A224C,#0A224C) padding-box,
		conic-gradient(
			#B6DE13 0deg 270deg,
			#B6DE13 270deg 360deg
		) border-box;
}
.paso > h4 {
	color: #fff;
	text-align: center;
	font-family:"Roboto",sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height: 1;
	margin: 60px 0 0;
}

.paso > p {
	color: var(--White, #FFF);
	text-align: center;
	font-family:"Roboto",sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height:1.6;
	margin: 30px 0 0;
}
@media(max-width:1100px) {
	.container_pasos{
		display:grid;
		/*grid-template-columns:repeat(4,1fr);*/
		grid-template-columns:repeat(2,1fr);
		gap: 80px 40px;
		position:relative;
	}
	.container_pasos::before{
		display:none;
	}
	.paso:nth-child(odd)::before{
		content:"";
		position:absolute;

		top:36.5px;
		left:calc(50% + 36.5px);

		width:100%;

		border-top:2px dashed #999;

		z-index:0;
	}
}
@media(max-width:768px) {
	.paso:nth-child(odd)::before{
		display:none;
	}
	.container_pasos{
		grid-template-columns:1fr;
	}
	.numero2::after,
	.numero3::after,
	.numero4::after{
		content:"";
		position:absolute;
		left:50%;
		top:-50px;
		height:50px;
		border-left:2px dashed #FFF;
	}
	.explicacion h3{
		font-size: 50px;
	}
}
@media(max-width:500px){
	.numero1,
	.numero2,
	.numero3,
	.numero4
	{
		width:45px;
		height:47px;
		font-size:16px;
	}
	.el_beneficio{

		grid-template-columns:1fr 1fr;

		grid-template-areas:
			"imagen imagen" 
			"titulo titulo"
			"texto texto";

		gap:20px;
	}
	.el_beneficio > img{
		width:80px;
		justify-self:center;
	}
	.el_beneficio p{
		text-align:center;
	}
	.el_beneficio > h3, .el_beneficio > h3 strong{
		font-size:35px;
	}
}

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


@media(max-width:353px){
	.explicacion h3{
		font-size: 35px;
	}
}
.fans{
	width:90%;
	margin: 100px auto 0;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	position:relative;
}
.fans h3{
	color: #fff;
	text-align: center;
	font-size: 70px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0.04em;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	line-height:1;
}
.fans h3 strong{
	color: #005CFF;
}
.fans h4{
	color: #fff;
	text-align: center;
	font-family:"Roboto",sans-serif;
	font-size: 25px;
	font-style: normal;
	font-weight: 700;
	line-height:1;
	margin-top:45px;
}
.fans h4 strong {
	color:#B6DE13;
}
.cards_fan{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:40px;
	width:80%;
	margin:70px auto 0;
	padding-bottom:140px;
}


.cards_fan .img{
	width:100%;
	display:block;
	/*border:5px solid #fff;*/
	/*border-radius:20px;*/
	/*aspect-ratio: 701 / 1023;*/
	aspect-ratio: 633 / 921;
	position:relative;
	overflow:hidden;
	cursor:pointer;
	transition: all .35s;
	

}
.cards_fan .img img{
	position:absolute;
	object-fit:cover;
	width:100%;
	height:100%;
	left:0; 
	top:0;
	transition: opacity .35s;
	pointer-events:none;
	/*background:#0A224C;*/
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.cards_fan .img img:nth-child(1){
	opacity:1;	
}

.cards_fan .img img:nth-child(2){
	opacity:0;	
}


/* HOVER */

.cards_fan .img:hover{
	/*border-color:#B0CE53;
	background:#B0CE53;*/
}

.cards_fan .img:hover img:nth-child(1){
	opacity:0;
}

.cards_fan .img:hover img:nth-child(2){
	opacity:1;
}


/* CARD + RADIO */

.card{
	display:block;
	position:relative;
	cursor:pointer;
}

.card input{
	position:absolute;
	opacity:0;
}


/* FOCUS TECLADO */

.card:focus-within .img{
	/*border-color:#B0CE53;
	background:#B0CE53;*/
}

.card:focus-within .img img:nth-child(1){
	opacity:0;
}

.card:focus-within .img img:nth-child(2){
	opacity:1;
}


/* CHECKED */

.card input:checked + .img{
	/*border-color:#B0CE53;*/
	/*background:#B0CE53;*/
}

.card input:checked + .img img:nth-child(1){
	opacity:0;
}

.card input:checked + .img img:nth-child(2){
	opacity:1;
}

@media (max-width:1320px){
	.cards_fan{
		width:100%;
	}
	.fans h3{
		font-size: 60px;
	}
	.fans h4{
		line-height:1.6;
	}
	.cards_fan .img{
		/*border:3px solid #fff;*/
	}
}

@media (max-width:768px){
	
	.cards_fan{
		grid-template-columns:repeat(2, 1fr);
	}
	.cards_fan .img{
		/*border:2px solid #fff;*/
		/*border-radius:20px;*/
	}

}
@media(max-width:535px) {
	.fans h3{
		font-size:35px;
	}
	.fans h4{
		font-size:16px;
		line-height:1.6;
	}
	.cards_fan{
		gap:20px;
	}
		
}

.banner{
	width:100%;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	/*padding:80px 0;*/
	height:80px;
	text-decoration:none;
	outline:none;
	
	
}
.banner img {
	transition:opacity .35s;
}
.banner:hover img, .banner:focus img{
	opacity:.8;
}
.banner.bannerbrand{
	width:100%;
	background:#fff;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding:80px 0;
	height:auto;
}
.banner_desktop_brandeado{
	display:block;
	width:85%;
	height:auto;
}
.banner .banner_desktop{
	display:block;
	width:85%;
	height:auto;
	display:none;
}
.banner .banner_mobile{
	display:none;
}
.banner .banner_mobile_brandeado{
	display:none;
}
@media(max-width:768px){
	.banner .banner_mobile{
		display:block;
		width:90%;
		height:auto;
		display:none;
	}
	.banner .banner_desktop{
		display:none;
	}
	.banner_desktop_brandeado{
		display:none;
	}
	.banner .banner_mobile_brandeado{
		display:block;
		width:90%;
		height:auto;
	}
	
}
.dinamica{
	background:#fff;
	width:100%;
	position:relative;
}
.dinamica .heading{
	display:grid;
	grid-template-columns: minmax(0, auto) minmax(0, 1fr);
	grid-template-areas: "titulo titulo"
						 "subtitulo imagen";
	width:85%;
	margin:auto;
	gap:0 20px;
	align-items:center;
}
.dinamica .heading h2{
	grid-area:titulo;
	color:rgba(0,0,0,0);
	font-family: "Roboto", sans-serif;
	font-size: 4.5vw;
	font-style: italic;
	font-weight: 900;
	line-height: 1; 
	background:url(../images/la-dinamica.svg) left center no-repeat;
	background-size:contain;
}
.dinamica .heading h3{
	min-width:0;
	grid-area:subtitulo;
	color:rgba(0,0,0,0);
	font-family: "Roboto", sans-serif;
	font-size: 6.5vw;
	font-style: italic;
	font-weight: 900;
	line-height: 1;
	letter-spacing: -2px;
	background:url(../images/del-juego.svg) left center no-repeat;
	background-size:contain;
}
.dinamica .heading img{
	grid-area:imagen;
	max-width:100%;
}
.grilla{
	display:grid;
	grid-template-columns:repeat(3, 1fr);
	gap:20px;
	width:85%;
	margin:50px auto 0;
}

.grilla img{
	width:100%;
	display:block;
	object-fit:cover;
}

.grilla img:nth-child(2){
	grid-column:span 2;
}
@media (max-width:768px){

	.grilla{
		grid-template-columns:repeat(2, 1fr);

		grid-template-areas:
			"uno tres"
			"dos dos"
			"cuatro cinco";
	}

	.grilla img:nth-child(1){
		grid-area:uno;
	}

	.grilla img:nth-child(2){
		grid-area:dos;
	}

	.grilla img:nth-child(3){
		grid-area:tres;
	}

	.grilla img:nth-child(4){
		grid-area:cuatro;
	}

	.grilla img:nth-child(5){
		grid-area:cinco;
	}

}
.conoce-la-casa{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	margin:100px auto 0;
	position:relative;
}
.conoce-la-casa h3{
	color: #005CFF;
	text-align: center;
	font-size: 80px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.04em;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	line-height:1;
}
.conoce-la-casa p { 
	color: #0A234F;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 30px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width:760px;
	max-width:80%;
	margin-top:40px;
}
.galeria{
	width:100%;
	margin-left:auto;
	overflow:visible;
	padding-bottom:80px;
	position:relative;
	--swiper-theme-color:white;
	margin-top:50px;
	overflow:hidden;
}

.galeria,
.swiper,
.swiper-wrapper{
	max-width:100%;
	min-width:0;
	align-items:center;
}
.galeria .swiper-slide{
	will-change:background-size;
}
.galeria .swiper-slide{

	width:50%;
	transform:scale(1);
	transition:.4s ease;
	opacity:.5;
	filter:grayscale(1);
	flex-shrink:0;
}


.galeria .swiper-slide-active{
	width:50%;
	transform:scale(1);
	opacity:1;
	flex-shrink:0;
	filter:grayscale(0);
}

.galeria .swiper-slide > div{
	background-size:80% auto;
	background-position:center center;
	background-repeat:no-repeat;
}

.galeria .swiper-slide-active > div{
	background-size:contain;
	background-position:center center;
	background-repeat:no-repeat;
}
.galeria .swiper-slide-active img,
.galeria .swiper-slide img{
	opacity:0;
	display:block;
	width:100%;
	height:auto;
}


.galeria{
	overflow:hidden;
}

.galeria .swiper{
	overflow:visible;
}

.galeria .swiper-slide{
	width:50vw;
	flex-shrink:0;
}

.galeria img{

	width:100%;
	display:block;
	border-radius:0;
}


.swiper-slide img{
	display:block;
	width:100%;
	height:auto;
}
.galeria .swiper-pagination{
	bottom:0 !important;
}

.galeria .swiper-pagination{

	position:absolute;
	bottom:0 !important;

	display:flex;
	justify-content:center;
	align-items:center;
	gap:10px;
	z-index:10000;

}

.galeria .swiper-pagination-bullet{

	width:10px;
	height:10px;

	display:block;

	border-radius:999px;

	background-color:#0F1832;

	opacity:.35;

	margin:0 !important;

	transition:all .35s ease;
	transform:none;

}

.galeria .swiper-pagination-bullet-active{

	width:32px;

	background-color:#0F1832;

	opacity:1;

}
@media (max-width:700px){
	.conoce-la-casa h3{
		font-size:60px;
	}
	.conoce-la-casa p { 
		font-size:20px;
		line-height:1.6;
	}
}
@media(max-width:535px) {
	.conoce-la-casa h3{
		font-size:35px;
	}
	.conoce-la-casa p { 
		font-size:18px;
		line-height:1.6;
	}
}

footer{
	background: linear-gradient(90deg, #000 0%, #0A234F 100%);
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	padding:50px 100px;
	margin-top:100px;
}
.anclas{
	display:grid;
	grid-template-columns:repeat(6, max-content);
	align-items:center;

	width:100%;
	justify-content:space-between;
}
@media (max-width: 1260px){

	.anclas{
		grid-template-columns:repeat(5, max-content);
		justify-content:center;
		gap:40px;
	}

	.anclas a:first-child{
		grid-column:1 / -1;
		justify-self:center;
	}
}
@media (max-width: 960px){

	.anclas{
		grid-template-columns:1fr;
		justify-items:center;
		gap:30px;
		margin-bottom:50px;
	}

	.anclas a:first-child{
		grid-column:auto;
	}
}
.logo_footer{
	aspect-ratio: 1120 / 521;
	height:90px;
	width:auto;
}
.anclas a{
		color: #fff;
		
		font-family: "Bebas Neue", sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size:25px;
		letter-spacing: 0.04em;
		text-decoration:none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration:none;
		outline:none;
		transition:opacity .35s;
}
.anclas a:hover, .anclas a:focus{
	opacity:.6;
}
.redes{
	display:flex;
	justify-content:center;
	gap:50px;
	align-items:center;
	margin:20px auto 0;
	flex-wrap:wrap;
}
@media (max-width: 600px){
	.redes{
		gap:.8rem;
	}
}

.redes a{
	text-decoration:none;
	outline:none;
	transition:opacity .35s;
}
.redes a:hover, .redes a:focus{
	opacity:.6;
}
.redes a img{
	max-width:21px;
	max-height:21px;
}
@media (max-width: 400px){
	.redes a img{
		max-width:14px;
		max-height:14px;
	}
}
footer h5{
	color: #fff;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	line-height:1.4;
	text-align:ceter;
	margin:50px auto 0;
	width:100%;
	text-align:center;
}
footer p{
	color: #fff;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	margin:20px auto 0;
}
footer p a{
	color: #fff;
	text-decoration:underline;
	outline:none;
	transition:opacity .35s;
}
footer p a:hover, footer p a:focus{
	opacity:.6;
}
.votar{
	display:grid;

	grid-template-columns:1fr 1fr;

	grid-template-areas:
		"textos fields"
		"button button"
		"legal legal";

	gap:40px 60px;

	width:90%;
	margin:auto;
}
.textos_votar{
	grid-area:textos;
}

.fields_votar{
	grid-area:fields;
}

.confirmar{
	grid-area:button;
}

.votar > div:last-child{
	grid-area:legal;
}
.textos_votar h5{
	color: #B6DE13;
	font-size: 60px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1;
	
}
.textos_votar h6{
	color: #FBF1D6;
	font-family: "Bebas Neue", sans-serif;
	font-size: 100px;
	font-style: normal;
	font-weight: 400;
	line-height:1;
}

.textos_votar p{
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.textos_votar p strong{
	color:  #B6DE13;
}
.fields_votar label{
	display:block;
	position:relative;
	width:100%;
	margin-bottom:1rem;
}
.fields_votar label > span{
	position:absolute;
	top:0;
	left:1rem;
	transform:translate(0, -50%);
	background:#0A234F;
	padding:5px 10px;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	z-index:10;
	box-shadow: 0 0 0 2px #0A234F;
}
.fields_votar label .error{
	color: #f00;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin:.5rem auto 0;
	display:none;
}
.fields_votar label.onerror .error{
	display:block;
}
.fields_votar label input:not([type="checkbox"]), .fields_votar label select{
	height:65px;
	width:100%;
	border:1px solid #fff;
	border-radius:4px;
	background:#091F46;
	position:relative;
	z-index:0;
	color: #fff;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 65px;
	padding: 0 1rem;
	outline:none;
}




.fields_votar label input:not([type="checkbox"]),
.fields_votar label select{
	transition:
		border-color .25s,
		box-shadow .25s;

}





.fields_votar .label_select::after{

	content:"";

	position:absolute;

	right:1.3rem;
	top:50%;

	width:8px;
	height:8px;

	border-right:2px solid #fff;
	border-bottom:2px solid #fff;

	transform:
		translateY(-70%)
		rotate(45deg);

	pointer-events:none;

	z-index:3;
}
.fields_votar label input:not([type="checkbox"]):focus,
.fields_votar label select:focus{

	border-color:#6BE7FF;

	box-shadow:
		0 0 0 1px rgba(107,231,255,.25),
		0 0 12px rgba(107,231,255,.25);

}

.telefono_wrap{
	position:relative;
	width:100%;
}




[type="checkbox"]{
	accent-color:#B6DE13;
}
.tyc{
	color: #fff;
	font-family:"Roboto", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
}
.tyc a{
	color:#B6DE13;
	outline:none;
	transition:opacity .35s;
}
.tyc a:hover,.tyc a:focus{
	opacity:.6;
}
.confirmar{
	height:70px;
	border:none; 
	background:none;
	cursor:pointer;
	outline:none;
	transition:opacity .35s;
}
.confirmar:hover,.confirmar:focus{
	opacity:.6;
}
.confirmar img{
	height:70px;
	width:auto;
}
.legal{
	grid-area: legal;
	width:100%;
	display:flex;
	justify-content:center;
	gap:.5rem;
	align-items:flex-start;
	text-align:center;
	color: #fff;
	text-align: center;
	font-family:"Roboto", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 1.6;
	padding-bottom:100px;
}
.legal img{
	height:25px;
	width:auto;
	position:relative;
	top:1px;
}



@media(max-width:1040px) {
	.votar{
		grid-template-columns:1fr;
		grid-template-areas:
			"textos"
			"fields"
			"button"
			"legal";
	}
}
@media(max-width:840px) {
	.textos_votar h5{
		font-size: 50px;
		text-align:center;
	}
	.textos_votar h6{
		font-size: 80px;
		text-align:center;
		line-height: 1.6;
	}

	.textos_votar p{
		font-size: 20px;
		text-align:center;
		line-height:1.6;
	}
}

@media (max-width:700px){
	.textos_votar h5{
		font-size: 40px;
		text-align:center;
	}
	.textos_votar h6{
		font-size: 60px;
		text-align:center;
		line-height: 1.6;
	}

	.textos_votar p{
		font-size: 16px;
		text-align:center;
		line-height:1.6;
	}
}

@media(max-width:535px) {
	.textos_votar h5{
		font-size: 25px;
		text-align:center;
	}
	.textos_votar h6{
		font-size: 35px;
		text-align:center;
		line-height: 1.6;
	}

	.textos_votar p{
		font-size: 16px;
		text-align:center;
		line-height:1.6;
	}
}

.fields_votar label.telefono{
	display:block;
	position:relative;
	width:100%;
	margin-bottom:1rem;
}

/* wrapper del plugin */
.fields_votar .iti{
	width:100%;
	display:block;
}

/* input */
.fields_votar .iti input{
	height:65px;
	width:100%;

	border:1px solid #fff;
	border-radius:4px;

	background:#091F46;

	color:#fff;

	font-family:"Roboto", sans-serif;
	font-size:14px;
	font-weight:400;

	padding-left:clamp(120px, 10vw, 140px)!important;
	padding-right:1rem;

	outline:none;

	transition:
		border-color .25s,
		box-shadow .25s;
}

/* focus */
.fields_votar .iti input:focus{
	border-color:#6BE7FF;

	box-shadow:
		0 0 0 1px rgba(107,231,255,.25),
		0 0 12px rgba(107,231,255,.25);
}

/* botón bandera */
.fields_votar .iti__selected-country{
	background:none;
	border:none;
	padding:0 12px 0 16px;
	height:100%;
}

/* hover raro default */
.fields_votar .iti__selected-country:hover{
	background:none;
}

/* código país */
.fields_votar .iti__selected-dial-code{
	color:#fff;
	font-family:"Roboto", sans-serif;
	font-size:14px;
}

/* separador */
.fields_votar .iti__selected-country-primary{
	gap:8px;
}

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

/* dropdown */
.iti__country-list{
	background:#091F46;
	border:1px solid rgba(255,255,255,.15);

	color:#fff;

	font-family:"Roboto", sans-serif;

	box-shadow:0 10px 30px rgba(0,0,0,.35);
}

/* items */
.iti__country{
	padding:10px 12px;
}

/* hover item */
.iti__country:hover{
	background:rgba(255,255,255,.08);
}

/* país destacado */
.iti__highlight{
	background:rgba(255,255,255,.12);
}

/* buscador */
.iti__search-input{
	background:#102B5C;
	border:1px solid rgba(255,255,255,.15);
	color:#fff;
}

/* flecha */
.iti__arrow{
	border-top-color:#fff;
}

/* z-index */
.iti--container{
	z-index:9999;
}

.iti__search-input{
	height:48px;
	width:100%;

	background:#102B5C;
	border:1px solid rgba(255,255,255,.15);
	border-radius:4px;

	color:#fff;

	font-family:"Roboto", sans-serif;
	font-size:14px;
	font-weight:400;

	padding:0 14px 0 30px;

	outline:none;
	box-sizing:border-box;
}
.iti__search-input:focus{
	border-color:#6BE7FF;

	box-shadow:
		0 0 0 1px rgba(107,231,255,.25),
		0 0 12px rgba(107,231,255,.25);
}


.validar{
	display:grid;

	grid-template-columns:1fr;

	grid-template-areas:
		"textos"
		"fields"
		"button"
		"legal";

	justify-items:center;
	width:90%;
	margin:auto;
}

.validar h5,.validar p{
	text-align:center;
}
.validar p{
	margin-top:40px;
}
.validar p:nth-of-type(2){
	margin-top:20px;
}
.validar .ingresar_codigo{
	color:#FFF;
	text-align: center;
	font-family: "Bebas Neue", sans-serif;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top:40px;
	margin-bottom:20px;
}
.validar_btn{
	height:60px;
	width:auto;
	grid-area:button;
	justify-self:center;
	border:none;
	background:none;
	transition: opacity .35s;
	outline:none;
	cursor:pointer;
	margin-top:40px;
}
.validar_btn:focus, .validar_btn:hover{
	opacity:.6;
}
.validar_btn img{
	height:60px;
	width:auto;
}
.validar .legal{
	margin-top:50px;
	grid-area:legal;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	gap:30px;
	text-align:center;
	color: #FFF;
	text-align: center;
	font-family:"Roboto", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.validar .legal a{
	color:#B6DE13;
	text-decoration:none;
	transition: opacity .35s;
	outline:none;
	cursor:pointer;
}
.validar .legal a:hover, .validar .legal a:focus{
	opacity:.6;
}
.validar .legal strong{
	color:#B6DE13;
}

@media(max-width:535px) {
	.validar .ingresar_codigo{
		font-size:35px;
	}
	.validar .legal{
		font-size: 16px;
	}
}
.codigo_a_redimir{
	height:90px;
	width:100%;
	border:1px solid #fff;
	border-radius:4px;
	background:#091F46;
	position:relative;
	z-index:0;
	color: #FBF1D6;
	text-align: center;
	/*font-family: "Bebas Neue", sans-serif;*/
	font-family: "JetBrains Mono", "Fira Code", "ui-monospace", "SFMono-Regular", 
             "Liberation Mono", "DejaVu Mono", "Bitstream Vera Sans Mono", "Menlo", 
             "Monaco", "Consolas", "Courier New", monospace;
	font-size: 60px;
	font-style: normal;
	
	line-height: 90px;
	padding: 0 1rem;
	outline:none;
	margin-top:40px;
}

.estrellas{
	width:70px;
	height:auto;
	margin:50px auto;
	display:block;
}

.btn_copy{
	position:absolute;
	height:18px;
	width:auto;
	background:none;
	border:none;
	right:-25px;
	bottom:0;
	transition: opacity .35s;
	outline:none;
	cursor:pointer;
}
.btn_copy:focus, .btn_copy:hover{
	opacity:.6;
}
.btn_copy img{
	height:18px;
	width:auto;
}
.copied{
	color: #B6DE13;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position:absolute;
	left:50%;
	top:100px;
	transform:translate(-50%);
	transition:opacity .5s;
	opacity:0;
	pointer-events:none;
	
}
@media(max-width:380px) {
	.codigo_a_redimir{
		width:90%;
		font-size: 40px;
	}
}

.compartir{
	margin-top:40px;
	display:flex;
	justify-content:center;
	align-items:flex-start;
	gap:1rem;
	
}
.compartir img{
	max-width:32px;
	max-height:29px;
}
.compartir a{
	text-decoration:none;
	transition: opacity .35s;
	outline:none;
	cursor:pointer;
}
.compartir a:focus, .compartir a:hover{
	opacity:.6;
}

#form_votar{
	display:none;
	/*vs display:grid;*/
}
#form_validar{
	display:none;
	/*vs display:grid;*/
}
#form_confirmacion{
	display:none;
	/*vs display:grid;*/
}
#como-funciona{
	position:absolute;
	top:-75px;
}
#premio{
	position:absolute;
	top:-50px;
}
#dinamica-del-juego{
	position:absolute;
	top:-75px;
}
#conoce-la-casa{
	position:absolute;
	top:-75px;
}
#votar{
	position:absolute;
	top:-75px;
}


.animonload{
	transition: all .6s var(--delay, 0s);
	filter: blur(.125rem);
	opacity: 0;
	transform:translate(0,-3.125rem);
}
.animonload.visible{
	transform:translate(0,0);
	filter: blur(0);
	opacity:1;
}

.delay-1 { --delay: 0.2s; }
.delay-2 { --delay: 0.4s; }
.delay-3 { --delay: 0.6s; }
.delay-4 { --delay: 0.8s; }
.delay-5 { --delay: 1s; }
.delay-6 { --delay: 1.2s; }

.animscroll {
  opacity: 0;
  transform: translateY(3.75rem);
  transition: opacity 0.6s ease var(--delay, 0s), transform 0.6s ease var(--delay, 0s);
  will-change: opacity, transform;
}

.animscroll.visible {
  opacity: 1;
  transform: translateY(0);
}
@media(max-width:768px) {
	.delay-1 { --delay: 0s; }
	.delay-2 { --delay: 0s; }
	.delay-3 { --delay: 0s; }
	.delay-4 { --delay: 0s; }
	.delay-5 { --delay: 0s; }
	.delay-6 { --delay: 0s; }
}
.sh_link{
	position:relative;
}
.copied2{
	color: #B6DE13;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	position:absolute;
	left:50%;
	top:35px;
	transform:translate(-50%);
	transition:opacity .5s;
	opacity:0;
	pointer-events:none;
	
}

.burger.hidden{
	display:none !important;
}

.close_menu{
	display:none;
}

.close_menu.visible{
	display:block;
}
strong.blancogordo{
	font-weight:700!important;
	color:#fff!important;
}

.presentado_por{
	position:absolute;
	top:clamp(320px, 46vw, 864px);
	right:1rem;
	display:flex;
	gap:.5rem;
	justify-content:flex-end;
	align-items:center;
	color:#fff;
	font-family: "Roboto", sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}
.presentado_por img{
	height: 30px;
	width:auto;
}
@media(max-width:1000px){
	.presentado_por{
		top:unset;
		bottom:1rem;
	}
}
.logojugabetencompetencia{
	height:35px;
	width:auto;
	position:relative;
	z-index:20;
	display:block;
	margin:50px auto 0;
}
.logojugabetenfans{
	height:35px;
	width:auto;
	position:relative;
	z-index:20;
	display:block;
	margin:50px auto 50px;
}
.h2brandeadocomp{
	margin-top:50px!important;
}

.boton_brandeado{
	position:fixed;
	bottom:4rem;
	right:2rem;
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	align-items:center;
	gap:0;
	background:none;
	border:none;
	cursor:pointer;
	transition: all .35s;
	outline:none;
	text-decoration:none;
	z-index:500;
}
.boton_brandeado:hover, .boton_brandeado:focus{
	opacity:.6;
}
.boton_brandeado img{
	width:100px; 
	height:auto;
}

.overlay{
	width:100vw;
	height:100dvh;
	position:fixed;
	top:0;
	left:0;
	z-index:6000;
	background:rgba(5, 8, 19, .8);
	display:flex;
	justify-content:center;
	align-items:flex-start;
	padding:0 1rem;
	box-sizing:border-box;
	opacity: 0;
	transform:translate(0, -110%);
	transition: opacity .5s;
	
	overflow:auto;
}
.overlay .box{
	width:900px;
	max-width:90%;
	height:auto;
	background:#fff;
	border-radius:20px;
	margin:80px auto;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	padding:40px;
	position:relative;
	opacity: 1;
	transform:translate(0, -1000px);
	will-change: transform;
    transition: transform 0.5s allow-discrete;
	
}
.moneda-frente{
	width:120px;
	height:auto;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%,-50%);
}
.overlay .box h3{
	color: #005CFF;
	text-align: center;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 40px;
	line-height: 1;
	margin:40px auto 0;
	width:100%;
}
.overlay .box p{
	color: #0A234F;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width:350px;
	margin:30px auto 0;
	max-width:100%;
}
.overlay .box h4{
	color: #0A234F;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-style: italic;
	font-weight: 900;
	line-height: normal;
	margin:30px auto 0;
	max-width:100%;
}
.overlay .box .otrocodigo{
	color: #0A234F;
	text-align: center;
	font-family: "JetBrains Mono", "Fira Code", "ui-monospace", "SFMono-Regular", 
             "Liberation Mono", "DejaVu Mono", "Bitstream Vera Sans Mono", "Menlo", 
             "Monaco", "Consolas", "Courier New", monospace;
	font-size: 40px;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	padding:10px 0;
	border:1px dashed  #0A234F;
	border-radius:10px;
	position:relative;
	margin:10px auto 0;
	width:315px;
	max-width:100%;
}
.overlay .box .otrocodigo button{
	position:absolute;
	top:100%;
	right:-1.2rem;
	border:none;
	cursor:pointer;
	background:none;
	border:none;
	outline:none;
	transition: opacity .35s;
}
.overlay .box .otrocodigo button:hover, .overlay .box .otrocodigo button:focus{
	opacity:.6;
}
.overlay .box .otrocodigo button img{
	width:17px;
	height:auto;
}
.overlay .box .advertencia{
	color: #005CFF;
	text-align: center;
	font-family: "Roboto", sans-serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin:20px auto 0;
}
.overlay .box .consejo{
	color: #0A234F;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin:20px auto 0;
}
.overlay .box .btn_redimir{
	height:50px;
	text-decoration:none;
	outline:none;
	transition: opacity .35s;
	margin:30px auto 20px;
	display:block;
}
.overlay .box .btn_redimir:hover, .overlay .box .btn_redimir:focus{
	opacity:.6;
}
.overlay .box .btn_redimir img{
	height:100%;
	width:auto;
	display:block;
}

.overlay small{
	color: #0A234F;
	font-family: "Roboto", sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin:20px auto 0;
}

@media(max-width:500px){
	.overlay .box .otrocodigo button{
		top:calc(100% + .5rem);
		right:0;
	}
	.overlay .box .advertencia{
		margin:30px auto 0;
	}
	.moneda-frente{
		width:80px;
		height:auto;
	}
	.overlay .box h3{
		font-size:35px;
	}
	.overlay .box p{
		font-size:16px;
	}
	.overlay .box h4{
		font-size:16px;
	}
	.overlay .box .advertencia{
		font-size:16px;
	}
	.overlay .box .consejo{
		font-size:16px;
	}
	.overlay .box .btn_redimir{
		height:45px;
	}
	.overlay .box .otrocodigo{
		font-size: 30px;
	}
}


.cclose{
	width:17px;
	height:17px;
	position: absolute;
	top:20px;
	right:20px;
	background:none;
	border:none;
	cursor:pointer;
	outline:none;
	transition: all .35s;
}
.cclose:hover, .cclose:focus
{
	opacity:.6;
}
.cclose img{
	width:100%;
	height:100%;
	object-fit:contain;
}
.cfinlb{opacity:0;width:1px; height:1px}
.copied_otro{
	position:relative;
	color: #0A234F;
	font-family: "Roboto", sans-serif;
	font-size: 20px;
	margin:10px auto 0;
	display:none;
	opacity:1;
}


input[type="date"]::-webkit-calendar-picker-indicator {
    filter: brightness(0) invert(1);
}
input[type="date"] {
    accent-color: #fff;
	position:relative;
	z-index:1;
}

input[type="date"] {
    background-color: transparent !important;
    color: #fff;
   -webkit-appearance: none;
    appearance: none;
}


.terminos-y-condiciones{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	margin:150px auto 0;
	position:relative;
}
.terminos-y-condiciones h3{
	color: #005CFF;
	text-align: center;
	font-size: 80px;
	font-family: "Bebas Neue", sans-serif;
	font-weight: 700;
	font-style: normal;
	letter-spacing: 0.04em;
	text-decoration:none;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	line-height:1;
	margin-bottom:40px;
}
.terminos-y-condiciones p, .terminos-y-condiciones ul, .terminos-y-condiciones ol  { 
	color: #0A234F;
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	width:80%;
	max-width:80%;
	margin: 0 0 20px;
	text-align: justify;
    overflow-wrap: break-word; /* estándar */
    word-wrap: break-word;     /* compatibilidad */
    hyphens: auto;  
	list-style-position:inside;
}
.terminos-y-condiciones p a{
	color: #0A234F;
	text-decoration:underline;
	text-underline-offset:2px;
	outline:none;
	transition:all .35s;
}
.terminos-y-condiciones p a:hover, .terminos-y-condiciones p a:focus{
	opacity:.6;
}

@media (max-width:700px){
	.terminos-y-condiciones h3{
		font-size:60px;
	}
	.terminos-y-condiciones p { 
		font-size:16px;
		line-height:1.6;
	}
}
@media(max-width:535px) {
	.terminos-y-condiciones h3{
		font-size:35px;
	}
	.terminos-y-condiciones p { 
		font-size:16px;
		line-height:1.6;
	}
}