/* ========================================================= */
/* Floating Pin */
/* ========================================================= */

/* Contenedor fijo */
#floatingImageSection{
    position: static;
    z-index: 2147483646;
    pointer-events: none;
}

/* Pin */
.floating-image-wrapper{
    position: fixed;          /* <-- cambiar de fixed a absolute */

    top: 300px;
    left: 150px;

    width: 120px;
    height: 120px;

    display: block;
    border-radius: 50%;
    overflow: hidden;

    z-index: 2147483647;

    border: 4px solid #fff;
    background: transparent;
    text-decoration: none;
    outline: none;

    box-shadow:
        0 8px 22px rgba(0,0,0,.45),
        0 2px 8px rgba(0,0,0,.18);

    pointer-events: auto;
    cursor: pointer;

    transition:
        top .25s ease,
        left .25s ease,
        width .25s ease,
        height .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.floating-image-wrapper:hover,
.floating-image-wrapper:focus,
.floating-image-wrapper:focus-visible{
    transform: translateY(-3px) scale(1.06);
    box-shadow:
        0 14px 30px rgba(0,0,0,.50),
        0 4px 12px rgba(0,0,0,.20);
}

.floating-image-wrapper img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

/* ===== Responsive ===== */

@media (max-width:1200px){
    .floating-image-wrapper{
        top:300px;
        left:150px;
        width:120px;
        height:120px;
    }
}

@media (max-width:900px){
    .floating-image-wrapper{
        top:390px;
        left:40px;
        
        width:96px;
        height:96px;
        border-width:3px;
    }
}

@media (max-width:600px){
    .floating-image-wrapper{
        top:330px;
        left:20px;

        width:72px;
        height:72px;
        border-width:2px;
    }
}