.fa-calendario {
    --fa-azul: #4285F4;
    --fa-rojo: #EA4335;
    --fa-amarillo: #FBBC05;
    --fa-grafito: #202124;
    --fa-gris: #5F6368;
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
    gap: 1.5rem;
    color: var(--fa-grafito);
}
.fa-calendario section, .fa-calendario aside { overflow-x: auto; }
.fa-calendario section p { color: var(--fa-gris); }
.fa-calendario form button[type="submit"] {
    background: var(--fa-azul);
    color: #101114;
    border: 0;
    border-radius: .3rem;
    padding: .6em 1em;
    font-weight: 700;
    cursor: pointer;
}
.fa-calendario table { width: 100%; border-collapse: collapse; }
.fa-calendario td, .fa-calendario th {
    padding: .5em;
    border: 1px solid #dadce0;
    white-space: pre-line;
}
.fa-calendario table thead th { background: var(--fa-grafito); color: white; }
.fa-calendario table tbody tr.fa-feriado > td { background: var(--fa-rojo) !important; color: #fff !important; }
.fa-calendario table tbody tr.fa-feriado > td:last-child { border-inline-start: 3px solid var(--fa-rojo); }
.fa-calendario table tbody tr.fa-actual > td {
    background: var(--fa-amarillo) !important;
    color: var(--fa-grafito) !important;
    font-weight: 700;
}
@media (max-width: 800px) { .fa-calendario { grid-template-columns: 1fr; } }