.zoom-control input[type="range"] {
    writing-mode: bt-lr;
    -webkit-appearance: slider-vertical;
    width: 1rem;
    height: 121px;
    /* margin-right: .8rem; */
}

.lote-seleccionado {
    cursor: pointer;
    transition: all 0.3s ease;
    fill: #1CD671 !important;  
    stroke: #1E5748 !important;
}
 


.terrain-map-container {
    background: white;
    border-radius: 8px;
    padding: 1.5rem;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.main-map-container {
    min-width: 0;
}

.map-viewport {
    touch-action: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.terrain-svg {
    border: 1px solid #dee2e6;
    border-radius: 6px;
    background: #f8f9fa;
}

.terrain-section:hover {
    filter: brightness(1.1);
    stroke-width: 0.6px !important;
    stroke: #2B4A44;
}


.terrain-section.selected {
    filter: brightness(1.1);
    stroke-width: 0.4px !important;
    z-index: 100;
    stroke: #1E5748 !important;
}

/* Mejorar la interacción táctil en secciones */
.terrain-section {
    -webkit-tap-highlight-color: rgba(0, 123, 255, 0.3);
    tap-highlight-color: rgba(0, 123, 255, 0.3);
    stroke: #C7C7C7;
    stroke-width: 0.1;
    cursor: pointer;
    transition: all 0.3s ease;
}


    



.terrain-tooltip {
    pointer-events: none;
    animation: fadeIn 0.2s ease-in-out;
}

.zoom-indicator, .touch-indicator {
    font-family: monospace;
    font-size: 12px;
    z-index: 100;
    backdrop-filter: blur(5px);
}

.mini-map-container {
    transition: box-shadow 0.2s ease;
}

    .mini-map-container:hover {
        box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    }

/* Mejorar el slider para móviles */
.zoom-slider {
    height: 6px;
    -webkit-appearance: none;
    appearance: none;
    background: #ddd;
    outline: none;
    border-radius: 3px;
}

    .zoom-slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 20px;
        height: 20px;
        background: #007bff;
        cursor: pointer;
        border-radius: 50%;
        border: 2px solid white;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

    .zoom-slider::-moz-range-thumb {
        width: 20px;
        height: 20px;
        background: #007bff;
        cursor: pointer;
        border-radius: 50%;
        border: 2px solid white;
        box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    }

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.section-label {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.map-header {
    border-bottom: 2px solid #e9ecef;
    padding-bottom: 0.75rem;
}

.map-controls-panel .card {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

@media (max-width: 768px) {
    .map-wrapper {
        flex-direction: column;
    }

    .main-map-container {
        margin-right: 0 !important;
        margin-bottom: 1rem;
    }

    .map-controls-panel {
        width: 100% !important;
    }

    .map-viewport {
        height: 400px !important;
    }

    .terrain-tooltip {
        font-size: 0.875rem;
        min-width: 180px !important;
    }

    /* Mejorar controles táctiles */
    .btn {
        min-height: 44px;
    }

    .zoom-slider::-webkit-slider-thumb {
        width: 24px;
        height: 24px;
    }

    .zoom-slider::-moz-range-thumb {
        width: 24px;
        height: 24px;
    }
}