/* =====================================================
   CBMC Suite
   Responsive - Tablet
===================================================== */

@media (max-width: 1024px) {

    .cbmc-header {

        padding: 18px 24px;

        gap: 20px;

    }

    .cbmc-school-info h1 {

        font-size: 26px;

    }

    .cbmc-school-info p {

        font-size: 14px;

    }

    .cbmc-header-right {

        gap: 16px;

    }

    .cbmc-social {

        gap: 10px;

    }

    .cbmc-navigation-inner {

        padding: 0 20px;

    }

    .cbmc-menu {

        gap: 18px;

        flex-wrap: wrap;

    }

    .cbmc-hero {

        gap: 35px;

        padding: 50px 5%;

    }

    .cbmc-hero-title {

        font-size: 46px;

    }

    .cbmc-hero-description {

        font-size: 18px;

    }

    .cbmc-hero-media {

        min-height: 360px;

    }

    .cbmc-hero-media img {

        height: 360px;

    }

    .cbmc-academic-cards {

        padding: 0 5% 45px;

    }

    .cbmc-academic-cards-inner {

        grid-template-columns: repeat(2, 1fr);

        gap: 20px;

    }

}

/* =====================================================
   CBMC Suite
   Responsive - Celular
===================================================== */

@media (max-width: 768px) {

    .cbmc-header {

        flex-direction: column;

        align-items: stretch;

        padding: 16px 18px;

    }

    .cbmc-header-left {

        justify-content: center;

        text-align: center;

        flex-direction: column;

    }

    .cbmc-logo img {

        width: 78px;

        margin: 0 auto;

    }

    .cbmc-school-info h1 {

        font-size: 23px;

        line-height: 1.2;

    }

    .cbmc-school-info p {

        font-size: 13px;

    }

    .cbmc-header-right {

        flex-direction: column;

        justify-content: center;

        gap: 12px;

    }

    .cbmc-social {

        justify-content: center;

        flex-wrap: wrap;

    }

    .cbmc-tv-button {

        text-align: center;

    }

    .cbmc-menu-toggle {

        display: block;

        margin: 10px 0 10px auto;

    }

    .cbmc-navigation-inner {

        padding: 0 15px;

    }

    .cbmc-menu {

        display: none;

        flex-direction: column;

        gap: 0;

        align-items: stretch;

    }

    .cbmc-menu.cbmc-menu-open {

        display: flex;

    }

    .cbmc-menu a {

        padding: 12px 0;

        text-align: center;

    }

    .cbmc-hero {

        flex-direction: column;

        gap: 30px;

        padding: 35px 20px 55px;

        text-align: center;

    }

    .cbmc-hero-left,
    .cbmc-hero-right {

        width: 100%;

    }

    .cbmc-hero-copy {

        max-width: 100%;

    }

    .cbmc-hero-title {

        font-size: 38px;

    }

    .cbmc-hero-description {

        max-width: 100%;

        font-size: 17px;

    }

    .cbmc-hero-actions {

        justify-content: center;

    }

    .cbmc-hero-button {

        width: 100%;

        text-align: center;

    }

    .cbmc-hero-media {

        min-height: 280px;

        border-radius: 18px;

    }

    .cbmc-hero-media img {

        height: 280px;

    }

    .cbmc-academic-cards {

        padding: 0 20px 40px;

    }

    .cbmc-academic-cards-inner {

        grid-template-columns: 1fr;

        gap: 16px;

        margin-top: -18px;

    }

    .cbmc-academic-card {

        padding: 24px 20px;

        text-align: center;

    }

}