/* Botones: rectangular con radio amplio y rojo de marca unificado */
:root {
    --delibreakfast-btn-radius: 10px;
    --delibreakfast-red: var(--color-brand);
    --delibreakfast-red-hover: #c82333;
    --delibreakfast-red-border-hover: #bd2130;
}

a.button,
button.button {
    border-radius: var(--delibreakfast-btn-radius) !important;
}

a.button:hover,
button.button:hover {
    background-color: var(--delibreakfast-red-hover) !important;
    border-color: var(--delibreakfast-red-border-hover) !important;
    color: #fff !important;
}

a.button.button-red,
button.button.button-red,
button.button-red,
a.button-red {
    border-radius: var(--delibreakfast-btn-radius) !important;
    background-color: var(--delibreakfast-red) !important;
    border: 1px solid var(--delibreakfast-red) !important;
    color: #fff !important;
}

a.button.button-red:hover,
a.button.button-red:focus,
button.button.button-red:hover,
button.button.button-red:focus,
button.button-red:hover,
button.button-red:focus,
a.button-red:hover,
a.button-red:focus {
    background-color: var(--delibreakfast-red-hover) !important;
    border-color: var(--delibreakfast-red-border-hover) !important;
    color: #fff !important;
}

button.button-black,
a.button-black {
    border-radius: var(--delibreakfast-btn-radius) !important;
    background-color: var(--delibreakfast-red) !important;
    color: #fff !important;
    border: 1px solid var(--delibreakfast-red) !important;
}

a.button-black:hover,
a.button-black:focus,
button.button-black:hover,
button.button-black:focus {
    background-color: var(--delibreakfast-red-hover) !important;
    border-color: var(--delibreakfast-red-border-hover) !important;
}

button.button-outline,
a.button-outline {
    border-radius: var(--delibreakfast-btn-radius) !important;
    background-color: transparent !important;
    color: var(--delibreakfast-red, var(--color-brand)) !important;
    border: 2px solid var(--delibreakfast-red, var(--color-brand)) !important;
}

a.button-outline:hover,
a.button-outline:focus,
button.button-outline:hover,
button.button-outline:focus {
    background-color: rgba(220, 53, 69, 0.08) !important;
    color: var(--delibreakfast-red-hover, #c82333) !important;
    border-color: var(--delibreakfast-red-hover, #c82333) !important;
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
}

.modal-footer .button {
    margin: 0;
}

.product-view .product-shop .add-to-box .btn-cart,
button.button.btn-cart {
    border-radius: var(--delibreakfast-btn-radius) !important;
}

.empresa-propuesta .cta-btn {
    border-radius: var(--delibreakfast-btn-radius) !important;
    border-width: 1px;
    border-color: var(--delibreakfast-red) !important;
    color: var(--delibreakfast-red) !important;
    font-size: 17px !important;
    line-height: 1.4;
}

.empresa-propuesta .cta-btn:hover,
.empresa-propuesta .cta-btn:focus {
    background: var(--delibreakfast-red-hover) !important;
    border-color: var(--delibreakfast-red-border-hover) !important;
    color: #fff !important;
}

.empresa-propuesta .cta-btn.primary {
    background: var(--delibreakfast-red) !important;
    border-color: var(--delibreakfast-red) !important;
    color: #fff !important;
}

.empresa-propuesta .cta-btn.primary:hover,
.empresa-propuesta .cta-btn.primary:focus {
    background: var(--delibreakfast-red-hover) !important;
    border-color: var(--delibreakfast-red-border-hover) !important;
}