/*Tour Enfermeria*/
#panorama-enfermeria {
    width:100%;
    height:550px;

    background-image: url('https://www.acarrion.edu.pe/imagenes-tour-virtual-360/enfermeria/fondo-enfermeria-360.webp') !important;
    background-size: cover !important;
    background-position: center !important;

    position: relative;
}

#pnlm-overlay-enfermeria {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
}

#pnlm-overlay-enfermeria p {
    color: white;
    font-size: 18px;
    font-weight: bold;
    background: rgba(0,0,0,0.5);
    padding: 12px 24px;
    border-radius: 8px;
}

#pnlm-overlay-loader {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0; left: 0;
}


#panorama-enfermeria .pnlm-load-box,
#panorama-enfermeria .pnlm-lbar,
#panorama-enfermeria .pnlm-lmsg,
#panorama-enfermeria .pnlm-lbar-fill {
    display: none !important;
}
#panorama-enfermeria .pnlm-load-button {
    display: none !important;
}

    
/* HOTSPOT FLECHA DERECHA E IZQUIERDA */
.custom-hotspot-r, .custom-hotspot-l, .custom-centro{
    width:55px !important;
    height:55px !important;
    background-color:transparent !important;
    border:none !important;
    box-shadow:none !important;
    overflow: visible !important;
}

/* HOTSPOT CON ANIMACION FLECHA DERECHA*/
.custom-hotspot-r::before{
    content:"";
    position:absolute;
    inset:0;
    background-image:url('https://dev.acarrion.edu.pe/wp-content/uploads/2026/06/flecha-derecha-panellum-ok.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    animation:hotspotArrowMove 1.2s infinite ease-in-out;
    pointer-events:none;
}

/* HOTSPOT CON ANIMACION FLECHA IZQUIERDA */
.custom-hotspot-l::before {
    content:"";
    position:absolute;
    inset:0;
    background-image:url('https://dev.acarrion.edu.pe/wp-content/uploads/2026/06/flecha-izquierda-panellum-ok.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    animation:hotspotArrowMove 1.2s infinite ease-in-out;
    pointer-events:none;
}

/* HOTSPOT CON ANIMACION CENTRO */
.custom-centro::before {
    content:"";
    position:absolute;
    inset:0;
    background-image:url('https://dev.acarrion.edu.pe/wp-content/uploads/2026/06/punto-centro.webp');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    animation:hotspotArrowMove 1.2s infinite ease-in-out;
    pointer-events:none;
}

.custom-hotspot-r::before,
.custom-hotspot-l::before,
.custom-centro::before {
    z-index: 0;
}

#panorama-enfermeria .pnlm-hotspot-base span {
    visibility: visible;
    display: block !important;
    background: #002855 !important;
    color: white;
    font-family: sans-serif;
    font-size: 17px;
    font-weight: 550;
    padding: 12px 12px;
    border-radius: 4px;
    border: 4px solid #00CCB6;
    
    white-space: normal;
    max-width: 210px;
    text-align: center;
    
    position: relative;
    z-index: 99999;
}
  
/* ANIMACION */
@keyframes hotspotArrowMove{
    0%{ transform:translateX(0); opacity:.85; }
    50%{ transform:translateX(10px); opacity:1; }
    100%{ transform:translateX(0); opacity:.85; }
}
    
/* MOBILE */
@media(max-width:767px){
    #panorama-enfermeria{
        height:500px;
    }

    .custom-hotspot-r, .custom-hotspot-l, .custom-centro{
        width:33px !important;
        height:33px !important;
    }

    #panorama-enfermeria .pnlm-hotspot-base span {
        font-size: 12px;
        white-space: wrap;
        padding: 6px 0px;
        visibility: visible !important;
    }
}