/* Visor de panoramas 360 (Pannellum) — Riba Pitxot. Se carga junto a rp-360.js. */

/* Incrustado (heros/fotos grandes): llena el contenedor del medio, como hacía el <img class="bg">. */
.rp-pano { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; }
.rp-pano .pnlm-container { background: transparent !important; }
/* Oculta la "trama" de carga de Pannellum (fondo a cuadros) por si el preview tardara. */
.rp-pano .pnlm-load-box { display: none !important; }

/* En galería con lightbox: la miniatura es una foto normal + distintivo 360. */
.rp-pano-lb { position: relative; display: block; }
.rp-pano-badge {
    position: absolute; top: 10px; right: 10px; z-index: 3;
    background: rgba(0,0,0,.62); color: #fff; font-size: 11px; font-weight: 700;
    letter-spacing: .6px; padding: 3px 9px; border-radius: 999px; pointer-events: none;
    display: inline-flex; align-items: center; gap: 5px;
}
.rp-pano-badge::before { content: "\25CE"; font-size: 13px; line-height: 1; } /* ◎ */

/* Overlay del visor 360 abierto desde una galería. */
.rp-pano-ov {
    position: fixed; inset: 0; background: rgba(0,0,0,.92);
    z-index: 100000; display: flex; align-items: center; justify-content: center;
}
.rp-pano-ov-inner { position: relative; width: 92vw; height: 88vh; max-width: 1600px; }
.rp-pano-ov-view { width: 100%; height: 100%; }
.rp-pano-ov-close {
    position: absolute; top: -14px; right: -14px; z-index: 2;
    width: 44px; height: 44px; border-radius: 50%; border: 0;
    background: #fff; color: #111; font-size: 28px; line-height: 1; cursor: pointer;
    box-shadow: 0 2px 12px rgba(0,0,0,.45);
}
.rp-pano-ov-close:hover { background: #f0f0f0; }