/* ------------- Ajustes generales Leaflet / UI ------------- */
:root{
  --icon-bar-w : 60px;   /* barra vertical            */
  --sidebar-w  : 340px;  /* panel interior            */
  --leaflet-x  : 20px;   /* margen base de controles  */
}

/* === controles SUP-IZQ ( + / – ) ========================== */
.leaflet-top.leaflet-left{
    left: var(--leaflet-x) !important;           /* caso normal            */
    transition: left .3s ease;
}

/* ▸ solo barra de iconos visible  →   icon-bar + margen      */
.leaflet-top.leaflet-left.icon-bar-visible:not(.sidebar-open){
    left: calc(var(--icon-bar-w) + var(--leaflet-x)) !important;
}

/* ▸ sidebar abierto  →  NO se toca: el mapa ya está corrido  */
.leaflet-top.leaflet-left.sidebar-open{ left: var(--leaflet-x) !important; }

/* === controles INF-IZQ (Capas, mini-mapa) ================= */
.leaflet-bottom.leaflet-left{
    left: var(--leaflet-x) !important;
    transition: left .3s ease;
}

.leaflet-bottom.leaflet-left.icon-bar-visible:not(.sidebar-open){
    left: calc(var(--icon-bar-w) + var(--leaflet-x)) !important;
}

.leaflet-bottom.leaflet-left.sidebar-open{ left: var(--leaflet-x) !important; }

/* --- mini-preview Capas (sin cambios) --------------------- */
.leaflet-control-layers-thumb{
    width: 80px; height: 80px;
    background: #fff center/cover no-repeat;
    border: 2px solid #fff; border-radius: 10px;
    box-shadow: 0 2px 6px rgba(0,0,0,.35);
    cursor: pointer;
}