:root {
  /*GLOBAL VARIABLES*/
  --main-green: #00C8B0; /* filter: brightness(0) saturate(100%) invert(55%) sepia(74%) saturate(2881%) hue-rotate(136deg) brightness(101%) contrast(105%); */
  --main-white: #F2F2F2; /* filter: brightness(0) saturate(100%) invert(100%) sepia(55%) saturate(1710%) hue-rotate(207deg) brightness(132%) contrast(90%); */
	--main-red: #C8007C; /*  filter: brightness(0) saturate(100%) invert(15%) sepia(73%) saturate(5417%) hue-rotate(312deg) brightness(81%) contrast(108%); */
   --main-blue: #007CC8; /* filter: brightness(0) saturate(100%) invert(34%) sepia(47%) saturate(3714%) hue-rotate(183deg) brightness(89%) contrast(101%); */
   --main-gold: #FFD700; /* filter: brightness(0) saturate(100%) invert(83%) sepia(16%) saturate(5706%) hue-rotate(356deg) brightness(109%) contrast(110%); */
  --main-black: #222222; /* filter: brightness(0) saturate(100%) invert(11%) sepia(0%) saturate(0%) hue-rotate(157deg) brightness(93%) contrast(92%); */
  --main-brain: #ff98cc; /* filter: brightness(0) saturate(100%) invert(71%) sepia(71%) saturate(437%) hue-rotate(289deg) brightness(97%) contrast(110%); */
--main-acierto: #22af49; /* filter: brightness(0) saturate(100%) invert(44%) sepia(98%) saturate(1824%) hue-rotate(106deg) brightness(102%) contrast(73%); */
	/* Full White: filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(329deg) brightness(105%) contrast(101%); */
}

html{
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	padding: 0rem !important;
	margin: 0rem !important;
	font-size: 15.5px;
  font-family: "Open Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-variation-settings:"wdth" 100;
}

img{
    user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.col {
	padding: 0rem !important;
	margin: 0rem !important;
}

body{
	background: var(--main-green) !important;
	padding: 0rem !important;
	margin: 0rem !important;
}

main{
	text-align: center;
	padding: 0rem !important;
	
}

.notyet{
	margin: 1.5rem !important;
    background-color: var(--main-white);
    padding: 2.5rem;
    border-radius: 0.9375rem !important;
}

a:link, a:visited{
  color: var(--main-black);
}

#overlay {
  position: fixed !important; /* Posición fija para que se mantenga en su lugar incluso si se desplaza la página */
  top: 0 !important;
  left: 0 !important;
  width: 100% !important; /* Ocupa todo el ancho de la pantalla */
  height: 100% !important; /* Ocupa toda la altura de la pantalla */
  background-color: var(--main-green) !important; /* Fondo semitransparente para hacerla visible */
  z-index: 9999 !important; /* Nivel de apilamiento alto para estar delante de todo */
  text-align: center !important;
  color: #FFF;
  display: flex;
  justify-content: center; /* Alinear horizontalmente al centro */
  align-items: center; /* Alinear verticalmente al centro */
  height: 100vh; /* Establecer altura al 100% de la ventana */
  font-size: 1.2rem;
}

.lock-icon{
   height: 3rem;
   width: 3rem;
   margin-bottom: 1rem;
}