/* Spinner compartilhado — Previsão (#map-loader) e Reanálise (.map-reanalise-loader) */

.map-loader__spinner {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: 4px solid var(--sisam-color-spinner-track);
    border-top-color: var(--sisam-color-spinner-head);
    animation: map-loader-spin 0.75s linear infinite;
    flex-shrink: 0;
}

@keyframes map-loader-spin {
    to { transform: rotate(360deg); }
}

.map-loader__message {
    font-family: var(--font-family-sans-serif, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif);
    font-size: var(--font-size-sm);
    color: var(--sisam-color-supporting-text);
    text-align: center;
}