/* ============================
   CONTROL DE ALTURA - BOTÓN
   ============================ */

.altura-control a {
    background: white;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .altura-control a img {
        pointer-events: none;
    }

.altura-on {
    background: #4caf50 !important;
}

.altura-off {
    background: #ffffff !important;
}

/* ============================
   POPUP PERSONALIZADO
   ============================ */

.altura-popup .leaflet-popup-content-wrapper {
    background: green;
    color: #fff;
    text-align: center;
    border-radius: 4px;
}

.altura-popup .leaflet-popup-tip {
    background: green;
}

/* Botón de cerrar */
.altura-popup .leaflet-popup-close-button {
    color: white !important;
    font-weight: bold;
    opacity: 1;
}

    .altura-popup .leaflet-popup-close-button:hover {
        color: yellow !important;
    }