/* Contenedor principal de la tabla */
.tabla-flex {
  display: flex;
  width: 100%;
  max-width: 500px; 
}

/* Columnas individuales */
.columna {
  display: flex;
  flex-direction: column;
  flex: 1; /* Distribuye las columnas equitativamente */
}

/* Encabezados de columna */
.encabezado {
  padding: 8px;
  text-align: center;
}

/* Celdas de contenido */
.contenido {
  display: flex;
  flex-direction: column;
  
  padding: 8px;
  height: 50%;
}

/* Liga estática */
.contenido a {
  color: #d1352a;
}

/* Liga activa */
.contenido a:active,
.contenido a:visited {
  color: #a12c23;
}


/* Centrar en pantalla */
.contenedor-centro {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center;     /* Centra verticalmente */
    min-height: 95vh;       /* 100% de la altura de la ventana */
    padding: 0 15px;
  }