/* =========================
   RECTÁNGULOS DEL MAPA
========================= */
.rect-seleccion{
    position: absolute;
    border: 2px dashed #dc3545;
    background: rgba(220,53,69,.20);
    z-index: 9999;
    pointer-events: none;
}

.rect-lugar{
    transition: all .2s ease;
    cursor: pointer;
    z-index: 20;

    /* azul normal */
    border: 2px solid #0d6efd;
    background: rgba(13,110,253,.50);
}

/* ocupados normales */
.rect-lugar{
    opacity: .80;
}

/* cuando no está activo */
.rect-lugar.dim{
    opacity: .20;
}

/* hover directo sobre mapa */
.rect-lugar:hover{
    background: rgba(255,193,7,.45);
    border-color: #ffc107;
    opacity: 1;
}

/* activo desde listado */
.rect-lugar.active{
    opacity: 1 !important;
    border: 3px solid #ffc107 !important;
    background: rgba(255,193,7,.45) !important;
    box-shadow: 0 0 12px rgba(255,193,7,.55);
    transform: scale(1.01);
}

/* =========================
   9FILAS LISTADO
========================= */
.item-lugar{
    transition: all .2s ease;
    border-radius: 6px;
    padding: 6px;
    cursor: pointer;
}

/* hover normal */
.item-lugar:hover{
    background: rgba(13,110,253,.08);
}

/* fila activa */
.item-lugar.active-lugar{
    background: rgba(13,110,253,.15);
    border-left: 5px solid #0d6efd;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

/* inputs internos */
.item-lugar input{
    pointer-events: none;
    background: white;
}

#listaProveedores{
    list-style:none;
    padding:0;
    margin:0;
    border:1px solid #ddd;
    overflow-y:auto;
}

#listaProveedores li{
    padding:10px;
    cursor:pointer;
}

#listaProveedores li:hover{
    background:#f2f2f2;
}