/*- Generales -*/
/*---- 0. Reinicio -----*/
*{margin:0;padding:0;border:0;text-decoration:none;box-sizing:border-box;list-style: none;}

/*---- 1. Tipografias ----*/
@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(../../../es/assets/font/material-icons-normal-400.woff2) format('woff2');
}
	.material-icons {
		font-family: 'Material Icons';
		font-weight: normal;
		font-style: normal;
		font-size: 24px;
		line-height: 1;
		letter-spacing: normal;
		text-transform: none;
		display: inline-block;
		white-space: nowrap;
		word-wrap: normal;
		direction: ltr;
		-webkit-font-feature-settings: 'liga';
		-webkit-font-smoothing: antialiased;
	}
@font-face {
	font-family: 'iconos';
	src:  url('../font/iconos.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}
	  [class^="icon-"], [class*=" icon-"] {
		font-family: 'iconos' !important;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	  }
/* Fuente Tech */

/*--=============================================*/
/*---- 2. Variables ----*/
:root{
	--fraunces: "Fraunces", serif;
	--outfit: "Outfit", sans-serif;
    --iconos: 'Material Icons';
    --iconos-redes: 'iconos';
	--principal-mas-c-2: #bfd9ff; --principal-mas-c: #80b4ff; --principal-c: #408fff; --principal: #0069ff; --principal-o: #004fbf; --principal-mas-o: #003580;--principal-mas-o-2: #001a40;
	--secundario-mas-c-2: #d2efe0; --secundario-mas-c: #a5dec0; --secundario-c: #78cea1; --secundario: #4bbe82; --secundario-o: #328057; --secundario-mas-o: #19402b;--secundario-mas-o-2: #0a1a11;
	--terciario-mas-c-2: #f1febf; --terciario-mas-c: #e3fc7f; --terciario-c: #d6fb40; --terciario: #c8fa00; --terciario-o: #99bf00; --terciario-mas-o: #668000;--terciario-mas-o-2: #334000;
	--negro-oscuro-mas-c-2: #c4c4c4; --negro-oscuro-mas-c: #898989; --negro-oscuro-c: #4f4f4f; --negro-oscuro: #141414;
	--issd-mas-c-2: #D9F2FF; --issd-mas-c: #B8E8F4; --issd-c: #2DB9C4; --issd: #018293; --issd-o: #005a66; --issd-mas-o: #00414a;
	--cesd-mas-c-2:  #b5e5dc; --cesd-mas-c:  #80dbc9; --cesd-c:  #21cbad; --cesd:  #11a58f; --cesd-o:  #008071; --cesd-mas-o:  #006652;
	--asd-mas-c-2:  #e1f4ff; --asd-mas-c:  #b6e0f2; --asd-c:  #53aad4; --asd:  #004a6e; --asd-o:  #003149; --asd-mas-o:  #001f28;
	--verde-mas-c-2:#E3EBBF; --verde-mas-c:#D4E58C; --verde-c:#B0C75F; --verde:#74B42E; --verde-o:#568425; --verde-mas-o:#3f6b15;
	--green-mas-c-2:#c2f2e9; --green-mas-c:#8be8d6; --green-c:#21d8ba; --green:#0abfa0; --green-o:#008c71; --green-mas-o:#006652;
	--rojo-mas-c-2:#ffebeb;  --rojo-mas-c:#FFD9D9;  --rojo-c:#f29898;  --rojo:#e85254;	--rojo-o:#b54040;  --rojo-mas-o:#73191b;
	--amarillo-mas-c-2:#fffad7;  --amarillo-mas-c:#fff6b3; --amarillo-c:#f8e950; --amarillo:#fbdf09; --amarillo-o:#b9a301; --amarillo-mas-o:#595000;
	--naranja-mas-c-3: #fff4d2;--naranja-mas-c-2: #ffeaa6; --naranja-mas-c: #f9d67d; --naranja-c: #f7a42b; --naranja: #EC7E09; --naranja-o: #B76617; --naranja-mas-o: #8f4e0d;
	--violeta-mas-c-2: #f7f0ff; --violeta-mas-c: #dac6ef; --violeta-c: #9073b0; --violeta: #6b4794; --violeta-o: #543875; --violeta-mas-o: #3f2d59;
	--magenta-mas-c-2: #FFE8EE; --magenta-mas-c: #ECC6D2; --magenta-c: #EC9FB9; --magenta: #DE3664; --magenta-o: #A62C50; --magenta-mas-o: #751236;
	--azul-mas-c-2:#DFEEFF; --azul-mas-c:#B0CADE; --azul-c: #86B1D1; --azul: #446EA7; --azul-o: #33518C; --azul-mas-o: #1A3566; 
	--celeste-mas-c:#d5eefa; --celeste-c:#b0e6ff; --celeste:#67cfff;
	--negro:#000;
	--blanco:#fff;
    --gris-10:rgb(10, 10, 30);
    --gris-30:rgb(30, 30, 50);
    --gris-50:rgb(50, 50, 70);
    --gris-70:rgb(70, 70, 90);
    --gris-90:rgb(90, 90, 110);
    --gris-100:rgb(100, 100, 120);
    --gris-110:rgb(110, 110, 130);
    --gris-130:rgb(130, 130, 150);
    --gris-150:rgb(150, 150, 170);
    --gris-170:rgb(170, 170, 190);
    --gris-190:rgb(190, 190, 210);
    --gris-210:rgb(210, 210, 230);
    --gris-230:rgb(230, 230, 245);
    --gris-240:rgb(240, 240, 255);
    --gris-250:rgb(250, 250, 255);
	--degradado-asd: linear-gradient(90deg, rgba(0,43,73,1) 0%, rgba(0,74,110,1) 30%, rgba(80,137,160,1) 100%);
	--degradado-issd: linear-gradient(90deg, rgb(0, 51, 58) 0%, rgba(0,65,74,1) 40%, rgb(0, 119, 135) 80%, rgb(11, 145, 163) 100%);
	--degradado-gris: linear-gradient(90deg, rgb(30, 30, 50) 0%, rgb(90, 90, 110) 100%);
	--degradado-verde: linear-gradient(75deg, rgb(213, 230, 140) 0%, rgb(238, 242, 217) 100%);
	--degradado-green: linear-gradient(75deg, #8be8d6 0%, #fff 100%);
	--degradado-principal-o: linear-gradient(90deg, var(--principal-o) 0%, var(--secundario-o) 50%, var(--terciario-mas-o) 100%);
	--degradado-principal: linear-gradient(90deg, var(--principal) 0%, var(--secundario) 50%, var(--terciario-o) 100%);
	--degradado-principal-c: linear-gradient(90deg, var(--principal-mas-c-2) 0%, var(--secundario-mas-c-2) 50%, var(--terciario-mas-c-2) 100%);
}
/*--=============================================*/
/*---- 3. Generales ----*/
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea{
	text-rendering: optimizeLegibility;
	border: 0;
	font-size:16px;
	font-family:var(--outfit);
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html{
  scroll-behavior: smooth;
}

/*--=============================================*/
/*---- 4. Jerarquías ----*/
h1{
    font-size  : 2.75em;
    font-weight: 500;
    line-height: 1.1em; 
	margin-bottom: .25em;
}
h2{
    font-size  : 24px;
    line-height: 1.4em;
    font-weight: 300;
	font-family: var(--outfit);
	letter-spacing: -0.03em;
}
h3{
    font-size  : 18px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 15px;
}
h4{
	font-size  : 17px;
	font-weight: 400;
}
h5{
	font-size  : 18px;
	font-weight: 700;
	margin: 1em 0 0 0;
	text-transform: none;
}
h6{
    font-size  : 15px;
    font-weight: 400;
    margin: 15px 0;
}
	h6 b{
		font-weight: 600;
	}
p, li{
    font-weight: 400;
}

b{
	font-weight: 600;
}

ul, ol{
	margin: 0;
}

	.size-xs{font-size: .4em;}
	.size-xs{font-size: .6em;}
	.size-s{font-size: .8em;}
	.size-l{font-size: 1.25em;}
	.size-xl{font-size: 1.5em;}
	.italic{font-style: italic;}
	.opacity-25{opacity: 25%;}
	.opacity-50{opacity: 50%;}
	.opacity-75{opacity: 75%;}
	.bg-degradado{background: var(--degradado-principal);}
	.bg-degradado-c{background: var(--degradado-principal-c);}
	.font-degradado{background: var(--degradado-principal);}
	.font-degradado-c{background: var(--degradado-principal-c);}
		.font-degradado,
		.font-degradado-c{
			-webkit-background-clip: text;
			background-clip: text;
			color: transparent;
			-webkit-text-fill-color: transparent;
		}


	/*---- 5. Media Jerarquías ----*/
	@media screen and (min-width:480px){
		h5{font-size: 24px;}
		h4{font-size: 18px;}
	}
	@media screen and (min-width:560px){
		h2{font-size: 26px;}
	}
	@media screen and (min-width:768px){
		h1.size-xs{font-size: 32px;}
		.productos h2{
			font-size  : 30px;
			line-height: 1.2em;
			margin     : 15px 0;
		}
	}
/*--=============================================*/
/*---- 5. Botones y enlaces ----*/
a.link-primario{
	font-weight: 700;
}
a.link-secundario{
	font-weight: 500;
}
a.link-terciario{
	font-weight: 400;
}
.btn-primario,
.btn-primario-outline,
.btn-secundario,
.btn-terciario{
	border-radius: 50px;
	padding: 15px 25px;
	text-align: center;
	display: inline-block;
	transition: all .2s ease;
	font-family: var(--outfit);
	font-weight: 400;
	cursor: pointer;
}
	.btn-primario{
		font-weight: 600;
		letter-spacing: 0.01em;
		background: var(--negro-oscuro);
		color: var(--blanco);
		text-shadow: 0 0 2px rgba(0,0,0,.25);
	}
		.btn-primario:hover{
			border-radius: 50px;
			color: var(--blanco);
			background: var(--negro);
		}
			.btn-primario::before{
				color: var(--principal-mas-c);
			}
	.btn-primario-outline{
		font-weight: 600;
		letter-spacing: 0.01em;
		background: transparent;
		color: var(--blanco);
		border: solid 1px var(--blanco);
		text-shadow: 0 0 2px rgba(0,0,0,.25);
	}
		.btn-primario-outline:hover{
			text-decoration: none;
			background-color: var(--blanco);
		}
	.btn-secundario{
		font-weight: 400;
		background: var(--blanco);
		color: var(--principal-o);
	}
		.btn-secundario:hover{
			border-radius: 25px;
			background: var(--principal-o);
			color: var(--blanco);
			text-shadow: 0 0 1px rgba(0, 0, 0, .25);
		}
	.btn-terciario{
		font-weight: 400;
		background: var(--blanco);
		color: var(--gris-70);
		box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
	}
		.btn-terciario:hover{
			border-radius: 25px;
			color: var(--principal-mas-o);
		}
		.btn-primario:hover,
		.btn-secundario:hover,
		.btn-terciario:hover{
			text-decoration: none;
		}

		/* Botones de pago */
		.mercadopago-button{
			border-radius: 10px !important;
			font-weight: 700;
			width: 100%;
			font-size: 15px !important;
			transition: all .2s ease;
		}
			.mercadopago-button:hover{
				border-radius: 25px !important;
				font-weight: 700;
				width: 100%;
			}
			.mercadopago-button::after{
				content: 'Inscribirme';
				position: absolute;
				left: calc(50% - 35px);
				font-weight: 700;
				font-family: var(--outfit);
				font-size: 15px;
			}
		/*Contenido copiado*/
		.btn-copiar {
			padding: 7px 8px 6px 8px;
			border-radius: 5px;
			cursor: pointer;
			font-size: 15px;
			transition: all .2s ease;
			position: absolute;
			top: -45%;
			margin-left: 10px;
		}
			.btn-copiar:hover {
				border-radius: 25px;
			}
				.btn-copiar::after{
					content: 'Copiar';
					font-size: 0;
					transition: all .2s ease;
				}
					.btn-copiar:hover::after{
						margin-left: 5px;
						font-size: 12px;
						position: relative;
						top: -2px;
					}
			.btn-copiar::before {
				font-family: var(--iconos);
				content: 'content_copy';
			}
			.btn-copiar.copiado::before {
				font-family: var(--iconos);
				content: 'check';
				font-weight: 700;
			}
			.btn-copiar.copiado::after {
				content: '¡Copiado!';
				margin-left: 5px;
				font-size: 12px;
				position: relative;
				top: -2px;
			}
		.contenido-copiado {
			position: fixed;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			padding: 8px 20px 10px 20px;
			border-radius: 25px;
		}
			.contenido-copiado p::before{
				font-family: var(--iconos);
				content: 'check';
				display: inline-block;
				margin-right: 5px;
				position: relative;
				top: 4px;
				font-weight: 700;
				font-size: 20px;
			}
/*--===================== 6. Formulario ========================*/
/* Seccion Contacto - formulario */
.contenedor-contacto > div{
	background-image: url(../../../es/assets/img/fondo-contacto.png);
	padding: 40px 0;
}
#contacto {
	width: calc(100% - 40px);
	max-width: 800px;
	margin: 20px;
	padding: 15px;
	border-radius: 15px;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: 0;
}
	#contacto h2{
		grid-column: 1/-1;
		margin-left: 0;
		margin-bottom: 0;
	}
	#contacto > article:first-of-type{
		display: none;
	}
		#contacto > article:first-of-type > span::before{
			font-family: var(--iconos);
			font-size: 20px;
			font-weight: 400;
		}
			#contacto > article:first-of-type > span:nth-of-type(1)::before{
				content: 'flag';
			}
			#contacto > article:first-of-type > span:nth-of-type(2)::before{
				content: 'person';
			}
			#contacto > article:first-of-type > span:nth-of-type(3)::before{
				content: 'phone';
			}
			#contacto > article:first-of-type > span:nth-of-type(4)::before{
				content: 'email';
			}
			#contacto > article:first-of-type > span:nth-of-type(5)::before{
				content: 'place';
			}
			#contacto > article:first-of-type > span:nth-of-type(6)::before{
				content: 'question_mark';
			}
		#formulario label{
			font-size: 15px;
			font-weight: 400;
			margin-bottom: 5px;
			display: inline-block;
			pointer-events: none;
		}
		#formulario > div{
			position: relative;
		}
		#formulario select,
		#formulario input,
		#formulario textarea{
			border-radius: 5px;
			min-height: 40px;
			padding: 7px;
			width: 100%;
			font-size: 15px;
			z-index: 1;
			margin-bottom: 32px;
			display: inline-block;
		}
			.requerido::before{
				content: '* Requerido';
				font-size: 12px;
				position: absolute;
				top: 43px;
				left: 7px;
			}
				.numero-telefono .requerido::before{
					left: -60px;
				}
					.requerido.campo-success::before{
						content: 'Completado';
					}
					.requerido.campo-failure::before{
						content: 'Completar sin usar números o símbolos';
					}
						.numero-telefono .requerido.campo-failure::before{
							content: 'Completar solo con números';
						}
						.requerido.mail.campo-failure::before{
							content: 'Completar usando "@"';
						}
						/*Si el campo es correcto*/			  
						.requerido.campo-success::after {
							content: "check_circle";
						}							  
						/*Si el campo es incorrecto*/
						.requerido.campo-failure::after {
							content: "cancel";
						}
  
			#formulario select{
				-webkit-appearance: none;
				-moz-appearance: none;
				-o-appearance: none;
				appearance: none;
				cursor: pointer;
			}
				#formulario select ~ label{
					cursor: pointer;
				}
			input[type=number]::-webkit-inner-spin-button, 
			input[type=number]::-webkit-outer-spin-button { 
			-webkit-appearance: none; 
			}
			input[type=number] {
				-moz-appearance:textfield;
			}
				#formulario select::-ms-expand{
					display: none !important;
				}
				/*efectos input, select y textarea*/
				#formulario input ~ label,
				#formulario select ~ label,
				#formulario textarea ~ label{
					position: absolute;
					top: 10px;
					left: 8px;
					padding: 1px 4px;
					font-size: 15px;
					z-index: 200;
					transition: all .2s ease;
				}
					/* Validación */
					#formulario input:focus ~ label,
					#formulario select:focus ~ label,
					#formulario textarea:focus ~ label,
					#formulario input:not(:placeholder-shown):not(#codigo) ~ label,
					#formulario textarea:not(:placeholder-shown):not(#codigo) ~ label,
					#formulario select[data-gtm-form-interact-field-id]:not([data-gtm-form-interact-field-id=""])~ label,
					#formulario input[data-gtm-form-interact-field-id]:not([data-gtm-form-interact-field-id=""])~ label,
					#formulario textarea[data-gtm-form-interact-field-id]:not([data-gtm-form-interact-field-id=""])~ label{
						font-size: 12px;
						top: -10px;
					}
						.requerido.campo-success::after,
						.requerido.campo-failure::after {
							font-family: var(--iconos);
							position: absolute;
							top: 12px;
							right: 10px;
							font-size: 16px;
							font-weight: 400;
						}
							/*Si el campo es correcto*/			  
							.requerido.campo-success::after {
								content: "check_circle";
							}							  
							/*Si el campo es incorrecto*/
							.requerido.campo-failure::after {
								content: "cancel";
							}				  
			.select-contenedor{
				position: relative;
			}
				.select-contenedor::after{
					content: 'expand_more';
					font-family: var(--iconos);
					pointer-events: none;
					position: absolute;
					display: inline-block;
					right: 10px;
					top: 9px;
					font-size: 24px;
					transition: all .2s ease;
				}		  
					.select-contenedor:hover::after{
						transform: scale(1.35);
					}
						.select-contenedor.success::after{
							content: "check_circle";
						}
			.numero-telefono{
				display: grid;
				grid-template-columns: 60px 1fr;
				grid-gap: 10px;
				position: relative;
			}
				.numero-telefono div{
					position: relative;
				}
		#formulario textarea{
			min-height: 80px;
			margin-bottom: 7px;
			width: 100%;
			border-radius: 5px;
			padding: 7px;
			font-size: 15px;
			resize: vertical;
		}
			#formulario input::placeholder,
			#formulario textarea::placeholder{
				font-size: 13px;
				padding: 7px;
			}
		#formulario .boton-envio{
			position: relative;
			margin-top: 5px;
		}
			#btn-form{
				cursor: pointer;
				width: 100%;
			}
				#btn-form:disabled{
					cursor:default;
				}
					#btn-form:disabled:hover{
						border-radius: 10px;
					}
				.politica-uso{
					text-align: left;
				}
					.politica-uso p,
					.politica-uso a{
						font-size: 11px;
						margin-top: 10px;
					}
						.politica-uso > p{
							margin-bottom: 4px;
						}
						.politica-uso > a{
							text-decoration: underline;
						}
		/*Spinner > Formulario*/
		#spinner {
			display: flex;
			display: none;
			margin-bottom: 5px;
			font-size: 1.2rem;
			color: var(--issd);
			align-items: center;
		}

		#spinner #load{
			animation: spin 1s linear infinite;
			display: inline-block;
		}
				@keyframes spin {
					0% {
					transform: rotate(0deg);
					}
				
					100% {
					transform: rotate(360deg);
					}
				}

		@media screen and (min-width:480px){
			#contacto {
				width: 100%;
				margin: 40px auto;
				padding: 40px 60px 40px 40px;
				display: grid;
				grid-template-columns: 24px 1fr;
				grid-gap: 0 20px;
			}
				#contacto h2{
					grid-column: 1/-1;
					margin-left: 45px;
					margin-bottom: 20px;
				}
				#contacto > article:first-of-type{
					width: 100%;
					align-items: center;
					justify-items: center;
					display: grid;
					grid-auto-rows: 40px;
					grid-gap: 32px;
				}
		}

		@media screen and (min-width:560px){
			#contacto {
				padding: 40px 70px 40px 50px;
			}
		}


/*--=============================================*/
/*---- 6. Iconos ----*/
.icon-info::before {
	font-family: var(--iconos);
	content: "info";
	position: relative;
	top: 2px;
	font-weight: 400;
	margin-right: 4px;
}
	.icon-location:before {content: "\e900"; }
	.icon-send:before {content: "\e901"; }
	.icon-email:before {content: "\e902"; }
	.icon-tiktok:before {content: "\e903"; }
	.icon-phone:before {content: "\e942"; }
	.icon-notification:before {content: "\ea08"; }
	.icon-facebook:before {content: "\ea90"; }
	.icon-instagram:before {content: "\ea92"; }
	.icon-whatsapp:before {content: "\ea93"; }
	.icon-spotify:before {content: "\ea94"; }
	.icon-youtube:before {content: "\ea9d"; }
	.icon-linkedin:before {content: "\eac9"; }
	.icon-linkedin2:before {content: "\eaca"; }

/*--=============================================*/
/*Mensaje de alerta - Envio correcto y chapcha no completado*/
#mensaje {
	display: none;
	position: fixed;
	top: 35vh;
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
	padding: 25px;
	border-radius: 10px;
	text-align: center;
	z-index: 9999;
	overflow: hidden;
	font-weight: 700;
}
	#mensaje img{
		border-radius: 25px;
	}
	#mensaje::after {
		content: '-';
		width: 0%;
		left: 0;
		position: absolute;
		bottom: 0;
		height: 6px;
		animation: carga 5.9s ease;
	}
		@keyframes carga {
			0%{
				width: 0%;
			}
			100%{
				width: 100%;
			}
		}
	/*mensaje no completo el capcha*/
	.contenedor-alerta-captcha{
		display: grid;
		width: 100%;
		grid-template-columns: 1fr;
		align-items: center;
		align-content: center;
		height: calc(100vh - 25px);
		text-align: center;
		justify-content: center;
		justify-items: center;
	}
		.contenedor-alerta-captcha img{
			border-radius: 25px;
			margin-bottom: 25px;
			width: 90%;
			max-width: 500px;
		}
		.contenedor-alerta-captcha h1{
			margin-bottom: 25px;
			width: 90%;
		}
		.contenedor-alerta-captcha p{
			margin-bottom: 10px;
		}
		.contenedor-alerta-captcha a{
			border-radius: 10px;
			padding: 10px 20px;
			transition: all .3s ease;
		}
			.contenedor-alerta-captcha a:hover{
				border-radius: 25px;
			}
			.contenedor-alerta-captcha::after {
				content: '';
				width: 0%;
				left: 0;
				position: absolute;
				bottom: 0;
				height: 25px;
				animation: carga 7.9s ease;
			}
/*--=============================================*/
/*Popups*/
.popup {
	position: fixed;
	z-index: 9999;
	width: calc(100% - 20px);
	max-width: 480px;
	margin: auto 10px;
	left: calc(50% - 10px);
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 20px 30px;
	border-radius: 10px;
	display: block;
	overflow: hidden;
  }
.backdrop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	backdrop-filter: blur(10px); /* Aplica el desenfoque al fondo */
	-webkit-backdrop-filter: blur(10px); /* Soporte para navegadores basados en WebKit */
	z-index: 9998; /* Asegura que la capa de fondo esté por debajo del pop-up */
	display: block;
  }

	.popup-content {
		text-align: center;
	}
		.popup-content h2 {
			margin-top: 0;
		}
		.popup-content img {
			width: 100%;
			max-width: 400px;
			height: auto;
			margin-bottom: 10px;
		}
		.popup-content p {
			margin-bottom: 20px;
			line-height: 1.4em;
		}
		.close-button {
			position: absolute;
			top: 5px;
			right: 5px;
			padding: 5px 12px;
			font-size: 32px;
			cursor: pointer;
			transition: all .2s ease;
			font-weight: 300;
		}
			.close-button:hover {
				transform: scale(1.3);
			}
.popup::after {
	content: '-';
	width: 0%;
	left: 0;
	position: absolute;
	bottom: 0;
	height: 6px;
	animation: carga 11.5s ease;
}

/*Mensaje de Recapcha Lateral */
.grecaptcha-badge{
	display: none;
}

/*=== WhatsApp boton ===*/
.whatsapp-btn {
	background-color: #25D366;
	border-radius: 50px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	transition: background-color 0.3s;
	z-index: 5000;
	position: fixed;
	bottom: 10px;
	right: 20px;
	display: none;
}
	.whatsapp-btn:hover {
		background-color: #128C7E;
		text-decoration: none;
	}
	.whatsapp-btn span{
		color: white;
		font-size: 24px;
		display: block;
		padding: 18px;
	}
		.whatsapp-btn:hover span{
			color: white;
		}