/* Personalizar fondo de la página */
body {
    background-color: #f4f6f9;
    font-family: Arial, sans-serif;
    margin: 20px;
}

/* Personalizar Título (header) de la página */
header h1 {
    color: #1a4b8c;
    text-align: center;
    font-size: 32px;
    margin-bottom: 25px;
}

/* Personalizar tabla */
table {
    width: 90%;
    margin: 0 auto; /* Margen para centrar la tabla */
    border-collapse: collapse;
    background-color: #dce6f2; /* Color de fondo general de la tabla */
    color: #333333; /* Texto gris oscuro */
}

/* Título de la tabla (Encabezados) */
th {
    background-color: #4a82b8; /* Azul primario para el encabezado */
    color: #ffffff;
    font-weight: bold;
    padding: 12px;
    text-align: center;
    border: 1px solid #ffffff;
}

/* Celdas de la tabla */
td {
    padding: 10px;
    text-align: center;
    border: 1px solid #ffffff;
    color: #333333; /* Texto gris oscuro */
}

/* Filas alternadas para fondo estilo degradado/suave */
tbody tr:nth-child(even) {
    background-color: #cbdaf0;
}

/* Estilo a la imagen LOGO */
.logo {
    width: 80px;
    height: auto;
    border: 2px solid #4a82b8;
    border-radius: 4px;
}

/* Estilo a la imagen FOTO */
.foto {
    width: 70px;
    height: 70px;
    object-fit: cover;
    border: 2px solid #888888;
    border-radius: 50%;
}

/* Estilos para el link <a> */
a {
    color: orange; /* naranja */
    text-decoration: none;
    padding: 4px 8px;
    display: inline-block;
}

a:hover {
    text-decoration: none;
    background-color: blue; /* AZUL */
    color: white; /* BLANCO */
    border-radius: 3px;
}

a:visited {
    color: gray; /* GRIS */
}