/* ================================================================
   FIX BOTÓN FLOTANTE - NEGRO CARBÓN TRANSPARENTE
   ================================================================ */

/* FORZAR BOTÓN FLOTANTE EN TODAS LAS PANTALLAS DE ESCRITORIO */
.nav-float-button {
    position: fixed !important;
    bottom: 30px !important;
    right: 30px !important;
    width: 60px !important;
    height: 60px !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    /* NEGRO CARBÓN TRANSPARENTE */
    background: rgba(26, 26, 26, 0.7) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    color: white !important;
    border: none !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    box-shadow: 0 4px 20px rgba(26, 26, 26, 0.3) !important;
    transition: all 0.3s ease !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

/* VISIBLE EN TODAS LAS PANTALLAS DE ESCRITORIO */
@media (min-width: 1024px) {
    .nav-float-button {
        display: flex !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
}

/* OCULTAR SOLO EN MÓVILES Y TABLETS */
@media (max-width: 1023px) {
    .nav-float-button {
        display: none !important;
    }
}

/* HOVER EFFECTS - MÁS TRANSPARENTE AL HOVER */
.nav-float-button:hover {
    transform: translateY(-3px) scale(1.05) !important;
    box-shadow: 0 6px 25px rgba(26, 26, 26, 0.5) !important;
    background: rgba(26, 26, 26, 0.9) !important;
    backdrop-filter: blur(15px) !important;
    -webkit-backdrop-filter: blur(15px) !important;
}

.nav-float-button i {
    font-size: 24px !important;
    transition: transform 0.3s ease !important;
    color: white !important;
}

.nav-float-button:hover i {
    transform: rotate(15deg) !important;
}

/* FORZAR QUE NO SEA AFECTADO POR EL ESCALADO */
body.desktop-scaling-active .nav-float-button,
.desktop-scaling-active .nav-float-button {
    position: fixed !important;
    transform: none !important;
    z-index: 999999 !important;
    background: rgba(26, 26, 26, 0.7) !important;
}

/* ASEGURAR FUNCIONAMIENTO EN TODAS LAS RESOLUCIONES DE ESCRITORIO */
@media (min-width: 1024px) and (max-width: 1365px) {
    .nav-float-button { display: flex !important; }
}

@media (min-width: 1366px) and (max-width: 1439px) {
    .nav-float-button { display: flex !important; }
}

@media (min-width: 1440px) and (max-width: 1599px) {
    .nav-float-button { display: flex !important; }
}

@media (min-width: 1600px) and (max-width: 1919px) {
    .nav-float-button { display: flex !important; }
}

@media (min-width: 1920px) {
    .nav-float-button { display: flex !important; }
}