:root {
  --main-font-family: Poppins, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif;
}

body 
	{
	font-size: 62.5%;
	font-family: var(--main-font-family);
	}

table 
	{
	font-size: 1em;
	}

.colorred
	{
	background-color:#FF0000; color:#FFFFFF;
	}
.colorredoscuro
	{ 
	background-color:#C41941; color:#FFFFFF; 	 
	}
.coloryellow
	{
	background-color:#FFFF00; color:#F00;
	}
.colorazul
	{ 
	background-color:#0000FF; color:#FFFF00;
	}
.colorrojo
	{
	background-color:#FF0000; color:#FFFF00;
	}
.colorverde
	{
	background-color:#006633; color:#FFFF00;
	}
.colorverdeoscuro
	{ 
	background-color:#066; color:#FFF;
	}
.coloramarillo
	{
	background-color:#FF0; color:#FF0000;
	}
.reloj 
	{ 
	border: 0px solid black; 
	font: bold 1.5em dotum, Arial, Verdana, Geneva, sans-serif; 
	margin: 1em 1em 1em 1em; 
	}
.texto_pregunta_7 {font-family: var(--main-font-family); font-size: 7px;}
.texto_pregunta_8 {font-family: var(--main-font-family); font-size: 8px;}
.texto_pregunta_9 {font-family: var(--main-font-family); font-size: 9px;}
.texto_pregunta_10 {font-family: var(--main-font-family);  font-size: 10px;}
.texto_pregunta_11 {font-family: var(--main-font-family);  font-size: 11px;}
.texto_pregunta_12 {font-family: var(--main-font-family);  font-size: 12px;}
.texto_pregunta_13 {font-family: var(--main-font-family);  font-size: 13px;}
.texto_pregunta_14 {font-family: var(--main-font-family);  font-size: 14px;}
.texto_pregunta_15 {font-family: var(--main-font-family);  font-size: 15px;}
.texto_pregunta_16 {font-family: var(--main-font-family);  font-size: 16px;}
.texto_pregunta_17 {font-family: var(--main-font-family);  font-size: 17px;}
.texto_pregunta_18 {font-family: var(--main-font-family);  font-size: 18px;}
.texto_pregunta_19 {font-family: var(--main-font-family);  font-size: 19px;}
.texto_pregunta_20 {font-family: var(--main-font-family);  font-size: 20px;}
.texto_pregunta_21 {font-family: var(--main-font-family);  font-size: 21px;}
.texto_pregunta_22 {font-family: var(--main-font-family);  font-size: 22px;}
.texto_pregunta_23 {font-family: var(--main-font-family);  font-size: 23px;}
.texto_pregunta_24 {font-family: var(--main-font-family);  font-size: 24px;}
.texto_pregunta_25 {font-family: var(--main-font-family);  font-size: 25px;}
.texto_pregunta_26 {font-family: var(--main-font-family);  font-size: 26px;}
.texto_pregunta_27 {font-family: var(--main-font-family);  font-size: 27px;}
.texto_pregunta_28 {font-family: var(--main-font-family);  font-size: 28px;}
.texto_pregunta_29 {font-family: var(--main-font-family);  font-size: 29px;}
.texto_pregunta_30 {font-family: var(--main-font-family);  font-size: 30px;}
.texto_test_22 {font-family: var(--main-font-family);  font-size: 22px; background:#cad8da; color:#000000;}
.boton_test_20 {font-family: var(--main-font-family);  font-size: 20px; background:#cad8da; color:#000000;}
.texto_pregunta {font:Verdana, Geneva, sans-serif}
.celda-con-fondo 
	{
	background-color: #22747c; /* Color de fondo específico */
	color: white; /* Color del texto para contraste (opcional) */
	font-size: 28px;
	font-weight: bold;
	font-family: var(--main-font-family);
	}
	
.celdatabla1t1 {
	background-color: #84cad9;
	color:#FFF;
	font-size: 17px;
	font-weight: bold;
	font-family: var(--main-font-family);
	}
	
.celdatabla1t2 {
	background-color: #53bcc9;
	color:#FFF;
	font-size: 17px;
	font-weight: bold;
	font-family: var(--main-font-family);
	}
	
.celdatabla1t3 {
	background-color: #f1f1f1;
	color:#000;
	font-size: 17px;
	font-family: var(--main-font-family);
	}
	
.celdatabla12t0 {
	background-color: #22747c;
	color:#FFF;
	font-size: 18px;
	font-weight: bold;
	font-family: var(--main-font-family);
	}
	
.celdatabla2t1 {
	background-color: #acacac;
	color:#000;
	font-size: 17px;
	font-weight: bold;
	font-family: var(--main-font-family);
	}
	
.celdatabla2t2 {
	background-color: #dfdfdf;
	color:#000;
	font-size: 16px;
	font-family: var(--main-font-family);
	}
		
.celdatabla3t1 {
	background-color: #47a9b3;
	color:#FFF;
	font-size: 17px;
	font-weight: bold;
	font-family: var(--main-font-family);
	}
	
.cabeceradatosgestion {
	background-color: #dfdfdf;
	color:#53bcc9;
	font-size: 18px;
	font-weight: bold;
	font-family: var(--main-font-family);
	}
	
.colorboton1
	{
	background:#47a9b3; color:#FFFFFF;
	font-size: 18px;
	font-weight: bold;
	font-family: var(--main-font-family);
	border-radius: 10px; /* Aplica bordes redondeados al contenedor */
	}	
	
.colorboton2
	{
	background:#84cad9; color:#FFFFFF;
	font-size: 18px;
	font-weight: bold;
	font-family: var(--main-font-family);
	border-radius: 10px; /* Aplica bordes redondeados al contenedor */
	}
	
/* Estilos compartidos para las tablas dentro del contenedor */
.primeratable, .segundatable, .terceratable 
	{
  	width: 85%; /* La tabla toma todo el ancho del contenedor */
  	border-collapse: separate; /* Permite bordes redondeados */
  	border-spacing: 0; /* Elimina el espaciado entre celdas */
  	margin: 0; /* Elimina márgenes */
  	padding: 0; /* Elimina relleno */
	}	
.alumno 
	{
	font-weight: bold;
	}
::-webkit-scrollbar 
	{
  	-webkit-appearance: none;
  	width: 20px;
	}
::-webkit-scrollbar-thumb 
	{
  	border-radius: 4px;
	background:#22747c;
  	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
	}
	
 /* CSS funcional del ejemplo*/
a 
	{
	display: inline-block;
	font-size: 1.0rem;
	color: #fff;
	line-height: 2;
	padding: 0 3rem;
	height: 30px;
	font-weight: bold;
	border-radius: 3px;
	}

a:hover 
	{
	cursor: pointer;
	color: #000;
	}

a.ejemplo1 
	{
    background: linear-gradient(180deg, #009933 0%, #009933 49%, #e8515a 50%, #e8515a 100%);
    background-size: 1px 100px;
    transition: all .3s;
	}

a.ejemplo1:hover
	 {
    background-position: 0 -50px;
    transition: all .3s;
	}
	
#ventana_alumno.dark { color:#FFF; background-color:#000;}	
#acceso_alumno.dark { color:#FFF; background-color:#000;}