/* =========================================
   HORARIOS
========================================= */

.horarios{

    padding:100px 40px;

    background:#f8fafc;

    display:flex;

    flex-direction:column;

    gap:20px;
}

.horarios__header{

    text-align:center;

    max-width:800px;

    margin:0 auto;
    
    border-radius:24px;
}
.horarios__table{

    max-width:1100px;

    width:100%;

    margin:0 auto;

    border-radius:24px;

    overflow:hidden;

    background:#fff;

    box-shadow:
        0 15px 40px rgba(0,0,0,.08);
}
.horarios__head{

    display:flex;

    align-items:center;

    background:linear-gradient(
        135deg,
        #001f54 0%,
        #00337f 100%
    );

    color:#fff;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

    min-height:60px;
}

.horarios__head > *{

    padding:24px;
}
.horario-row{

    display:flex;

    align-items:center;

    min-height:85px;

    border-bottom:1px solid #edf2f7;

    transition:
        transform .30s ease,
        background .30s ease,
        box-shadow .30s ease;
}
.horario-row:hover{

    background:#f8fbff;

    transform:translateX(8px);

    box-shadow:
        inset 4px 0 0 var(--primary);
}
.horario-categoria{

    width:25%;

    padding:24px;

    font-weight:700;

    color:var(--secondary);

    font-size:1.1rem;
}
.horario-dias{

    width:45%;

    padding:24px;

    color:#4a5568;
}
.horario-hora{

    width:30%;

    padding:24px;
}
.horario-hora{

    display:flex;

    justify-content:flex-start;
}

.horario-hora span{

    background:#f5a623;

    color:#000;

    padding:10px 18px;

    border-radius:999px;

    font-weight:700;

    display:inline-block;
}
.horario-row:nth-child(even){

    background:#fafbfd;
}
@media (max-width:768px){

    .horarios{

        padding:80px 20px;
    }

    .horarios__head{

        display:none;
    }

    .horario-row{

        flex-direction:column;

        align-items:flex-start;

        gap:12px;

        padding:24px;

        min-height:auto;
    }

    .horario-categoria,
    .horario-dias,
    .horario-hora{

        width:100%;

        padding:0;
    }
}