@media (max-width: 1050px) {

    .pt-hero {
        grid-template-columns:
            1.4fr
            .8fr;
    }

    .pt-hero-secondary {
        display: none;
    }

    .pt-main-story {
        padding-left: 0;

        border-left: 0;
    }

}


@media (max-width: 768px) {

    .pt-container {
        width: min(
            100% - 28px,
            var(--pt-container)
        );
    }


    /* HEADER */

    .pt-header-top {
        display: none;
    }

    .pt-brand-inner {
        min-height: 82px;

        grid-template-columns:
            45px
            1fr
            45px;
    }

    .pt-menu-toggle {
        display: block;
    }

    .pt-logo-image {
    max-width: 190px;
    max-height: 62px;
}


    /* MENÚ */

    .pt-navigation {
        display: none;
    }

    .pt-navigation.is-open {
        display: block;
    }

    .pt-menu {
        display: block;

        padding: 10px 0 20px;
    }

    .pt-menu > li > a {
        padding: 11px 0;

        border-bottom:
            1px solid var(--pt-border);
    }

    .pt-menu .sub-menu {
        display: block;

        position: static;

        border: 0;
        box-shadow: none;

        padding-left: 18px;
    }


    /* BREAKING */

    .pt-breaking {
        overflow: hidden;
    }

    .pt-breaking a {
        overflow: hidden;

        text-overflow: ellipsis;
        white-space: nowrap;
    }


    /* HERO */

    .pt-hero {
        display: block;

        padding-top: 22px;
    }

    .pt-main-story {
        padding: 0;

        border: 0;
    }

    .pt-main-story h1 {
        font-size: 34px;
    }

    .pt-main-excerpt {
        font-size: 16px;
    }

    .pt-hero-quick {
        margin-top: 32px;

        border-top: 1px solid var(--pt-border);

        padding-top: 24px;
    }

}

/* =====================================================
   ÚLTIMAS NOTICIAS RESPONSIVE
===================================================== */

@media (max-width: 900px) {

    .pt-latest-grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .pt-latest-main {
        padding-right: 0;
        padding-bottom: 30px;

        border-right: 0;

        border-bottom:
            1px solid var(--pt-border);
    }

}


@media (max-width: 600px) {

    .pt-latest {
        padding:
            28px 0
            42px;
    }

    .pt-latest-item {
        grid-template-columns:
            105px
            minmax(0, 1fr);

        gap: 13px;
    }

    .pt-latest-thumb img {
        width: 105px;
        height: 75px;
    }

    .pt-latest-item h3 {
        font-size: 15px;
    }

}