/* PayMovil Checkout Blocks Styles - Diseño Mejorado */
:root {
    --mp-primary: #1c304e;
    --mp-primary-light: #5d93c5;
    --mp-primary-dark: #1c304e;
    --mp-accent: #3575b4;
    --mp-accent-light: #5d93c5;
    --mp-accent-dark: #1c304e;

    /* Neutrals */
    --mp-bg: #ffffff;
    --mp-bg-light: #cfe4f5;
    --mp-bg-card: #ffffff;
    --mp-text: #0f172a;
    --mp-text-light: #64748b;
    --mp-text-muted: #94a3b8;
    --mp-border: #e2e8f0;
    --mp-border-light: #f1f5f9;

    /* Enhanced effects */
    --mp-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --mp-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --mp-shadow-hover: 0 8px 25px -5px rgba(37, 99, 235, 0.25);
    --mp-radius: 12px;
    --mp-radius-sm: 8px;
    --mp-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.wc-block-components-radio-control__option #radio-control-wc-payment-method-options-paymovil__label .wc-block-components-payment-method-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.wc-block-components-radio-control__option #radio-control-wc-payment-method-options-paymovil__label .wc-block-components-payment-method-label-icon {
    height: 28px !important;
    width: auto;
    max-width: 200px !important;
    object-fit: contain;
    margin-left: 12px !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
    margin: 0;
}

.paymovil-blocks-form .paymovil-payment-details .paymovil-wallet-details {
    display: none;
}

.paymovil-blocks-form .paymovil-payment-details .paymovil-wallet-details.active {
    display: flex !important;
    flex-wrap: wrap;
    align-items: start;
    row-gap: 2rem;
}