/* ============================================================
   Tema de Identidade Visual — Ministério da Saúde
   Manual de Identidade Visual v4.0 (ago/2025)
   Aplicado às ferramentas de apoio à decisão clínica.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap');

:root {
    /* Cores principais MS */
    --ms-azul: #183EFF;
    --ms-verde: #00D000;
    --ms-amarelo: #FFD000;
    --ms-vermelho: #FF0000;
    /* Cores auxiliares MS */
    --ms-preto: #020203;
    --ms-cinza: #3C3C3C;
    --ms-cinza-claro: #C6C6C6;
    /* Derivadas para contraste/uso em interface */
    --ms-sucesso: #00A650;
    --ms-azul-escuro: #0B2BC2;
    --ms-fonte: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* Faixa de referência Brasil (verde -> amarelo) */
.ms-faixa {
    height: 5px;
    width: 100%;
    background: linear-gradient(90deg, var(--ms-verde) 0%, var(--ms-verde) 50%, var(--ms-amarelo) 50%, var(--ms-amarelo) 100%);
}

/* Rodapé institucional padronizado */
.ms-footer {
    background: #FFFFFF;
    border-top: 1px solid var(--ms-cinza-claro);
    padding: 28px 20px 36px;
    text-align: center;
    color: var(--ms-cinza);
    font-family: var(--ms-fonte);
}
.ms-footer .ms-assinatura {
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}
.ms-footer .ms-assinatura img {
    height: 64px;
    width: auto;
    max-width: 92%;
    object-fit: contain;
}
.ms-footer .ms-ref {
    font-size: 0.82rem;
    color: var(--ms-cinza);
    margin: 4px 0;
    line-height: 1.5;
}
.ms-footer .ms-marca {
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--ms-azul);
    margin-top: 12px;
}

@media (max-width: 600px) {
    .ms-footer .ms-assinatura img { height: 48px; }
}