.leaflet-interactive:focus {
    outline: none !important;
}
/* ==========================================================
   TOKENS DA IDENTIDADE VISUAL DO IMA
   Copiados de IDENTIDADE_VISUAL_IMA/ima-ds.css (:root).
   O Dash roda em iframe (documento proprio), entao precisa da
   sua propria declaracao -- nao herda os tokens da pagina pai.
   ========================================================== */
:root {
    --ima-blue:       #00406D;
    --ima-blue-700:   #0A4F82;
    --ima-blue-900:   #002E50;
    --ima-accent:     #009FE3;
    --ima-green-600:  #4DA438;
    --ima-red:        #E30613;
    --gray-900: #1A2430;
    --gray-700: #45525F;
    --gray-600: #58646F;
    --gray-300: #C6CDD4;
    --gray-200: #E1E6EA;
    --gray-100: #EEF1F4;
    --white:    #FFFFFF;
    --font-sans: "IBM Plex Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
}
body { font-family: var(--font-sans); }

/* Cards das Aplicacoes: mesma elevacao no hover dos cards da pagina inicial. */
.sigeo-app-card {
    transition: transform .3s, box-shadow .3s;
}
.sigeo-app-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 30px rgba(0,0,0,0.20) !important;
}