/* SAIH Hidrosur | Carrusel propio de embalses */
#map.visor-embalses .saih-embalses-fotos-control {
    position:absolute; bottom:12px; left:12px; z-index:1015;
}
.saih-fotos-open, .saih-fotos-close {
    border:1px solid #d6e3e8; border-radius:8px;
    background:rgba(255,255,255,.97); color:#3b6576;
    font:600 11.5px 'Open Sans',Arial,sans-serif;
    padding:8px 13px; cursor:pointer;
    box-shadow:0 2px 8px rgba(34,67,80,.14);
}
.saih-fotos-open:hover, .saih-fotos-close:hover { background:#edf5f8; }
.saih-embalses-fotos-panel {
    position:absolute; bottom:10px; left:10px;
    width:calc(100% - 365px); max-width:calc(100% - 24px);
    height:130px; z-index:1010; visibility:hidden;
    background:rgba(255,255,255,.62);
    border:1px solid rgba(185,205,214,.65); border-radius:12px;
    padding:8px 9px 9px; box-sizing:border-box;
    box-shadow:0 3px 13px rgba(34,67,80,.16);
    backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);
}
.saih-embalses-fotos-panel.is-open { visibility:visible; }
.saih-fotos-header {
    display:flex; justify-content:space-between; align-items:center;
    height:25px; margin-bottom:4px;
}
.saih-fotos-title { font:700 11px 'Open Sans',Arial,sans-serif; color:#3a6475; }
.saih-fotos-close { padding:3px 9px; font-size:10.5px; box-shadow:none; }
.saih-embalses-fotos-list {
    display:flex; align-items:stretch; gap:7px;
    padding:0 2px 5px; margin:0; list-style:none;
    white-space:normal; overflow-x:auto; overflow-y:hidden;
    scrollbar-width:thin; height:82px; box-sizing:border-box;
}
.saih-embalses-fotos-item { flex:0 0 138px; display:block; padding:0; margin:0; }
.saih-fotos-card {
    display:block; position:relative; height:74px; width:100%; overflow:hidden;
    border-radius:7px; border:1px solid #d8e5eb;
    background:#e6eef1; box-shadow:0 1px 4px rgba(34,67,80,.12);
    box-sizing:border-box;
}
.saih-fotos-card:hover, .saih-fotos-card:focus-visible {
    border-color:#6aa7bd; outline:2px solid rgba(57,117,140,.17);
}
.saih-fotos-card .example-image {
    display:block; width:100%; height:100%; object-fit:cover;
    transition:transform .2s ease;
}
.saih-fotos-card:hover .example-image { transform:scale(1.045); }
.saih-fotos-card__identificacion, .saih-fotos-card__volumen {
    position:absolute; left:5px; z-index:2;
    padding:3px 6px; border-radius:5px; font-size:10px;
    font-weight:700; line-height:1.2; box-sizing:border-box;
}
.saih-fotos-card__identificacion {
    top:5px; max-width:calc(100% - 10px);
    background:rgba(30,58,72,.82); color:#fff;
    white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.saih-fotos-card__volumen {
    bottom:5px; background:rgba(255,255,255,.88); color:#294f60;
}
.saih-fotos-empty { flex:1; padding:22px 8px; font:11px 'Open Sans',Arial,sans-serif; color:#738a95; }
.saih-fotos-temp-marker { background:transparent!important; border:0!important; }
.leaflet-tooltip.saih-fotos-marker-tooltip {
    padding:6px 10px; background:rgba(255,255,255,.96);
    border:1px solid #d5e2e8; border-radius:8px;
    box-shadow:0 3px 10px rgba(34,67,80,.16);
    color:#294f60; font-family:'Open Sans',Arial,sans-serif; white-space:nowrap;
}
.saih-fotos-marker-label { display:flex; align-items:center; gap:5px; font-size:11px; line-height:1.25; }
.saih-fotos-marker-label strong { color:#294f60; font-size:11px; font-weight:700; }
.saih-fotos-marker-label span { color:#527482; font-weight:600; }
@media (max-width:1000px) {
    .saih-embalses-fotos-panel { width:calc(100% - 20px); height:135px; }
    .saih-embalses-fotos-list { height:78px; }
}
@media (max-width:600px) {
    .saih-embalses-fotos-panel { height:140px; }
    .saih-embalses-fotos-item { flex-basis:112px; }
}