/* === GUTENBERG BUTTONS (CLEAN V5) === */

/* 1. Transición, base y PROTECCIÓN (No seleccionar/arrastrar) */
.wp-block-button .wp-block-button__link,
.wp-element-button,
.button {
    transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1),
        color 0.2s ease,
        border-color 0.2s ease !important;
    will-change: transform;
    color: var(--wp--preset--color--custom-blanco-suave, #f0f0f0) !important;
    /* Bloquear selección y arrastre */
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
}

/* 2. HOVER: Crece y se pone blanco */
.wp-block-button .wp-block-button__link:hover,
.wp-element-button:hover,
.button:hover {
    transform: scale(1.05) !important;
    color: var(--wp--preset--color--accent-5) !important;
    border-color: var(--wp--preset--color--accent-5) !important;
}

/* 3. CLICK/ARRASTRE: Se encoge y MANTIENE el blanco */
.wp-block-button .wp-block-button__link:active,
.wp-element-button:active,
.button:active {
    transform: scale(0.95) !important;
    color: var(--wp--preset--color--accent-5) !important;
    border-color: var(--wp--preset--color--accent-5) !important;
}

/* 4. FIX FOCO: Quitar borde cyan/azul al soltar el clic */
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:focus-visible,
.wp-element-button:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}