/* Contenedor principal del visualizador 3D */
.mapa-estacas-viewer {
    width: 100%;
    height: 80vh; /* Ajusta la altura deseada (80% del alto de la ventana) */
    min-height: 400px;
    background-color: #333; /* Fondo de carga */
    position: relative;
    overflow: hidden;
}

/* Asegurar que el canvas de Three.js ocupe todo el contenedor */
.mapa-estacas-viewer canvas {
    display: block;
    width: 100% !important;
    height: 100% !important;
}