.global-image-upload {
    position: relative !important;
}

.global-image-upload input[type="file"] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    cursor: pointer;
}

.global-image-upload input[type="file"]:focus,
.global-image-upload input[type="file"]:focus-visible {
    outline: none;
}

#register-vertical-steps label.error {
    display: block;
    color: var(--bs-danger, #dc3545);
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

#register-vertical-steps .global-multi-image-warning label.error {
    margin-top: 0.5rem;
}

/* ================================================================================
 * SESIÓN 23 RONDA 10 — Fixes específicos /provider/auth/sign-up
 * (Aplicados aquí porque esta página NO carga landing/css/main.css)
 * ================================================================================ */

/* === Quitar capitalize en labels (era heredado de provider-module/style.css:4308) === */
label,
form label,
.ff-field__label,
.ff-field__label-text,
form .ff-field__label,
form label.ff-field__label > span.ff-field__label-text,
form .form-label,
.form-group label,
[for] {
    text-transform: none !important;
}


/* === Wizard pasos modernos (jQuery Steps vertical .wizard.vertical) === */
form.wizard.vertical .steps {
    margin: 16px 0 28px !important;
}

form.wizard.vertical .steps > ul {
    display: flex !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    justify-content: space-between !important;
    position: relative !important;
    gap: 4px !important;
}

form.wizard.vertical .steps > ul::before {
    content: "" !important;
    position: absolute !important;
    top: 22px !important;
    left: 22px !important;
    right: 22px !important;
    height: 3px !important;
    background: #E2E8F0 !important;
    z-index: 0 !important;
}

form.wizard.vertical .steps > ul > li {
    flex: 1 1 auto !important;
    position: relative !important;
    z-index: 1 !important;
    text-align: center !important;
    list-style: none !important;
}

form.wizard.vertical .steps a,
form.wizard.vertical .steps a:hover,
form.wizard.vertical .steps a:active {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
    color: #475569 !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    padding: 0 !important;
}

form.wizard.vertical .steps .number {
    width: 44px !important;
    height: 44px !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #475569 !important;
    border: 3px solid #E2E8F0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 800 !important;
    font-size: 15px !important;
    box-shadow: 0 1px 3px rgba(0,0,0,0.06) !important;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.3s !important;
}

/* Paso current (activo) */
form.wizard.vertical .steps li.current a {
    color: #00B4D8 !important;
}

form.wizard.vertical .steps li.current .number {
    background: #00B4D8 !important;
    color: #fff !important;
    border-color: #00B4D8 !important;
    box-shadow: 0 8px 20px rgba(30, 64, 255, 0.35),
                0 0 0 6px rgba(30, 64, 255, 0.12) !important;
}

/* Paso done */
form.wizard.vertical .steps li.done a {
    color: #10B981 !important;
}

form.wizard.vertical .steps li.done .number {
    background: #10B981 !important;
    color: #fff !important;
    border-color: #10B981 !important;
}


/* === Action buttons "Siguiente" "Anterior" === */
form.wizard.vertical .actions {
    margin-top: 32px !important;
}

form.wizard.vertical .actions > ul {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    gap: 12px !important;
}

form.wizard.vertical .actions a {
    padding: 12px 32px !important;
    border-radius: 999px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all 0.2s !important;
    border: 2px solid transparent !important;
    min-width: 120px !important;
    text-align: center !important;
}

form.wizard.vertical .actions a[href="#next"],
form.wizard.vertical .actions a[href="#finish"] {
    background: #00B4D8 !important;
    color: #fff !important;
    border-color: #00B4D8 !important;
    box-shadow: 0 6px 18px rgba(30, 64, 255, 0.35) !important;
}

form.wizard.vertical .actions a[href="#next"]:hover,
form.wizard.vertical .actions a[href="#finish"]:hover {
    background: #1230CC !important;
    border-color: #1230CC !important;
}

form.wizard.vertical .actions a[href="#previous"] {
    background: #fff !important;
    color: #00B4D8 !important;
    border-color: #E2E8F0 !important;
}

form.wizard.vertical .actions a[href="#previous"]:hover {
    background: #F8FAFC !important;
    border-color: #CBD5E1 !important;
}

form.wizard.vertical .actions li.disabled a {
    opacity: 0.4 !important;
    pointer-events: none !important;
}


/* === Inputs / form controls — paleta moderna === */
.ff-field__input,
.ff-field__control input,
.ff-field input.form-control,
input.form-control,
input.global-input,
select.form-control,
textarea.form-control {
    border-radius: 12px !important;
    padding: 12px 16px !important;
    border: 1px solid #E2E8F0 !important;
    background: #fff !important;
    color: #0F172A !important;
    transition: all 0.2s !important;
}

.ff-field__input:focus,
input.form-control:focus,
input.global-input:focus,
select.form-control:focus {
    border-color: #00B4D8 !important;
    box-shadow: 0 0 0 4px rgba(30, 64, 255, 0.12) !important;
    outline: none !important;
}


/* === H3/H5 dentro del wizard === */
form.wizard.vertical h3.border-bottom,
form.wizard.vertical h5.border-bottom {
    color: #0F172A !important;
    font-weight: 700 !important;
    border-color: #E2E8F0 !important;
}


/* === Title "Auto Registro" === */
.register-right-wrap h2,
.register-right-wrap .title {
    color: #00B4D8 !important;
    font-weight: 800 !important;
}


/* === Provider register layout — fondo más suave === */
.register-wrap.style__two {
    background: linear-gradient(135deg, #F8FAFC 0%, #EEF2FF 100%) !important;
}

.register-right-wrap.bg-white {
    box-shadow: 0 4px 30px rgba(0,0,0,0.06) !important;
    border-radius: 20px !important;
}


/* === Imagen Preview placeholder rota === */
.global-image-upload img[src=""],
.global-image-upload img:not([src]),
.global-image-upload img[src*="/provider/auth/sign-up"] {
    background: #F1F5F9 !important;
    min-height: 120px !important;
    border: 2px dashed #CBD5E1 !important;
    border-radius: 12px !important;
    object-fit: contain !important;
}