.cashea-financing-wrapper {
    margin: 1em 0;
    padding: 1em;
    background-color: #f8f8f8;
    border-radius: 4px;
    text-align: center;
}

.cashea-financing-wrapper.cashea-blocks-checkout {
    margin: 1em 0;
    padding: 1em;
    background-color: #f8f8f8;
    border-radius: 4px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

/* Estilos base para el botón de Cashea - solo aplican si no hay estilos inline */
.cashea-financing-button:not([style*="background-color"]) {
    background-color: rgb(253, 250, 61) !important;
    color: #000000 !important;
    border: 0 !important;
    border-radius: 5px !important;
    margin: 5px auto !important;
    font-weight: bold !important;
    position: relative !important;
    width: 100% !important;
    padding: 1em !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 48px !important;
}
.cashea-financing-button p {
    margin: 0 !important;
}


.cashea-financing-button:hover:not([style*="background-color"]) {
    background-color: rgb(243, 240, 51) !important;
}

.cashea-financing-button:disabled {
    opacity: 0.7 !important;
    cursor: not-allowed !important;
}

.cashea-financing-button .button-text {
    margin-right: 8px;
}

.cashea-financing-button .loading-spinner {
    width: 20px;
    height: 20px;
    border: 2px solid #000;
    border-top: 2px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Estilos específicos para el checkout de bloques */
.wc-block-checkout__payment-method .cashea-financing-wrapper,
.wc-block-components-payment-methods .cashea-financing-wrapper,
.wc-block-checkout__payment-methods .cashea-financing-wrapper,
.wc-block-checkout__payment-options .cashea-financing-wrapper,
.wc-block-checkout__payment .cashea-financing-wrapper {
    margin: 1em 0 !important;
    padding: 1em !important;
    background-color: #f8f8f8 !important;
    border-radius: 4px !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* Asegurar que el botón sea visible en el checkout de bloques - solo si no hay estilos inline */
.wc-block-checkout__payment-method .cashea-financing-button:not([style*="display"]),
.wc-block-components-payment-methods .cashea-financing-button:not([style*="display"]),
.wc-block-checkout__payment-methods .cashea-financing-button:not([style*="display"]),
.wc-block-checkout__payment-options .cashea-financing-button:not([style*="display"]),
.wc-block-checkout__payment .cashea-financing-button:not([style*="display"]) {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 48px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 1em !important;
}

/* Styles for classic checkout */
.woocommerce-checkout .cashea-financing-wrapper {
    margin: 1em 0;
    padding: 1em;
    background: #f8f8f8;
    border-radius: 4px;
}

.woocommerce-checkout .cashea-financing-wrapper button:not([style*="background-color"]) {
    background-color: rgb(253, 250, 61) !important;
    color: #000000 !important;
    border: 0 !important;
    border-radius: 5px !important;
    margin: 5px auto !important;
    font-weight: bold !important;
    cursor: pointer !important;
    position: relative !important;
    width: 100% !important;
}