/* Estilos generales */
body {
  font-family: sans-serif;
}





.negro{
  background-color: black;
}

.peque{
  font-size: 0.7rem;
}

.contenedor-tablas {
  display       : flex;
  flex-direction: column;
  align-items   : center;
  margin        : 20px;
}

h2 {
  text-align   : center;
  margin-bottom: 20px;
}

h3 {
  margin-bottom: 10px;
}

/* Eatilos para las tablas */
.tabla {
  border-collapse: collapse;
  width          : 100%;
  margin-bottom  : 20px;
}

th,
td {
  border    : 1px solid #a1a1a1;
  padding   : 5px;
  text-align: center;
  cursor    : pointer;
}

td {
  background-color: #eee;
  height          : 35px;
}


.todo {
  background-color: rgb(241, 241, 241);
}

.left {
  background-color: rgb(255, 255, 255);
  /* width        : 50%; */
}


.right {
  background-color: rgb(255, 255, 255);
  /* width        : 50%; */
}


#ventanaEmergente {
  display         : none;
  /* Oculto por defecto */
  position        : fixed;
  /* Posicionamiento absoluto */
  top             : 50%;
  /* Posición vertical centrada */
  left            : 50%;
  /* Posición horizontal centrada */
  transform       : translate(-50%, -50%);
  /* Ajustar la posición */
  background-color: #fff;
  padding         : 20px;
  border          : 1px solid #ccc;
}

.amarillo {
  background-color: rgb(248, 238, 171);
}

.naranja {
  background-color: rgb(248, 204, 151);
}

.azul {
  background-color: rgb(151, 183, 248);
}

.verde {
  background-color: rgb(60, 249, 85);

}

.gris {
  background-color: rgb(87, 147, 127);
  color           : #fff;
}

.hidden {
  display: none;
}


.espaciofinal{
  margin-bottom: 100px;
}

#fondo-fijo {
  position: fixed; /* Posicionamiento fijo */
  bottom: 0; /* Pegar a la parte inferior */
  width: 100%; /* Ancho completo de la página */
  background-color: black; /* Color de fondo */
  z-index: 100; /* Asegurarse de que esté en la parte superior */
  height: 80px;
}


.bottm{
  width: 85px;
  height: 70px;
  /* margin: -2px 1px; */
  margin-top: 3px;
  margin-right: 11px;
}

.encendido{
  background-color: green !important;
  border: 5px solid green !important;
}