label{font-size:12px; color:#334;display:block; margin-bottom:4px}
.disabled-label {background-color: #ccc; }

.selectInput{
    width:100%; 
    padding:4px; 
    border:1px solid #ccd; 
    border-radius:8px; 
    font-size:14px
}

.rowSPI{display:grid; grid-template-columns:1fr 1fr; gap:8px}

.result-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:10px}

.metric{padding:10px; border:1px dashed #cbd5e1; border-radius:10px; background:#f8fafc}
.metric h3{margin:0; font-size:13px; color:#334}
.metric .val{font-size:22px; font-weight:700; margin-top:4px}

.hint{font-size:12px; color:#555; padding-left: 10px;}

.footer{margin-top:6px; font-size:12px; color:#345}

.toast{
    position:fixed; 
    top:56px; 
    right:16px; 
    background:#111; 
    color:#fff; 
    padding:8px 10px; 
    border-radius:8px; 
    display:none;
    z-index: 1000;
}

.btn{cursor:pointer; background:#eef2ff; border:1px solid #d8dce4; border-radius:8px; padding:1px 8px; font-size:12px}
.btn.primary{background:#1e1e1f; border-color:#3b3c3d; color:#fff}
.btn.primary:hover{background:#3b3c3d;}

.draggable-ventana {
    /*cursor: grab;     /* Cambia el cursor al pasar sobre él */
    position: absolute; 
    right: 5px; 
    bottom: 15px; 
    z-index:999;
    width:40%;
}

#draggable {   width: 150px; height: 150px; padding: 0.5em; top: 50px; 
    z-index:999; }

/******************estilo Mapa*******************************/
.popupEntidad{
    font-weight: bolder;
    font-size: 12px;
    padding-right: 5px;
}
/********************************************************************/