/* ===================================
   05 - Botones
   Estados base, CTA principal y variantes ambar.
   =================================== */

/* ===== Comportamiento base ===== */
button:not([disabled]) {
    transition: all 0.22s ease;
}

button:not([disabled]):active {
    transform: scale(0.96);
}

button[disabled] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* ===== CTA principal: brillo deslizante ===== */
.btn-primary {
    position: relative;
    overflow: hidden;
    color: var(--color-white);
}

.btn-primary::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
    );
    transition: left 0.5s;
}

.btn-primary:hover::before {
    left: 100%;
}

/* ===== Botones ambar rellenos ===== */
button.bg-amber-500:not([disabled]):hover,
a.bg-amber-500:hover,
.btn-primary:hover {
    box-shadow: 0 6px 20px rgba(201, 169, 110, 0.38);
}

/* ===== Botones ambar con borde (outline) ===== */
a.border-amber-500:hover,
button.border-amber-500:not([disabled]):hover {
    box-shadow: 0 4px 16px rgba(201, 169, 110, 0.28);
}