/*
Portalnews 1.8.0 - Responsive
Breakpoints oficiais:
Desktop: acima de 1200px
Tablet: 769px até 1200px
Mobile: até 768px
*/

@media (min-width: 769px) and (max-width: 1200px) {
    .container {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        padding: 16px !important;
        max-width: 100% !important;
    }

    .main-content-area {
        width: 100% !important;
        min-width: 0 !important;
    }

    .layout,
    .layout.layout-double,
    .layout.layout-single {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 20px !important;
        width: 100% !important;
    }

    .content-left,
    .content-right {
        display: flex !important;
        flex-direction: column !important;
        gap: 20px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .content-left > .widget,
    .content-right > .widget,
    .sidebar > .widget {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    .sidebar,
    .home-sidebar {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .latest-news-grid-widget,
    .latest-news-grid-featured,
    .latest-news-custom-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .latest-news-grid-horizontal {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 768px) {
    .container {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 10px !important;
        max-width: 100% !important;
    }

    .main-content-area {
        width: 100% !important;
        min-width: 0 !important;
    }

    .layout,
    .layout.layout-double,
    .layout.layout-single {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        width: 100% !important;
    }

    .content-left,
    .content-right,
    .sidebar {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding: 8px !important;
    }

    .content-left > .widget,
    .content-right > .widget,
    .sidebar > .widget {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    .latest-news-grid-widget,
    .latest-news-grid-featured,
    .latest-news-custom-grid,
    .ultimas-grid {
        grid-template-columns: 1fr !important;
    }

    .latest-news-grid-horizontal {
        grid-template-columns: 1fr !important;
    }

    .portalnews-top-bar-inner {
        flex-direction: column !important;
        justify-content: center !important;
        text-align: center !important;
        gap: 4px !important;
        padding: 5px 12px !important;
    }
}

@media (min-width: 1201px) {
    .container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 300px !important;
        gap: 20px !important;
        align-items: start !important;
        max-width: 1360px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .main-content-area {
        display: block !important;
        min-width: 0 !important;
    }

    .sidebar,
    .home-sidebar {
        width: 300px !important;
        min-width: 300px !important;
        max-width: 300px !important;
        align-self: start !important;
    }

    .layout {
        display: grid !important;
        grid-template-columns: minmax(0, 61%) minmax(0, 39%) !important;
        gap: 20px !important;
    }

    .layout.layout-single {
        grid-template-columns: 1fr !important;
    }
}