/* courses */
.table-responsive {
    overflow-x: auto;
    white-space: nowrap;
}

.courses .table-responsive table {
    border-radius: 10px;
    overflow: hidden;
}

.courses .section-title h3 {
    font-size: clamp(24px, 3vw, 36px)
}

tr.tr-main-titles th {
    background-color: #e32845;
    color: #fff;
}

tr.tr-main-titles-sec th {
    background-color: #001C38;
    color: #fff;
}

tr.tr-main-titles-bac th {
    background-color: #e32845;
    color: #fff;
}

tr.row-made-in-colegio-cultural > th {
    background-color: #001C38; 
    color: #fff;
}

tr.row-made-in-colegio-cultural > td {
    background-color: #001C38;
    color: #fff;
}

tr.row-made-in-colegio-cultural-sec > th {
    background-color: #e32845; 
    color: #fff;
}

tr.row-made-in-colegio-cultural-sec > td {
    background-color: #e32845;
    color: #fff;
}

tr.row-made-in-colegio-cultural-bac > th {
    background-color: #001C38; 
    color: #fff;
}

tr.row-made-in-colegio-cultural-bac > td {
    background-color: #001C38;
    color: #fff;
}

td.row-made-in-colegio-cultural-bac {
    background-color: #001C38;
    color: #fff;
}

td.span-label-color-violet {
    background-color: #c5a0cb;
    color: #1e1e1e;
}

td.span-label-color-yellow {
    background-color: #f5eb82;;
    color: #1e1e1e;
}

.table-bordered td:empty {
  border: none !important;      
}

.cuquito-bg {
    position: relative; 
    vertical-align: middle;
    background-color: #001C38; 
    color: white; 
    text-align: center;
    padding-bottom: 50px;
}

.cuquito-logo {
    display: block;
    margin: 10px auto 10px;
    transform: rotate(-10deg);
    width: 80px;
    opacity: 1;
}

.tables-titles-center {
    text-align: center;
}

.rows-vertical-align {
    vertical-align: middle;
}

.span-label {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 200px;
    height: 50px;
    overflow: hidden;
    margin-top: 15px;
    color: #1e1e1e;
    text-align: center;
    line-height: 50px;
}

.span-label::before,
.span-label::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.span-label::before {
    background-color: #c5a0cb;
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

.span-label::after {
    background-color: #f5eb82;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
}