/* =========================================================
   V13 — carrossel editorial sem corte e logomarca transparente
   ========================================================= */

/* Estrutura geral do carrossel */
.hero-news,
.hero-news .hero-slides {
    min-height: 650px !important;
    background: #042b58;
}

.hero-news .hero-slide {
    min-height: 650px;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(135deg, #0a5aae 0%, #073f7d 52%, #031d3d 100%) !important;
}

/* Palco da imagem: a foto real sempre aparece inteira. */
.hero-news .hero-media {
    position: absolute;
    inset: 0 0 0 42%;
    z-index: 0;
    display: grid;
    place-items: center;
    overflow: hidden;
    background: #03192f;
}

.hero-news .hero-media-backdrop {
    position: absolute;
    inset: -42px;
    background-position: center;
    background-size: cover;
    filter: blur(30px) saturate(.92) brightness(.62);
    opacity: .62;
    transform: scale(1.08);
}

.hero-news .hero-media-picture {
    position: absolute;
    inset: 22px 24px 104px 92px;
    z-index: 2;
    display: grid;
    place-items: center;
}

.hero-news .hero-slide-image {
    position: static !important;
    inset: auto !important;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important;
    object-position: center !important;
    border-radius: 3px;
    background: transparent;
    filter: none;
    image-rendering: auto;
}

.hero-news .hero-media-vignette {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(3, 37, 74, .82) 0%, rgba(3, 37, 74, .25) 17%, rgba(2, 20, 39, 0) 42%),
        linear-gradient(180deg, rgba(1, 14, 29, .08) 0%, rgba(1, 15, 31, .08) 64%, rgba(1, 15, 31, .48) 100%);
}

/* Painel editorial azul com recorte diagonal elegante. */
.hero-news .hero-slide::after {
    display: none !important;
}

.hero-news .hero-overlay {
    z-index: 4 !important;
}

.hero-news .hero-overlay::before {
    width: 55.5% !important;
    opacity: 1 !important;
    clip-path: polygon(0 0, 77% 0, 100% 100%, 0 100%) !important;
    background:
        radial-gradient(circle at 19% 22%, rgba(31, 132, 225, .2), transparent 30%),
        linear-gradient(135deg, #0b61ba 0%, #07509d 38%, #073b77 72%, #052c5a 100%) !important;
    box-shadow: 34px 0 80px rgba(0, 22, 49, .23);
}

.hero-news .hero-overlay::after {
    left: 35.5% !important;
    width: 14% !important;
    height: 31% !important;
    opacity: .98;
    filter: saturate(1.08);
    clip-path: polygon(0 100%, 100% 0, 100% 100%) !important;
    box-shadow: none !important;
}

.hero-news .hero-content {
    z-index: 6 !important;
    min-height: 650px !important;
    align-items: center !important;
    padding-top: 42px !important;
    padding-bottom: 126px !important;
}

.hero-news .hero-copy {
    width: min(470px, 42.5%) !important;
    max-width: 470px;
    padding-left: 6px !important;
    transform: translateY(-2px) !important;
}

.hero-news .hero-copy .eyebrow {
    min-height: 32px;
    padding-inline: 15px;
    border-radius: 7px;
    box-shadow: 0 12px 28px rgba(0, 21, 49, .22);
}

.hero-news .hero-copy time {
    margin: 17px 0 8px !important;
    color: #d8eaff;
    font-size: 12px;
    letter-spacing: .03em;
}

.hero-news .hero-copy h1,
.hero-news .hero-copy h1.hero-title-medium,
.hero-news .hero-copy h1.hero-title-long {
    max-width: 465px !important;
    margin: 8px 0 14px !important;
    font-size: clamp(35px, 3.05vw, 50px) !important;
    line-height: 1.035 !important;
    letter-spacing: -.045em;
    text-wrap: balance;
    overflow-wrap: normal;
}

.hero-news .hero-copy h1.hero-title-long {
    font-size: clamp(31px, 2.62vw, 43px) !important;
    -webkit-line-clamp: 6;
}

.hero-news .hero-copy p {
    max-width: 410px !important;
    margin-bottom: 25px !important;
    color: #d6e8fa !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
    -webkit-line-clamp: 3;
}

.hero-news .hero-copy .btn {
    min-height: 48px;
    border-radius: 9px;
    box-shadow: 0 14px 28px rgba(1, 36, 71, .24);
}

/* Setas discretas e legíveis. */
.hero-news .slider-arrow {
    z-index: 9 !important;
    top: 46%;
    width: 48px;
    height: 48px;
    border-color: rgba(255, 255, 255, .58);
    background: rgba(2, 31, 61, .42);
    box-shadow: 0 12px 28px rgba(0, 18, 37, .2);
    backdrop-filter: blur(10px);
}

.hero-news .slider-arrow:hover {
    color: #07396f;
    background: #fff;
    transform: translateY(-2px);
}

/* Navegação do carrossel em formato de painel flutuante. */
.hero-news .slider-panel {
    bottom: 18px !important;
    min-height: 86px !important;
    padding: 0 21px !important;
    border: 1px solid rgba(207, 223, 238, .92);
    border-radius: 17px !important;
    box-shadow: 0 22px 55px rgba(0, 28, 61, .24) !important;
}

.hero-news .slider-tab {
    min-width: 0;
    padding: 0 20px;
    border-right-color: #e1eaf3;
    border-radius: 10px;
    transition: background .2s ease, color .2s ease;
}

.hero-news .slider-tab:hover {
    background: #f2f7fc;
}

.hero-news .slider-tab.is-active {
    color: #0755a4;
    background: linear-gradient(180deg, #f6faff, #edf6ff);
}

.hero-news .slider-tab::after {
    right: 18px;
    left: 18px;
    bottom: 8px;
    height: 3px;
}

.hero-news .slider-status {
    min-width: 235px;
}

/* A logo do rodapé nunca recebe fundo branco. */
.footer-transparent-logo {
    display: block !important;
    width: 176px !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: none !important;
    box-shadow: none !important;
    filter: drop-shadow(0 5px 14px rgba(0, 13, 29, .18)) !important;
    mix-blend-mode: normal;
    object-fit: contain;
}

.footer-brand {
    background: transparent !important;
}

.footer-brand::before,
.footer-brand::after {
    display: none !important;
}

/* Tablet */
@media (max-width: 1080px) {
    .hero-news,
    .hero-news .hero-slides,
    .hero-news .hero-slide,
    .hero-news .hero-content {
        min-height: 660px !important;
    }

    .hero-news .hero-media {
        inset: 0 0 0 45%;
    }

    .hero-news .hero-media-picture {
        inset: 32px 18px 108px 60px;
    }

    .hero-news .hero-overlay::before {
        width: 63% !important;
        clip-path: polygon(0 0, 72% 0, 100% 100%, 0 100%) !important;
    }

    .hero-news .hero-copy {
        width: min(455px, 50%) !important;
    }

    .hero-news .slider-status {
        min-width: 185px;
    }

    .footer-transparent-logo {
        width: 160px !important;
    }
}

/* Celular: imagem inteira acima e conteúdo abaixo, sem corte. */
@media (max-width: 700px) {
    .hero-news,
    .hero-news .hero-slides,
    .hero-news .hero-slide {
        min-height: 760px !important;
    }

    .hero-news .hero-media {
        inset: 0 0 auto 0;
        height: 315px;
        background: #02172e;
    }

    .hero-news .hero-media-backdrop {
        inset: -28px;
        filter: blur(25px) saturate(.9) brightness(.52);
        opacity: .66;
    }

    .hero-news .hero-media-picture {
        inset: 12px 12px 19px;
    }

    .hero-news .hero-slide-image {
        border-radius: 10px;
    }

    .hero-news .hero-media-vignette {
        background:
            linear-gradient(180deg, rgba(2, 17, 34, .05) 0%, rgba(2, 18, 37, .12) 68%, rgba(5, 63, 124, .92) 100%);
    }

    .hero-news .hero-overlay::before {
        inset: 268px auto auto 0 !important;
        width: 100% !important;
        height: calc(100% - 268px) !important;
        clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%) !important;
        background:
            radial-gradient(circle at 90% 20%, rgba(38, 130, 219, .16), transparent 28%),
            linear-gradient(145deg, #0a5bae 0%, #064783 52%, #043261 100%) !important;
        box-shadow: none;
    }

    .hero-news .hero-overlay::after {
        left: auto !important;
        right: 0;
        bottom: 75px;
        width: 29% !important;
        height: 15% !important;
    }

    .hero-news .hero-content {
        min-height: 680px !important;
        align-items: flex-start !important;
        padding-top: 333px !important;
        padding-bottom: 112px !important;
    }

    .hero-news .hero-copy {
        width: 100% !important;
        max-width: none;
        padding: 0 !important;
        transform: none !important;
    }

    .hero-news .hero-copy h1,
    .hero-news .hero-copy h1.hero-title-medium,
    .hero-news .hero-copy h1.hero-title-long {
        max-width: 100% !important;
        font-size: clamp(29px, 8.9vw, 38px) !important;
        line-height: 1.045 !important;
        -webkit-line-clamp: 5;
    }

    .hero-news .hero-copy p {
        max-width: 100% !important;
        font-size: 14px !important;
        -webkit-line-clamp: 3;
    }

    .hero-news .slider-arrow {
        top: 145px;
        width: 42px;
        height: 42px;
    }

    .hero-news .slider-panel {
        bottom: 12px !important;
        width: calc(100% - 24px) !important;
        min-height: 74px !important;
        padding: 0 9px !important;
        border-radius: 14px !important;
    }

    .hero-news .slider-tabs {
        max-width: calc(100% - 80px);
    }

    .hero-news .slider-tab {
        min-width: 116px;
        padding-inline: 10px;
    }

    .hero-news .slider-tab:nth-child(n+3) {
        display: flex !important;
    }

    .hero-news .slider-tab strong {
        font-size: 16px;
    }

    .hero-news .slider-tab span {
        max-width: 72px;
        font-size: 10px;
    }

    .hero-news .slider-status {
        min-width: 62px;
        padding-left: 6px;
    }

    .hero-news .slider-status .counter,
    .hero-news .slider-status .progress {
        display: none;
    }

    .footer-transparent-logo {
        width: 168px !important;
    }
}

@media (max-width: 390px) {
    .hero-news,
    .hero-news .hero-slides,
    .hero-news .hero-slide {
        min-height: 790px !important;
    }

    .hero-news .hero-media {
        height: 285px;
    }

    .hero-news .hero-overlay::before {
        inset: 243px auto auto 0 !important;
        height: calc(100% - 243px) !important;
    }

    .hero-news .hero-content {
        min-height: 710px !important;
        padding-top: 303px !important;
    }

    .hero-news .hero-copy h1,
    .hero-news .hero-copy h1.hero-title-medium,
    .hero-news .hero-copy h1.hero-title-long {
        font-size: clamp(28px, 8.6vw, 34px) !important;
    }
}