#vpc-contrato-wrapper {
    --vpc-blue: #1538a0;
    --vpc-blue-dark: #0c2868;
    --vpc-ink: #1c2230;
    --vpc-gray: #6b7280;
    --vpc-paper: #fbfaf6;
    --vpc-bg-soft: #f6f7fb;
    --vpc-border: #e3e6ef;

    max-width: 680px !important;
    margin: 0 auto !important;
    padding: 0 16px 64px !important;
    font-family: 'Inter', -apple-system, "Segoe UI", Roboto, sans-serif !important;
    color: var(--vpc-ink) !important;
    box-sizing: border-box;
}
#vpc-contrato-wrapper * {
    box-sizing: border-box;
}

#vpc-contrato-wrapper h1,
#vpc-contrato-wrapper h2 {
    font-family: 'Source Serif 4', Georgia, serif !important;
    line-height: 1.2 !important;
}

/* Membrete */
#vpc-contrato-wrapper .vpc-letterhead {
    text-align: center !important;
    padding: 36px 0 28px !important;
    border-bottom: 3px solid var(--vpc-blue) !important;
    margin: 0 0 28px !important;
}
#vpc-contrato-wrapper .vpc-letterhead-top {
    display: flex !important;
    justify-content: space-between !important;
    font-size: 12px !important;
    color: var(--vpc-gray) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    margin: 0 0 18px !important;
}
#vpc-contrato-wrapper .vpc-letterhead h1 {
    font-size: 30px !important;
    font-weight: 700 !important;
    margin: 0 0 6px !important;
    color: var(--vpc-ink) !important;
}
#vpc-contrato-wrapper .vpc-subtitle {
    color: var(--vpc-blue) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    font-family: 'Inter', sans-serif !important;
}

/* Stepper - quitamos por completo la numeración nativa de lista */
#vpc-contrato-wrapper ol.vpc-stepper,
#vpc-contrato-wrapper .vpc-stepper {
    display: flex !important;
    justify-content: space-between !important;
    list-style: none !important;
    margin: 0 0 32px !important;
    padding: 0 !important;
    font-size: 11px !important;
    color: var(--vpc-gray) !important;
    text-align: center !important;
    font-family: 'Inter', sans-serif !important;
}
#vpc-contrato-wrapper .vpc-stepper li {
    flex: 1 !important;
    position: relative !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
#vpc-contrato-wrapper .vpc-stepper li::marker { content: '' !important; }
#vpc-contrato-wrapper .vpc-stepper li span {
    display: block !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    border-radius: 50% !important;
    background: var(--vpc-bg-soft) !important;
    border: 1px solid var(--vpc-border) !important;
    margin: 0 auto 6px !important;
    font-weight: 700 !important;
    color: var(--vpc-gray) !important;
}
#vpc-contrato-wrapper .vpc-stepper li.is-active span {
    background: var(--vpc-blue) !important;
    border-color: var(--vpc-blue) !important;
    color: #fff !important;
}

/* Tarjetas por paso */
#vpc-contrato-wrapper .vpc-card {
    background: #fff !important;
    border: 1px solid var(--vpc-border) !important;
    border-radius: 12px !important;
    padding: 26px !important;
    margin: 0 0 20px !important;
    box-shadow: 0 1px 3px rgba(16, 24, 64, 0.05) !important;
    display: block !important;
}
#vpc-contrato-wrapper .vpc-card--legal {
    border-left: 4px solid var(--vpc-blue) !important;
}
#vpc-contrato-wrapper .vpc-card--survey {
    background: var(--vpc-bg-soft) !important;
    border-style: dashed !important;
}
#vpc-contrato-wrapper .vpc-card-head {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 0 16px !important;
}
#vpc-contrato-wrapper .vpc-step-badge {
    flex: 0 0 auto !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: var(--vpc-blue) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
#vpc-contrato-wrapper .vpc-card-head h2 {
    font-size: 19px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    color: var(--vpc-ink) !important;
}

/* Campos */
#vpc-contrato-wrapper label {
    display: block !important;
    margin: 14px 0 6px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: var(--vpc-ink) !important;
    font-family: 'Inter', sans-serif !important;
}
#vpc-contrato-wrapper label:first-of-type {
    margin-top: 0 !important;
}
#vpc-contrato-wrapper input[type="text"],
#vpc-contrato-wrapper input[type="tel"],
#vpc-contrato-wrapper input[type="file"],
#vpc-contrato-wrapper select,
#vpc-contrato-wrapper textarea {
    width: 100% !important;
    padding: 11px 12px !important;
    border: 1px solid var(--vpc-border) !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-family: 'Inter', sans-serif !important;
    background: var(--vpc-bg-soft) !important;
    color: var(--vpc-ink) !important;
    margin: 0 !important;
}
#vpc-contrato-wrapper input:focus,
#vpc-contrato-wrapper select:focus,
#vpc-contrato-wrapper textarea:focus {
    outline: none !important;
    border-color: var(--vpc-blue) !important;
    background: #fff !important;
}

/* Texto del contrato, estilo "papel" */
#vpc-contrato-wrapper .vpc-paper {
    background: var(--vpc-paper) !important;
    border: 1px solid var(--vpc-border) !important;
    border-radius: 8px !important;
    padding: 20px 22px !important;
    max-height: 300px !important;
    overflow-y: auto !important;
}
#vpc-contrato-texto {
    font-family: 'Source Serif 4', Georgia, serif !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
    color: #2b2f3a !important;
}
#vpc-contrato-texto p {
    margin: 0 0 14px !important;
}

/* Firma */
#vpc-contrato-wrapper .vpc-signature-frame {
    border: 2px solid var(--vpc-border) !important;
    border-radius: 10px !important;
    background: #fcfcfd !important;
    padding: 8px 16px 16px !important;
}
#vpc-signature-pad {
    width: 100% !important;
    height: 190px !important;
    display: block !important;
    touch-action: none !important;
    background: #fff !important;
    border: 1px dashed var(--vpc-border) !important;
    border-radius: 6px !important;
    cursor: crosshair !important;
}
#vpc-contrato-wrapper .vpc-signature-line {
    border-top: 1px solid var(--vpc-ink) !important;
    margin: 6px 0 0 !important;
    padding: 6px 0 0 !important;
    text-align: center !important;
}
#vpc-contrato-wrapper .vpc-signature-line span {
    font-size: 11px !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: var(--vpc-gray) !important;
    font-family: 'Inter', sans-serif !important;
}
#vpc-contrato-wrapper .vpc-help {
    color: var(--vpc-gray) !important;
    font-size: 13px !important;
    margin: 0 0 12px !important;
    line-height: 1.5 !important;
    font-family: 'Inter', sans-serif !important;
}
#vpc-contrato-wrapper .vpc-btn-ghost {
    margin: 12px 0 0 !important;
    background: none !important;
    border: 1px solid var(--vpc-border) !important;
    color: var(--vpc-gray) !important;
    padding: 8px 16px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-family: 'Inter', sans-serif !important;
    cursor: pointer !important;
}
#vpc-contrato-wrapper .vpc-btn-ghost:hover {
    border-color: var(--vpc-blue) !important;
    color: var(--vpc-blue) !important;
}

/* Botón principal */
#vpc-contrato-wrapper .vpc-btn-primary {
    background: var(--vpc-blue) !important;
    color: #fff !important;
    border: none !important;
    padding: 17px 24px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Inter', sans-serif !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    width: 100% !important;
    margin: 0 !important;
}
#vpc-contrato-wrapper .vpc-btn-primary:hover {
    background: var(--vpc-blue-dark) !important;
}
#vpc-contrato-wrapper .vpc-btn-primary:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}

#vpc-contrato-wrapper #vpc-mensaje-estado {
    text-align: center !important;
    font-size: 14px !important;
    margin: 14px 0 0 !important;
    font-family: 'Inter', sans-serif !important;
}

#vpc-contrato-wrapper .vpc-footer-note {
    text-align: center !important;
    font-size: 12px !important;
    color: var(--vpc-gray) !important;
    margin: 24px 0 0 !important;
    line-height: 1.5 !important;
    font-family: 'Inter', sans-serif !important;
}

@media (max-width: 480px) {
    #vpc-contrato-wrapper .vpc-card { padding: 18px !important; }
    #vpc-contrato-wrapper .vpc-letterhead h1 { font-size: 23px !important; }
    #vpc-contrato-wrapper .vpc-stepper { font-size: 9px !important; }
    #vpc-contrato-wrapper .vpc-stepper li span { width: 20px !important; height: 20px !important; line-height: 20px !important; }
}