/**
 * JOVATEC - Estilos Customizados Mínimos
 * 
 * Este arquivo contém APENAS customizações específicas que
 * Bootstrap e Tailwind não cobrem:
 * - Variáveis de cores da marca
 * - Fontes tipográficas personalizadas
 * - Ajustes específicos de navegação
 * 
 * @package JOVATEC
 * @version 2.0.0
 */

/*--------------------------------------------------------------
# Variáveis CSS - Paleta de Cores JOVATEC
--------------------------------------------------------------*/

:root {
    /* Cores da Marca JOVATEC */
    --jovatec-verde-primario: #00c7b1;
    --jovatec-verde-principal: #00c7b1;
    --jovatec-verde-petroleo: #008173;
    --jovatec-verde-escuro: #003c35;
    --jovatec-verde-escuro-hover: #002b26;
    --jovatec-roxo-vibrante: #8031a7;
    --jovatec-roxo-medio: #53206C;
    --jovatec-roxo-escuro: #260f32;
    --jovatec-cinza-claro: #F2F2F2;
    --jovatec-cinza-azulado: #E9ECEF;
    --jovatec-lavanda-suave: #ECE0F2;
    
    /* Fontes Tipográficas */
    --font-headings: 'Exo 2', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    
    /* Bootstrap Color Overrides para usar cores JOVATEC */
    --bs-primary: #00c7b1;
    --bs-primary-rgb: 0, 199, 177;
    --bs-secondary: #8031a7;
    --bs-secondary-rgb: 128, 49, 167;
    --bs-dark: #003c35;
    --bs-dark-rgb: 0, 60, 53;
    --bs-light: #F2F2F2;
    --bs-light-rgb: 242, 242, 242;
}

/*--------------------------------------------------------------
# Tipografia - Aplicação das Fontes
--------------------------------------------------------------*/

body {
    font-family: var(--font-body);
    background-color: #F2F2F5;
    color: var(--jovatec-verde-escuro);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--font-headings);
}

/* Botões e elementos de navegação também usam fonte de títulos */
.btn,
.nav-link,
.navbar-brand,
.dropdown-item {
    font-family: var(--font-headings);
}

/*--------------------------------------------------------------
# Mapa Interativo (Home)
--------------------------------------------------------------*/

.mapa-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mapa-svg {
    width: 100%;
    height: auto;
    max-height: 400px;
    filter: drop-shadow(0 4px 6px rgba(0,0,0,0.2));
}

.municipio {
    fill: rgba(255, 255, 255, 0.2);
    stroke: rgba(255, 255, 255, 0.5);
    stroke-width: 1;
    transition: all 0.3s ease;
    cursor: pointer;
}

.municipio:hover {
    fill: #00c7b1; /* Verde Principal JOVATEC */
    stroke: #fff;
    stroke-width: 2;
    filter: drop-shadow(0 0 10px rgba(0, 199, 177, 0.6));
    transform: translateY(-2px);
}

.tooltip-mapa {
    position: absolute;
    background: white;
    color: #003c35;
    padding: 8px 16px;
    border-radius: 4px;
    font-family: var(--font-headings);
    font-weight: 700;
    font-size: 0.9rem;
    text-transform: uppercase;
    pointer-events: none; /* O mouse ignora o tooltip */
    opacity: 0;
    transform: translate(-50%, -100%);
    transition: opacity 0.2s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 10;
    white-space: nowrap;
    margin-top: -10px;
}

.tooltip-mapa.ativo {
    opacity: 1;
}