/* ============================================================================
   THE WIN CAPITAL S.A. - solicitar.css
   Estilos exclusivos del formulario de solicitud wizard
   ============================================================================ */

/* Card contenedora del wizard */
.page-solicitar .twc-wizard {
    background: var(--twc-gray-0);
    border: 1px solid var(--twc-gray-200);
    border-radius: var(--twc-radius-2xl);
    padding: var(--twc-space-10);
    box-shadow: var(--twc-shadow-lg);
}

/* Animacion al cambiar de panel */
.page-solicitar .twc-wizard__panel.is-active {
    animation: twcWizardSlideIn 0.4s var(--twc-ease-spring) both;
}

@keyframes twcWizardSlideIn {
    from {
        opacity: 0;
        transform: translateX(20px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

/* Input focus: efecto sutil */
.page-solicitar .twc-input:focus {
    border-color: var(--twc-primary);
    box-shadow: 0 0 0 3px rgba(var(--twc-primary-rgb), 0.1),
                0 2px 8px rgba(var(--twc-primary-rgb), 0.06);
}

/* Validacion visual mejorada */
.page-solicitar .twc-input.is-valid {
    border-color: var(--twc-success);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2310b981' viewBox='0 0 16 16'%3E%3Cpath d='M13.854 3.646a.5.5 0 0 1 0 .708l-7 7a.5.5 0 0 1-.708 0l-3.5-3.5a.5.5 0 1 1 .708-.708L6.5 10.293l6.646-6.647a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 36px;
}

.page-solicitar .twc-input.is-invalid {
    border-color: var(--twc-danger);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ef4444' viewBox='0 0 16 16'%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 16px;
    padding-right: 36px;
    animation: twcShake 0.4s ease-in-out;
}

@keyframes twcShake {
    0%, 100% { transform: translateX(0); }
    20%, 60% { transform: translateX(-4px); }
    40%, 80% { transform: translateX(4px); }
}

/* Select no necesita background-image de validacion (ya tiene la flecha) */
.page-solicitar select.twc-input.is-valid,
.page-solicitar select.twc-input.is-invalid {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
}

/* Summary: highlight de datos importantes */
.page-solicitar .twc-wizard__summary-row:first-child dd,
.page-solicitar .twc-wizard__summary-row:nth-child(2) dd {
    color: var(--twc-primary);
    font-size: var(--twc-text-base);
}

/* Checkbox declaracion jurada */
.page-solicitar .twc-check {
    padding: var(--twc-space-4);
    background: var(--twc-gold-50);
    border: 1px solid var(--twc-gold-200);
    border-radius: var(--twc-radius-lg);
}

@media (max-width: 767.98px) {
    .page-solicitar .twc-wizard {
        padding: var(--twc-space-5);
        border-radius: var(--twc-radius-xl);
    }
}