/* Estilo para el tema 'mi-tema' */
.tippy-box[data-theme~='gire'] {
    background-color: #056660;      /* Cambia el fondo */
    color: #ffffff;                 /* Color del texto */
    border-radius: 6px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    font-size: 14px;
    padding: 8px;
    max-width: 200px !important;
}

/* Estilo para la flecha */
.tippy-box[data-theme~='gire'] > .tippy-arrow::before {
    color: #333333 !important; /* ⬅️ mismo color que el background */
}

#mapLegend{
    margin-top:-300px;
}

.mapaFederal{
    width: 200px;
    height: auto;
    position: absolute;
    top:100px;
    right: 100px;
    text-align: center;
}

.mapaFederal h4{
    margin-top:-10px;
}

.mapaFederal path, .main-map path{
    cursor: pointer;
    opacity: 1;
    transition: opacity .2s ease-out;
}

.mapaFederal path:hover, .main-map path:hover{    
    opacity: .8;
}


#mexico-rough-svg image{
    transition: opacity .2s ease-out;
}

@media all and (max-width: 990px){
    #mapLegend{
        margin-top:-120px;
    }   
    .mapaFederal{
        top:0px;
        right:15px;
    }

    #mexico-rough-svg{
        margin-top:30px;
    }
}

@media all and (max-width: 600px){
    .main-map{
        padding-top:100px;
    }   
}


@media all and (max-width: 512px){
    #mapLegend{
        margin-top:-50px;
    }   
}