/* 1. Resetear el contenedor principal y convertirlo en Flexbox */
.wizard-card-footer.clearfix {
    display: flex !important;
    justify-content: center !important; /* Centra todo el contenido */
    align-items: center !important;
    position: relative !important;
}

/* 2. Anular los floats o anchos fijos de los bloques internos */
.wizard-footer-left, 
.wizard-footer-right {
    float: none !important; /* Rompe el float right/left */
    display: inline-block !important;
    width: auto !important; /* Evita que ocupen el 50% cada uno */
}

/* 3. Asegurar que el botón o su contenedor span no tengan márgenes heredados */
.wizard-footer-right span[role="button"] {
    display: block !important;
    margin: 0 auto !important;
}

/* 4. Opcional: Si en los siguientes pasos aparecen ambos botones, 
      este gap les dará una separación elegante en el centro */
.wizard-card-footer.clearfix {
    gap: 16px !important; 
}