:root {
    --cf-bg: #f3f6fb;
    --cf-surface: #ffffff;
    --cf-surface-soft: #f8faff;
    --cf-navy: #142039;
    --cf-navy-deep: #0f182c;
    --cf-blue: #2f80ed;
    --cf-blue-soft: #eaf3ff;
    --cf-green: #119c78;
    --cf-green-soft: #e8f8f3;
    --cf-gold: #d6a84f;
    --cf-gold-soft: #fff6df;
    --cf-purple: #7a5af8;
    --cf-purple-soft: #f0edff;
    --cf-red: #e5485d;
    --cf-red-soft: #fff0f2;
    --cf-text: #162033;
    --cf-muted: #68758b;
    --cf-line: #dfe5ef;
    --cf-shadow: 0 12px 30px rgba(30, 49, 83, .08);
}

body.cliente-finanzas-page {
    min-width: 0;
    min-height: 100vh;
    margin: 0;
    color: var(--cf-text);
    background: var(--cf-bg);
    font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    overflow-x: hidden;
}

body.cliente-finanzas-page *,
body.cliente-finanzas-page *::before,
body.cliente-finanzas-page *::after {
    box-sizing: border-box;
    letter-spacing: 0;
}

body.cliente-finanzas-page img,
body.cliente-finanzas-page svg,
body.cliente-finanzas-page video {
    max-width: 100%;
}

body.cliente-finanzas-page .page,
body.cliente-finanzas-page .history-page {
    width: min(1280px, calc(100% - 28px)) !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 14px 0 28px !important;
}

body.cliente-finanzas-page .hero,
body.cliente-finanzas-page .topbar,
body.cliente-finanzas-page .history-header {
    min-height: 72px !important;
    padding: 11px 16px !important;
    border: 0 !important;
    border-radius: 8px !important;
    color: #fff !important;
    background: linear-gradient(115deg, var(--cf-navy-deep), #1c2a48) !important;
    box-shadow: 0 10px 24px rgba(15, 24, 44, .15) !important;
}

body.cliente-finanzas-page .hero::after,
body.cliente-finanzas-page .topbar::after,
body.cliente-finanzas-page .history-header::after {
    display: none !important;
}

body.cliente-finanzas-page .hero img,
body.cliente-finanzas-page .brand img {
    width: 50px !important;
    height: 50px !important;
    object-fit: contain !important;
    filter: none !important;
}

body.cliente-finanzas-page .hero strong,
body.cliente-finanzas-page .brand strong {
    display: block !important;
    font-size: 1.15rem !important;
    line-height: 1.05 !important;
    color: #fff !important;
}

body.cliente-finanzas-page .hero span,
body.cliente-finanzas-page .brand span {
    display: block !important;
    color: #b8c5dc !important;
    font-size: .66rem !important;
    margin-top: 3px !important;
}

body.cliente-finanzas-page .client-page-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin: 18px 0 12px;
}

body.cliente-finanzas-page .client-page-heading h1,
body.cliente-finanzas-page .client-page-heading h2 {
    margin: 0;
    color: var(--cf-text);
    font-size: clamp(1.45rem, 2.5vw, 2.1rem);
    line-height: 1.05;
    font-weight: 850;
}

body.cliente-finanzas-page .client-page-heading p {
    max-width: 720px;
    margin: 5px 0 0;
    color: var(--cf-muted);
    font-size: .86rem;
    line-height: 1.45;
    font-weight: 500;
}

body.cliente-finanzas-page .client-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin: 12px 0;
}

body.cliente-finanzas-page .client-kpi {
    min-width: 0;
    min-height: 92px;
    padding: 13px 14px;
    border: 1px solid var(--cf-line);
    border-radius: 8px;
    background: var(--cf-surface);
    box-shadow: 0 5px 16px rgba(30, 49, 83, .045);
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 10px;
    align-items: center;
}

body.cliente-finanzas-page .client-kpi-icon {
    width: 38px;
    height: 38px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--cf-blue);
    background: var(--cf-blue-soft);
    font-size: .96rem;
}

body.cliente-finanzas-page .client-kpi.green .client-kpi-icon { color: var(--cf-green); background: var(--cf-green-soft); }
body.cliente-finanzas-page .client-kpi.gold .client-kpi-icon { color: #9b6f08; background: var(--cf-gold-soft); }
body.cliente-finanzas-page .client-kpi.purple .client-kpi-icon { color: var(--cf-purple); background: var(--cf-purple-soft); }

body.cliente-finanzas-page .client-kpi span {
    display: block;
    color: var(--cf-muted);
    font-size: .65rem;
    line-height: 1.2;
    font-weight: 800;
    text-transform: uppercase;
}

body.cliente-finanzas-page .client-kpi strong {
    display: block;
    min-width: 0;
    margin-top: 4px;
    color: var(--cf-text);
    font-size: 1.02rem;
    line-height: 1.15;
    font-weight: 850;
    overflow-wrap: anywhere;
}

body.cliente-finanzas-page .client-kpi small {
    display: block;
    margin-top: 3px;
    color: var(--cf-muted);
    font-size: .64rem;
    line-height: 1.25;
}

body.cliente-finanzas-page .client-panel {
    min-width: 0;
    border: 1px solid var(--cf-line);
    border-radius: 8px;
    background: var(--cf-surface);
    box-shadow: var(--cf-shadow);
}

/* Cuenta y registro */
body.cuenta-finanzas .shell {
    margin-top: 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 12px !important;
    align-items: start !important;
}

body.cuenta-finanzas .card {
    min-width: 0 !important;
    overflow: visible !important;
    border: 1px solid var(--cf-line) !important;
    border-radius: 8px !important;
    color: var(--cf-text) !important;
    background: var(--cf-surface) !important;
    box-shadow: var(--cf-shadow) !important;
    backdrop-filter: none !important;
}

body.cuenta-finanzas .card-head {
    padding: 15px 16px 12px !important;
    border-bottom: 1px solid var(--cf-line) !important;
    background: var(--cf-surface-soft) !important;
}

body.cuenta-finanzas .card-head .tag,
body.cuenta-finanzas .summary-card .tag {
    min-height: 25px !important;
    padding: 4px 9px !important;
    border: 0 !important;
    border-radius: 6px !important;
    color: var(--cf-blue) !important;
    background: var(--cf-blue-soft) !important;
    font-size: .62rem !important;
}

body.cuenta-finanzas .card-head h1 {
    margin: 8px 0 0 !important;
    color: var(--cf-text) !important;
    font-size: 1.35rem !important;
    line-height: 1.1 !important;
}

body.cuenta-finanzas .card-head .subtitle {
    max-width: none !important;
    margin: 5px 0 0 !important;
    color: var(--cf-muted) !important;
    font-size: .75rem !important;
    line-height: 1.4 !important;
}

body.cuenta-finanzas .card-body {
    padding: 14px 16px 16px !important;
}

body.cuenta-finanzas .profile-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 9px 10px !important;
}

body.cuenta-finanzas .field.full { grid-column: span 2 !important; }
body.cuenta-finanzas .field.address-field { grid-column: 1 / -1 !important; }
body.cuenta-finanzas .field { min-width: 0 !important; }

body.cuenta-finanzas #empresaBox,
body.cuenta-finanzas #empresaBox.show {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.cuenta-finanzas #empresaBox > label {
    width: 100% !important;
    min-height: 20px !important;
    margin: 0 0 4px !important;
    padding: 3px 8px !important;
    border: 1px solid #d8e4f3 !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #334155 !important;
    background: #f1f6fc !important;
    text-align: center !important;
    opacity: 1 !important;
}

body.cuenta-finanzas .field label {
    display: block !important;
    margin: 0 0 4px !important;
    color: #4c5a70 !important;
    font-size: .61rem !important;
    line-height: 1.15 !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

body.cuenta-finanzas .input,
body.cuenta-finanzas .select {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 39px !important;
    height: 39px !important;
    padding: 0 10px !important;
    border: 1px solid #d5ddea !important;
    border-radius: 7px !important;
    outline: 0 !important;
    color: var(--cf-text) !important;
    background: #fff !important;
    box-shadow: none !important;
    font: 600 .78rem/1.2 'Inter', sans-serif !important;
}

body.cuenta-finanzas textarea.input {
    height: 58px !important;
    min-height: 58px !important;
    padding-top: 9px !important;
    resize: vertical !important;
}

body.cuenta-finanzas .input:focus,
body.cuenta-finanzas .select:focus {
    border-color: var(--cf-blue) !important;
    box-shadow: 0 0 0 3px rgba(47, 128, 237, .12) !important;
}

body.cuenta-finanzas .actions {
    position: sticky !important;
    z-index: 30 !important;
    bottom: 10px !important;
    display: grid !important;
    grid-template-columns: 1.25fr 1fr .7fr !important;
    gap: 8px !important;
    margin: 13px 0 0 !important;
    padding: 8px !important;
    border: 1px solid var(--cf-line) !important;
    border-radius: 8px !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 10px 24px rgba(30, 49, 83, .12) !important;
    backdrop-filter: blur(10px) !important;
}

body.cuenta-finanzas .btn,
body.garantias-finanzas .btn-pill,
body.historial-finanzas .btn {
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 0 12px !important;
    border-radius: 7px !important;
    font-size: .72rem !important;
    font-weight: 800 !important;
    box-shadow: none !important;
}

body.cuenta-finanzas .btn-primary { color: #fff !important; background: var(--cf-blue) !important; border-color: var(--cf-blue) !important; }
body.cuenta-finanzas .btn-soft { color: var(--cf-text) !important; background: #eef2f8 !important; border-color: #dce3ed !important; }
body.cuenta-finanzas .btn-dark { color: #fff !important; background: var(--cf-navy) !important; border-color: var(--cf-navy) !important; }

body.cuenta-finanzas .summary-card {
    position: sticky !important;
    top: 12px !important;
    padding: 15px !important;
}

body.cuenta-finanzas .summary-card h2 {
    margin: 12px 0 0 !important;
    color: var(--cf-text) !important;
    font-size: 1.1rem !important;
}

body.cuenta-finanzas .summary-card > p {
    margin: 7px 0 0 !important;
    color: var(--cf-muted) !important;
    font-size: .74rem !important;
    line-height: 1.45 !important;
}

body.cuenta-finanzas .summary-top {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 7px !important;
}

body.cuenta-finanzas .summary-quick-actions {
    display: flex !important;
    gap: 5px !important;
}

body.cuenta-finanzas .history-btn,
body.cuenta-finanzas .guarantee-btn,
body.cuenta-finanzas .garantia-pc-btn {
    min-height: 30px !important;
    padding: 0 8px !important;
    border: 1px solid #dce3ed !important;
    border-radius: 6px !important;
    color: var(--cf-text) !important;
    background: #f4f7fb !important;
    font-size: .62rem !important;
    box-shadow: none !important;
}

body.cuenta-finanzas .status-pill {
    min-height: 30px !important;
    margin-top: 11px !important;
    padding: 5px 10px !important;
    border-radius: 6px !important;
    font-size: .68rem !important;
}

body.cuenta-finanzas .mini-list {
    display: grid !important;
    gap: 7px !important;
    margin-top: 10px !important;
}

body.cuenta-finanzas .mini-list > div {
    min-height: 48px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--cf-line) !important;
    border-radius: 7px !important;
    color: var(--cf-text) !important;
    background: var(--cf-surface-soft) !important;
}

body.cuenta-finanzas .mini-list span { color: var(--cf-muted) !important; font-size: .57rem !important; }
body.cuenta-finanzas .mini-list strong { color: var(--cf-text) !important; font-size: .73rem !important; }

body.cuenta-finanzas .hero-actions-mobile { display: none !important; }

body.cuenta-finanzas .alert {
    margin: 0 0 10px !important;
    padding: 9px 11px !important;
    border-radius: 7px !important;
    font-size: .74rem !important;
}

body.cuenta-finanzas .sugerencias-ubicacion {
    z-index: 100 !important;
    border: 1px solid var(--cf-line) !important;
    border-radius: 7px !important;
    background: #fff !important;
    box-shadow: var(--cf-shadow) !important;
}

/* Garantías */
body.garantias-finanzas .hero {
    display: grid !important;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr) !important;
    min-height: 0 !important;
    margin-top: 12px !important;
    padding: 0 !important;
    color: var(--cf-text) !important;
    background: transparent !important;
    box-shadow: none !important;
    gap: 12px !important;
}

body.garantias-finanzas .hero-card,
body.garantias-finanzas .support-card,
body.garantias-finanzas .warranty-card,
body.garantias-finanzas .steps-card {
    border: 1px solid var(--cf-line) !important;
    border-radius: 8px !important;
    color: var(--cf-text) !important;
    background: var(--cf-surface) !important;
    box-shadow: var(--cf-shadow) !important;
    backdrop-filter: none !important;
}

body.garantias-finanzas .hero-card { padding: 20px !important; }
body.garantias-finanzas .hero-card::after,
body.garantias-finanzas .warranty-card::before { display: none !important; }

body.garantias-finanzas .kicker,
body.garantias-finanzas .badge {
    border: 0 !important;
    border-radius: 6px !important;
    color: var(--cf-blue) !important;
    background: var(--cf-blue-soft) !important;
}

body.garantias-finanzas .hero .kicker {
    color: #111827 !important;
    background: var(--cf-gold-soft) !important;
}

body.garantias-finanzas .hero-card h1 {
    margin: 0 0 10px !important;
    color: var(--cf-text) !important;
    font-size: clamp(1.65rem, 4vw, 2.65rem) !important;
    letter-spacing: 0 !important;
}

body.garantias-finanzas .hero-card h1 span { color: var(--cf-blue) !important; }
body.garantias-finanzas .lead { color: var(--cf-muted) !important; font-size: .86rem !important; line-height: 1.55 !important; }
body.garantias-finanzas .support-card { padding: 12px !important; gap: 8px !important; }

body.garantias-finanzas .support-item {
    padding: 10px !important;
    border: 1px solid var(--cf-line) !important;
    border-radius: 7px !important;
    background: var(--cf-surface-soft) !important;
}

body.garantias-finanzas .support-icon { color: var(--cf-green) !important; background: var(--cf-green-soft) !important; border-radius: 7px !important; }
body.garantias-finanzas .support-item strong { color: var(--cf-text) !important; }
body.garantias-finanzas .support-item span,
body.garantias-finanzas .section-title p,
body.garantias-finanzas .step span,
body.garantias-finanzas .cta span { color: var(--cf-muted) !important; }

body.garantias-finanzas .section-title { margin: 15px 0 9px !important; }
body.garantias-finanzas .section-title h2 { color: var(--cf-text) !important; font-size: 1.2rem !important; }
body.garantias-finanzas .grid { gap: 10px !important; }
body.garantias-finanzas .warranty-card { padding: 14px !important; }
body.garantias-finanzas .card-logo { border: 1px solid var(--cf-line) !important; border-radius: 7px !important; }
body.garantias-finanzas .list { gap: 7px !important; }
body.garantias-finanzas .list li { color: #4a576c !important; font-size: .75rem !important; }
body.garantias-finanzas .list li i { color: var(--cf-green) !important; }

body.garantias-finanzas .official-warranty-box {
    margin-top: 12px;
    padding: 12px;
    border: 1px solid #cfe0f7;
    border-radius: 8px;
    color: var(--cf-text);
    background: linear-gradient(145deg, #f8fbff, #f2f7ff);
}

body.garantias-finanzas .official-warranty-head {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 9px;
    align-items: center;
}

body.garantias-finanzas .official-warranty-icon {
    width: 34px;
    height: 34px;
    margin: 0 !important;
    border-radius: 7px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: var(--cf-blue) !important;
    background: var(--cf-blue-soft);
}

body.garantias-finanzas .official-warranty-head strong {
    display: block;
    color: var(--cf-text);
    font-size: .78rem;
    line-height: 1.2;
}

body.garantias-finanzas .official-warranty-head span:not(.official-warranty-icon) {
    display: block;
    margin-top: 2px;
    color: var(--cf-muted);
    font-size: .66rem;
    line-height: 1.3;
}

body.garantias-finanzas .official-warranty-steps {
    display: grid;
    gap: 7px;
    margin-top: 11px;
}

body.garantias-finanzas .official-warranty-step {
    min-width: 0;
    padding: 8px;
    border: 1px solid #dbe5f2;
    border-radius: 7px;
    display: grid;
    grid-template-columns: 27px minmax(0, 1fr) auto;
    gap: 8px;
    align-items: center;
    background: #fff;
}

body.garantias-finanzas .official-step-number {
    width: 27px;
    height: 27px;
    margin: 0 !important;
    border-radius: 7px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    color: #fff !important;
    background: var(--cf-navy);
    font-size: .68rem !important;
    font-weight: 900;
}

body.garantias-finanzas .official-step-copy {
    min-width: 0;
}

body.garantias-finanzas .official-step-copy strong {
    display: block;
    color: var(--cf-text);
    font-size: .7rem;
    line-height: 1.2;
}

body.garantias-finanzas .official-step-copy span {
    display: block;
    margin-top: 2px;
    color: var(--cf-muted);
    font-size: .61rem;
    line-height: 1.3;
}

body.garantias-finanzas .official-warranty-link {
    min-width: 0;
    min-height: 32px;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    text-align: center;
    text-decoration: none;
    font-size: .62rem;
    line-height: 1.15;
    font-weight: 800;
}

body.garantias-finanzas .official-warranty-link.secondary {
    border-color: #d6deea;
    color: var(--cf-text);
    background: #fff;
}

body.garantias-finanzas .official-warranty-link.primary {
    border-color: var(--cf-blue);
    color: #fff;
    background: var(--cf-blue);
}
body.garantias-finanzas .steps-card { margin-top: 10px !important; padding: 14px !important; }
body.garantias-finanzas .steps { gap: 8px !important; }

body.garantias-finanzas .step {
    padding: 11px !important;
    border: 1px solid var(--cf-line) !important;
    border-radius: 7px !important;
    background: var(--cf-surface-soft) !important;
}

body.garantias-finanzas .step::before { color: #fff !important; background: var(--cf-blue) !important; }
body.garantias-finanzas .cta { margin-top: 10px !important; padding: 11px !important; border-radius: 7px !important; background: var(--cf-blue-soft) !important; }
body.garantias-finanzas .btn-pill.primary { color: #fff !important; background: var(--cf-blue) !important; border-color: var(--cf-blue) !important; }
body.garantias-finanzas .cta .btn-pill.primary { color: #111827 !important; background: var(--cf-gold) !important; border-color: var(--cf-gold) !important; }
body.garantias-finanzas .cta .btn-pill.primary span,
body.garantias-finanzas .cta .btn-pill.primary i { color: #111827 !important; }
body.garantias-finanzas .footer-note { color: var(--cf-muted) !important; margin-top: 14px !important; }

/* Historial */
body.historial-finanzas .history-header .brand span { color: #b8c5dc !important; }
body.historial-finanzas .btn-gold { color: #fff !important; background: var(--cf-blue) !important; border-color: var(--cf-blue) !important; }
body.historial-finanzas .btn-dark { color: #fff !important; background: rgba(255,255,255,.08) !important; }

body.historial-finanzas .intro {
    margin: 14px 0 10px !important;
    align-items: center !important;
}

body.historial-finanzas .intro h1 { color: var(--cf-text) !important; font-size: clamp(1.45rem, 3vw, 2rem) !important; }
body.historial-finanzas .intro p { color: var(--cf-muted) !important; font-size: .82rem !important; }

body.historial-finanzas .identity {
    min-width: 230px !important;
    padding: 10px 12px !important;
    border: 1px solid var(--cf-line) !important;
    border-radius: 8px !important;
    color: var(--cf-text) !important;
    background: var(--cf-surface) !important;
}

body.historial-finanzas .identity span,
body.historial-finanzas .identity p { color: var(--cf-muted) !important; }
body.historial-finanzas .orders { gap: 10px !important; }

body.historial-finanzas .order-card,
body.historial-finanzas .empty {
    border: 1px solid var(--cf-line) !important;
    border-radius: 8px !important;
    color: var(--cf-text) !important;
    background: var(--cf-surface) !important;
    box-shadow: var(--cf-shadow) !important;
}

body.historial-finanzas .order-top {
    padding: 12px 14px !important;
    border-bottom: 1px solid var(--cf-line) !important;
    background: var(--cf-surface-soft) !important;
}

body.historial-finanzas .order-number h2 { color: var(--cf-text) !important; }

body.historial-finanzas .pill {
    border: 0 !important;
    border-radius: 6px !important;
    color: var(--cf-green) !important;
    background: var(--cf-green-soft) !important;
}

body.historial-finanzas .meta,
body.historial-finanzas .product-row p { color: var(--cf-muted) !important; }
body.historial-finanzas .total span { color: var(--cf-muted) !important; }
body.historial-finanzas .total strong { color: var(--cf-green) !important; }

body.historial-finanzas .order-pdf-btn {
    border: 1px solid #f2c8ce !important;
    border-radius: 7px !important;
    color: var(--cf-red) !important;
    background: var(--cf-red-soft) !important;
}

body.historial-finanzas .products { padding: 0 14px !important; }

body.historial-finanzas .product-row {
    min-width: 0 !important;
    padding: 10px 0 !important;
    border-bottom: 1px solid var(--cf-line) !important;
    color: var(--cf-text) !important;
}

body.historial-finanzas .product-row:last-child { border-bottom: 0 !important; }
body.historial-finanzas .product-row img { border-radius: 7px !important; border: 1px solid var(--cf-line) !important; }
body.historial-finanzas .product-row h3 { color: var(--cf-text) !important; }
body.historial-finanzas .product-subtotal { color: var(--cf-text) !important; }
body.historial-finanzas .empty { padding: 34px 18px !important; }
body.historial-finanzas .empty > i { color: var(--cf-blue) !important; background: var(--cf-blue-soft) !important; }

@media (max-width: 900px) {
    body.cliente-finanzas-page .client-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.cuenta-finanzas .shell { grid-template-columns: 1fr !important; }
    body.cuenta-finanzas .summary-card { position: static !important; }
    body.cuenta-finanzas .profile-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
    body.garantias-finanzas .hero { grid-template-columns: 1fr !important; }
    body.garantias-finanzas .grid { grid-template-columns: 1fr !important; }
    body.garantias-finanzas .steps { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 600px) {
    body.cliente-finanzas-page .page,
    body.cliente-finanzas-page .history-page {
        width: calc(100% - 16px) !important;
        padding: 8px 0 calc(20px + env(safe-area-inset-bottom)) !important;
    }

    body.cliente-finanzas-page .hero,
    body.cliente-finanzas-page .topbar,
    body.cliente-finanzas-page .history-header {
        min-height: 60px !important;
        padding: 8px 10px !important;
    }

    body.cliente-finanzas-page .hero img,
    body.cliente-finanzas-page .brand img { width: 42px !important; height: 42px !important; }
    body.cliente-finanzas-page .hero strong,
    body.cliente-finanzas-page .brand strong { font-size: .94rem !important; }
    body.cliente-finanzas-page .client-kpis { gap: 7px; margin: 8px 0; }

    body.cliente-finanzas-page .client-kpi {
        min-height: 78px;
        padding: 9px;
        grid-template-columns: 31px minmax(0, 1fr);
        gap: 7px;
    }

    body.cliente-finanzas-page .client-kpi-icon { width: 31px; height: 31px; }
    body.cliente-finanzas-page .client-kpi span { font-size: .56rem; }
    body.cliente-finanzas-page .client-kpi strong { font-size: .82rem; }
    body.cliente-finanzas-page .client-kpi small { font-size: .56rem; }

    body.cuenta-finanzas .hero-actions-mobile {
        display: flex !important;
        margin-left: auto !important;
        gap: 6px !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
    }

    body.cuenta-finanzas .hero-history-mobile {
        width: auto !important;
        height: 36px !important;
        min-width: 68px !important;
        padding: 0 8px !important;
        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 7px !important;
        color: #fff !important;
        background: var(--cf-blue) !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;
        text-decoration: none !important;
        box-shadow: 0 5px 12px rgba(0,0,0,.14) !important;
    }

    body.cuenta-finanzas .hero-history-mobile i {
        color: currentColor !important;
        font-size: .7rem !important;
        line-height: 1 !important;
    }

    body.cuenta-finanzas .hero .hero-history-mobile span {
        display: inline !important;
        margin: 0 !important;
        color: currentColor !important;
        font-size: .57rem !important;
        line-height: 1 !important;
        font-weight: 850 !important;
        text-transform: none !important;
        white-space: nowrap !important;
    }

    body.cuenta-finanzas .hero-history-mobile.hero-guarantee-mobile {
        border-color: #efd489 !important;
        color: #172033 !important;
        background: var(--cf-gold-soft) !important;
    }
    body.cuenta-finanzas .card-head { padding: 12px !important; }
    body.cuenta-finanzas .card-body { padding: 11px !important; }
    body.cuenta-finanzas .profile-grid { grid-template-columns: 1fr !important; gap: 8px !important; }
    body.cuenta-finanzas .field.full,
    body.cuenta-finanzas .field.address-field { grid-column: auto !important; }
    body.cuenta-finanzas .actions {
        position: static !important;
        grid-template-columns: 1fr !important;
        bottom: auto !important;
    }
    body.cuenta-finanzas .summary-quick-actions { display: none !important; }

    body.garantias-finanzas .topbar {
        display: flex !important;
        align-items: center !important;
    }
    body.garantias-finanzas .top-actions {
        display: flex !important;
        grid-column: auto !important;
        grid-template-columns: none !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex: 0 0 auto !important;
        margin-left: auto !important;
        gap: 6px !important;
    }
    body.garantias-finanzas .btn-pill {
        width: auto !important;
        min-width: 66px !important;
        min-height: 36px !important;
        padding: 0 8px !important;
        gap: 5px !important;
        font-size: .57rem !important;
        line-height: 1 !important;
    }
    body.garantias-finanzas .btn-pill span {
        display: inline !important;
        margin: 0 !important;
        color: currentColor !important;
        font-size: inherit !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }
    body.garantias-finanzas .btn-pill i { font-size: .7rem !important; }
    body.garantias-finanzas .hero-card { padding: 15px !important; }
    body.garantias-finanzas .support-card { padding: 9px !important; }
    body.garantias-finanzas .steps { grid-template-columns: 1fr !important; }
    body.garantias-finanzas .cta { align-items: stretch !important; flex-direction: column !important; }
    body.garantias-finanzas .cta .btn-pill { width: 100% !important; }
    body.garantias-finanzas .official-warranty-step {
        grid-template-columns: 27px minmax(0, 1fr);
        align-items: start;
    }
    body.garantias-finanzas .official-warranty-link {
        grid-column: 2;
        width: 100%;
        margin-top: 2px;
    }

    body.historial-finanzas .history-header { align-items: center !important; }
    body.historial-finanzas .header-actions {
        flex-wrap: nowrap !important;
        gap: 6px !important;
    }
    body.historial-finanzas .header-actions .btn {
        width: auto !important;
        min-width: 66px !important;
        min-height: 36px !important;
        padding: 0 8px !important;
        gap: 5px !important;
        font-size: .57rem !important;
        line-height: 1 !important;
    }
    body.historial-finanzas .header-actions .btn i { font-size: .7rem !important; }
    body.historial-finanzas .intro { grid-template-columns: 1fr !important; gap: 8px !important; }
    body.historial-finanzas .identity { min-width: 0 !important; }

    body.historial-finanzas .order-top {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }

    body.historial-finanzas .order-total-actions {
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    body.historial-finanzas .product-row {
        display: grid !important;
        grid-template-columns: 54px minmax(0, 1fr) !important;
        gap: 8px !important;
        align-items: center !important;
    }

    body.historial-finanzas .product-row img { width: 54px !important; height: 54px !important; }
    body.historial-finanzas .product-subtotal { grid-column: 2 !important; justify-self: start !important; }
}

@media (max-width: 360px) {
    body.cliente-finanzas-page .client-kpis { grid-template-columns: 1fr; }
    body.cuenta-finanzas .hero-history-mobile {
        min-width: 60px !important;
        height: 34px !important;
        padding: 0 6px !important;
        gap: 4px !important;
    }
    body.cuenta-finanzas .hero .hero-history-mobile span { font-size: .52rem !important; }
    body.garantias-finanzas .btn-pill {
        min-width: 59px !important;
        min-height: 34px !important;
        padding: 0 6px !important;
        gap: 4px !important;
        font-size: .51rem !important;
    }
    body.historial-finanzas .header-actions .btn {
        min-width: 59px !important;
        min-height: 34px !important;
        padding: 0 6px !important;
        gap: 4px !important;
        font-size: .51rem !important;
    }
}