/**
 * ========================================================================
 * ARCHIVO: admin-bar.css
 * PROYECTO: MOTELWEB.VIP
 * VERSIÓN: 1.0.0
 * FECHA DE PRODUCCIÓN: 2026-09-15
 * DESCRIPCIÓN: Estilos de la barra de administración (admin_bar.php).
 *              La regla "body { padding-top: 45px }" NO va aquí porque solo
 *              debe aplicar cuando hay admin logueado. Se queda en el <style>
 *              condicional dentro de admin_bar.php.
 * ========================================================================
 */

.btn-nexus-pulse {
    background: rgba(212, 175, 55, 0.1);
    border: 1px solid #D4AF37;
    color: #D4AF37;
    padding: 2px 2px;
    border-radius: 10px;
    text-decoration: none;
    font-size: 0.7rem;
    transition: all 0.3s ease;
    animation: nexusPulse 2s infinite;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.btn-nexus-pulse:hover {
    background: #D4AF37;
    color: #000;
}

@keyframes nexusPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4);
    }

    70% {
        box-shadow: 0 0 0 6px rgba(212, 175, 55, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
    }
}

/* ============================================================
   BOTÓN DE EDICIÓN EN EL ADMIN BAR
   Círculo verde con lápiz + pulso.
   ============================================================ */
.btn-nexus-edit-pulse {
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: rgba(46, 204, 113, 0.15);
    border: 1px solid #2ecc71;
    color: #2ecc71;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.75rem;
    padding: 0;
    margin: 0 4px;
    transition: all 0.3s ease;
    animation: nexusPulseEdit 2s infinite;
    font-family: inherit;
}

.btn-nexus-edit-pulse:hover {
    background: #2ecc71;
    color: #000;
    animation: none;
    box-shadow: 0 0 12px rgba(46, 204, 113, 0.6);
}

@keyframes nexusPulseEdit {
    0% {
        box-shadow: 0 0 0 0 rgba(46, 204, 113, 0.6);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(46, 204, 113, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(46, 204, 113, 0);
    }
}