@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');
:root{--navy:#063b73;--blue:#2458ad;--bright:#2f87ff;--red:#e5222a;--yellow:#ffc400;--green:#2a9d6f;--bg:#f1f5fc;--white:#fff;--text:#171a20;--muted:#687386;--line:#dce5f2;--shadow:0 18px 48px rgba(23,59,109,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 5%,#fff 0,transparent 30%),linear-gradient(135deg,#f7faff,#e9f1fb);color:var(--text);font-family:"Metropolis","Montserrat",Arial,sans-serif;line-height:1.55;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%}.container{width:min(1240px,calc(100% - 48px));margin:auto}.topo{display:none}
.cabecalho{position:sticky;top:16px;z-index:50;width:min(1320px,calc(100% - 48px));margin:16px auto 0;background:#fff;border-radius:34px;box-shadow:var(--shadow)}.cabecalho .container{width:100%;min-height:126px;padding:14px 30px;display:flex;align-items:center;gap:28px}.marca{display:flex;align-items:center;gap:16px;min-width:330px}.brand-logo{width:94px;height:94px;object-fit:contain}.marca span{display:flex;flex-direction:column}.marca strong{font-size:19px;line-height:1.05;font-weight:800;letter-spacing:-.4px}.marca small{margin-top:8px;color:var(--muted);font-size:10px;letter-spacing:.6px;text-transform:uppercase}.menu{margin-left:auto;display:flex;align-items:center;gap:25px;font-size:16px;font-weight:600}.menu a{position:relative;white-space:nowrap;transition:.2s ease}.menu a:not(.portal):hover,.menu a.ativo{color:var(--blue)}.menu a.ativo:after{content:"";position:absolute;left:0;bottom:-24px;width:38px;height:3px;background:var(--red)}.portal{padding:15px 20px;border-radius:24px;background:var(--red);color:#fff!important;font-weight:700;box-shadow:0 15px 20px rgba(229,34,42,.2)}.portal:hover{transform:translateY(-2px)}.menu-btn{display:none;border:0;background:var(--red);color:#fff;padding:12px 15px;border-radius:12px;font-weight:700}
.hero{padding:38px 0 30px;min-height:510px}.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:48px;align-items:center}.hero-brand{height:64px;width:auto;max-width:245px;object-fit:contain;object-position:left;margin:0 0 18px}.hero-kicker{margin:0;color:#5d6878;font-size:18px}.hero h1{margin:2px 0 12px;color:var(--navy);font-size:58px;line-height:1.03;letter-spacing:-3px;font-weight:800}.hero h1 span{display:block;color:var(--blue)}.hero h1:after{content:"";display:block;width:52px;height:4px;margin-top:16px;background:var(--yellow)}.hero-sub{margin:0 0 19px;color:#566376;font-size:20px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.button,.botao{border:0;border-radius:10px;background:var(--blue);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;font-size:16px;font-weight:700;transition:.2s ease}.button:hover,.botao:hover{transform:translateY(-2px);box-shadow:0 15px 18px rgba(36,88,173,.2)}.button.dark{background:#fff;color:var(--blue);border:1px solid var(--blue)}.hero-numbers{font-size:12px;margin:17px 0 0;color:#4f5f75}.hero-numbers strong{font-size:14px;color:var(--text)}
.hero-visual {
    position: relative;
    height: 410px;
    overflow: hidden;

    display: flex;
    align-items: flex-end;
    justify-content: center;

    background: transparent;
    border-radius: 44px;}

.hero-photo {
    position: absolute;
    inset: 0;

    display: block;
    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center 42%;
}

.hero-caption {
    position: relative;
    z-index: 3;

    margin-bottom: 28px;
    padding: 15px 30px;

    background: rgba(21, 21, 21, 0.79);
    color: #ffffff;

    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.16);

    font-size: 13px;
    font-weight: 600;
    text-align: center;
}
.count-section{padding:0 0 16px;background:transparent}.count-card {
    position: relative;

    min-height: 116px;
    padding: 15px 30px;

    display: grid;
    grid-template-columns: 230px 1fr 210px;
    align-items: center;
    gap: 25px;

    color: #ffffff;
    background: linear-gradient(
        100deg,
        var(--navy),
        var(--bright)
    );

    border-radius: 30px;
}

/* Remove o texto antigo gerado pelo CSS */
.count-card::before {
    content: none !important;
    display: none !important;
}

/* Ícone e título */
.count-intro {
    display: flex;
    align-items: center;
    gap: 14px;
}

.count-icon {
    width: 62px;
    height: 62px;

    object-fit: contain;
    flex-shrink: 0;

    filter: drop-shadow(
        0 7px 10px rgba(0, 0, 0, 0.18)
    );
}

.count-intro-text {
    display: flex;
    flex-direction: column;
}

.count-intro-text strong {
    color: #ffffff;

    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;

    text-transform: uppercase;
}

.count-intro-text span {
    margin-top: 5px;

    color: rgba(255, 255, 255, 0.78);

    font-size: 9px;
    font-weight: 500;
    line-height: 1.35;

    text-transform: uppercase;
}

/* Retira o recuo utilizado anteriormente */
.count-numbers {
    margin-left: 0;
}

/* Bloco Saiba mais */
.count-copy {
    padding-left: 25px;
    border-left: 1px solid rgba(255, 255, 255, 0.35);
}

.count-copy a {
    display: block;
    color: #ffffff;
}

.count-copy h3 {
    margin: 0;

    color: #ffffff;
    font-size: 14px;
    font-weight: 700;

    text-transform: uppercase;
}

.count-copy p {
    margin: 4px 0 0;

    color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
}

.count-copy a:hover h3 {
    color: var(--yellow);
}.count-numbers{grid-column:1;display:grid;grid-template-columns:repeat(4,1fr);padding:13px 18px;margin-left:230px;background:#fff;border:0;border-radius:20px;color:var(--navy)}.count-numbers div{min-width:0;text-align:center;border-right:1px solid var(--line)}.count-numbers div:last-child{border:0}.count-numbers strong{display:block;font-size:30px;line-height:1.15;font-weight:800;font-variant-numeric:tabular-nums;color:var(--navy)!important}.count-numbers span{font-size:15px;color:#33455f;text-transform:uppercase}.count-copy{grid-column:2;border-left:1px solid rgba(255,255,255,.35);padding-left:27px}.count-copy h3{margin:0;color:#fff;font-size:14px;text-transform:uppercase}.count-copy p{margin:4px 0 0;color:#fff;font-size:10px}
.section,.secao{padding:70px 0}.section-title{text-align:center;margin-bottom:36px}.section-title h2,.titulo h2{margin:0 0 8px;color:var(--navy);font-size:31px;line-height:1.15;font-weight:800;letter-spacing:-1px}.section-title p{max-width:680px;margin:auto;color:var(--muted);font-size:13px}.white-panel{padding:52px;border-radius:28px;background:#fff;box-shadow:0 14px 42px rgba(23,59,109,.07)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.quick-card{min-height:300px;padding:28px 24px 0;text-align:center;background:#f4f7fc;border-radius:22px;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:.25s ease}.quick-card:hover{transform:translateY(-7px);box-shadow:0 18px 32px rgba(23,59,109,.1)}.quick-icon{width:125px;height:105px;display:grid;place-items:center}.quick-icon img{width:100%;height:100%;object-fit:contain}.quick-card h3{margin:7px 0 5px;font-size:18px}.quick-card p{min-height:55px;margin:0;color:var(--muted);font-size:12px}.quick-card .button {
    min-width: 165px;
    margin-top: auto;
    margin-bottom: 20px;

    background: var(--blue);
    border-radius: 12px;
}
.video-frame:after {
    content: "▶";
    width: 105px;
    height: 105px;
    padding-left: 8px;
    border: 9px solid #fff;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 42px;
    margin: 0 auto 60px;
}
.news-section{padding:70px 0;color:#fff;background:linear-gradient(115deg,var(--navy),var(--bright))}.news-section .section-title h2,.news-section .section-title p{color:#fff}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.news-card{overflow:hidden;color:var(--text);background:#fff;border-radius:21px}.news-image{height:220px;background:linear-gradient(145deg,#e9f0fc,#78aaf1);display:grid;place-items:center;color:#285a9f;font-size:10px;letter-spacing:1.4px}.news-card-body{padding:19px}.news-card time{color:var(--muted);font-size:10px}.news-card h3{margin:7px 0;color:var(--navy);font-size:16px}.news-card a{color:var(--blue);font-size:11px;font-weight:700}
.metrics{padding:75px 0}.metric-main{max-width:820px;margin:auto;padding:35px;border-radius:22px;background:var(--blue);color:#fff;display:flex;justify-content:center;align-items:center;gap:25px;font-size:34px;font-weight:700}.metric-main strong{font-size:60px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:820px;margin:18px auto 0}.metric{padding:24px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:18px}.metric strong{font-size:35px}.metric b{display:block;color:var(--yellow);font-size:17px}.metric-label{display:flex;align-items:center;gap:14px}.metric-label img{width:60px;height:60px;object-fit:contain}
.approval{padding:70px 0;text-align:center;color:#fff;background:linear-gradient(110deg,var(--navy),var(--bright))}.approval h2{margin-top:0;font-size:36px}.approval-box{max-width:760px;margin:28px auto 0;padding:34px;border:1px solid rgba(255,255,255,.2);border-radius:20px}.approval-number{font-size:100px;line-height:1;font-weight:800}.approval-box p{margin:0;font-size:23px;font-weight:600}.approval-box .button{min-width:245px;margin-top:22px;background:#fff;color:var(--text)}
.faq{padding:78px 0}.faq-box{max-width:1050px;margin:auto;padding:55px;background:#fff;border-radius:24px;box-shadow:var(--shadow)}.faq-box h2{text-align:center;font-size:28px}.faq details{padding:17px 0;border-bottom:1px solid #e6e8ec}.faq summary{list-style:none;display:flex;justify-content:space-between;font-size:14px;font-weight:600;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:20px}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);font-size:13px}
.page-hero{margin-top:42px;padding:72px 0 58px;text-align:center;color:#fff;background:linear-gradient(110deg,var(--navy),var(--bright));border-radius:0 0 45px 45px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;right:-80px;top:-100px;width:300px;height:300px;border:55px solid rgba(255,196,0,.18);border-radius:50%}.page-hero h1{margin:7px 0 3px;color:#fff;font-size:45px;letter-spacing:-2px}.page-hero p{margin:0;color:#e7f0ff}.selo{display:inline-block;padding:7px 13px;border:1px solid rgba(255,255,255,.38);border-radius:20px;color:var(--yellow);font-size:10px;font-weight:700;letter-spacing:1.2px}.titulo{text-align:center}.grid{display:grid;gap:20px}.card,.valor{padding:26px;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(23,59,109,.08);border-top:4px solid var(--blue)}.card:nth-child(3n+2),.valor:nth-child(2){border-color:var(--red)}.card:nth-child(3n),.valor:nth-child(3){border-color:var(--green)}.card h3,.valor h3{margin-top:0;color:var(--navy)}.card p,.valor p{color:var(--muted);font-size:13px}.card a{color:var(--blue);font-weight:700}.duas{grid-template-columns:1fr 1fr}.valores,.noticias,.contato{grid-template-columns:repeat(3,1fr)}.conteudo{max-width:960px}.conteudo>h2{margin-top:38px;color:var(--navy);font-size:27px}.conteudo>p{color:#4e5e73}.foto{height:180px;border-radius:14px;background:linear-gradient(145deg,#e9f0fc,#78aaf1);display:grid;place-items:center;color:#315f9f;font-size:10px;letter-spacing:1px}.lista-doc{padding:0;list-style:none}.lista-doc li{margin:10px 0;padding:17px 20px;background:#fff;border-left:5px solid var(--blue);border-radius:14px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 8px 24px rgba(23,59,109,.06)}.lista-doc .botao{padding:10px 15px;border-radius:9px}.galeria{grid-template-columns:repeat(2,1fr)}.imagem{min-height:300px;border-radius:22px;background:linear-gradient(135deg,#dbe8ff,#75a9f4);display:grid;place-items:center;color:var(--navy);font-weight:700}.aviso{padding:18px;background:#fff8df;border-left:5px solid var(--yellow);border-radius:12px;color:#624e00}
.rodape{color:#fff;background:linear-gradient(110deg,var(--navy),var(--bright));border-top:12px solid transparent;border-image:repeating-linear-gradient(90deg,var(--navy) 0 12px,#fff 12px 24px) 12}.rodape-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:50px;padding:52px 0}.footer-brand{display:flex;gap:16px;align-items:center}.footer-brand img{width:78px;height:78px;object-fit:contain;background:#fff;border-radius:50%}.rodape h3{margin:0 0 12px}.rodape a{display:block;margin:8px 0;font-size:12px}.rodape p{color:#dceaff;font-size:12px}.rodape-base{padding:17px 0;border-top:1px solid rgba(255,255,255,.25);font-size:10px}.rodape-base .container{display:flex;justify-content:space-between}
@media(max-width:1100px){.menu{gap:15px}.menu a{font-size:10px}.marca{min-width:280px}.hero h1{font-size:49px}.count-numbers{margin-left:180px}}
@media(max-width:950px){.cabecalho .container{min-height:98px}.menu-btn{display:block;margin-left:auto}.menu{display:none;position:absolute;top:108px;left:20px;right:20px;margin:0;padding:22px;background:#fff;border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.menu.aberto{display:flex}.menu a.ativo:after{display:none}.portal{text-align:center}.hero-grid{grid-template-columns:1fr}.hero-visual{height:360px}.quick-grid,.news-grid,.valores,.noticias,.contato{grid-template-columns:1fr 1fr}.count-card{grid-template-columns:1fr}.count-card:before{position:static;text-align:center}.count-numbers{grid-column:1;margin:0}.count-copy{grid-column:1;border-left:0;text-align:center;padding:0}.rodape-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(100% - 28px,1240px)}.cabecalho{width:calc(100% - 20px);top:7px;border-radius:22px}.cabecalho .container{min-height:84px;padding:8px 13px}.brand-logo{width:64px;height:64px}.marca{min-width:0;gap:9px}.marca strong{font-size:18px}.marca small{display:none}.hero{padding-top:35px}.hero-grid{gap:28px}.hero-brand{height:53px}.hero h1{font-size:40px}.hero-sub{font-size:17px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-visual{height:285px;border-radius:28px}.hero-caption{margin-bottom:30px;padding:12px 16px;font-size:10px}.hero-visual:before{font-size:12px}.count-card{padding:23px 14px;border-radius:22px}.count-numbers{padding:9px 3px}.count-numbers strong{font-size:23px}.white-panel,.faq-box{padding:30px 19px}.quick-grid,.news-grid,.metric-grid,.valores,.noticias,.contato,.galeria,.duas{grid-template-columns:1fr}.video-frame{height:280px}.metric-main{font-size:21px}.metric-main strong{font-size:45px}.approval-number{font-size:72px}.page-hero{margin-top:24px;padding:60px 0 45px;border-radius:0 0 28px 28px}.page-hero h1{font-size:37px}.rodape-grid{grid-template-columns:1fr}.rodape-base .container{gap:12px;flex-direction:column}.lista-doc li{align-items:flex-start;gap:14px;flex-direction:column}}
@media(prefers-reduced-motion:no-preference){.quick-card,.card,.valor,.imagem{animation:rise .65s both}.quick-card:nth-child(2),.card:nth-child(2){animation-delay:.08s}.quick-card:nth-child(3),.card:nth-child(3){animation-delay:.16s}@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}}
/* Player de vídeo maior */
.video-frame {
    position: relative !important;

    width: calc(100% - 40px) !important;
    max-width: 1050px !important;
    height: auto !important;
    aspect-ratio: 16 / 9;

    margin: 0 auto 45px !important;

    overflow: hidden;
    background: #000000;
    border-radius: 28px;
    box-shadow: 0 20px 45px rgba(0, 35, 80, 0.25);

    display: block !important;
}

/* Faz o YouTube ocupar todo o espaço */
.video-frame iframe {
    position: absolute !important;
    inset: 0 !important;

    display: block !important;
    width: 100% !important;
    height: 100% !important;

    border: 0 !important;
    border-radius: 28px;
}

/* Remove o símbolo de reprodução criado pelo CSS antigo */
.video-frame::before,
.video-frame::after {
    content: none !important;
    display: none !important;
}
@media (max-width: 620px) {
    .video-frame {
        width: calc(100% - 20px) !important;
        margin-bottom: 30px !important;
        border-radius: 18px;
    }

    .video-frame iframe {
        border-radius: 18px;
    }
}
@media (max-width: 950px) {
    .count-card {
        grid-template-columns: 1fr;
        padding: 25px 20px;
    }

    .count-intro {
        justify-content: center;
    }

    .count-numbers {
        width: 100%;
    }

    .count-copy {
        padding: 18px 0 0;
        border-top: 1px solid rgba(255, 255, 255, 0.35);
        border-left: 0;
        text-align: center;
    }
}

@media (max-width: 620px) {
    .count-intro {
        flex-direction: column;
        text-align: center;
    }

    .count-intro-text {
        text-align: center;
    }

    .count-icon {
        width: 58px;
        height: 58px;
    }
}
.count-icon {
    width: 62px;
    height: 62px;
    object-fit: contain;
}/* Correção do contador no desktop */
@media (min-width: 951px) {
    .count-card {
        display: grid !important;

        grid-template-columns:
            minmax(220px, 250px)
            minmax(430px, 1fr)
            minmax(190px, 230px) !important;

        grid-template-areas:
            "intro numeros informacoes";

        align-items: center;
        gap: 28px;

        min-height: 130px;
        padding: 18px 32px;
    }

    .count-intro {
        grid-area: intro;

        display: flex;
        align-items: center;
        gap: 14px;

        width: 100%;
        min-width: 0;
    }

    .count-icon {
        width: 62px;
        height: 62px;
        flex-shrink: 0;
        object-fit: contain;
    }

    .count-intro-text {
        min-width: 0;
    }

    .count-intro-text strong {
        display: block;

        font-size: 13px;
        line-height: 1.2;
    }

    .count-intro-text span {
        display: block;

        margin-top: 5px;

        font-size: 9px;
        line-height: 1.3;
    }

    .count-numbers {
        grid-area: numeros !important;
        grid-column: auto !important;

        width: 100%;
        min-width: 0;

        margin: 0 !important;
        padding: 14px 12px;

        display: grid !important;
        grid-template-columns: repeat(4, minmax(75px, 1fr));

        background: #ffffff;
        border-radius: 20px;
    }

    .count-numbers > div {
        min-width: 0;
        padding: 0 10px;

        text-align: center;
        border-right: 1px solid var(--line);
    }

    .count-numbers > div:last-child {
        border-right: 0;
    }

    .count-numbers strong {
        display: block;

        color: var(--navy) !important;
        font-size: 30px;
        line-height: 1.1;

        white-space: nowrap;
    }

    .count-numbers span {
        display: block;

        margin-top: 4px;

        color: #33455f;
        font-size: 9px;
        text-transform: uppercase;
    }

    .count-copy {
        grid-area: informacoes !important;
        grid-column: auto !important;

        width: 100%;
        min-width: 0;

        padding: 8px 0 8px 26px;

        border-top: 0 !important;
        border-left: 1px solid rgba(255, 255, 255, 0.35);
        text-align: left;
    }

    .count-copy h3 {
        color: #ffffff;
        white-space: nowrap;
    }
}
.quick-card {
    min-height: 340px;
    padding: 25px 24px 20px;

    display: flex;
    flex-direction: column;
    align-items: center;

    overflow: hidden;
}

/* Área exclusiva para o ícone */
.quick-icon {
    width: 100%;
    height: 145px;
    min-height: 145px;

    margin: 0 0 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex-shrink: 0;
}

/* Tamanho real da imagem */
.quick-icon img {
    display: block;

    width: 130px;
    height: 130px;
    max-width: 100%;
    max-height: 100%;

    object-fit: contain;
}

/* Título sempre abaixo do ícone */
.quick-card h3 {
    position: relative;
    z-index: 2;

    margin: 0 0 8px;

    font-size: 18px;
    line-height: 1.25;
    text-align: center;
}

/* Descrição */
.quick-card p {
    margin: 0 0 18px;

    color: var(--muted);
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
}

/* Botão na parte inferior */
.quick-card .button {
    margin-top: auto;
    margin-bottom: 0;

    border-radius: 12px;
}
@media (max-width: 620px) {
    .quick-card {
        min-height: 320px;
    }

    .quick-icon {
        height: 125px;
        min-height: 125px;
        margin-bottom: 15px;
    }

    .quick-icon img {
        width: 115px;
        height: 115px;
    }
}
.news-image {
    width: 100%;
    height: 220px;

    overflow: hidden;
    background: #e9f0fc;
}

.news-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}

/* Leve efeito ao passar o mouse */
.news-card:hover .news-image img {
    transform: scale(1.05);
}
.news-image {
    width: 100%;
    height: 220px;

    overflow: hidden;
    background: #e9f0fc;
}

.news-image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    transition: transform 0.4s ease;
}

/* Leve efeito ao passar o mouse */
.news-card:hover .news-image img {
    transform: scale(1.05);
}
/* ==================================================
   PÁGINA INDIVIDUAL DE NOTÍCIA
================================================== */

.article-page {
    min-height: 100vh;
}

.article-header {
    position: relative;
    overflow: hidden;

    margin-top: 42px;
    padding: 75px 0 135px;

    color: #ffffff;
    background: linear-gradient(
        110deg,
        var(--navy),
        var(--bright)
    );

    border-radius: 0 0 45px 45px;
}

.article-header::after {
    content: "";

    position: absolute;
    top: -140px;
    right: -80px;

    width: 340px;
    height: 340px;

    border: 55px solid rgba(255, 196, 0, 0.13);
    border-radius: 50%;
}

.article-header-content {
    position: relative;
    z-index: 2;

    max-width: 900px;
}

.article-back {
    display: inline-flex;

    margin-bottom: 28px;

    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    font-weight: 600;
}

.article-back:hover {
    color: var(--yellow);
}

.article-category {
    display: table;

    margin-bottom: 15px;
    padding: 7px 14px;

    color: var(--yellow);
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 999px;

    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.article-header h1 {
    max-width: 850px;
    margin: 0;

    color: #ffffff;

    font-size: clamp(36px, 5vw, 62px);
    line-height: 1.05;
    letter-spacing: -2.5px;
}

.article-summary {
    max-width: 720px;
    margin: 20px 0 0;

    color: rgba(255, 255, 255, 0.86);
    font-size: 17px;
    line-height: 1.65;
}

.article-meta {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-top: 22px;

    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
}

.article-content {
    position: relative;
    z-index: 3;

    margin-top: -85px;
    padding-bottom: 70px;
}

.article-container {
    max-width: 1000px;
    padding: 28px;

    background: #ffffff;
    border-radius: 28px;

    box-shadow: 0 22px 55px rgba(23, 59, 109, 0.14);
}

.article-cover {
    margin: 0;
}

.article-cover img {
    display: block;

    width: 100%;
    max-height: 540px;

    object-fit: cover;
    object-position: center;

    border-radius: 20px;
}

.article-cover figcaption {
    margin-top: 10px;

    color: var(--muted);
    font-size: 10px;
    text-align: center;
}

.article-text {
    max-width: 760px;
    margin: 45px auto 0;

    color: #3d4d62;
    font-size: 15px;
    line-height: 1.85;
}

.article-text p {
    margin: 0 0 23px;
}

.article-text .article-lead {
    color: var(--navy);

    font-size: 19px;
    font-weight: 600;
    line-height: 1.65;
}

.article-text h2 {
    margin: 42px 0 15px;

    color: var(--navy);
    font-size: 27px;
    line-height: 1.2;
}

.article-text blockquote {
    margin: 35px 0;
    padding: 25px 28px;

    color: var(--navy);
    background: var(--bg);

    border-left: 6px solid var(--yellow);
    border-radius: 0 18px 18px 0;

    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
}

.article-notice {
    margin-top: 38px;
    padding: 22px 25px;

    color: var(--navy);
    background: #fff8df;

    border: 1px solid rgba(255, 196, 0, 0.45);
    border-radius: 16px;
}

.article-notice strong {
    display: block;
    margin-bottom: 7px;
}

.article-notice p {
    margin: 0;
    color: #5c5260;
}

.article-footer {
    max-width: 760px;
    margin: 45px auto 0;
    padding-top: 25px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

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

    color: var(--muted);
    font-size: 12px;
}

.article-share {
    display: flex;
    gap: 10px;
}

.article-share a,
.copy-link {
    padding: 10px 15px;

    color: #ffffff;
    background: var(--blue);

    border: 0;
    border-radius: 10px;

    font-family: inherit;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

.copy-link {
    background: var(--navy);
}

.related-news {
    padding: 20px 0 75px;
}

.article-actions {
    display: flex;
    justify-content: center;
    gap: 12px;
}

/* Responsividade */

@media (max-width: 620px) {
    .article-header {
        margin-top: 24px;
        padding: 55px 0 105px;

        border-radius: 0 0 28px 28px;
    }

    .article-header h1 {
        font-size: 36px;
        letter-spacing: -1.5px;
    }

    .article-summary {
        font-size: 14px;
    }

    .article-meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }

    .article-meta span[aria-hidden="true"] {
        display: none;
    }

    .article-content {
        margin-top: -65px;
    }

    .article-container {
        padding: 14px;
        border-radius: 21px;
    }

    .article-cover img {
        min-height: 220px;
        border-radius: 15px;
    }

    .article-text {
        margin-top: 30px;
        padding: 0 8px;

        font-size: 14px;
    }

    .article-text .article-lead {
        font-size: 17px;
    }

    .article-text h2 {
        font-size: 23px;
    }

    .article-text blockquote {
        padding: 20px;
        font-size: 16px;
    }

    .article-footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .article-actions {
        flex-direction: column;
    }

    .article-actions .button {
        width: 100%;
    }
}
.metric-main strong,
.metric strong {
    font-variant-numeric: tabular-nums;
}

.metric-gold b {
    color: #ffc400;
}

.metric-silver b {
    color: #9ba6b6;
}

.metric-bronze b {
    color: #b66d3b;
}