@import url('https://fonts.googleapis.com/css2?family=Scope+One&display=swap');

:root {
    --color_azul: rgba(21, 114, 182, 0.85);
    --bgcolor: #eee;
    --bgcolor2: rgb(244, 242, 242);
    --fbcolor: #333;
    --bordercolor: rgb(197, 197, 197);
    --font_normal: "Scope One";
    --font_cabezera: Arial, Helvetica, sans-serif
}


body {
    font-family: var(--font_normal);
    background-color: var(--bgcolor);
    margin: 0px;
    padding: 0px;
}

table {
    width: 95%;
    margin: auto;
    border: 1px solid var(--bordercolor);
    border-collapse: collapse;
    box-shadow: 0 0 10px #0004;
    background-color: white;
}

td {
    border: 1px solid var(--bordercolor);
}

thead tr {
    background: rgb(59, 99, 219);
    background: linear-gradient(180deg, rgba(59, 99, 219, 1) 0%, rgba(42, 71, 158, 1) 49%);
    color: white;
}

th {
    border: 1px solid var(--color_azul);
    font-family: var(--font_cabezera);
}

th,
td {
    padding: 12px;
    font-size: 1.6em;
}

tr:nth-child(2n - 1) {
    background-color: var(--bgcolor2);
}

tbody tr:hover {
    background-color: aliceblue;
}

tbody tr a {
    color: var(--color_azul);
    text-decoration: none;
    font-weight: bold;
    display: block;
    text-align: center;
    border-radius: 6px;
}

tbody tr a:hover {
    background-color: var(--fbcolor);
    color: white;
}