/* ========================================
   ESTILOS PARA WIZARD - VERSIÓN UNIFICADA
   ======================================== */

/* Contenido principal del wizard */
.resize_wizard_block_v2 .wizard .content.clearfix {
    overflow: visible !important;
    height: auto !important;
    min-height: 200px !important;
    transition: min-height 0.3s ease !important;
}

.wizard > .content > .body {
    position: unset;
}

/* Secciones generales */
.resize_wizard_block_v2:not([steps-orientation='vertical'], .small-steps) section {
    width: 100% !important;
    padding: 0 !important;
}

/* Estilos de tabs */
.steps.clearfix ul[role="tablist"] li[role="tab"] a span {
    display: flex;
    align-items: center;
}

div.wizard > .steps li[role="tab"] a,
div.wizard > .steps li[role="tab"] a:hover {
    color: white;
    background: var(--primary-color-light);
}

div.wizard > .steps li[role="tab"].done a,
div.wizard > .steps li[role="tab"].done a:hover {
    background: var(--primary-color-light);
}

div.wizard > .steps li[role="tab"].current a,
div.wizard > .steps li[role="tab"].current a:hover {
    background: var(--primary-color);
}

div.wizard > .steps li.disabled a {
    background: var(--primary-color-light);
    cursor: not-allowed;
}

/* Botones de acción */
div.wizard > div.actions a,
div.wizard > div.actions a:hover {
    background: var(--primary-color);
}

.wizard > .actions a[href$='#previous'],
.wizard > .actions a[href$='#previous']:hover,
.wizard > .actions a[href$='#previous']:active {
    border: 1px solid var(--primary-color);
    background: #fff;
    color: var(--primary-color);
}

/* Estilos específicos para orientación vertical */
.resize_wizard_block_v2[steps-orientation="vertical"] div.wizard > .content > .body:not(.no-inline-padding) {
    padding: 2% 20px;
}

/* Inputs dentro del wizard */
div.wizard > .content > .body input {
    display: block;
    border: 1px solid var(--primary-color);
    background: white;
}

/* ========================================
   WIZARD SMALL STEPS
   ======================================== */

.resize_wizard_block_v2.small-steps .steps li.disabled a {
    cursor: not-allowed;
}

.resize_wizard_block_v2.small-steps .steps > ul {
    display: flex;
    justify-content: space-between;
}

.resize_wizard_block_v2.small-steps .steps > ul > li {
    width: max-content;
}

.resize_wizard_block_v2.small-steps .wizard > .steps > ul > li[role="tab"] {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.resize_wizard_block_v2.small-steps .wizard > .steps > ul > li[role="tab"]::after {
    content: "";
    position: absolute;
    top: 47%;
    width: 100%;
    border-top: 0.125rem solid var(--primary-color-light);
    z-index: 0;
}

.resize_wizard_block_v2.small-steps .wizard > .steps li[role="tab"] > a {
    position: relative;
    display: flex;
    justify-content: center;
    width: 2.5em;
    height: 2.5em;
    margin: 0.5em;
    border-radius: 50%;
    overflow: hidden;
    z-index: 10;
}

.resize_wizard_block_v2.small-steps .steps a[role="menuitem"] {
    margin: 0.5em;
    border-radius: 50%;
    background: var(--primary-color);
}