﻿/* =====================================================
   Load online (Google Fonts)   Fonte Institucional – Inter
   ===================================================== */
/* @import url('https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,400;500;600&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* =====================================================
   ===================================================== */
html {
    font-size: 16px; /* base acessível */
}

body {
    font-family: 'Inter'; /*, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;*/
    font-size: 1rem;
    line-height: 1.55;
    color: #212529; /* contraste WCAG AA/AAA */
    background-color: #ffffff;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}



/* =====================================================
   Card Institucional – Base (corrigs ease-in-out;   Card Institucional – Base (corrigido)
*/

.card.h-100 {
    background-color: #ffffff;
}

/* =====================================================
   Cards com pendências (border-danger)
   ===================================================== */

.card.border-danger {
    position: relative;
    border-color: #dc3545;
    background-color: #fffafa;
}

    /* Barra lateral semântica */
    .card.border-danger::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        background-color: #dc3545;
        border-radius: 6px 0 0 6px;
    }

/* =====================================================
   Tipografia interna do card
   ===================================================== */

.card-title {
    font-weight: 600;
    font-size: 1rem;
}

.card-body p {
    font-size: 0.95rem;
    margin-bottom: 0.25rem;
}

.card-body strong {
    font-weight: 600;
}

/* Texto de erro APENAS dentro dos cards */
.card-body .text-danger {
    font-weight: 500;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ===================================================== */

.card {
    border-radius: 6px;
}