/**
 * WPCM Globo News 2.0.0
 * CSS externo, responsivo pelo contêiner e compatível com o tema JFM.
 */

.wpcm-gn-wrap,
.wpcm-gn-wrap::before,
.wpcm-gn-wrap::after,
.wpcm-gn-wrap .wpcm-gn-container,
.wpcm-gn-wrap .wpcm-gn-grid,
.wpcm-gn-wrap .wpcm-gn-grid *:not(.wpcm-gn-ad):not(.wpcm-gn-ad *) {
    box-sizing: border-box !important;
}

.wpcm-gn-wrap {
    display: block !important;
    position: relative !important;
    isolation: isolate !important;
    container-name: wpcm-globo-news;
    container-type: inline-size;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: var(--wpcm-gn-bg, #fff) !important;
    color: var(--wpcm-gn-title, #1d2939) !important;
    font-family: var(--wpcm-gn-font, Inter, "Segoe UI", Roboto, Arial, sans-serif) !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
    text-align: left !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.wpcm-gn-container {
    display: block !important;
    width: 100% !important;
    max-width: var(--wpcm-gn-max-width, 1600px) !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: clamp(10px, 1.25vw, 20px) !important;
}

.wpcm-gn-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-auto-flow: row !important;
    align-items: start !important;
    gap: var(--wpcm-gn-gap, 20px) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wpcm-gn-col1,
.wpcm-gn-col2,
.wpcm-gn-col3 {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wpcm-gn-col1 {
    display: flex !important;
    flex-direction: column !important;
    gap: var(--wpcm-gn-gap, 20px) !important;
}

.wpcm-gn-col2,
.wpcm-gn-col3 {
    display: flex !important;
    flex-direction: column !important;
}

.wpcm-gn-main-card {
    display: block !important;
    position: relative !important;
    isolation: isolate !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 350px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: var(--wpcm-gn-radius, 8px) !important;
    background: #0f1720 !important;
    box-shadow: 0 16px 38px rgba(16, 24, 40, .13) !important;
    overflow: hidden !important;
}

.wpcm-gn-main-card-image,
.wpcm-gn-small-card-image,
.wpcm-gn-list-image {
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #e9eef3 !important;
    overflow: hidden !important;
}

.wpcm-gn-main-card-image {
    width: 100% !important;
    height: 100% !important;
}

.tagdiv-type .wpcm-gn-main-card-image img,
.tagdiv-type .wpcm-gn-small-card-image img,
.tagdiv-type .wpcm-gn-list-image img,
.wpcm-gn-main-card-image img,
.wpcm-gn-small-card-image img,
.wpcm-gn-list-image img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center top !important;
    transition: transform .42s cubic-bezier(.2, .75, .25, 1), filter .25s ease !important;
}

.wpcm-gn-main-card:hover .wpcm-gn-main-card-image img,
.wpcm-gn-small-card:hover .wpcm-gn-small-card-image img,
.wpcm-gn-list-item:hover .wpcm-gn-list-image img {
    transform: scale(1.035) !important;
    filter: saturate(1.04) contrast(1.02) !important;
}

.wpcm-gn-main-card-content {
    display: flex !important;
    position: absolute !important;
    z-index: 2 !important;
    inset: auto 0 0 !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 72px 22px 20px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(4, 10, 18, .76) 48%, rgba(4, 10, 18, .96) 100%) !important;
    text-align: left !important;
}

.wpcm-gn-main-card-title,
.tagdiv-type .wpcm-gn-main-card-title {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #fff !important;
    font-family: inherit !important;
    font-size: clamp(23px, 2vw, var(--wpcm-gn-main-title, 28px)) !important;
    font-weight: 820 !important;
    line-height: 1.16 !important;
    letter-spacing: -.025em !important;
    text-align: left !important;
    text-wrap: balance;
    overflow-wrap: anywhere !important;
}

.wpcm-gn-main-card-title a,
.wpcm-gn-main-card-title a:hover,
.wpcm-gn-main-card-title a:focus {
    color: #fff !important;
    font: inherit !important;
    text-decoration: none !important;
}

.wpcm-gn-bullets {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px 20px !important;
    width: 100% !important;
    margin: calc(var(--wpcm-gn-gap, 20px) * -1) 0 0 !important;
    padding: 16px !important;
    border: 0 !important;
    border-radius: 0 0 var(--wpcm-gn-radius, 8px) var(--wpcm-gn-radius, 8px) !important;
    background: var(--wpcm-gn-col1, #1d5c3e) !important;
}

.wpcm-gn-bullet-item {
    display: flex !important;
    flex: 1 1 calc(33.333% - 20px) !important;
    align-items: flex-start !important;
    gap: 8px !important;
    min-width: 150px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wpcm-gn-bullet-item::before {
    flex: 0 0 7px !important;
    width: 7px !important;
    height: 7px !important;
    margin-top: 6px !important;
    border-radius: 50% !important;
    background: var(--wpcm-gn-bullet, #e65100) !important;
    content: "" !important;
}

.wpcm-gn-bullet-item a,
.wpcm-gn-bullet-item a:hover,
.wpcm-gn-bullet-item a:focus {
    color: #fff !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.38 !important;
    text-decoration: none !important;
    overflow-wrap: anywhere !important;
}

.wpcm-gn-small-cards {
    display: grid !important;
    gap: var(--wpcm-gn-gap, 20px) !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wpcm-gn-small-cards.cards-1 {
    grid-template-columns: minmax(0, 1fr) !important;
}

.wpcm-gn-small-cards.cards-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.wpcm-gn-small-card {
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e7ebf0 !important;
    border-radius: var(--wpcm-gn-radius, 8px) !important;
    background: #fff !important;
    box-shadow: 0 8px 24px rgba(16, 24, 40, .055) !important;
    overflow: hidden !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

.wpcm-gn-small-card:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 14px 32px rgba(16, 24, 40, .095) !important;
}

.wpcm-gn-small-card-image {
    width: 100% !important;
    height: 145px !important;
}

.wpcm-gn-small-cards.cards-1 .wpcm-gn-small-card-image {
    height: 210px !important;
}

.wpcm-gn-small-card-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 13px !important;
}

.wpcm-gn-small-card-title,
.tagdiv-type .wpcm-gn-small-card-title,
.wpcm-gn-list-title,
.tagdiv-type .wpcm-gn-list-title {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--wpcm-gn-title, #1d2939) !important;
    font-family: inherit !important;
    font-weight: 750 !important;
    letter-spacing: -.012em !important;
    text-align: left !important;
    overflow-wrap: anywhere !important;
}

.wpcm-gn-small-card-title,
.tagdiv-type .wpcm-gn-small-card-title {
    font-size: var(--wpcm-gn-card-title, 16px) !important;
    line-height: 1.3 !important;
}

.wpcm-gn-small-cards.cards-1 .wpcm-gn-small-card-title {
    font-size: min(20px, calc(var(--wpcm-gn-card-title, 16px) + 4px)) !important;
}

.wpcm-gn-small-card-title a,
.wpcm-gn-list-title a {
    color: inherit !important;
    font: inherit !important;
    text-decoration: none !important;
}

.wpcm-gn-small-card-title a:hover,
.wpcm-gn-small-card-title a:focus,
.wpcm-gn-list-title a:hover,
.wpcm-gn-list-title a:focus {
    color: var(--wpcm-gn-title-hover, #0b5fa5) !important;
    text-decoration: none !important;
}

.wpcm-gn-small-card-bullets,
.wpcm-gn-list-bullets {
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
    width: 100% !important;
    margin: 8px 0 0 !important;
    padding: 0 !important;
}

.wpcm-gn-small-bullet,
.wpcm-gn-list-bullet {
    display: -webkit-box !important;
    color: var(--wpcm-gn-meta, #667085) !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 430 !important;
    line-height: 1.4 !important;
    text-align: left !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2;
    overflow: hidden !important;
}

.wpcm-gn-list-item {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 14px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #e7ebf0 !important;
    background: transparent !important;
}

.wpcm-gn-list-item:first-child {
    padding-top: 0 !important;
}

.wpcm-gn-list-item:last-child {
    border-bottom: 0 !important;
}

.wpcm-gn-list-image {
    flex: 0 0 116px !important;
    width: 116px !important;
    height: 82px !important;
    border-radius: var(--wpcm-gn-radius, 8px) !important;
}

.wpcm-gn-list-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.wpcm-gn-list-title,
.tagdiv-type .wpcm-gn-list-title {
    font-size: var(--wpcm-gn-list-title, 14px) !important;
    line-height: 1.3 !important;
}

.wpcm-gn-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    width: 100% !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: var(--wpcm-gn-meta, #667085) !important;
    font-family: inherit !important;
    font-size: 10px !important;
    font-weight: 720 !important;
    line-height: 1.25 !important;
    letter-spacing: .045em !important;
    text-align: left !important;
    text-transform: uppercase !important;
}

.wpcm-gn-meta--hero {
    color: rgba(255, 255, 255, .86) !important;
}

.wpcm-gn-meta--hero .wpcm-gn-meta-category,
.wpcm-gn-meta--card .wpcm-gn-meta-category,
.wpcm-gn-meta--list .wpcm-gn-meta-category {
    color: inherit !important;
}

.wpcm-gn-col2 .wpcm-gn-meta--list .wpcm-gn-meta-category,
.wpcm-gn-col3 .wpcm-gn-meta--list .wpcm-gn-meta-category {
    display: inline-flex !important;
    padding: 3px 7px !important;
    border-radius: 999px !important;
    color: #fff !important;
}

.wpcm-gn-col2 .wpcm-gn-meta--list .wpcm-gn-meta-category {
    background: var(--wpcm-gn-col2, #e65100) !important;
}

.wpcm-gn-col3 .wpcm-gn-meta--list .wpcm-gn-meta-category {
    background: var(--wpcm-gn-col3, #d32f2f) !important;
}

.wpcm-gn-no-image {
    display: grid !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 10px !important;
    place-items: center !important;
    background: linear-gradient(135deg, #e8edf3, #d8e0e8) !important;
    color: #667085 !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.wpcm-gn-ad {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 16px 0 !important;
    border: 0 !important;
    background: transparent !important;
    line-height: normal !important;
    text-align: center !important;
    overflow: visible !important;
}

.tagdiv-type .wpcm-gn-ad img,
.wpcm-gn-ad img {
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}

.wpcm-gn-ad iframe,
.wpcm-gn-ad video,
.wpcm-gn-ad embed {
    max-width: 100% !important;
}

.wpcm-gn-wrap a:focus-visible {
    outline: 3px solid color-mix(in srgb, var(--wpcm-gn-title-hover, #0b5fa5) 45%, transparent) !important;
    outline-offset: 3px !important;
}

@container wpcm-globo-news (max-width: 1180px) {
    .wpcm-gn-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .wpcm-gn-col3 {
        display: grid !important;
        grid-column: 1 / -1 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 var(--wpcm-gn-gap, 20px) !important;
    }
}

@container wpcm-globo-news (max-width: 760px) {
    .wpcm-gn-container {
        padding: 10px !important;
    }

    .wpcm-gn-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 26px !important;
    }

    .wpcm-gn-col3 {
        display: flex !important;
        grid-column: auto !important;
    }

    .wpcm-gn-main-card {
        height: clamp(260px, 62cqw, 350px) !important;
    }

    .wpcm-gn-main-card-content {
        padding: 64px 16px 16px !important;
    }

    .wpcm-gn-main-card-title,
    .tagdiv-type .wpcm-gn-main-card-title {
        font-size: clamp(22px, 7cqw, var(--wpcm-gn-main-title, 28px)) !important;
    }

    .wpcm-gn-bullets {
        flex-direction: column !important;
    }

    .wpcm-gn-bullet-item {
        flex-basis: 100% !important;
        min-width: 0 !important;
    }

    .wpcm-gn-small-cards.cards-2 {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@container wpcm-globo-news (max-width: 430px) {
    .wpcm-gn-list-image {
        flex-basis: 100px !important;
        width: 100px !important;
        height: 72px !important;
    }

    .wpcm-gn-list-bullets {
        display: none !important;
    }
}

/* Fallback por viewport para navegadores sem Container Queries. */
@media (max-width: 1200px) {
    .wpcm-gn-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .wpcm-gn-col3 {
        display: grid !important;
        grid-column: 1 / -1 !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 var(--wpcm-gn-gap, 20px) !important;
    }
}

@media (max-width: 768px) {
    .wpcm-gn-grid {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .wpcm-gn-col3 {
        display: flex !important;
        grid-column: auto !important;
    }

    .wpcm-gn-small-cards.cards-2 {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .wpcm-gn-wrap *,
    .wpcm-gn-wrap *::before,
    .wpcm-gn-wrap *::after {
        transition-duration: .01ms !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
    }
}