/* Soluções VS (/solucoes e /solucao) em modo light (v1078). Carregado depois de public-solutions.css. */

/* ---------- Light version of the colors set in public-solutions.css ---------- */
html body.solutions-light::before { background: #5b3df5; }
html body.solutions-light::after { background: #5b3df5; }
html body.solutions-light .orb-a { background: #5b3df5; }
html body.solutions-light .orb-b { background: #5b3df5; }
html body.solutions-light .orb-c { background: #5b3df5; }
html body.solutions-light .ambient-grid { background-image: linear-gradient(#ffffff 1px, transparent 1px),
        linear-gradient(90deg, #ffffff 1px, transparent 1px); }
html body.solutions-light .public-topbar, html body.solutions-light .public-navbar { background: rgba(255, 255, 255, 0.94); }
html body.solutions-light .public-logo { color: #0f1222; }
html body.solutions-light .public-btn-primary { color: #0f1222; }
html body.solutions-light .public-btn-secondary { color: #0f1222; background: #ffffff; }
html body.solutions-light .public-btn-ghost { color: #0f1222; border: 1px solid rgba(15, 18, 34, 0.11); background: #ffffff; }
html body.solutions-light .public-hero-kicker, html body.solutions-light .public-command-label, html body.solutions-light .public-section-eyebrow { background: #ffffff; }
html body.solutions-light .public-hero-note { background: #ffffff; }
html body.solutions-light .public-mini-stat, html body.solutions-light .public-command-card { background: #ffffff; }
html body.solutions-light .public-mini-stat strong { color: #0f1222; }
html body.solutions-light .public-command-card { box-shadow: 0 20px 60px rgba(15, 18, 34, 0.04); }
html body.solutions-light .public-command-primary { background: linear-gradient(145deg, #ffffff, #ffffff),
        linear-gradient(135deg, rgba(91, 61, 245, 0.12), rgba(91, 61, 245, 0.08)); }
html body.solutions-light .public-command-link { background: #ffffff; color: #0f1222; }
html body.solutions-light .public-command-link:hover { border-color: rgba(15, 18, 34, 0.176); background: rgba(15, 18, 34, 0.054); }
html body.solutions-light .public-flow-item strong { background: rgba(15, 18, 34, 0.054); color: #0f1222; }
html body.solutions-light .public-card { box-shadow: 0 24px 70px rgba(15, 18, 34, 0.053); }
html body.solutions-light .public-card:hover { border-color: rgba(15, 18, 34, 0.176); box-shadow: 0 28px 72px rgba(15, 18, 34, 0.062); }
html body.solutions-light .public-card-media { background: linear-gradient(135deg, rgba(91, 61, 245, 0.24), rgba(91, 61, 245, 0.08)); }
html body.solutions-light .public-card-badge { background: rgba(255, 255, 255, 0.94); }
html body.solutions-light .public-card-profile { border: 1px solid rgba(91, 61, 245, 0.14); color: #0aa8b8; background: rgba(91, 61, 245, 0.08); }
html body.solutions-light .public-cta-panel { background: #ffffff; }
html body.solutions-light .public-check-item { background: #ffffff; }
html body.solutions-light .public-block-card { background: #ffffff; }
html body.solutions-light .public-block-card:hover { border-color: color-mix(in srgb, var(--block-icon-color, var(--public-primary)) 45%, rgba(15, 18, 34, 0.154)); box-shadow: 0 22px 44px rgba(15, 18, 34, 0.053), 0 0 0 1px color-mix(in srgb, var(--block-icon-color, var(--public-primary)) 24%, transparent); }
html body.solutions-light .public-gallery img { background: #ffffff; }
html body.solutions-light .public-video-frame { background: #f2f3f4; }
html body.solutions-light .public-floating-link { background: rgba(255, 255, 255, 0.94); color: #0f1222; box-shadow: 0 18px 36px rgba(15, 18, 34, 0.04); }
html body.solutions-light .public-floating-link:hover { border-color: rgba(15, 18, 34, 0.176); }
html body.solutions-light .public-floating-link-accent { border-color: rgba(91, 61, 245, 0.22); }

/* ---------- Hand-tuned light components ---------- */
html body.solutions-light {
    --public-bg: #fafaf8;
    --public-panel: #ffffff;
    --public-border: #e6e8ef;
    --public-primary: #5b3df5;
    --public-secondary: #0bb5d6;
    --public-text: #3d4456;
    --public-muted: #5a6275;
    background: #fafaf8;
    color: #3d4456;
    font-family: var(--hl-font-body);
    -webkit-font-smoothing: antialiased;
}

html body.solutions-light::before,
html body.solutions-light::after,
html body.solutions-light .ambient-orb {
    display: none;
}

html body.solutions-light .ambient-grid {
    inset: 0 0 auto 0;
    height: 720px;
    background-image: linear-gradient(#e6e8ef 1px, transparent 1px), linear-gradient(90deg, #e6e8ef 1px, transparent 1px);
    background-size: 64px 64px;
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 60% 20%, #000 15%, transparent 75%);
    mask-image: radial-gradient(ellipse 70% 60% at 60% 20%, #000 15%, transparent 75%);
    opacity: 0.6;
}

html body.solutions-light h1,
html body.solutions-light h2,
html body.solutions-light h3,
html body.solutions-light .public-catalog-title,
html body.solutions-light .public-section-title {
    color: #0f1222;
    font-family: var(--hl-font-head);
    letter-spacing: -0.025em;
}

html body.solutions-light .public-hero h1,
html body.solutions-light .public-hero-copy h1 {
    font-weight: 800;
    line-height: 1.04;
}

html body.solutions-light .public-hero p,
html body.solutions-light .public-catalog-intro p,
html body.solutions-light .public-card p,
html body.solutions-light .public-panel p,
html body.solutions-light .public-block-card p,
html body.solutions-light .public-hero-copy p,
html body.solutions-light .public-cta-note,
html body.solutions-light .public-flow-item {
    color: #5a6275;
}

/* Kickers and pills */
html body.solutions-light .public-hero-kicker,
html body.solutions-light .public-section-eyebrow,
html body.solutions-light .public-command-label,
html body.solutions-light .public-hero-badge {
    border: 1px solid #e6e8ef;
    background: #fff;
    color: #3d4456;
    box-shadow: var(--hl-shadow-sm);
}

html body.solutions-light .public-hero-kicker .icon-svg,
html body.solutions-light .public-hero-badge .icon-svg {
    color: #5b3df5;
}

html body.solutions-light .public-pill {
    border-color: #e6e8ef;
    background: #f2f3f7;
    color: #3d4456;
}

/* Buttons */
html body.solutions-light .public-btn {
    border-radius: 999px;
    font-weight: 600;
    box-shadow: none;
}

html body.solutions-light .public-btn-primary {
    border-color: #0f1222;
    background: #0f1222;
    color: #fff;
}

html body.solutions-light .public-btn-primary:hover {
    border-color: #5b3df5;
    background: #5b3df5;
    color: #fff;
}

html body.solutions-light .public-btn-secondary,
html body.solutions-light .public-btn-ghost {
    border: 1px solid #d5d9e4;
    background: #fff;
    color: #0f1222;
}

html body.solutions-light .public-btn-secondary:hover,
html body.solutions-light .public-btn-ghost:hover {
    border-color: #0f1222;
    background: #fff;
    color: #0f1222;
}

/* Surfaces */
html body.solutions-light .public-card,
html body.solutions-light .public-panel,
html body.solutions-light .public-hero-copy,
html body.solutions-light .public-hero-media,
html body.solutions-light .public-command-card,
html body.solutions-light .public-mini-stat,
html body.solutions-light .public-block-card {
    border: 1px solid #e6e8ef;
    background: #fff;
    box-shadow: var(--hl-shadow);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html body.solutions-light .public-command-primary {
    background: #fff;
}

html body.solutions-light .public-card:hover,
html body.solutions-light .public-block-card:hover {
    border-color: #d5d9e4;
    box-shadow: var(--hl-shadow-lg);
    transform: translateY(-4px);
}

html body.solutions-light .public-mini-stat strong {
    color: #0f1222;
}

html body.solutions-light .public-mini-stat span {
    color: #5a6275;
}

html body.solutions-light .public-command-link {
    border: 1px solid #e6e8ef;
    background: #fafaf8;
    color: #0f1222;
}

html body.solutions-light .public-command-link .icon-svg {
    color: #5b3df5;
}

html body.solutions-light .public-command-link:hover {
    border-color: #d5d9e4;
    background: #fff;
    transform: translateY(-2px);
}

html body.solutions-light .public-flow-item strong {
    background: #efecff;
    color: #4327d9;
}

html body.solutions-light .public-hero-note {
    border: 1px solid #e6e8ef;
    background: #fff;
    color: #3d4456;
}

html body.solutions-light .public-hero-note .icon-svg {
    color: #5b3df5;
}

/* Cards */
html body.solutions-light .public-card-media {
    background: linear-gradient(135deg, #efecff, #e6f7fb);
}

html body.solutions-light .public-card-badge {
    border-color: rgba(255, 255, 255, 0.6);
    background: rgba(255, 255, 255, 0.9);
    color: #0f1222;
    font-weight: 600;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

html body.solutions-light .public-card-profile {
    border-color: transparent;
    background: #efecff;
    color: #4327d9;
}

html body.solutions-light .public-card-profile .icon-svg,
html body.solutions-light .public-card-profile .icon-mark {
    color: #5b3df5;
}

html body.solutions-light .public-price,
html body.solutions-light .public-cta-price {
    color: #0f1222;
    font-family: var(--hl-font-head);
    letter-spacing: -0.02em;
}

html body.solutions-light .public-empty-state {
    border-color: #d5d9e4;
    background: #fff;
    color: #5a6275;
}

/* Solution page */
html body.solutions-light .public-cta-panel,
html body.solutions-light .public-check-item {
    border-color: #e6e8ef;
    background: #fafaf8;
}

html body.solutions-light .public-check-item {
    color: #3d4456;
}

html body.solutions-light .public-check-item .icon-svg {
    color: #0f9d6b;
}

html body.solutions-light .public-hero-media {
    background: linear-gradient(135deg, #efecff, #e6f7fb);
}

html body.solutions-light .public-block-card:hover {
    border-color: color-mix(in srgb, var(--block-icon-color, #5b3df5) 35%, #e6e8ef);
}

html body.solutions-light .public-gallery img {
    border-color: #e6e8ef;
    background: #f2f3f7;
}

html body.solutions-light .public-video-frame {
    background: #0f1222;
}

html body.solutions-light a:not([class]) {
    color: #5b3df5;
}

/* Floating dock: compact pills, out of the content on small screens */
html body.solutions-light .public-floating-link {
    border: 1px solid #e6e8ef;
    background: rgba(255, 255, 255, 0.92);
    color: #0f1222;
    font-size: 0.86rem;
    font-weight: 600;
    box-shadow: var(--hl-shadow);
}

html body.solutions-light .public-floating-link .icon-svg {
    color: #5b3df5;
}

html body.solutions-light .public-floating-link:hover {
    border-color: #d5d9e4;
}

html body.solutions-light .public-floating-link-accent {
    border-color: #0f1222;
    background: #0f1222;
    color: #fff;
}

html body.solutions-light .public-floating-link-accent .icon-svg {
    color: #fff;
}

/* The menu already links the catalog and the client area, so only support stays floating. */
html body.solutions-light .public-floating-link:not(.public-floating-link-accent) {
    display: none;
}

html body.solutions-light :focus-visible {
    outline: 2px solid #5b3df5;
    outline-offset: 2px;
}

/* ---------- Compact header (v1082) ---------- */
html body.solutions-light .sol-head { position: relative; padding: 2.75rem 0 1.75rem; }
html body.solutions-light .sol-head-inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem 2.5rem; flex-wrap: wrap; }
html body.solutions-light .sol-head-copy { max-width: 760px; }
html body.solutions-light .sol-head-kicker { display: inline-flex; align-items: center; gap: .45rem; color: #5b3df5; font-size: .8rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
html body.solutions-light .sol-head-kicker .icon-svg { width: 14px; height: 14px; }
html body.solutions-light .sol-head-kicker b { display: inline-grid; min-width: 1.4rem; height: 1.4rem; place-items: center; border-radius: 999px; padding: 0 .35rem; background: rgba(91, 61, 245, .1); font-size: .72rem; letter-spacing: 0; }
html body.solutions-light .sol-head h1 { margin-top: .6rem; color: #0f1222; font-family: 'Plus Jakarta Sans', 'Inter', sans-serif; font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); font-weight: 800; line-height: 1.12; letter-spacing: -.03em; }
html body.solutions-light .sol-head p { margin-top: .6rem; max-width: 560px; color: #5d6478; font-size: 1rem; line-height: 1.6; }
html body.solutions-light .sol-head-actions { display: flex; align-items: center; gap: .6rem; flex-wrap: wrap; }
html body.solutions-light .sol-head-actions .public-btn { min-height: 44px; padding: .65rem 1.1rem; font-size: .92rem; }
html body.solutions-light .sol-head-icon { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(15, 18, 34, .11); border-radius: 12px; background: #fff; color: #0f1222; transition: border-color .2s, color .2s; }
html body.solutions-light .sol-head-icon:hover { border-color: #25d366; color: #128c4a; }
html body.solutions-light .sol-head-icon .icon-svg { width: 18px; height: 18px; }
html body.solutions-light .sol-head-steps { display: flex; flex-wrap: wrap; gap: .4rem 1.5rem; margin-top: 1.5rem; padding-top: 1.1rem; border-top: 1px solid rgba(15, 18, 34, .08); list-style: none; color: #5d6478; font-size: .86rem; }
html body.solutions-light .sol-head-steps li { display: inline-flex; align-items: center; gap: .5rem; }
html body.solutions-light .sol-head-steps span { display: grid; width: 1.35rem; height: 1.35rem; place-items: center; border-radius: 50%; background: #0f1222; color: #fff; font-size: .7rem; font-weight: 700; }
html body.solutions-light #catalogo { padding-top: .5rem; }
@media (max-width: 640px) {
    html body.solutions-light .sol-head { padding: 1.75rem 0 1.25rem; }
    html body.solutions-light .sol-head-actions { width: 100%; }
    html body.solutions-light .sol-head-actions .public-btn { flex: 1 1 auto; justify-content: center; }
    html body.solutions-light .sol-head-steps, html body.solutions-light .sol-head-icon { display: none; }
}