﻿@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

:root {
    --dark: #020617;
    --dark-2: #07111f;
    --panel: rgba(15, 23, 42, 0.78);
    --panel-2: rgba(255,255,255,0.07);
    --green: #22c55e;
    --green-2: #86efac;
    --soft-green: rgba(34,197,94,0.14);
    --white: #ffffff;
    --muted: #cbd5e1;
    --line: rgba(255,255,255,0.13);
    --shadow: 0 30px 90px rgba(0,0,0,0.45);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', Arial, sans-serif;
    background: var(--dark);
    color: var(--white);
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

.site-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 80;
    padding: 16px 22px;
}

.header-container {
    width: min(1180px, 100%);
    margin: 0 auto;
    min-height: 68px;
    padding: 0 18px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,0.12);
    background: rgba(2,6,23,0.76);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    box-shadow: 0 24px 70px rgba(0,0,0,0.35);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.brand {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--white);
    min-width: max-content;
}

.brand-mark {
    width: 38px;
    height: 38px;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--green), var(--green-2));
    color: #02110a;
    display: grid;
    place-items: center;
    font-weight: 900;
    box-shadow: 0 14px 34px rgba(34,197,94,0.34);
}

.brand-text {
    font-size: 1rem;
    font-weight: 900;
    letter-spacing: -0.03em;
}

.desktop-menu {
    display: flex;
    gap: clamp(14px, 2vw, 30px);
}

.desktop-menu a {
    color: rgba(255,255,255,0.75);
    font-size: 0.92rem;
    font-weight: 600;
    transition: 0.25s;
}

.desktop-menu a:hover {
    color: var(--green);
}

.header-cta {
    min-width: max-content;
    padding: 13px 18px;
    border-radius: 15px;
    background: var(--white);
    color: #020617;
    font-size: 0.86rem;
    font-weight: 900;
    transition: 0.25s;
}

.header-cta:hover {
    background: var(--green);
    transform: translateY(-2px);
}

/* BLOCO 1 */
.hero-master {
    min-height: 100svh;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 130px 22px 64px;
}

.hero-video,
.hero-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-bg {
    background-size: cover;
    background-position: center;
    opacity: 0;
    transform: scale(1.08);
    filter: saturate(1.05) contrast(1.05);
    transition: opacity 1.6s ease, transform 7s ease;
}

.hero-bg.active {
    opacity: 1;
    transform: scale(1);
}

.hero-noise {
    position: absolute;
    inset: 0;
    opacity: 0.16;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 46px 46px;
    mask-image: linear-gradient(to bottom, black, transparent 92%);
}

.hero-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 15% 18%, rgba(34,197,94,0.28), transparent 32%),
        radial-gradient(circle at 72% 42%, rgba(34,197,94,0.12), transparent 34%),
        linear-gradient(90deg, rgba(2,6,23,0.98) 0%, rgba(2,6,23,0.86) 47%, rgba(2,6,23,0.62) 100%),
        linear-gradient(180deg, rgba(2,6,23,0.20) 0%, rgba(2,6,23,0.98) 100%);
}

.hero-light {
    position: absolute;
    border-radius: 999px;
    filter: blur(80px);
    pointer-events: none;
}

.hero-light-left {
    width: 420px;
    height: 420px;
    left: -120px;
    top: 20%;
    background: rgba(34,197,94,0.16);
}

.hero-light-right {
    width: 560px;
    height: 560px;
    right: -220px;
    top: 22%;
    background: rgba(134,239,172,0.11);
}

.hero-container {
    position: relative;
    z-index: 2;
    width: min(1180px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.76fr);
    gap: clamp(28px, 4vw, 58px);
    align-items: center;
}

.hero-copy h1 {
    font-size: clamp(2.8rem, 5.8vw, 6.15rem);
    line-height: 0.94;
    letter-spacing: -0.08em;
    font-weight: 900;
    max-width: 900px;
    text-wrap: balance;
    text-shadow: 0 18px 60px rgba(0,0,0,0.35);
}

.hero-badge,
.section-kicker {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 10px 14px;
    border-radius: 999px;
    color: #bbf7d0;
    background: rgba(34,197,94,0.14);
    border: 1px solid rgba(34,197,94,0.34);
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 22px;
}

.hero-subtitle {
    margin-top: 24px;
    max-width: 720px;
    color: rgba(255,255,255,0.76);
    font-size: clamp(1rem, 1.45vw, 1.18rem);
    line-height: 1.75;
}

.hero-products {
    margin-top: 26px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.product-pill {
    color: rgba(255,255,255,0.78);
    border: 1px solid rgba(255,255,255,0.14);
    background: rgba(255,255,255,0.06);
    padding: 10px 13px;
    border-radius: 999px;
    font-size: 0.82rem;
    font-weight: 800;
    transition: 0.25s;
    backdrop-filter: blur(12px);
}

.product-pill.active {
    color: #02110a;
    background: linear-gradient(135deg, var(--green), var(--green-2));
    border-color: transparent;
}

.product-pill:hover {
    transform: translateY(-3px);
    border-color: rgba(34,197,94,0.45);
}

.hero-actions {
    margin-top: 32px;
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.btn {
    min-height: 58px;
    padding: 0 24px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    transition: 0.25s;
}

.btn-primary {
    color: #02110a;
    background: linear-gradient(135deg, var(--green), var(--green-2));
    box-shadow: 0 20px 48px rgba(34,197,94,0.34);
}

.btn-secondary {
    color: var(--white);
    background: rgba(255,255,255,0.07);
    border: 1px solid rgba(255,255,255,0.18);
    backdrop-filter: blur(12px);
}

.btn:hover {
    transform: translateY(-4px);
}

.hero-proof {
    margin-top: 34px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 760px;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0.13);
    background: rgba(2,6,23,0.48);
    backdrop-filter: blur(18px);
}

.hero-proof div {
    padding: 18px 16px;
    border-right: 1px solid rgba(255,255,255,0.12);
}

.hero-proof div:last-child {
    border-right: none;
}

.hero-proof strong {
    display: block;
    font-size: 0.98rem;
}

.hero-proof span {
    display: block;
    margin-top: 5px;
    color: rgba(255,255,255,0.60);
    font-size: 0.78rem;
}

.hero-panel {
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    padding: 24px;
    background:
        linear-gradient(180deg, rgba(15,23,42,0.84), rgba(15,23,42,0.64));
    border: 1px solid rgba(255,255,255,0.17);
    backdrop-filter: blur(28px);
    box-shadow:
        0 28px 80px rgba(0,0,0,0.42),
        inset 0 1px 0 rgba(255,255,255,0.10);
    transform-style: preserve-3d;
}

.panel-glow {
    position: absolute;
    width: 260px;
    height: 260px;
    right: -80px;
    top: -80px;
    background: rgba(34,197,94,0.18);
    filter: blur(58px);
    pointer-events: none;
}

.panel-top {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,0.68);
    font-size: 0.86rem;
    margin-bottom: 18px;
}

.status-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: var(--green);
    box-shadow: 0 0 0 8px rgba(34,197,94,0.15);
}

.hero-panel h2 {
    position: relative;
    font-size: clamp(1.45rem, 2vw, 2.1rem);
    letter-spacing: -0.045em;
    margin-bottom: 8px;
}

.panel-subtitle {
    position: relative;
    color: rgba(255,255,255,0.58);
    line-height: 1.55;
    margin-bottom: 18px;
}

.solution-list {
    position: relative;
    display: grid;
    gap: 12px;
}

.solution-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px;
    border-radius: 20px;
    background: rgba(255,255,255,0.065);
    border: 1px solid rgba(255,255,255,0.11);
    color: var(--white);
    transition: 0.25s;
    transform-style: preserve-3d;
}

.solution-item:hover {
    transform: translateX(6px) translateZ(12px);
    background: rgba(34,197,94,0.14);
    border-color: rgba(34,197,94,0.42);
}

.solution-item.featured {
    background: rgba(34,197,94,0.13);
    border-color: rgba(34,197,94,0.30);
}

.solution-icon {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: rgba(34,197,94,0.16);
    color: var(--green);
    font-weight: 900;
    flex: 0 0 auto;
}

.solution-item strong {
    display: block;
    font-size: 0.98rem;
}

.solution-item small {
    display: block;
    color: rgba(255,255,255,0.60);
    margin-top: 4px;
    font-size: 0.82rem;
}

.panel-footer {
    position: relative;
    margin-top: 18px;
    padding: 18px;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(34,197,94,0.21), rgba(255,255,255,0.06));
    border: 1px solid rgba(34,197,94,0.25);
}

.panel-footer span {
    display: block;
    color: rgba(255,255,255,0.66);
    font-size: 0.82rem;
}

.panel-footer strong {
    display: block;
    margin-top: 5px;
}

/* BLOCO 2 */
.services-master {
    position: relative;
    padding: 112px 22px;
    background:
        radial-gradient(circle at 5% 10%, rgba(34,197,94,0.14), transparent 30%),
        radial-gradient(circle at 86% 38%, rgba(134,239,172,0.08), transparent 32%),
        linear-gradient(180deg, #020617 0%, #07111f 46%, #020617 100%);
    border-top: 1px solid rgba(255,255,255,0.10);
}

.section-container {
    width: min(1180px, 100%);
    margin: 0 auto;
}

.section-heading {
    max-width: 860px;
    margin-bottom: 56px;
}

.section-heading h2,
.process-copy h2,
.services-cta-box h2 {
    font-size: clamp(2.2rem, 4.4vw, 4.65rem);
    line-height: 1.0;
    letter-spacing: -0.07em;
    font-weight: 900;
    text-wrap: balance;
}

.section-heading p,
.process-copy p,
.services-cta-box p {
    margin-top: 18px;
    color: rgba(255,255,255,0.70);
    font-size: clamp(1rem, 1.45vw, 1.15rem);
    line-height: 1.75;
}

.featured-services {
    display: grid;
    gap: 26px;
}

.premium-service-card {
    display: grid;
    grid-template-columns: 0.96fr 1.04fr;
    min-height: 460px;
    border-radius: 36px;
    overflow: hidden;
    background: rgba(15,23,42,0.76);
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow:
        0 30px 90px rgba(0,0,0,0.35),
        inset 0 1px 0 rgba(255,255,255,0.08);
    transform-style: preserve-3d;
    transition: 0.35s ease;
}

.premium-service-card:hover {
    transform: translateY(-8px);
    border-color: rgba(34,197,94,0.36);
    box-shadow:
        0 42px 110px rgba(0,0,0,0.46),
        0 0 0 1px rgba(34,197,94,0.16),
        inset 0 1px 0 rgba(255,255,255,0.10);
}

.premium-service-card.reverse {
    grid-template-columns: 1.04fr 0.96fr;
}

.premium-service-card.reverse .premium-image {
    order: 2;
}

.premium-image {
    min-height: 100%;
    position: relative;
    overflow: hidden;
}

.premium-image::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(2,6,23,0.05), rgba(2,6,23,0.64)),
        linear-gradient(180deg, transparent, rgba(2,6,23,0.60));
}

.premium-service-card.reverse .premium-image::after {
    background:
        linear-gradient(270deg, rgba(2,6,23,0.05), rgba(2,6,23,0.64)),
        linear-gradient(180deg, transparent, rgba(2,6,23,0.60));
}

.premium-image img {
    width: 100%;
    height: 100%;
    min-height: 460px;
    object-fit: cover;
    display: block;
    transition: 0.7s ease;
}

.premium-service-card:hover .premium-image img {
    transform: scale(1.06);
}

.premium-content {
    padding: clamp(30px, 4.3vw, 58px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service-tag {
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(34,197,94,0.14);
    border: 1px solid rgba(34,197,94,0.35);
    color: #86efac;
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 18px;
}

.premium-content h3 {
    font-size: clamp(2rem, 3.4vw, 3.45rem);
    line-height: 1.02;
    letter-spacing: -0.065em;
    font-weight: 900;
}

.premium-content p {
    margin-top: 18px;
    color: rgba(255,255,255,0.72);
    line-height: 1.75;
    font-size: 1.02rem;
}

.premium-content ul {
    list-style: none;
    display: grid;
    gap: 12px;
    margin-top: 24px;
}

.premium-content li {
    position: relative;
    padding-left: 28px;
    color: rgba(255,255,255,0.82);
    line-height: 1.5;
}

.premium-content li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 0 7px rgba(34,197,94,0.13);
}

.service-btn {
    width: fit-content;
    margin-top: 30px;
    min-height: 52px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    background: linear-gradient(135deg, var(--green), var(--green-2));
    color: #02110a;
    font-weight: 900;
    box-shadow: 0 18px 42px rgba(34,197,94,0.28);
    transition: 0.25s;
}

.service-btn:hover {
    transform: translateY(-3px);
}

.service-card-grid {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.mini-premium-card {
    position: relative;
    min-height: 420px;
    overflow: hidden;
    border-radius: 32px;
    border: 1px solid rgba(255,255,255,0.14);
    box-shadow:
        0 30px 80px rgba(0,0,0,0.34),
        inset 0 1px 0 rgba(255,255,255,0.08);
    transform-style: preserve-3d;
    transition: 0.35s ease;
}

.mini-premium-card:hover {
    transform: translateY(-10px) rotateX(1deg);
    border-color: rgba(34,197,94,0.42);
}

.mini-card-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.05);
    transition: 0.7s ease;
}

.mini-premium-card:hover .mini-card-bg {
    transform: scale(1.13);
}

.mini-card-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(2,6,23,0.16), rgba(2,6,23,0.96)),
        radial-gradient(circle at 20% 20%, rgba(34,197,94,0.18), transparent 35%);
}

.mini-card-content {
    position: relative;
    z-index: 2;
    min-height: 420px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.mini-icon {
    width: 54px;
    height: 54px;
    border-radius: 19px;
    display: grid;
    place-items: center;
    background: rgba(34,197,94,0.18);
    border: 1px solid rgba(34,197,94,0.32);
    color: var(--green);
    font-weight: 900;
    margin-bottom: 20px;
}

.mini-card-content h3 {
    font-size: 1.7rem;
    letter-spacing: -0.045em;
    margin-bottom: 12px;
}

.mini-card-content p {
    color: rgba(255,255,255,0.72);
    line-height: 1.65;
}

.mini-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.mini-tags span {
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,0.10);
    color: rgba(255,255,255,0.78);
    font-size: 0.76rem;
    font-weight: 800;
}

.mini-card-content a {
    margin-top: 22px;
    color: #86efac;
    font-weight: 900;
    transition: 0.25s;
}

.mini-card-content a:hover {
    color: var(--green);
    transform: translateX(4px);
}

.process-premium {
    margin-top: 92px;
    display: grid;
    grid-template-columns: 0.85fr 1.15fr;
    gap: 36px;
    align-items: start;
}

.process-copy {
    position: sticky;
    top: 120px;
}

.process-grid {
    display: grid;
    gap: 18px;
}

.step-card {
    padding: 28px;
    border-radius: 30px;
    background:
        radial-gradient(circle at top left, rgba(34,197,94,0.13), transparent 35%),
        rgba(15,23,42,0.82);
    border: 1px solid rgba(255,255,255,0.13);
    box-shadow: 0 20px 60px rgba(0,0,0,0.22);
    transition: 0.28s ease;
}

.step-card:hover {
    transform: translateX(8px);
    border-color: rgba(34,197,94,0.35);
}

.step-card span {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    background: linear-gradient(135deg, var(--green), var(--green-2));
    color: #02110a;
    display: grid;
    place-items: center;
    font-weight: 900;
    margin-bottom: 20px;
}

.step-card h3 {
    font-size: 1.32rem;
    letter-spacing: -0.035em;
    margin-bottom: 8px;
}

.step-card p {
    color: rgba(255,255,255,0.66);
    line-height: 1.65;
    max-width: 620px;
}

.services-cta-box {
    margin-top: 92px;
    padding: clamp(30px, 4vw, 52px);
    border-radius: 36px;
    background:
        radial-gradient(circle at 20% 20%, rgba(34,197,94,0.20), transparent 35%),
        linear-gradient(135deg, rgba(15,23,42,0.94), rgba(2,6,23,0.92));
    border: 1px solid rgba(34,197,94,0.24);
    box-shadow: 0 32px 90px rgba(0,0,0,0.34);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
}

.services-cta-box div {
    max-width: 740px;
}

.whatsapp-float {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 62px;
    height: 62px;
    border-radius: 22px;
    z-index: 90;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #25d366, var(--green-2));
    color: #02110a;
    box-shadow: 0 20px 52px rgba(37,211,102,0.38);
    transition: 0.25s;
    font-weight: 900;
}

.whatsapp-float:hover {
    transform: translateY(-5px) scale(1.03);
}

.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

.delay-1 {
    transition-delay: 0.15s;
}

/* NOTEBOOK */
@media (max-width: 1180px) {
    .hero-container {
        grid-template-columns: 1fr 390px;
    }

    .hero-copy h1 {
        font-size: clamp(2.8rem, 5.4vw, 4.9rem);
    }
}

/* TABLET */
@media (max-width: 980px) {
    .desktop-menu {
        display: none;
    }

    .hero-master {
        padding-top: 118px;
        align-items: flex-start;
    }

    .hero-container {
        grid-template-columns: 1fr;
    }

    .hero-panel {
        max-width: 720px;
    }

    .premium-service-card,
    .premium-service-card.reverse {
        grid-template-columns: 1fr;
    }

    .premium-service-card.reverse .premium-image {
        order: 0;
    }

    .premium-image img {
        min-height: 320px;
    }

    .service-card-grid {
        grid-template-columns: 1fr;
    }

    .process-premium {
        grid-template-columns: 1fr;
    }

    .process-copy {
        position: static;
    }

    .services-cta-box {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* MOBILE */
@media (max-width: 640px) {
    .site-header {
        padding: 10px;
    }

    .header-container {
        min-height: auto;
        padding: 12px;
        border-radius: 18px;
    }

    .brand-mark {
        width: 34px;
        height: 34px;
        border-radius: 12px;
    }

    .brand-text {
        font-size: 0.9rem;
    }

    .header-cta {
        padding: 11px 13px;
        font-size: 0.76rem;
        border-radius: 13px;
    }

    .hero-master {
        min-height: auto;
        padding: 106px 14px 42px;
    }

    .hero-copy h1 {
        font-size: clamp(2.2rem, 12vw, 3.35rem);
        line-height: 0.98;
        letter-spacing: -0.065em;
    }

    .hero-subtitle {
        font-size: 0.98rem;
        line-height: 1.6;
    }

    .hero-products {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .product-pill {
        text-align: center;
        font-size: 0.75rem;
        padding: 10px;
    }

    .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .btn {
        width: 100%;
        min-height: 54px;
    }

    .hero-proof {
        grid-template-columns: 1fr;
    }

    .hero-proof div {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.12);
    }

    .hero-proof div:last-child {
        border-bottom: none;
    }

    .hero-panel {
        border-radius: 26px;
        padding: 16px;
    }

    .solution-item {
        border-radius: 17px;
        padding: 13px;
    }

    .services-master {
        padding: 70px 14px;
    }

    .section-heading {
        margin-bottom: 36px;
    }

    .section-heading h2,
    .process-copy h2,
    .services-cta-box h2 {
        font-size: clamp(2rem, 10.5vw, 3.05rem);
    }

    .premium-service-card {
        border-radius: 26px;
        min-height: auto;
    }

    .premium-image img {
        min-height: 240px;
    }

    .premium-content {
        padding: 24px;
    }

    .premium-content h3 {
        font-size: 2rem;
    }

    .service-btn {
        width: 100%;
    }

    .mini-premium-card {
        min-height: 390px;
        border-radius: 26px;
    }

    .mini-card-content {
        min-height: 390px;
        padding: 24px;
    }

    .process-premium {
        margin-top: 68px;
    }

    .step-card {
        padding: 24px;
        border-radius: 24px;
    }

    .services-cta-box {
        margin-top: 68px;
        border-radius: 26px;
    }

    .whatsapp-float {
        right: 16px;
        bottom: 16px;
        width: 56px;
        height: 56px;
        border-radius: 19px;
    }
}

/* TELAS GRANDES */
@media (min-width: 1500px) {
    .header-container,
    .hero-container,
    .section-container {
        width: min(1380px, 100%);
    }

    .hero-copy h1 {
        font-size: 6.5rem;
    }
}

/* =========================================================
   UPGRADE BLOCO 1 - CONVERSÃO / CONFIANÇA / CARDS 3D
========================================================= */

/* Fundo mais visível nas trocas */
.hero-bg {
    opacity: 0;
    transform: scale(1.12);
    filter: saturate(1.12) contrast(1.12) brightness(0.62) blur(1px);
    transition:
        opacity 1.35s cubic-bezier(.22,.61,.36,1),
        transform 7.5s cubic-bezier(.22,.61,.36,1),
        filter 1.35s ease;
}

.hero-bg.active {
    opacity: 1;
    transform: scale(1.02);
    filter: saturate(1.18) contrast(1.12) brightness(0.84) blur(0);
}

/* Dá mais presença visual à imagem sem prejudicar leitura */
.hero-overlay {
    background:
        radial-gradient(circle at 18% 20%, rgba(34,197,94,0.24), transparent 30%),
        radial-gradient(circle at 72% 38%, rgba(34,197,94,0.15), transparent 32%),
        linear-gradient(90deg, rgba(2,6,23,0.90) 0%, rgba(2,6,23,0.73) 45%, rgba(2,6,23,0.50) 100%),
        linear-gradient(180deg, rgba(2,6,23,0.16) 0%, rgba(2,6,23,0.94) 100%);
}

/* Efeito de transição premium */
.hero-master::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 50%, rgba(34,197,94,0.16), transparent 34%);
    opacity: 0;
    transition: opacity .8s ease;
}

.hero-master.is-changing::after {
    opacity: 1;
}

/* Deixa o texto mais elegante e menos pesado visualmente */
.hero-copy h1 {
    max-width: 820px;
    text-shadow:
        0 24px 70px rgba(0,0,0,0.58),
        0 2px 0 rgba(255,255,255,0.02);
}

.hero-subtitle {
    max-width: 660px;
}

/* Painel com perspectiva real */
.hero-panel {
    perspective: 1200px;
    transform-style: preserve-3d;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.hero-panel:hover {
    transform: translateY(-6px);
    border-color: rgba(34,197,94,0.34);
    box-shadow:
        0 36px 110px rgba(0,0,0,0.52),
        0 0 0 1px rgba(34,197,94,0.12),
        inset 0 1px 0 rgba(255,255,255,0.10);
}

/* Cards da direita: premium, 3D, surgindo */
.solution-list {
    perspective: 1200px;
}

.solution-item {
    position: relative;
    overflow: hidden;
    opacity: 0;
    transform: translateY(18px) rotateX(8deg);
    animation: solutionEnter .72s cubic-bezier(.22,.61,.36,1) forwards;
    will-change: transform, opacity;
}

.solution-item:nth-child(1) { animation-delay: .10s; }
.solution-item:nth-child(2) { animation-delay: .20s; }
.solution-item:nth-child(3) { animation-delay: .30s; }
.solution-item:nth-child(4) { animation-delay: .40s; }

@keyframes solutionEnter {
    to {
        opacity: 1;
        transform: translateY(0) rotateX(0);
    }
}

/* Borda luminosa nos cards */
.solution-item::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(
        135deg,
        rgba(34,197,94,0.58),
        rgba(255,255,255,0.12),
        rgba(34,197,94,0.10)
    );
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity .28s ease;
    pointer-events: none;
}

.solution-item::after {
    content: "";
    position: absolute;
    width: 130px;
    height: 130px;
    top: -60px;
    right: -60px;
    border-radius: 999px;
    background: rgba(34,197,94,0.16);
    filter: blur(22px);
    opacity: 0;
    transition: opacity .28s ease, transform .28s ease;
    pointer-events: none;
}

.solution-item:hover::before,
.solution-item.active-solution::before {
    opacity: 1;
}

.solution-item:hover::after,
.solution-item.active-solution::after {
    opacity: 1;
    transform: scale(1.18);
}

/* Hover com sensação elevada */
.solution-item:hover {
    transform: translateX(8px) translateY(-4px) rotateX(2deg);
    background:
        radial-gradient(circle at top right, rgba(34,197,94,0.18), transparent 36%),
        rgba(255,255,255,0.075);
    box-shadow:
        0 22px 48px rgba(0,0,0,0.28),
        0 0 0 1px rgba(34,197,94,0.18);
}

/* Card ativo do slide mais forte */
.solution-item.active-solution {
    background:
        radial-gradient(circle at top right, rgba(34,197,94,0.24), transparent 38%),
        rgba(34,197,94,0.12);
    border-color: rgba(34,197,94,0.42);
    box-shadow:
        0 18px 48px rgba(34,197,94,0.16),
        inset 0 1px 0 rgba(255,255,255,0.09);
}

/* Ícones mais premium */
.solution-icon {
    position: relative;
    overflow: hidden;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 12px 28px rgba(34,197,94,0.13);
}

.solution-icon::after {
    content: "";
    position: absolute;
    inset: -35%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.32), transparent);
    transform: translateX(-120%);
    transition: transform .55s ease;
}

.solution-item:hover .solution-icon::after {
    transform: translateX(120%);
}

/* Texto do card mais organizado */
.solution-item strong {
    letter-spacing: -0.02em;
}

.solution-item small {
    max-width: 240px;
}

/* Pills menores e mais finas para reduzir poluição */
.hero-products {
    max-width: 720px;
}

.product-pill {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

.product-pill.active {
    box-shadow:
        0 12px 28px rgba(34,197,94,0.18),
        inset 0 1px 0 rgba(255,255,255,0.28);
}

/* Prova de confiança mais compacta */
.hero-proof {
    max-width: 690px;
}

.hero-proof div {
    padding: 15px 14px;
}

/* Barra/dots mais premium */
.hero-slider-meta {
    max-width: 690px;
}

.hero-progress {
    height: 5px;
    background: rgba(255,255,255,0.075);
}

.hero-dot {
    box-shadow: 0 0 0 4px rgba(255,255,255,0.02);
}

.hero-dot.active {
    box-shadow: 0 0 0 5px rgba(34,197,94,0.12);
}

/* Responsivo refinado */
@media (max-width: 1180px) {
    .hero-container {
        gap: 28px;
    }

    .hero-copy h1 {
        max-width: 760px;
    }
}

@media (max-width: 980px) {
    .hero-overlay {
        background:
            radial-gradient(circle at 20% 14%, rgba(34,197,94,0.22), transparent 32%),
            linear-gradient(180deg, rgba(2,6,23,0.82) 0%, rgba(2,6,23,0.76) 42%, rgba(2,6,23,0.97) 100%);
    }

    .hero-panel:hover {
        transform: none;
    }

    .solution-item:hover {
        transform: translateY(-3px);
    }
}

@media (max-width: 640px) {
    .hero-master {
        padding-top: 104px;
    }

    .hero-copy h1 {
        max-width: 100%;
    }

    .hero-products {
        grid-template-columns: 1fr;
    }

    .product-pill {
        justify-content: flex-start;
        font-size: .78rem;
    }

    .hero-proof {
        margin-top: 24px;
    }

    .hero-slider-meta {
        margin-top: 20px;
    }

    .solution-item {
        animation-delay: 0s !important;
    }

    .solution-item:hover {
        transform: none;
    }
}

/* =========================================================
   UPGRADE PREMIUM DOS CARDS DO PAINEL DIREITO - BLOCO 1
========================================================= */

.premium-solution-list {
    display: grid;
    gap: 14px;
}

.solution-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.solution-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
}

.solution-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: .69rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #dfffea;
    background: rgba(34,197,94,0.12);
    border: 1px solid rgba(34,197,94,0.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
    transition: all .28s ease;
    flex-shrink: 0;
}

.solution-item {
    align-items: flex-start;
    min-height: 86px;
    transform-style: preserve-3d;
    will-change: transform, box-shadow;
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease;
}

.solution-item .solution-icon {
    margin-top: 2px;
    flex-shrink: 0;
}

.solution-item small {
    display: block;
    margin-top: 2px;
    color: rgba(255,255,255,0.66);
    transition: color .28s ease;
}

.solution-reveal {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transform: translateY(10px);
    transition:
        max-height .38s ease,
        opacity .28s ease,
        transform .28s ease,
        padding-top .28s ease;
    padding-top: 0;
}

.solution-reveal p {
    margin: 0 0 10px;
    font-size: .84rem;
    line-height: 1.55;
    color: rgba(255,255,255,0.84);
}

.solution-reveal ul {
    margin: 0;
    padding: 0 0 0 18px;
    display: grid;
    gap: 7px;
}

.solution-reveal li {
    color: rgba(255,255,255,0.78);
    font-size: .80rem;
    line-height: 1.45;
}

.solution-link-label {
    display: inline-flex;
    margin-top: 12px;
    font-size: .80rem;
    font-weight: 700;
    color: #7fffb0;
    letter-spacing: .01em;
}

/* hover / card ativo */
.solution-item:hover,
.solution-item.active-solution {
    transform: translateY(-5px) scale(1.01);
    background:
        radial-gradient(circle at top right, rgba(34,197,94,0.18), transparent 35%),
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.05));
    border-color: rgba(34,197,94,0.34);
    box-shadow:
        0 20px 44px rgba(0,0,0,0.25),
        0 0 0 1px rgba(34,197,94,0.12),
        inset 0 1px 0 rgba(255,255,255,0.10);
}

.solution-item:hover small,
.solution-item.active-solution small {
    color: rgba(255,255,255,0.86);
}

.solution-item:hover .solution-tag,
.solution-item.active-solution .solution-tag {
    background: rgba(34,197,94,0.18);
    border-color: rgba(34,197,94,0.32);
    color: #ffffff;
    box-shadow:
        0 10px 22px rgba(34,197,94,0.12),
        inset 0 1px 0 rgba(255,255,255,0.10);
}

.solution-item:hover .solution-reveal,
.solution-item.active-solution .solution-reveal {
    max-height: 220px;
    opacity: 1;
    transform: translateY(0);
    padding-top: 12px;
}

.solution-item:hover .solution-icon,
.solution-item.active-solution .solution-icon {
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.12),
        0 16px 28px rgba(34,197,94,0.16);
    transform: translateY(-1px) scale(1.04);
}

/* brilho fino */
.solution-item::before {
    opacity: .12;
}

.solution-item:hover::before,
.solution-item.active-solution::before {
    opacity: 1;
}

.solution-item::after {
    opacity: 0;
}

.solution-item:hover::after,
.solution-item.active-solution::after {
    opacity: 1;
}

/* painel fica mais equilibrado */
.hero-panel {
    overflow: hidden;
}

.hero-panel h2 {
    margin-bottom: 8px;
}

.panel-subtitle {
    margin-bottom: 18px;
}

/* desktop grande */
@media (min-width: 981px) {
    .solution-item:hover {
        z-index: 5;
    }
}

/* tablet */
@media (max-width: 980px) {
    .solution-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .solution-tag {
        align-self: flex-start;
    }
}

/* mobile */
@media (max-width: 640px) {
    .solution-item {
        min-height: auto;
        padding: 14px 14px 14px 14px;
    }

    .solution-reveal p {
        font-size: .80rem;
    }

    .solution-reveal li {
        font-size: .77rem;
    }

    .solution-item:hover {
        transform: none;
    }

    .solution-item.active-solution .solution-reveal {
        max-height: 240px;
    }
}

/* =========================================================
   INTERAÇÃO 3D SUAVE - HERO PANEL / SOLUTION CARDS
========================================================= */


/* === SELLAR HERO BACKGROUND FINAL START === */

/* Fundo do hero ainda mais premium */
.hero-master {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Troca de imagens mais nítida e cinematográfica */
.hero-bg {
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transform: scale(1.10);
    filter: saturate(1.08) contrast(1.08) brightness(0.60) blur(0.5px);
    transition:
        opacity 1.45s cubic-bezier(.22,.61,.36,1),
        transform 8.5s cubic-bezier(.22,.61,.36,1),
        filter 1.15s ease;
}

.hero-bg.active {
    opacity: 1;
    transform: scale(1.02);
    filter: saturate(1.18) contrast(1.12) brightness(0.88) blur(0);
}

/* Vinheta elegante nas bordas */
.hero-vignette {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(circle at center, transparent 42%, rgba(2,6,23,0.18) 66%, rgba(2,6,23,0.42) 100%),
        linear-gradient(90deg, rgba(2,6,23,0.56) 0%, transparent 30%, transparent 72%, rgba(2,6,23,0.32) 100%),
        linear-gradient(180deg, rgba(2,6,23,0.14) 0%, transparent 18%, transparent 74%, rgba(2,6,23,0.42) 100%);
}

/* Textura fina premium */
.hero-noise {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: .06;
    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,0.06) 0px,
            rgba(255,255,255,0.06) 1px,
            transparent 1px,
            transparent 3px
        );
    mix-blend-mode: soft-light;
}

/* Assinatura Sellar Seguros surgindo no fundo */
.hero-brand-signature {
    position: absolute;
    right: clamp(24px, 5vw, 96px);
    bottom: clamp(28px, 5vw, 60px);
    z-index: 1;
    pointer-events: none;
    width: min(42vw, 560px);
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    text-align: right;
    opacity: .08;
    transform: translateY(18px) scale(.98);
    transition:
        opacity 1.2s ease,
        transform 1.2s ease,
        filter 1.2s ease;
    filter: blur(.15px);
}

.hero-brand-signature.is-visible {
    opacity: .24;
    transform: translateY(0) scale(1);
}

.hero-master.is-changing .hero-brand-signature {
    opacity: .06;
    transform: translateY(16px) scale(.97);
}

.brand-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(216,255,230,0.78);
    padding: 6px 12px;
    border-radius: 999px;
    border: 1px solid rgba(34,197,94,0.16);
    background: rgba(255,255,255,0.05);
    box-shadow:
        0 10px 24px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.08);
    backdrop-filter: blur(6px);
}

.brand-word-wrap {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    line-height: .90;
}

.brand-word {
    font-weight: 900;
    letter-spacing: -.05em;
    color: rgba(255,255,255,0.18);
    text-shadow:
        0 18px 42px rgba(0,0,0,0.24),
        0 0 22px rgba(34,197,94,0.08);
}

.brand-word-main {
    font-size: clamp(3.2rem, 4vw, 5.2rem);
}

.brand-word-sub {
    font-size: clamp(2.8rem, 3.5vw, 4.6rem);
    color: rgba(34,197,94,0.24);
}

.brand-divider {
    width: min(280px, 72%);
    height: 1px;
    background: linear-gradient(90deg, rgba(34,197,94,0), rgba(34,197,94,0.5), rgba(255,255,255,0.10));
    border-radius: 999px;
    box-shadow: 0 0 22px rgba(34,197,94,0.12);
}

.brand-sub {
    max-width: 460px;
    font-size: .96rem;
    line-height: 1.6;
    color: rgba(255,255,255,0.40);
    text-shadow: 0 8px 20px rgba(0,0,0,0.26);
}

/* Pulso suave de credibilidade */
.hero-brand-signature.brand-pulse .brand-word-main,
.hero-brand-signature.brand-pulse .brand-word-sub {
    animation: sellarBrandPulse 2.2s ease;
}

@keyframes sellarBrandPulse {
    0% {
        opacity: .55;
        transform: translateY(10px);
        letter-spacing: -.03em;
    }
    30% {
        opacity: 1;
        transform: translateY(0);
    }
    100% {
        opacity: .85;
        transform: translateY(0);
    }
}

/* Sombras finas e acabamento do hero */
.hero-copy h1 {
    text-shadow:
        0 24px 60px rgba(0,0,0,0.54),
        0 8px 18px rgba(0,0,0,0.18);
}

.hero-subtitle {
    text-shadow: 0 8px 24px rgba(0,0,0,0.24);
}

.hero-badge {
    box-shadow:
        0 14px 32px rgba(34,197,94,0.10),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

.hero-actions .btn {
    box-shadow:
        0 16px 36px rgba(0,0,0,0.18),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

.hero-proof div {
    box-shadow:
        0 14px 28px rgba(0,0,0,0.12),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

.hero-panel {
    box-shadow:
        0 34px 90px rgba(0,0,0,0.38),
        0 0 0 1px rgba(255,255,255,0.04),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

/* Full HD e telas grandes */
@media (min-width: 1600px) {
    .hero-container {
        max-width: 1560px;
    }

    .hero-copy h1 {
        font-size: clamp(5rem, 5.5vw, 6.9rem);
        max-width: 860px;
    }

    .hero-subtitle {
        max-width: 700px;
        font-size: 1.12rem;
    }

    .hero-brand-signature {
        width: min(38vw, 620px);
        right: 80px;
        bottom: 58px;
    }

    .brand-word-main {
        font-size: clamp(4.2rem, 4.6vw, 6.4rem);
    }

    .brand-word-sub {
        font-size: clamp(3.6rem, 4vw, 5.4rem);
    }

    .brand-sub {
        font-size: 1rem;
    }
}

/* Notebook / tablet */
@media (max-width: 1100px) {
    .hero-brand-signature {
        right: 34px;
        bottom: 26px;
        width: min(48vw, 430px);
        opacity: .11;
    }

    .brand-word-main {
        font-size: clamp(2.6rem, 4.2vw, 4rem);
    }

    .brand-word-sub {
        font-size: clamp(2.2rem, 3.6vw, 3.4rem);
    }

    .brand-sub {
        font-size: .88rem;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .hero-vignette {
        background:
            radial-gradient(circle at center, transparent 36%, rgba(2,6,23,0.22) 68%, rgba(2,6,23,0.50) 100%),
            linear-gradient(180deg, rgba(2,6,23,0.18) 0%, transparent 16%, transparent 72%, rgba(2,6,23,0.54) 100%);
    }

    .hero-brand-signature {
        left: 20px;
        right: 20px;
        width: auto;
        bottom: 20px;
        align-items: flex-start;
        text-align: left;
        opacity: .12;
    }

    .brand-word-wrap {
        align-items: flex-start;
    }

    .brand-word-main {
        font-size: clamp(2.2rem, 8vw, 3.2rem);
    }

    .brand-word-sub {
        font-size: clamp(1.9rem, 7vw, 2.8rem);
    }

    .brand-divider {
        width: 100%;
        max-width: 180px;
    }

    .brand-sub {
        max-width: 100%;
        font-size: .80rem;
        line-height: 1.45;
    }

    .hero-noise {
        opacity: .045;
    }
}

/* === SELLAR HERO BACKGROUND FINAL END === */


/* === SELLAR HERO V3 START === */

html, body {
    overflow-x: hidden;
}

/* Esconde a assinatura antiga ruim */
.hero-brand-signature {
    display: none !important;
}

/* Estrutura geral hero */
.hero-master {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: clamp(760px, 94vh, 980px);
}

.hero-container,
.hero-copy,
.hero-panel {
    position: relative;
    z-index: 3;
}

/* Fundo com mais profundidade */
.hero-bg {
    background-size: cover;
    background-position: center center;
    opacity: 0;
    transform: scale(1.08);
    filter: brightness(0.56) saturate(1.04) contrast(1.04);
    transition:
        opacity 1.4s cubic-bezier(.22,.61,.36,1),
        transform 7.8s cubic-bezier(.22,.61,.36,1),
        filter 1.1s ease;
}

.hero-bg.active {
    opacity: 1;
    transform: scale(1.015);
    filter: brightness(0.86) saturate(1.14) contrast(1.08);
}

.hero-vignette {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        radial-gradient(circle at center, transparent 34%, rgba(2,6,23,0.14) 58%, rgba(2,6,23,0.42) 100%),
        linear-gradient(90deg, rgba(2,6,23,0.62) 0%, rgba(2,6,23,0.22) 26%, rgba(2,6,23,0.12) 54%, rgba(2,6,23,0.44) 100%),
        linear-gradient(180deg, rgba(2,6,23,0.24) 0%, transparent 18%, transparent 76%, rgba(2,6,23,0.50) 100%);
}

.hero-noise {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: .045;
    background-image:
        repeating-linear-gradient(
            0deg,
            rgba(255,255,255,0.06) 0px,
            rgba(255,255,255,0.06) 1px,
            transparent 1px,
            transparent 3px
        );
    mix-blend-mode: soft-light;
}

/* NOVA MARCA D'ÁGUA DE FUNDO */
.hero-bg-brand {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: clamp(20px, 4vw, 54px);
}

.hero-bg-brand::before {
    content: "";
    position: absolute;
    width: min(72vw, 980px);
    height: min(72vw, 980px);
    border-radius: 50%;
    background:
        radial-gradient(circle, rgba(34,197,94,0.12) 0%, rgba(34,197,94,0.04) 34%, rgba(2,6,23,0) 72%);
    filter: blur(30px);
    opacity: .85;
}

.hero-bg-brand-inner {
    position: relative;
    width: min(100%, 980px);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px;
    opacity: 0;
    transform: translateY(16px) scale(.985);
    filter: blur(3px);
    transition:
        opacity 1s ease,
        transform 1.15s cubic-bezier(.22,.61,.36,1),
        filter 1s ease;
}

.hero-bg-brand-inner.is-visible {
    opacity: .16;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

.hero-bg-brand-kicker {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: rgba(224,255,236,.72);
    padding: 7px 14px;
    border-radius: 999px;
    border: 1px solid rgba(34,197,94,0.16);
    background: rgba(255,255,255,0.04);
    backdrop-filter: blur(6px);
    box-shadow:
        0 12px 26px rgba(0,0,0,0.16),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

.hero-bg-brand-title {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: .84;
    letter-spacing: -.06em;
}

.hero-bg-brand-title span:first-child {
    font-size: clamp(5rem, 10vw, 9.6rem);
    font-weight: 900;
    color: rgba(255,255,255,0.16);
    text-shadow: 0 18px 48px rgba(0,0,0,0.18);
}

.hero-bg-brand-title span:last-child {
    font-size: clamp(4rem, 8vw, 7.8rem);
    font-weight: 900;
    color: rgba(34,197,94,0.20);
    text-shadow:
        0 18px 48px rgba(0,0,0,0.18),
        0 0 34px rgba(34,197,94,0.10);
}

.hero-bg-brand-line {
    width: min(320px, 54%);
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(34,197,94,0), rgba(34,197,94,0.52), rgba(255,255,255,0.12), rgba(34,197,94,0));
    box-shadow: 0 0 26px rgba(34,197,94,0.12);
}

.hero-bg-brand-sub {
    max-width: 580px;
    font-size: .96rem;
    line-height: 1.55;
    color: rgba(255,255,255,0.34);
    text-shadow: 0 10px 26px rgba(0,0,0,0.18);
}

/* Título principal do hero */
.hero-copy h1 {
    text-shadow:
        0 20px 58px rgba(0,0,0,0.46),
        0 10px 24px rgba(0,0,0,0.14);
}

.hero-subtitle {
    max-width: 680px;
    text-shadow: 0 8px 20px rgba(0,0,0,0.20);
}

/* Ações */
.hero-actions .btn {
    box-shadow:
        0 18px 36px rgba(0,0,0,0.16),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

/* Barra de provas */
.hero-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
}

.hero-proof > * {
    min-height: 82px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Painel da direita */
.hero-panel {
    box-shadow:
        0 36px 92px rgba(0,0,0,0.34),
        0 0 0 1px rgba(255,255,255,0.04),
        inset 0 1px 0 rgba(255,255,255,0.05);
}

/* Melhor responsividade */
@media (max-width: 1100px) {
    .hero-master {
        min-height: auto;
    }

    .hero-container {
        grid-template-columns: 1fr !important;
        gap: 22px;
        align-items: start;
    }

    .hero-copy,
    .hero-panel {
        width: 100%;
        max-width: 100%;
    }

    .hero-copy h1 {
        max-width: 12ch;
    }

    .hero-bg-brand {
        align-items: center;
        justify-content: center;
    }

    .hero-bg-brand-inner.is-visible {
        opacity: .13;
    }

    .hero-bg-brand-title span:first-child {
        font-size: clamp(3.8rem, 10vw, 6rem);
    }

    .hero-bg-brand-title span:last-child {
        font-size: clamp(3rem, 8vw, 4.8rem);
    }

    .hero-bg-brand-sub {
        max-width: 420px;
        font-size: .88rem;
    }
}

@media (max-width: 768px) {
    .hero-master {
        min-height: auto;
        padding-bottom: 18px;
    }

    .hero-container {
        grid-template-columns: 1fr !important;
        gap: 18px;
    }

    .hero-copy h1 {
        font-size: clamp(2.5rem, 10vw, 4rem);
        line-height: .92;
        letter-spacing: -.05em;
        max-width: 100%;
    }

    .hero-subtitle {
        max-width: 100%;
        font-size: 1rem;
        line-height: 1.65;
    }

    .hero-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .hero-actions .btn {
        width: 100%;
        justify-content: center;
    }

    .hero-proof {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .hero-proof > * {
        border-radius: 18px;
        min-height: 76px;
    }

    .hero-panel {
        width: 100%;
        max-width: 100%;
        padding: 18px;
        border-radius: 24px;
    }

    .hero-panel [class*="option"],
    .hero-panel [class*="item"],
    .hero-panel [class*="card"] {
        min-height: unset;
    }

    .hero-bg-brand {
        justify-content: center;
        align-items: flex-start;
        padding-top: 118px;
        padding-left: 16px;
        padding-right: 16px;
    }

    .hero-bg-brand-inner {
        width: 100%;
    }

    .hero-bg-brand-inner.is-visible {
        opacity: .11;
    }

    .hero-bg-brand-kicker {
        font-size: .62rem;
        padding: 6px 12px;
        letter-spacing: .18em;
    }

    .hero-bg-brand-title span:first-child {
        font-size: clamp(2.7rem, 11vw, 4rem);
    }

    .hero-bg-brand-title span:last-child {
        font-size: clamp(2.15rem, 9vw, 3.2rem);
    }

    .hero-bg-brand-line {
        width: 170px;
    }

    .hero-bg-brand-sub {
        max-width: 100%;
        font-size: .76rem;
        line-height: 1.45;
    }
}

@media (max-width: 540px) {
    .hero-copy h1 {
        font-size: clamp(2.2rem, 10vw, 3.2rem);
    }

    .hero-subtitle {
        font-size: .95rem;
    }

    .hero-panel {
        padding: 16px;
        border-radius: 22px;
    }

    .hero-bg-brand {
        padding-top: 108px;
    }

    .hero-bg-brand-inner.is-visible {
        opacity: .09;
    }
}

/* === SELLAR HERO V3 END === */


/* === BLOCO 1 SAFE PREMIUM V5 START === */

/* Esconde assinaturas antigas caso existam */
.hero-brand-signature,
.hero-bg-brand {
    display: none !important;
}

/* Garante que cada imagem do slider possa receber a marca no fundo */
.hero-bg {
    overflow: hidden;
}

/* Escrita SELLAR SEGUROS integrada ao fundo de CADA slide */
.hero-bg::after {
    content: "Sellar\A Seguros";
    white-space: pre-line;
    position: absolute;
    right: clamp(28px, 7vw, 150px);
    bottom: clamp(70px, 10vh, 135px);
    z-index: 1;
    pointer-events: none;

    font-family: 'Inter', Arial, sans-serif;
    font-weight: 900;
    line-height: .82;
    letter-spacing: -0.075em;
    text-align: right;

    font-size: clamp(5rem, 10vw, 11rem);

    color: rgba(255,255,255,0.075);
    text-shadow:
        0 0 34px rgba(34,197,94,0.18),
        0 24px 70px rgba(0,0,0,0.38);

    opacity: 0;
    transform: translateY(26px) scale(.96);
    filter: blur(6px);

    transition:
        opacity 1.2s ease,
        transform 1.35s cubic-bezier(.22,.61,.36,1),
        filter 1.2s ease;
}

/* Linha premium abaixo da assinatura */
.hero-bg::before {
    content: "";
    position: absolute;
    right: clamp(34px, 7vw, 155px);
    bottom: clamp(52px, 8vh, 105px);
    width: clamp(160px, 22vw, 420px);
    height: 1px;
    z-index: 1;
    pointer-events: none;

    background: linear-gradient(
        90deg,
        rgba(34,197,94,0),
        rgba(34,197,94,0.58),
        rgba(255,255,255,0.22),
        rgba(34,197,94,0)
    );

    box-shadow: 0 0 28px rgba(34,197,94,0.18);

    opacity: 0;
    transform: translateX(25px);
    transition:
        opacity 1.2s ease,
        transform 1.35s cubic-bezier(.22,.61,.36,1);
}

/* A assinatura aparece JUNTO com o slide ativo */
.hero-bg.active::after {
    opacity: .95;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

.hero-bg.active::before {
    opacity: .65;
    transform: translateX(0);
}

/* Fundo mais premium sem matar a imagem */
.hero-bg.active {
    filter: brightness(0.84) saturate(1.18) contrast(1.10) blur(0) !important;
}

.hero-bg {
    filter: brightness(0.55) saturate(1.08) contrast(1.06) blur(.5px) !important;
}

/* Camada escura mais elegante para leitura */
.hero-overlay {
    background:
        radial-gradient(circle at 18% 22%, rgba(34,197,94,0.25), transparent 31%),
        radial-gradient(circle at 78% 38%, rgba(34,197,94,0.12), transparent 34%),
        linear-gradient(90deg, rgba(2,6,23,0.92) 0%, rgba(2,6,23,0.76) 44%, rgba(2,6,23,0.58) 100%),
        linear-gradient(180deg, rgba(2,6,23,0.14) 0%, rgba(2,6,23,0.94) 100%) !important;
}

/* Glow dinâmico discreto de marca */
.hero-master::before {
    content: "";
    position: absolute;
    inset: -20%;
    z-index: 2;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 18%, rgba(34,197,94,0.12), transparent 26%),
        radial-gradient(circle at 82% 58%, rgba(34,197,94,0.075), transparent 28%);
    opacity: .9;
    animation: sellarHeroGlow 9s ease-in-out infinite alternate;
}

/* Texto principal com mais profundidade */
.hero-copy h1 {
    text-shadow:
        0 28px 80px rgba(0,0,0,0.62),
        0 10px 24px rgba(0,0,0,0.22) !important;
}

.hero-subtitle {
    text-shadow: 0 10px 26px rgba(0,0,0,0.28);
}

/* Botões premium */
.hero-actions .btn,
.btn {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    isolation: isolate;
}

.hero-actions .btn::before,
.btn::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0;
    background: radial-gradient(circle at 30% 20%, rgba(255,255,255,0.28), transparent 32%);
    transition: opacity .28s ease;
}

.hero-actions .btn::after,
.btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -140%;
    width: 80%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.20), transparent);
    transform: skewX(-22deg);
    transition: left .65s ease;
    pointer-events: none;
}

.hero-actions .btn:hover::after,
.btn:hover::after {
    left: 150%;
}

.hero-actions .btn:hover::before,
.btn:hover::before {
    opacity: 1;
}

.hero-actions .btn:hover,
.btn:hover {
    transform: translateY(-4px);
}

.hero-actions .btn-primary,
.btn-primary {
    box-shadow:
        0 22px 52px rgba(34,197,94,0.28),
        inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.hero-actions .btn-secondary,
.btn-secondary {
    box-shadow:
        0 18px 42px rgba(0,0,0,0.24),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Pills dos produtos mais premium */
.product-pill {
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(12px);
}

.product-pill:hover {
    transform: translateY(-3px);
    border-color: rgba(34,197,94,0.34);
    box-shadow:
        0 14px 28px rgba(0,0,0,0.18),
        0 0 0 1px rgba(34,197,94,0.10);
}

.product-pill.active {
    box-shadow:
        0 16px 34px rgba(34,197,94,0.20),
        inset 0 1px 0 rgba(255,255,255,0.28) !important;
}

/* Cards do painel: mais 3D e vivos */
.solution-item {
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease;
}

.solution-item::before {
    opacity: .18;
}

.solution-item:hover,
.solution-item.active-solution {
    transform: translateY(-5px) scale(1.012);
    border-color: rgba(34,197,94,0.42) !important;
    background:
        radial-gradient(circle at top right, rgba(34,197,94,0.22), transparent 36%),
        linear-gradient(180deg, rgba(255,255,255,0.09), rgba(255,255,255,0.05)) !important;
    box-shadow:
        0 24px 54px rgba(0,0,0,0.30),
        0 0 0 1px rgba(34,197,94,0.16),
        inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.solution-item:hover .solution-icon,
.solution-item.active-solution .solution-icon {
    transform: scale(1.07);
    box-shadow:
        0 16px 30px rgba(34,197,94,0.20),
        inset 0 1px 0 rgba(255,255,255,0.16);
}

/* Painel direito mais refinado */
.hero-panel {
    background:
        radial-gradient(circle at top right, rgba(34,197,94,0.10), transparent 35%),
        linear-gradient(180deg, rgba(13,23,42,0.84), rgba(6,13,27,0.90)) !important;
    border-color: rgba(255,255,255,0.14) !important;
    box-shadow:
        0 40px 105px rgba(0,0,0,0.42),
        0 0 0 1px rgba(255,255,255,0.04),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Prova de confiança mais limpa */
.hero-proof {
    box-shadow:
        0 22px 54px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.06);
}

/* MOBILE / TABLET */
@media (max-width: 980px) {
    .hero-bg::after {
        right: 20px;
        bottom: 46px;
        font-size: clamp(3.8rem, 13vw, 7rem);
        opacity: 0;
        text-align: right;
    }

    .hero-bg.active::after {
        opacity: .42;
    }

    .hero-bg::before {
        right: 24px;
        bottom: 36px;
        width: clamp(140px, 42vw, 300px);
    }

    .hero-master::before {
        opacity: .65;
    }

    .solution-item:hover {
        transform: translateY(-3px);
    }
}

@media (max-width: 640px) {
    .hero-bg::after {
        content: "Sellar\A Seguros";
        left: 18px;
        right: auto;
        bottom: 28px;
        text-align: left;
        font-size: clamp(3.1rem, 16vw, 5.2rem);
        color: rgba(255,255,255,0.06);
    }

    .hero-bg.active::after {
        opacity: .52;
    }

    .hero-bg::before {
        left: 20px;
        right: auto;
        bottom: 20px;
        width: 185px;
        opacity: .35;
    }

    .hero-actions .btn:hover,
    .btn:hover,
    .solution-item:hover {
        transform: none;
    }

    .hero-panel {
        box-shadow:
            0 24px 70px rgba(0,0,0,0.34),
            inset 0 1px 0 rgba(255,255,255,0.06) !important;
    }
}

@keyframes sellarHeroGlow {
    0% {
        transform: translate3d(0,0,0) scale(1);
        opacity: .62;
    }
    100% {
        transform: translate3d(18px,-14px,0) scale(1.04);
        opacity: .95;
    }
}

/* === BLOCO 1 SAFE PREMIUM V5 END === */
/* =========================================================
   SELLAR SIGNATURE CINEMATIC - FIX DEFINITIVO BLOCO 1
   ========================================================= */

/* Desativa a tentativa antiga de assinatura no background */
.hero-bg::before,
.hero-bg::after {
    content: none !important;
    display: none !important;
}

/* Garante camadas corretas */
.hero-master {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* Conteúdo principal acima */
.hero-content,
.hero-grid,
.hero-copy,
.hero-panel,
.hero-badges,
.hero-actions,
.hero-proof {
    position: relative;
    z-index: 5;
}

/* Assinatura cinematográfica */
.hero-signature-cinematic {
    position: absolute;
    right: clamp(28px, 4vw, 72px);
    bottom: clamp(34px, 4vw, 60px);
    z-index: 2;
    pointer-events: none;
    width: min(40vw, 520px);

    opacity: 0;
    transform: translateY(38px) scale(.94);
    filter: blur(16px);

    transition:
        opacity .95s ease,
        transform 1.1s cubic-bezier(.22,.61,.36,1),
        filter 1s ease;
}

.hero-signature-cinematic__inner {
    position: relative;
    text-align: right;
}

.hero-signature-cinematic__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    margin-bottom: 10px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,0.10);
    background: rgba(8, 15, 35, 0.36);
    backdrop-filter: blur(12px);

    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .28em;
    color: rgba(255,255,255,.68);

    box-shadow:
        0 10px 30px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.hero-signature-cinematic__name {
    display: block;
    margin: 0;
    line-height: .84;
    letter-spacing: -0.07em;
    font-weight: 900;
    font-size: clamp(4.6rem, 8vw, 8.8rem);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.24) 0%,
            rgba(255,255,255,.12) 45%,
            rgba(34,197,94,.13) 100%
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 0 35px rgba(34,197,94,.08),
        0 20px 60px rgba(0,0,0,.28);
}

.hero-signature-cinematic__line {
    display: block;
    width: 100%;
    height: 1px;
    margin: 14px 0 12px;
    background: linear-gradient(
        90deg,
        rgba(34,197,94,0),
        rgba(34,197,94,.58),
        rgba(255,255,255,.22),
        rgba(34,197,94,0)
    );
    box-shadow: 0 0 20px rgba(34,197,94,.18);
}

.hero-signature-cinematic__sub {
    display: block;
    font-size: .82rem;
    font-weight: 500;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: rgba(255,255,255,.42);
}

/* Quando ativar a assinatura */
.hero-master.signature-on .hero-signature-cinematic {
    opacity: .94;
    transform: translateY(0) scale(1);
    filter: blur(0);
    animation: sellarSignatureFloat 1.9s ease forwards;
}

/* Glow animado por trás */
.hero-signature-cinematic__inner::before {
    content: "";
    position: absolute;
    inset: -18% -8% -10% -8%;
    z-index: -1;
    background:
        radial-gradient(circle at 50% 50%, rgba(34,197,94,.14), transparent 46%),
        radial-gradient(circle at 70% 25%, rgba(255,255,255,.08), transparent 18%);
    filter: blur(24px);
    opacity: .62;
    animation: sellarSignatureGlow 3.2s ease-in-out infinite alternate;
}

/* Botões ainda mais premium */
.hero-actions .btn,
.btn {
    transition:
        transform .26s ease,
        box-shadow .26s ease,
        border-color .26s ease,
        background .26s ease;
}

.hero-actions .btn:hover,
.btn:hover {
    transform: translateY(-4px) scale(1.01);
}

.hero-actions .btn-primary,
.btn-primary {
    box-shadow:
        0 16px 38px rgba(34,197,94,.26),
        inset 0 1px 0 rgba(255,255,255,.15);
}

.hero-actions .btn-primary:hover,
.btn-primary:hover {
    box-shadow:
        0 24px 52px rgba(34,197,94,.34),
        inset 0 1px 0 rgba(255,255,255,.18);
}

/* Pills / botões de categorias mais vivos */
.product-pill {
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease,
        background .22s ease;
}

.product-pill:hover {
    transform: translateY(-3px);
    border-color: rgba(34,197,94,.35);
    box-shadow:
        0 12px 28px rgba(0,0,0,.18),
        0 0 0 1px rgba(34,197,94,.08);
}

/* Cards do painel direito mais premium */
.solution-item {
    transition:
        transform .26s ease,
        box-shadow .26s ease,
        border-color .26s ease,
        background .26s ease;
}

.solution-item:hover,
.solution-item.active-solution {
    transform: translateY(-5px) scale(1.01);
    border-color: rgba(34,197,94,.38) !important;
    box-shadow:
        0 18px 42px rgba(0,0,0,.25),
        0 0 0 1px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.solution-item .solution-icon {
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        background .22s ease;
}

.solution-item:hover .solution-icon,
.solution-item.active-solution .solution-icon {
    transform: scale(1.08);
    box-shadow:
        0 10px 24px rgba(34,197,94,.24),
        inset 0 1px 0 rgba(255,255,255,.08);
}

/* MOBILE / TABLET */
@media (max-width: 980px) {
    .hero-signature-cinematic {
        right: 22px;
        bottom: 24px;
        width: min(60vw, 360px);
    }

    .hero-signature-cinematic__name {
        font-size: clamp(3.6rem, 12vw, 5.4rem);
    }

    .hero-signature-cinematic__sub {
        font-size: .70rem;
        letter-spacing: .06em;
    }
}

@media (max-width: 640px) {
    .hero-signature-cinematic {
        left: 18px;
        right: 18px;
        bottom: 16px;
        width: auto;
    }

    .hero-signature-cinematic__inner {
        text-align: left;
    }

    .hero-signature-cinematic__eyebrow {
        justify-content: flex-start;
        font-size: .62rem;
        letter-spacing: .18em;
        padding: 6px 10px;
        margin-bottom: 8px;
    }

    .hero-signature-cinematic__name {
        font-size: clamp(2.8rem, 14vw, 4.4rem);
        line-height: .88;
    }

    .hero-signature-cinematic__line {
        margin: 10px 0 10px;
    }

    .hero-signature-cinematic__sub {
        font-size: .64rem;
        line-height: 1.35;
        letter-spacing: .05em;
    }

    .hero-actions .btn:hover,
    .btn:hover,
    .solution-item:hover,
    .product-pill:hover {
        transform: none;
    }
}

@keyframes sellarSignatureFloat {
    0% {
        opacity: 0;
        transform: translateY(38px) scale(.94);
        filter: blur(16px);
    }
    35% {
        opacity: .96;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
    70% {
        opacity: .92;
        transform: translateY(-2px) scale(1.01);
        filter: blur(0);
    }
    100% {
        opacity: .88;
        transform: translateY(0) scale(1);
        filter: blur(0);
    }
}

@keyframes sellarSignatureGlow {
    0% {
        transform: scale(1) translateY(0);
        opacity: .42;
    }
    100% {
        transform: scale(1.04) translateY(-4px);
        opacity: .78;
    }
}


/* === BLOCO 2 HARDCORE STYLE START === */

/* BASE BLOCO 2 */
.block2-solutions,
.block2-process,
.block2-cta-section {
    position: relative;
    isolation: isolate;
}

.block2-solutions::before,
.block2-process::before,
.block2-cta-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    opacity: .95;
}

.block2-solutions::before {
    background:
        radial-gradient(circle at 15% 15%, rgba(34,197,94,0.12), transparent 26%),
        radial-gradient(circle at 85% 70%, rgba(59,130,246,0.08), transparent 24%);
}

.block2-process::before {
    background:
        radial-gradient(circle at 80% 10%, rgba(34,197,94,0.10), transparent 22%);
}

.block2-cta-section::before {
    background:
        radial-gradient(circle at 18% 50%, rgba(34,197,94,0.12), transparent 24%),
        radial-gradient(circle at 82% 50%, rgba(59,130,246,0.08), transparent 22%);
}

.block2-solutions > *,
.block2-process > *,
.block2-cta-section > * {
    position: relative;
    z-index: 1;
}

/* TITULOS */
.block2-solutions h1,
.block2-solutions h2,
.block2-process h1,
.block2-process h2,
.block2-cta-section h1,
.block2-cta-section h2 {
    text-shadow:
        0 24px 70px rgba(0,0,0,0.42),
        0 8px 20px rgba(0,0,0,0.16);
}

.block2-solutions p,
.block2-process p,
.block2-cta-section p {
    color: rgba(255,255,255,0.78);
}

/* REVEAL */
.block2-feature-card,
.block2-mini-card,
.block2-step-card,
.block2-cta-box,
.block2-solutions h1,
.block2-solutions h2,
.block2-process h1,
.block2-process h2 {
    opacity: 0;
    transform: translateY(26px);
    transition:
        opacity .75s ease,
        transform .75s cubic-bezier(.22,.61,.36,1);
}

.is-revealed {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

/* CARD BASE PREMIUM */
.block2-feature-card,
.block2-mini-card,
.block2-step-card,
.block2-cta-box {
    position: relative;
    overflow: hidden;
    border-radius: 30px !important;
    border: 1px solid rgba(255,255,255,0.09) !important;
    background:
        linear-gradient(180deg, rgba(8,18,36,0.92), rgba(4,10,22,0.94)) !important;
    box-shadow:
        0 28px 80px rgba(0,0,0,0.28),
        0 0 0 1px rgba(255,255,255,0.03),
        inset 0 1px 0 rgba(255,255,255,0.05) !important;
    backdrop-filter: blur(14px);
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease,
        background .28s ease;
    transform-style: preserve-3d;
}

.block2-feature-card::before,
.block2-mini-card::before,
.block2-step-card::before,
.block2-cta-box::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .75;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(34,197,94,0.10), transparent 38%, transparent 62%, rgba(59,130,246,0.08)),
        linear-gradient(180deg, rgba(255,255,255,0.04), transparent 22%);
}

.block2-feature-card::after,
.block2-mini-card::after,
.block2-step-card::after,
.block2-cta-box::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -50px;
    top: -50px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(34,197,94,0.20), rgba(34,197,94,0.02) 60%, transparent 72%);
    filter: blur(10px);
    opacity: .55;
    pointer-events: none;
}

/* HOVER */
.block2-feature-card:hover,
.block2-mini-card:hover,
.block2-step-card:hover,
.block2-cta-box:hover {
    transform: translateY(-9px) scale(1.012);
    border-color: rgba(34,197,94,0.22) !important;
    box-shadow:
        0 36px 100px rgba(0,0,0,0.34),
        0 0 0 1px rgba(34,197,94,0.10),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* FEATURE CARDS */
.block2-feature-card {
    border-radius: 34px !important;
}

.block2-feature-a::after {
    width: 220px;
    height: 220px;
    right: -30px;
    top: -30px;
}

.block2-feature-b::after {
    width: 220px;
    height: 220px;
    left: -40px;
    right: auto;
    top: auto;
    bottom: -40px;
    background: radial-gradient(circle, rgba(59,130,246,0.16), rgba(59,130,246,0.03) 60%, transparent 72%);
}

.block2-feature-card img,
.block2-mini-card img {
    transition:
        transform .8s ease,
        filter .6s ease;
    filter: saturate(1.08) contrast(1.04);
}

.block2-feature-card:hover img,
.block2-mini-card:hover img {
    transform: scale(1.06);
    filter: saturate(1.14) contrast(1.08);
}

/* MINI CARDS DIFERENCIADOS */
.block2-mini-card {
    min-height: 250px;
}

.block2-mini-card.mini-float-1 {
    transform: translateY(0);
}

.block2-mini-card.mini-float-2 {
    transform: translateY(16px);
}

.block2-mini-card.mini-float-3 {
    transform: translateY(-10px);
}

.block2-mini-card:hover {
    transform: translateY(-10px) scale(1.015);
}

.block2-mini-card::before {
    background:
        radial-gradient(circle at top left, rgba(34,197,94,0.14), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,0.04), transparent 22%);
}

.block2-mini-card .tag,
.block2-mini-card [class*="tag"],
.block2-feature-card .tag,
.block2-feature-card [class*="tag"] {
    box-shadow:
        0 8px 18px rgba(0,0,0,0.16),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

/* LINKS E BOTÕES DENTRO DO BLOCO 2 */
.block2-solutions .btn,
.block2-process .btn,
.block2-cta-section .btn,
.block2-solutions a[class*="btn"],
.block2-process a[class*="btn"],
.block2-cta-section a[class*="btn"] {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    transition:
        transform .24s ease,
        box-shadow .24s ease;
    box-shadow:
        0 16px 40px rgba(0,0,0,0.20),
        inset 0 1px 0 rgba(255,255,255,0.08);
}

.block2-solutions .btn:hover,
.block2-process .btn:hover,
.block2-cta-section .btn:hover,
.block2-solutions a[class*="btn"]:hover,
.block2-process a[class*="btn"]:hover,
.block2-cta-section a[class*="btn"]:hover {
    transform: translateY(-4px);
    box-shadow:
        0 24px 52px rgba(34,197,94,0.22),
        inset 0 1px 0 rgba(255,255,255,0.10);
}

.block2-solutions .btn::after,
.block2-process .btn::after,
.block2-cta-section .btn::after,
.block2-solutions a[class*="btn"]::after,
.block2-process a[class*="btn"]::after,
.block2-cta-section a[class*="btn"]::after {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
    transform: skewX(-22deg);
    transition: left .65s ease;
}

.block2-solutions .btn:hover::after,
.block2-process .btn:hover::after,
.block2-cta-section .btn:hover::after,
.block2-solutions a[class*="btn"]:hover::after,
.block2-process a[class*="btn"]:hover::after,
.block2-cta-section a[class*="btn"]:hover::after {
    left: 150%;
}

/* PROCESS SECTION */
.block2-process {
    position: relative;
}

.block2-step-card {
    border-radius: 28px !important;
}

.block2-step-card.step-shift-right {
    transform: translateX(18px);
}

.block2-step-card.step-shift-right.is-revealed {
    transform: translateX(18px);
}

.block2-step-card::before {
    background:
        linear-gradient(90deg, rgba(34,197,94,0.14), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,0.04), transparent 24%);
}

.block2-step-card::after {
    width: 140px;
    height: 140px;
    right: -26px;
    top: -26px;
}

.block2-step-card:hover {
    transform: translateY(-8px) scale(1.01);
}

.block2-step-card.step-shift-right:hover {
    transform: translateX(18px) translateY(-8px) scale(1.01);
}

/* CTA FINAL */
.block2-cta-box {
    border-radius: 34px !important;
    overflow: hidden;
}

.block2-cta-box::before {
    background:
        radial-gradient(circle at 14% 40%, rgba(34,197,94,0.16), transparent 28%),
        linear-gradient(135deg, rgba(255,255,255,0.04), transparent 24%, transparent 76%, rgba(59,130,246,0.06));
}

.block2-cta-box::after {
    width: 220px;
    height: 220px;
    right: -60px;
    bottom: -60px;
    top: auto;
    background: radial-gradient(circle, rgba(34,197,94,0.18), rgba(34,197,94,0.02) 58%, transparent 72%);
}

.block2-cta-box:hover {
    transform: translateY(-6px) scale(1.01);
}

/* TAGS INTERNAS / LISTAS */
.block2-solutions li,
.block2-process li {
    color: rgba(255,255,255,0.84);
}

.block2-solutions ul li::marker,
.block2-process ul li::marker {
    color: #35e47b;
}

/* RESPONSIVO */
@media (max-width: 1180px) {
    .block2-mini-card.mini-float-2,
    .block2-mini-card.mini-float-3 {
        transform: translateY(0);
    }

    .block2-step-card.step-shift-right,
    .block2-step-card.step-shift-right.is-revealed {
        transform: translateX(0);
    }
}

@media (max-width: 980px) {
    .block2-feature-card,
    .block2-mini-card,
    .block2-step-card,
    .block2-cta-box {
        border-radius: 26px !important;
    }

    .block2-mini-card {
        min-height: 220px;
    }

    .block2-feature-card:hover,
    .block2-mini-card:hover,
    .block2-step-card:hover,
    .block2-cta-box:hover {
        transform: translateY(-5px) scale(1.006);
    }
}

@media (max-width: 640px) {
    .block2-feature-card,
    .block2-mini-card,
    .block2-step-card,
    .block2-cta-box {
        border-radius: 22px !important;
    }

    .block2-mini-card,
    .block2-mini-card.mini-float-1,
    .block2-mini-card.mini-float-2,
    .block2-mini-card.mini-float-3,
    .block2-step-card.step-shift-right,
    .block2-step-card.step-shift-right.is-revealed {
        transform: none !important;
    }

    .block2-feature-card:hover,
    .block2-mini-card:hover,
    .block2-step-card:hover,
    .block2-cta-box:hover {
        transform: none !important;
    }

    .block2-solutions .btn:hover,
    .block2-process .btn:hover,
    .block2-cta-section .btn:hover,
    .block2-solutions a[class*="btn"]:hover,
    .block2-process a[class*="btn"]:hover,
    .block2-cta-section a[class*="btn"]:hover {
        transform: none;
    }
}

/* === BLOCO 2 HARDCORE STYLE END === */


/* === BLOCO 2 HARDCORE V2 START === */

/* Fundo do bloco 2 com profundidade maior */
.block2-solutions {
    position: relative;
    overflow: hidden;
}

.block2-solutions::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 18% 18%, rgba(34,197,94,0.13), transparent 28%),
        radial-gradient(circle at 86% 42%, rgba(59,130,246,0.085), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.018), transparent 22%, transparent 78%, rgba(255,255,255,0.018));
    opacity: .9;
}

/* Linha de brilho fina no topo das seções */
.block2-solutions,
.block2-process,
.block2-cta-section {
    position: relative;
}

.block2-solutions > *,
.block2-process > *,
.block2-cta-section > * {
    position: relative;
    z-index: 2;
}

/* CARD COM BORDA LUMINOSA ANIMADA */
.block2-feature-card,
.block2-mini-card,
.block2-step-card,
.block2-cta-box {
    position: relative;
    overflow: hidden;
}

.block2-feature-card > *,
.block2-mini-card > *,
.block2-step-card > *,
.block2-cta-box > * {
    position: relative;
    z-index: 2;
}

/* Borda animada sem quebrar layout */
.block2-feature-card .animated-border,
.block2-mini-card .animated-border,
.block2-step-card .animated-border,
.block2-cta-box .animated-border {
    display: none;
}

.block2-feature-card::marker,
.block2-mini-card::marker,
.block2-step-card::marker,
.block2-cta-box::marker {
    display: none;
}

/* brilho varrendo o card */
.block2-feature-card::before,
.block2-mini-card::before,
.block2-step-card::before,
.block2-cta-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: .85;
    background:
        linear-gradient(135deg, rgba(34,197,94,0.12), transparent 32%, transparent 68%, rgba(59,130,246,0.08)),
        linear-gradient(180deg, rgba(255,255,255,0.045), transparent 24%);
}

/* faixa de luz passando */
.block2-feature-card .shine,
.block2-mini-card .shine,
.block2-step-card .shine,
.block2-cta-box .shine {
    display: none;
}

.block2-feature-card::after,
.block2-mini-card::after,
.block2-step-card::after,
.block2-cta-box::after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 260px;
    height: 260px;
    right: -90px;
    top: -90px;
    border-radius: 999px;
    background:
        radial-gradient(circle, rgba(34,197,94,0.22), rgba(34,197,94,0.045) 52%, transparent 72%);
    filter: blur(8px);
    opacity: .62;
    pointer-events: none;
    transition: opacity .28s ease, transform .28s ease;
}

/* pseudo brilho diagonal extra */
.block2-feature-card .not-used,
.block2-mini-card .not-used {
    display: none;
}

/* movimento respirando */
.block2-feature-card.is-revealed {
    animation: block2Breath 7s ease-in-out infinite;
}

.block2-mini-card.is-revealed.mini-float-1 {
    animation: block2MiniFloatA 6.8s ease-in-out infinite;
}

.block2-mini-card.is-revealed.mini-float-2 {
    animation: block2MiniFloatB 7.4s ease-in-out infinite;
}

.block2-mini-card.is-revealed.mini-float-3 {
    animation: block2MiniFloatC 6.4s ease-in-out infinite;
}

/* Hover corta o float e deixa 3D manual */
.block2-feature-card:hover,
.block2-mini-card:hover {
    animation-play-state: paused;
}

/* brilho extra ao passar mouse */
.block2-feature-card:hover::after,
.block2-mini-card:hover::after,
.block2-step-card:hover::after,
.block2-cta-box:hover::after {
    opacity: .95;
    transform: scale(1.12);
}

/* CARD PRINCIPAL MAIS CINEMATOGRÁFICO */
.block2-feature-card {
    isolation: isolate;
    border-radius: 38px !important;
    background:
        radial-gradient(circle at 14% 12%, rgba(34,197,94,0.13), transparent 26%),
        linear-gradient(180deg, rgba(12,24,44,0.94), rgba(5,12,26,0.96)) !important;
    border: 1px solid rgba(255,255,255,0.11) !important;
}

.block2-feature-card:hover {
    border-color: rgba(34,197,94,0.34) !important;
    box-shadow:
        0 46px 120px rgba(0,0,0,0.42),
        0 0 0 1px rgba(34,197,94,0.13),
        0 0 46px rgba(34,197,94,0.075),
        inset 0 1px 0 rgba(255,255,255,0.09) !important;
}

/* Imagem dos cards principais com vibe premium */
.block2-feature-card img {
    filter: saturate(1.05) contrast(1.08) brightness(.88);
}

.block2-feature-card:hover img {
    transform: scale(1.075);
    filter: saturate(1.15) contrast(1.12) brightness(.96);
}

/* MINI CARDS MAIS DIFERENCIADOS */
.block2-mini-card {
    min-height: 430px;
    border-radius: 34px !important;
    isolation: isolate;
}

.block2-mini-card::before {
    background:
        radial-gradient(circle at 18% 20%, rgba(34,197,94,0.18), transparent 30%),
        linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.005) 42%, rgba(2,6,23,0.18));
}

.block2-mini-card:hover {
    border-color: rgba(34,197,94,0.40) !important;
    box-shadow:
        0 42px 110px rgba(0,0,0,0.40),
        0 0 0 1px rgba(34,197,94,0.16),
        0 0 42px rgba(34,197,94,0.075),
        inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

/* Conteúdo do mini card mais elevado */
.block2-mini-card h3,
.block2-mini-card p,
.block2-mini-card a,
.block2-mini-card span,
.block2-mini-card div {
    position: relative;
    z-index: 3;
}

.block2-mini-card h3 {
    text-shadow:
        0 18px 42px rgba(0,0,0,.48),
        0 4px 10px rgba(0,0,0,.20);
}

.block2-mini-card p {
    text-shadow: 0 8px 20px rgba(0,0,0,.26);
}

/* Tags internas dos mini cards */
.block2-mini-card [class*="tag"],
.block2-mini-card span {
    backdrop-filter: blur(10px);
}

/* Efeito de “vidro elevado” nos cards */
.block2-feature-card,
.block2-mini-card,
.block2-step-card {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* COMO FUNCIONA - LINHA CONECTORA */
.block2-process {
    overflow: hidden;
}

.block2-process::after {
    content: "";
    position: absolute;
    top: 18%;
    right: 18%;
    bottom: 16%;
    width: 1px;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(34,197,94,0),
            rgba(34,197,94,0.42),
            rgba(255,255,255,0.12),
            rgba(34,197,94,0.42),
            rgba(34,197,94,0)
        );
    box-shadow: 0 0 24px rgba(34,197,94,0.18);
    animation: block2LinePulse 3.6s ease-in-out infinite;
}

/* step cards */
.block2-step-card {
    border-radius: 30px !important;
    background:
        radial-gradient(circle at 12% 14%, rgba(34,197,94,0.16), transparent 28%),
        linear-gradient(180deg, rgba(13,25,45,0.94), rgba(5,12,25,0.96)) !important;
}

.block2-step-card:hover {
    border-color: rgba(34,197,94,0.34) !important;
    box-shadow:
        0 34px 90px rgba(0,0,0,0.34),
        0 0 0 1px rgba(34,197,94,0.14),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* número dos steps mais premium */
.block2-step-card span:first-child,
.block2-step-card strong:first-child {
    box-shadow:
        0 16px 34px rgba(34,197,94,0.22),
        inset 0 1px 0 rgba(255,255,255,0.18);
    position: relative;
    overflow: hidden;
}

.block2-step-card span:first-child::after,
.block2-step-card strong:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 80%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.24), transparent);
    transform: skewX(-20deg);
    animation: block2NumberShine 4.8s ease-in-out infinite;
}

/* CTA FINAL BRUTAL */
.block2-cta-box {
    position: relative;
    isolation: isolate;
    border-radius: 38px !important;
    background:
        radial-gradient(circle at 14% 50%, rgba(34,197,94,0.22), transparent 30%),
        radial-gradient(circle at 90% 40%, rgba(59,130,246,0.11), transparent 26%),
        linear-gradient(135deg, rgba(12,26,46,0.96), rgba(3,9,20,0.98)) !important;
    border-color: rgba(34,197,94,0.22) !important;
}

.block2-cta-box::after {
    width: 340px;
    height: 340px;
    right: -120px;
    bottom: -120px;
    top: auto;
    background:
        radial-gradient(circle, rgba(34,197,94,0.24), rgba(34,197,94,0.04) 56%, transparent 74%);
    animation: block2CtaOrb 6s ease-in-out infinite;
}

/* borda luminosa passando no CTA */
.block2-cta-box .cta-border-light {
    display: none;
}

.block2-cta-box::before {
    background:
        linear-gradient(135deg, rgba(34,197,94,0.16), transparent 28%, transparent 72%, rgba(59,130,246,0.09)),
        linear-gradient(180deg, rgba(255,255,255,0.05), transparent 22%) !important;
}

.block2-cta-box:hover {
    transform: translateY(-8px) scale(1.01);
    border-color: rgba(34,197,94,0.38) !important;
    box-shadow:
        0 44px 120px rgba(0,0,0,0.42),
        0 0 0 1px rgba(34,197,94,0.16),
        0 0 48px rgba(34,197,94,0.08),
        inset 0 1px 0 rgba(255,255,255,0.08) !important;
}

/* Botões dentro do bloco 2 */
.block2-solutions a,
.block2-process a,
.block2-cta-section a {
    transition:
        transform .24s ease,
        color .24s ease,
        box-shadow .24s ease,
        background .24s ease;
}

.block2-solutions a:hover,
.block2-process a:hover,
.block2-cta-section a:hover {
    transform: translateY(-3px);
}

/* Cursor / UX refinado */
.block2-feature-card,
.block2-mini-card,
.block2-step-card,
.block2-cta-box {
    will-change: transform;
}

/* RESPONSIVO */
@media (max-width: 1180px) {
    .block2-process::after {
        display: none;
    }

    .block2-mini-card {
        min-height: 390px;
    }
}

@media (max-width: 980px) {
    .block2-feature-card,
    .block2-mini-card,
    .block2-step-card,
    .block2-cta-box {
        border-radius: 28px !important;
        animation: none !important;
    }

    .block2-mini-card {
        min-height: 350px;
    }

    .block2-feature-card:hover,
    .block2-mini-card:hover,
    .block2-step-card:hover,
    .block2-cta-box:hover {
        transform: translateY(-4px) scale(1.004);
    }
}

@media (max-width: 640px) {
    .block2-feature-card,
    .block2-mini-card,
    .block2-step-card,
    .block2-cta-box {
        border-radius: 22px !important;
        animation: none !important;
    }

    .block2-mini-card {
        min-height: 330px;
    }

    .block2-feature-card:hover,
    .block2-mini-card:hover,
    .block2-step-card:hover,
    .block2-cta-box:hover,
    .block2-solutions a:hover,
    .block2-process a:hover,
    .block2-cta-section a:hover {
        transform: none !important;
    }

    .block2-feature-card::after,
    .block2-mini-card::after,
    .block2-step-card::after,
    .block2-cta-box::after {
        opacity: .42;
        transform: scale(.85);
    }
}

/* ANIMAÇÕES */
@keyframes block2Breath {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-4px) scale(1.003);
    }
}

@keyframes block2MiniFloatA {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-8px);
    }
}

@keyframes block2MiniFloatB {
    0%, 100% {
        transform: translateY(14px);
    }
    50% {
        transform: translateY(4px);
    }
}

@keyframes block2MiniFloatC {
    0%, 100% {
        transform: translateY(-8px);
    }
    50% {
        transform: translateY(-16px);
    }
}

@keyframes block2LinePulse {
    0%, 100% {
        opacity: .35;
        transform: scaleY(.96);
    }
    50% {
        opacity: .85;
        transform: scaleY(1.02);
    }
}

@keyframes block2NumberShine {
    0%, 70%, 100% {
        left: -120%;
    }
    82% {
        left: 130%;
    }
}

@keyframes block2CtaOrb {
    0%, 100% {
        transform: translate3d(0,0,0) scale(1);
        opacity: .62;
    }
    50% {
        transform: translate3d(-18px,-12px,0) scale(1.08);
        opacity: .92;
    }
}

/* === BLOCO 2 HARDCORE V2 END === */


/* === BLOCO 2 V3 TRANSFORMADOR START === */

.b2v3 {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 120px 22px;
    background:
        radial-gradient(circle at 12% 10%, rgba(34,197,94,0.12), transparent 26%),
        radial-gradient(circle at 88% 24%, rgba(59,130,246,0.09), transparent 28%),
        linear-gradient(180deg, #020617 0%, #061121 45%, #020617 100%);
    border-top: 1px solid rgba(255,255,255,0.08);
}

.b2v3-container {
    width: min(1180px, 100%);
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.b2v3-grid-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    opacity: .06;
    background-image:
        linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size: 88px 88px;
    mask-image: radial-gradient(circle at center, black, transparent 76%);
    pointer-events: none;
}

.b2v3-bg-orb {
    position: absolute;
    border-radius: 999px;
    filter: blur(40px);
    pointer-events: none;
    z-index: 0;
}

.b2v3-orb-a {
    width: 520px;
    height: 520px;
    left: -180px;
    top: 120px;
    background: rgba(34,197,94,0.14);
    animation: b2v3OrbA 12s ease-in-out infinite;
}

.b2v3-orb-b {
    width: 620px;
    height: 620px;
    right: -220px;
    top: 480px;
    background: rgba(59,130,246,0.09);
    animation: b2v3OrbB 15s ease-in-out infinite;
}

.b2v3-heading {
    max-width: 890px;
    margin-bottom: 58px;
}

.b2v3-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 9px 14px;
    border-radius: 999px;
    background: rgba(34,197,94,0.13);
    border: 1px solid rgba(34,197,94,0.30);
    color: #bbf7d0;
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .09em;
    margin-bottom: 18px;
}

.b2v3-heading h2,
.b2v3-section-split h2,
.b2v3-confidence-copy h2,
.b2v3-final-cta h2 {
    font-size: clamp(2.25rem, 4.5vw, 4.85rem);
    line-height: .98;
    letter-spacing: -.07em;
    font-weight: 900;
    text-wrap: balance;
    text-shadow:
        0 24px 70px rgba(0,0,0,0.42),
        0 8px 20px rgba(0,0,0,0.16);
}

.b2v3-heading p,
.b2v3-section-split p,
.b2v3-confidence-copy p,
.b2v3-final-cta p {
    margin-top: 20px;
    max-width: 780px;
    color: rgba(255,255,255,.72);
    font-size: clamp(1rem, 1.4vw, 1.13rem);
    line-height: 1.75;
}

.b2v3-trust-tags {
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.b2v3-trust-tags span {
    padding: 10px 13px;
    border-radius: 999px;
    background: rgba(255,255,255,0.06);
    border: 1px solid rgba(255,255,255,0.11);
    color: rgba(255,255,255,0.78);
    font-size: .82rem;
    font-weight: 800;
    backdrop-filter: blur(10px);
}

.b2v3-spotlight-grid {
    display: grid;
    gap: 28px;
}

.b2v3-spotlight-card {
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: .92fr 1.08fr;
    min-height: 520px;
    border-radius: 40px;
    background:
        radial-gradient(circle at top right, rgba(34,197,94,0.10), transparent 34%),
        linear-gradient(180deg, rgba(12,24,44,.92), rgba(5,12,26,.96));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow:
        0 36px 110px rgba(0,0,0,.36),
        0 0 0 1px rgba(255,255,255,.03),
        inset 0 1px 0 rgba(255,255,255,.06);
    transform-style: preserve-3d;
    transition:
        transform .32s ease,
        border-color .32s ease,
        box-shadow .32s ease;
}

.b2v3-spotlight-card:nth-child(even) {
    grid-template-columns: 1.08fr .92fr;
}

.b2v3-spotlight-card:nth-child(even) .b2v3-visual {
    order: 2;
}

.b2v3-spotlight-card:hover {
    transform: translateY(-10px);
    border-color: rgba(34,197,94,.30);
    box-shadow:
        0 48px 130px rgba(0,0,0,.46),
        0 0 0 1px rgba(34,197,94,.12),
        0 0 54px rgba(34,197,94,.07),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b2v3-card-glow {
    position: absolute;
    width: 300px;
    height: 300px;
    right: -80px;
    top: -80px;
    border-radius: 999px;
    background: rgba(34,197,94,.16);
    filter: blur(38px);
    pointer-events: none;
    opacity: .8;
}

.b2v3-life .b2v3-card-glow {
    left: -80px;
    right: auto;
    bottom: -80px;
    top: auto;
    background: rgba(59,130,246,.12);
}

.b2v3-visual {
    position: relative;
    overflow: hidden;
    min-height: 100%;
}

.b2v3-visual img {
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    display: block;
    filter: brightness(.82) saturate(1.06) contrast(1.06);
    transform: scale(1.02);
    transition:
        transform .8s ease,
        filter .8s ease;
}

.b2v3-spotlight-card:hover .b2v3-visual img {
    transform: scale(1.08);
    filter: brightness(.96) saturate(1.14) contrast(1.10);
}

.b2v3-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(2,6,23,.12), rgba(2,6,23,.64)),
        linear-gradient(180deg, transparent, rgba(2,6,23,.56));
}

.b2v3-spotlight-card:nth-child(even) .b2v3-visual::after {
    background:
        linear-gradient(270deg, rgba(2,6,23,.12), rgba(2,6,23,.64)),
        linear-gradient(180deg, transparent, rgba(2,6,23,.56));
}

.b2v3-visual-badge {
    position: absolute;
    left: 24px;
    top: 24px;
    z-index: 2;
    padding: 9px 13px;
    border-radius: 999px;
    color: #d9ffe8;
    font-size: .74rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    background: rgba(34,197,94,.18);
    border: 1px solid rgba(34,197,94,.28);
    backdrop-filter: blur(12px);
}

.b2v3-card-content {
    position: relative;
    z-index: 2;
    padding: clamp(30px, 4vw, 58px);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.b2v3-card-label {
    width: fit-content;
    padding: 8px 12px;
    border-radius: 999px;
    background: rgba(34,197,94,.13);
    border: 1px solid rgba(34,197,94,.30);
    color: #86efac;
    font-size: .76rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    margin-bottom: 18px;
}

.b2v3-card-content h3 {
    font-size: clamp(2rem, 3.3vw, 3.55rem);
    line-height: 1.01;
    letter-spacing: -.065em;
    font-weight: 900;
    text-wrap: balance;
}

.b2v3-card-content p {
    margin-top: 18px;
    color: rgba(255,255,255,.72);
    line-height: 1.75;
    font-size: 1.02rem;
}

.b2v3-benefit-list {
    margin-top: 26px;
    display: grid;
    gap: 12px;
}

.b2v3-benefit-list div {
    position: relative;
    padding: 16px 18px 16px 48px;
    border-radius: 20px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
    transition:
        transform .24s ease,
        border-color .24s ease,
        background .24s ease;
}

.b2v3-benefit-list div::before {
    content: "";
    position: absolute;
    left: 18px;
    top: 22px;
    width: 12px;
    height: 12px;
    border-radius: 999px;
    background: #22c55e;
    box-shadow: 0 0 0 7px rgba(34,197,94,.13);
}

.b2v3-benefit-list div:hover {
    transform: translateX(5px);
    border-color: rgba(34,197,94,.28);
    background: rgba(34,197,94,.09);
}

.b2v3-benefit-list strong {
    display: block;
    color: #fff;
    font-size: .95rem;
    margin-bottom: 4px;
}

.b2v3-benefit-list span {
    display: block;
    color: rgba(255,255,255,.64);
    line-height: 1.55;
    font-size: .88rem;
}

.b2v3-main-btn {
    width: fit-content;
    min-height: 54px;
    margin-top: 30px;
    padding: 0 22px;
    border-radius: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #28e874, #22c55e, #86efac);
    color: #03140b;
    font-weight: 900;
    box-shadow:
        0 20px 48px rgba(34,197,94,.28),
        inset 0 1px 0 rgba(255,255,255,.18);
    position: relative;
    overflow: hidden;
    transition:
        transform .24s ease,
        box-shadow .24s ease;
}

.b2v3-main-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
    transform: skewX(-22deg);
    transition: left .65s ease;
}

.b2v3-main-btn:hover {
    transform: translateY(-4px);
    box-shadow:
        0 28px 58px rgba(34,197,94,.34),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.b2v3-main-btn:hover::after {
    left: 150%;
}

.b2v3-section-split {
    margin-top: 96px;
    margin-bottom: 32px;
    display: grid;
    grid-template-columns: 1fr .72fr;
    gap: 36px;
    align-items: end;
}

.b2v3-section-split p {
    margin-top: 0;
}

.b2v3-orbit-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.b2v3-orbit-card {
    min-height: 440px;
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    border: 1px solid rgba(255,255,255,.12);
    box-shadow:
        0 34px 90px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.06);
    transform-style: preserve-3d;
    transition:
        transform .32s ease,
        border-color .32s ease,
        box-shadow .32s ease;
}

.b2v3-orbit-card:nth-child(2) {
    transform: translateY(20px);
}

.b2v3-orbit-card:nth-child(3) {
    transform: translateY(-10px);
}

.b2v3-orbit-card:hover {
    transform: translateY(-12px) scale(1.01);
    border-color: rgba(34,197,94,.34);
    box-shadow:
        0 48px 120px rgba(0,0,0,.44),
        0 0 0 1px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b2v3-orbit-card:nth-child(2):hover,
.b2v3-orbit-card:nth-child(3):hover {
    transform: translateY(-12px) scale(1.01);
}

.b2v3-orbit-image {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.05);
    transition: transform .8s ease, filter .8s ease;
    filter: brightness(.82) saturate(1.06) contrast(1.06);
}

.b2v3-orbit-card:hover .b2v3-orbit-image {
    transform: scale(1.13);
    filter: brightness(.96) saturate(1.14) contrast(1.10);
}

.b2v3-orbit-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 22% 20%, rgba(34,197,94,.20), transparent 34%),
        linear-gradient(180deg, rgba(2,6,23,.16), rgba(2,6,23,.96));
}

.b2v3-orbit-content {
    position: relative;
    z-index: 2;
    min-height: 440px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.b2v3-icon {
    width: 56px;
    height: 56px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: rgba(34,197,94,.16);
    border: 1px solid rgba(34,197,94,.30);
    color: #22c55e;
    font-weight: 900;
    margin-bottom: 18px;
    box-shadow:
        0 16px 32px rgba(34,197,94,.14),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b2v3-orbit-content small {
    color: #86efac;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .72rem;
    margin-bottom: 8px;
}

.b2v3-orbit-content h3 {
    font-size: 1.75rem;
    letter-spacing: -.045em;
    margin-bottom: 12px;
    text-shadow: 0 16px 42px rgba(0,0,0,.42);
}

.b2v3-orbit-content p {
    color: rgba(255,255,255,.76);
    line-height: 1.65;
}

.b2v3-mini-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}

.b2v3-mini-tags span {
    padding: 8px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.10);
    color: rgba(255,255,255,.78);
    font-size: .76rem;
    font-weight: 800;
    backdrop-filter: blur(10px);
}

.b2v3-orbit-content a {
    margin-top: 22px;
    color: #86efac;
    font-weight: 900;
    transition: transform .24s ease, color .24s ease;
}

.b2v3-orbit-content a:hover {
    color: #22c55e;
    transform: translateX(4px);
}

.b2v3-confidence {
    margin-top: 110px;
    display: grid;
    grid-template-columns: .86fr 1.14fr;
    gap: 40px;
    align-items: start;
}

.b2v3-confidence-copy {
    position: sticky;
    top: 120px;
}

.b2v3-steps {
    display: grid;
    gap: 18px;
    position: relative;
}

.b2v3-steps::before {
    content: "";
    position: absolute;
    left: 31px;
    top: 38px;
    bottom: 38px;
    width: 1px;
    background:
        linear-gradient(180deg, rgba(34,197,94,0), rgba(34,197,94,.45), rgba(255,255,255,.12), rgba(34,197,94,.45), rgba(34,197,94,0));
    box-shadow: 0 0 24px rgba(34,197,94,.18);
}

.b2v3-step-card {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 64px 1fr;
    gap: 20px;
    padding: 26px;
    border-radius: 28px;
    background:
        radial-gradient(circle at top left, rgba(34,197,94,.13), transparent 30%),
        linear-gradient(180deg, rgba(13,25,45,.92), rgba(5,12,25,.96));
    border: 1px solid rgba(255,255,255,.11);
    box-shadow:
        0 26px 70px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.05);
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.b2v3-step-card:nth-child(2) {
    transform: translateX(24px);
}

.b2v3-step-card:hover {
    transform: translateY(-6px);
    border-color: rgba(34,197,94,.32);
    box-shadow:
        0 36px 92px rgba(0,0,0,.34),
        0 0 0 1px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b2v3-step-card:nth-child(2):hover {
    transform: translateX(24px) translateY(-6px);
}

.b2v3-step-card > span {
    width: 58px;
    height: 58px;
    border-radius: 20px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #22c55e, #86efac);
    color: #03140b;
    font-weight: 900;
    box-shadow:
        0 16px 34px rgba(34,197,94,.22),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.b2v3-step-card h3 {
    font-size: 1.25rem;
    letter-spacing: -.035em;
    margin-bottom: 8px;
}

.b2v3-step-card p {
    color: rgba(255,255,255,.68);
    line-height: 1.65;
}

.b2v3-proof-wall {
    margin-top: 92px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11);
    background: rgba(255,255,255,.045);
    box-shadow:
        0 28px 80px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.05);
    backdrop-filter: blur(14px);
}

.b2v3-proof-wall div {
    padding: 26px;
    border-right: 1px solid rgba(255,255,255,.09);
    transition: background .24s ease;
}

.b2v3-proof-wall div:last-child {
    border-right: none;
}

.b2v3-proof-wall div:hover {
    background: rgba(34,197,94,.08);
}

.b2v3-proof-wall strong {
    display: block;
    color: #fff;
    font-size: 1rem;
    margin-bottom: 7px;
}

.b2v3-proof-wall span {
    display: block;
    color: rgba(255,255,255,.62);
    line-height: 1.45;
    font-size: .86rem;
}

.b2v3-final-cta {
    margin-top: 92px;
    position: relative;
    overflow: hidden;
    border-radius: 38px;
    padding: clamp(30px, 4.2vw, 56px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 34px;
    background:
        radial-gradient(circle at 18% 40%, rgba(34,197,94,.22), transparent 30%),
        radial-gradient(circle at 88% 40%, rgba(59,130,246,.10), transparent 26%),
        linear-gradient(135deg, rgba(12,26,46,.96), rgba(3,9,20,.98));
    border: 1px solid rgba(34,197,94,.22);
    box-shadow:
        0 36px 100px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.035),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.b2v3-final-glow {
    position: absolute;
    width: 340px;
    height: 340px;
    right: -120px;
    bottom: -120px;
    border-radius: 999px;
    background: rgba(34,197,94,.18);
    filter: blur(34px);
    animation: b2v3FinalGlow 7s ease-in-out infinite;
}

.b2v3-final-cta > div {
    max-width: 740px;
    position: relative;
    z-index: 2;
}

.b2v3-final-cta .b2v3-main-btn {
    position: relative;
    z-index: 2;
    margin-top: 0;
    min-width: 210px;
}

/* Reveal */
.b2v3 .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition:
        opacity .78s ease,
        transform .78s cubic-bezier(.22,.61,.36,1);
}

.b2v3 .reveal.visible,
.b2v3 .reveal.is-revealed {
    opacity: 1;
    transform: translateY(0);
}

/* Responsivo */
@media (max-width: 1180px) {
    .b2v3-spotlight-card,
    .b2v3-spotlight-card:nth-child(even) {
        grid-template-columns: 1fr;
    }

    .b2v3-spotlight-card:nth-child(even) .b2v3-visual {
        order: 0;
    }

    .b2v3-visual img {
        min-height: 340px;
    }

    .b2v3-section-split {
        grid-template-columns: 1fr;
    }

    .b2v3-orbit-grid {
        grid-template-columns: 1fr;
    }

    .b2v3-orbit-card,
    .b2v3-orbit-card:nth-child(2),
    .b2v3-orbit-card:nth-child(3),
    .b2v3-orbit-card:hover,
    .b2v3-orbit-card:nth-child(2):hover,
    .b2v3-orbit-card:nth-child(3):hover {
        transform: none;
    }

    .b2v3-confidence {
        grid-template-columns: 1fr;
    }

    .b2v3-confidence-copy {
        position: static;
    }

    .b2v3-proof-wall {
        grid-template-columns: repeat(2, 1fr);
    }

    .b2v3-proof-wall div:nth-child(2) {
        border-right: none;
    }

    .b2v3-proof-wall div:nth-child(1),
    .b2v3-proof-wall div:nth-child(2) {
        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    .b2v3-final-cta {
        flex-direction: column;
        align-items: flex-start;
    }

    .b2v3-final-cta .b2v3-main-btn {
        width: 100%;
    }
}

@media (max-width: 640px) {
    .b2v3 {
        padding: 74px 14px;
    }

    .b2v3-heading {
        margin-bottom: 38px;
    }

    .b2v3-heading h2,
    .b2v3-section-split h2,
    .b2v3-confidence-copy h2,
    .b2v3-final-cta h2 {
        font-size: clamp(2rem, 10vw, 3rem);
        line-height: 1.02;
    }

    .b2v3-trust-tags {
        display: grid;
        grid-template-columns: 1fr;
    }

    .b2v3-spotlight-card {
        min-height: auto;
        border-radius: 26px;
    }

    .b2v3-spotlight-card:hover {
        transform: none;
    }

    .b2v3-visual img {
        min-height: 240px;
    }

    .b2v3-card-content {
        padding: 24px;
    }

    .b2v3-card-content h3 {
        font-size: 2rem;
    }

    .b2v3-main-btn {
        width: 100%;
    }

    .b2v3-section-split {
        margin-top: 66px;
    }

    .b2v3-orbit-card {
        min-height: 370px;
        border-radius: 24px;
    }

    .b2v3-orbit-content {
        min-height: 370px;
        padding: 24px;
    }

    .b2v3-confidence {
        margin-top: 72px;
    }

    .b2v3-steps::before {
        display: none;
    }

    .b2v3-step-card,
    .b2v3-step-card:nth-child(2),
    .b2v3-step-card:hover,
    .b2v3-step-card:nth-child(2):hover {
        grid-template-columns: 1fr;
        transform: none;
    }

    .b2v3-proof-wall {
        grid-template-columns: 1fr;
        border-radius: 24px;
    }

    .b2v3-proof-wall div {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,.09);
    }

    .b2v3-proof-wall div:last-child {
        border-bottom: none;
    }

    .b2v3-final-cta {
        margin-top: 72px;
        border-radius: 26px;
    }
}

/* Animações */
@keyframes b2v3OrbA {
    0%,100% { transform: translate3d(0,0,0) scale(1); }
    50% { transform: translate3d(34px,-18px,0) scale(1.08); }
}

@keyframes b2v3OrbB {
    0%,100% { transform: translate3d(0,0,0) scale(1); }
    50% { transform: translate3d(-28px,20px,0) scale(1.06); }
}

@keyframes b2v3FinalGlow {
    0%,100% { transform: translate3d(0,0,0) scale(1); opacity: .68; }
    50% { transform: translate3d(-20px,-14px,0) scale(1.08); opacity: .95; }
}

/* === BLOCO 2 V3 TRANSFORMADOR END === */

/* === HERO VIDEO BLOCO 1 START === */

.hero-master {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.hero-video-stage {
    position: absolute;
    inset: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
    background: transparent;
}

.hero-video-bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

    opacity: 0;
    transform: scale(1.08);
    filter: brightness(0.58) saturate(1.08) contrast(1.06) blur(1px);

    transition:
        opacity 1.35s ease,
        transform 7.5s ease,
        filter 1.2s ease;
}

.hero-video-bg.video-active {
    opacity: .78;
    transform: scale(1.015);
    filter: brightness(0.86) saturate(1.16) contrast(1.10) blur(0);
}

.hero-video-stage::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
    background:
        radial-gradient(circle at 18% 22%, rgba(34,197,94,0.18), transparent 30%),
        radial-gradient(circle at 82% 42%, rgba(34,197,94,0.10), transparent 34%),
        linear-gradient(90deg, rgba(2,6,23,0.58), rgba(2,6,23,0.28), rgba(2,6,23,0.48)),
        linear-gradient(180deg, rgba(2,6,23,0.08), rgba(2,6,23,0.86));
    pointer-events: none;
}

.hero-video-pulse {
    position: absolute;
    inset: 0;
    z-index: 4;
    opacity: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 50% 50%, rgba(34,197,94,0.18), transparent 34%),
        linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent);
    transition: opacity .75s ease;
}

.hero-master.video-changing .hero-video-pulse {
    opacity: 1;
}

.hero-video-signature {
    position: absolute;
    right: clamp(30px, 6vw, 120px);
    bottom: clamp(46px, 7vh, 105px);
    z-index: 5;
    pointer-events: none;
    text-align: right;

    opacity: 0;
    transform: translateY(32px) scale(.96);
    filter: blur(14px);

    transition:
        opacity .85s ease,
        transform 1s ease,
        filter .9s ease;
}

.hero-video-signature strong {
    display: block;
    font-weight: 900;
    line-height: .86;
    letter-spacing: -.075em;
    font-size: clamp(4.4rem, 8vw, 9rem);

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.30),
            rgba(255,255,255,.13),
            rgba(34,197,94,.18)
        );

    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;

    text-shadow:
        0 0 38px rgba(34,197,94,.10),
        0 24px 70px rgba(0,0,0,.34);
}

.hero-video-signature span {
    display: inline-flex;
    margin-top: 12px;
    padding: 7px 12px;
    border-radius: 999px;
    border: 1px solid rgba(34,197,94,.18);
    background: rgba(5,13,26,.40);
    backdrop-filter: blur(10px);
    color: rgba(230,255,240,.66);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

.hero-master.signature-video-on .hero-video-signature {
    opacity: .90;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

/* deixa o conteúdo acima do vídeo */
.hero-overlay,
.hero-grid,
.hero-brand-light,
.hero-container,
.hero-copy,
.hero-panel {
    position: relative;
    z-index: 6;
}

/* mobile */
@media (max-width: 768px) {
    .hero-video-bg.video-active {
        opacity: .62;
    }

    .hero-video-signature {
        left: 18px;
        right: 18px;
        bottom: 18px;
        text-align: left;
    }

    .hero-video-signature strong {
        font-size: clamp(2.7rem, 14vw, 4.4rem);
    }

    .hero-video-signature span {
        font-size: .62rem;
        letter-spacing: .12em;
        padding: 6px 10px;
    }
}

/* === HERO VIDEO BLOCO 1 END === */


/* === BLOCO 2 VIDEO PREMIUM START === */

.b2v3-visual {
    position: relative;
    overflow: hidden;
    background: #020617;
}

.b2v3-visual img {
    position: relative;
    z-index: 0;
}

.b2v3-visual-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;

    opacity: 0;
    transform: scale(1.08);
    filter: brightness(0.72) saturate(1.10) contrast(1.08) blur(.5px);

    transition:
        opacity 1.2s ease,
        transform 7s ease,
        filter .9s ease;
}

.b2v3-visual-video.video-ready {
    opacity: .82;
    transform: scale(1.015);
    filter: brightness(0.88) saturate(1.16) contrast(1.10) blur(0);
}

.b2v3-visual::after {
    z-index: 2;
}

.b2v3-visual-badge {
    z-index: 4;
}

.b2v3-spotlight-card:hover .b2v3-visual-video.video-ready {
    transform: scale(1.08);
    filter: brightness(.96) saturate(1.18) contrast(1.12);
}

/* efeito premium sobre vídeo */
.b2v3-visual-video-glow {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    background:
        radial-gradient(circle at 22% 22%, rgba(34,197,94,.20), transparent 32%),
        radial-gradient(circle at 80% 60%, rgba(59,130,246,.08), transparent 34%),
        linear-gradient(180deg, transparent, rgba(2,6,23,.38));
    opacity: .76;
}

/* assinatura discreta dentro dos cards principais */
.b2v3-video-signature {
    position: absolute;
    right: 24px;
    bottom: 22px;
    z-index: 4;
    pointer-events: none;
    text-align: right;
    opacity: .42;
}

.b2v3-video-signature strong {
    display: block;
    font-size: clamp(1.8rem, 3vw, 3.4rem);
    line-height: .86;
    letter-spacing: -.065em;
    color: rgba(255,255,255,.20);
    text-shadow:
        0 0 30px rgba(34,197,94,.10),
        0 18px 45px rgba(0,0,0,.34);
}

.b2v3-video-signature span {
    display: inline-flex;
    margin-top: 8px;
    padding: 6px 10px;
    border-radius: 999px;
    background: rgba(5,13,26,.38);
    border: 1px solid rgba(34,197,94,.16);
    color: rgba(225,255,237,.58);
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

/* mobile */
@media (max-width: 640px) {
    .b2v3-visual-video.video-ready {
        opacity: .68;
    }

    .b2v3-video-signature {
        right: 16px;
        bottom: 16px;
        opacity: .30;
    }

    .b2v3-video-signature strong {
        font-size: 2rem;
    }

    .b2v3-video-signature span {
        font-size: .56rem;
        letter-spacing: .10em;
    }
}

/* === BLOCO 2 VIDEO PREMIUM END === */


/* === AJUSTE FINO GLOBAL B1 B2 START === */

.hero-master h1,
.b2v3-section h2,
.b2v3-section h3,
.b2v3-alt-title,
.b2v3-process-copy h2 {
    text-wrap: balance;
    text-shadow: 0 10px 30px rgba(0,0,0,.22);
}

.hero-master p,
.b2v3-section p,
.b2v3-alt-copy,
.b2v3-process-copy p {
    color: rgba(226,232,240,.84) !important;
    line-height: 1.72;
}

.hero-master .btn-primary,
.b2v3-section .btn-primary,
.b2v3-section .b2v3-btn-primary {
    box-shadow:
        0 14px 35px rgba(34,197,94,.22),
        inset 0 1px 0 rgba(255,255,255,.16);
}

.hero-master .btn-secondary,
.b2v3-section .btn-secondary,
.b2v3-section .b2v3-btn-secondary {
    border-color: rgba(255,255,255,.16);
    background: rgba(255,255,255,.045);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.hero-master .btn-secondary:hover,
.b2v3-section .btn-secondary:hover,
.b2v3-section .b2v3-btn-secondary:hover {
    background: rgba(255,255,255,.075);
    transform: translateY(-2px);
}

.hero-panel,
.b2v3-spotlight-card,
.b2v3-process-step,
.b2v3-alt-card {
    box-shadow:
        0 24px 60px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.04);
}

.hero-panel:hover,
.b2v3-spotlight-card:hover,
.b2v3-process-step:hover,
.b2v3-alt-card:hover {
    box-shadow:
        0 30px 70px rgba(0,0,0,.30),
        0 0 0 1px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.hero-master .tag,
.hero-master .chip,
.b2v3-section .chip,
.b2v3-badge,
.b2v3-pill {
    color: rgba(240,255,246,.92);
    border-color: rgba(255,255,255,.10);
    background: rgba(255,255,255,.05);
    backdrop-filter: blur(10px);
}

@media (max-width: 768px) {
    .hero-master p,
    .b2v3-section p,
    .b2v3-alt-copy,
    .b2v3-process-copy p {
        font-size: .96rem;
        line-height: 1.64;
    }
}

/* === AJUSTE FINO GLOBAL B1 B2 END === */


/* === B2X HARD SOLUCOES COMPLEMENTARES START === */

.b2x-hard {
    position: relative;
    padding: 100px 0 40px;
}

.b2x-head {
    display: grid;
    grid-template-columns: 1.16fr .84fr;
    gap: 32px;
    align-items: end;
    margin-bottom: 36px;
}

.b2x-kicker {
    display: inline-flex;
    padding: 8px 14px;
    border-radius: 999px;
    border: 1px solid rgba(34,197,94,.22);
    background: rgba(34,197,94,.12);
    color: rgba(220,252,231,.95);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .14em;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.b2x-head h2 {
    margin: 0 0 14px;
    font-size: clamp(2.4rem, 4vw, 4.4rem);
    line-height: .96;
    letter-spacing: -.065em;
    max-width: 13ch;
    text-shadow: 0 22px 60px rgba(0,0,0,.35);
}

.b2x-head p {
    max-width: 760px;
    color: rgba(226,232,240,.82);
    font-size: 1.02rem;
    line-height: 1.72;
}

.b2x-head-mini {
    display: grid;
    gap: 14px;
}

.b2x-mini-card {
    padding: 18px;
    border-radius: 22px;
    border: 1px solid rgba(255,255,255,.09);
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.09), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.72), rgba(2,6,23,.88));
    box-shadow:
        0 20px 50px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.b2x-mini-card strong {
    display: block;
    margin-bottom: 6px;
    font-size: .98rem;
}

.b2x-mini-card span {
    color: rgba(226,232,240,.72);
    font-size: .92rem;
    line-height: 1.6;
}

.b2x-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.b2x-card {
    position: relative;
    overflow: hidden;
    border-radius: 32px;
    border: 1px solid rgba(255,255,255,.10);
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.08), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.78), rgba(2,6,23,.94));
    box-shadow:
        0 30px 78px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06);
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
    transform-style: preserve-3d;
}

.b2x-card:hover {
    transform: translateY(-10px) scale(1.01);
    border-color: rgba(34,197,94,.28);
    box-shadow:
        0 42px 105px rgba(0,0,0,.38),
        0 0 0 1px rgba(34,197,94,.10),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b2x-media {
    position: relative;
    height: 270px;
    overflow: hidden;
}

.b2x-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.03);
    transition: transform 1.1s ease, filter .5s ease;
    filter: brightness(.64) saturate(1.08) contrast(1.05);
}

.b2x-card:hover .b2x-media img {
    transform: scale(1.12);
    filter: brightness(.84) saturate(1.16) contrast(1.10);
}

.b2x-media-overlay {
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 18% 20%, rgba(34,197,94,.24), transparent 32%),
        linear-gradient(180deg, rgba(2,6,23,.10), rgba(2,6,23,.88));
}

.b2x-card-badge {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    padding: 8px 12px;
    border-radius: 999px;
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .13em;
    text-transform: uppercase;
    background: rgba(15,23,42,.70);
    border: 1px solid rgba(34,197,94,.22);
    color: rgba(220,252,231,.95);
    backdrop-filter: blur(10px);
}

.b2x-card-body {
    padding: 25px 24px 28px;
}

.b2x-card h3 {
    margin: 0 0 10px;
    font-size: clamp(1.65rem, 2vw, 2.2rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.b2x-card p {
    margin: 0 0 18px;
    color: rgba(226,232,240,.80);
    line-height: 1.68;
}

.b2x-list {
    list-style: none;
    padding: 0;
    margin: 0 0 18px;
    display: grid;
    gap: 10px;
}

.b2x-list li {
    position: relative;
    padding-left: 18px;
    color: rgba(237,242,247,.84);
    font-size: .93rem;
    line-height: 1.55;
}

.b2x-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #4ade80;
    box-shadow: 0 0 12px rgba(74,222,128,.48);
}

.b2x-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
}

.b2x-tags span {
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.09);
    color: rgba(241,245,249,.80);
    font-size: .74rem;
    font-weight: 800;
}

.b2x-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #4ade80;
    font-weight: 900;
    text-decoration: none;
}

.b2x-link::after {
    content: "→";
    transition: transform .25s ease;
}

.b2x-link:hover::after {
    transform: translateX(5px);
}

@media (max-width: 1100px) {
    .b2x-head {
        grid-template-columns: 1fr;
    }

    .b2x-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 768px) {
    .b2x-hard {
        padding: 72px 0 24px;
    }

    .b2x-head h2 {
        max-width: 100%;
        font-size: clamp(2rem, 10vw, 3.1rem);
    }

    .b2x-head p {
        font-size: .96rem;
        line-height: 1.65;
    }

    .b2x-media {
        height: 220px;
    }

    .b2x-card {
        border-radius: 24px;
    }

    .b2x-card-body {
        padding: 21px 18px 24px;
    }

    .b2x-card:hover {
        transform: translateY(-4px);
    }
}

/* === B2X HARD SOLUCOES COMPLEMENTARES END === */


/* === B2X CARDS HARDCORE PRO START === */

.b2x-hard .b2x-grid{
    perspective: 1800px;
    align-items: stretch;
}

.b2x-hard .b2x-card{
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    overflow: hidden;
    border-radius: 32px;
    border: 1px solid rgba(255,255,255,.10);
    background:
        linear-gradient(180deg, rgba(13,20,36,.82), rgba(2,6,23,.96));
    box-shadow:
        0 22px 70px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.05);
    transition:
        transform .28s ease,
        box-shadow .32s ease,
        border-color .32s ease,
        filter .32s ease;
    transform-style: preserve-3d;
    will-change: transform;
    isolation: isolate;
}

.b2x-hard .b2x-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius: inherit;
    pointer-events:none;
    background:
        radial-gradient(circle at 0% 0%, rgba(255,255,255,.06), transparent 30%),
        linear-gradient(135deg, rgba(255,255,255,.04), transparent 35%);
    z-index: 1;
}

.b2x-hard .b2x-card::after{
    content:"";
    position:absolute;
    width: 220px;
    height: 220px;
    border-radius: 999px;
    filter: blur(55px);
    opacity: .22;
    z-index: 0;
    pointer-events:none;
    transition: transform .45s ease, opacity .35s ease;
}

.b2x-hard .b2x-card:nth-child(1)::after{
    top:-40px;
    right:-30px;
    background: radial-gradient(circle, rgba(59,130,246,.55), rgba(34,197,94,.12) 55%, transparent 75%);
}

.b2x-hard .b2x-card:nth-child(2)::after{
    top:-30px;
    right:-40px;
    background: radial-gradient(circle, rgba(34,197,94,.45), rgba(59,130,246,.10) 60%, transparent 78%);
}

.b2x-hard .b2x-card:nth-child(3)::after{
    top:-40px;
    right:-20px;
    background: radial-gradient(circle, rgba(16,185,129,.38), rgba(59,130,246,.18) 60%, transparent 78%);
}

.b2x-hard .b2x-card:hover{
    border-color: rgba(34,197,94,.28);
    box-shadow:
        0 35px 100px rgba(0,0,0,.38),
        0 0 0 1px rgba(34,197,94,.10),
        inset 0 1px 0 rgba(255,255,255,.08);
    filter: saturate(1.05);
}

.b2x-hard .b2x-card:hover::after{
    opacity: .34;
    transform: scale(1.16);
}

/* mídia */
.b2x-hard .b2x-media{
    position: relative;
    height: 250px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
    z-index: 2;
}

.b2x-hard .b2x-media img{
    width:100%;
    height:100%;
    object-fit: cover;
    display:block;
    transform: scale(1.03);
    transition:
        transform .9s ease,
        filter .45s ease,
        opacity .35s ease;
    filter: brightness(.63) saturate(1.05) contrast(1.06);
}

.b2x-hard .b2x-card:hover .b2x-media img{
    transform: scale(1.12);
    filter: brightness(.84) saturate(1.14) contrast(1.10);
}

.b2x-hard .b2x-media-overlay{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(2,6,23,.02), rgba(2,6,23,.84)),
        radial-gradient(circle at 20% 22%, rgba(34,197,94,.18), transparent 32%);
    z-index:1;
}

.b2x-hard .b2x-card-badge{
    z-index:3;
    box-shadow:
        0 10px 30px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.06);
}

/* corpo */
.b2x-hard .b2x-card-body{
    position: relative;
    z-index: 2;
    display:flex;
    flex-direction:column;
    flex:1;
    padding: 24px 22px 24px;
}

.b2x-hard .b2x-card h3{
    margin:0 0 10px;
    font-size: clamp(1.65rem, 2vw, 2.15rem);
    line-height: .96;
    letter-spacing: -.05em;
    text-shadow: 0 12px 32px rgba(0,0,0,.24);
}

.b2x-hard .b2x-card p{
    margin:0 0 18px;
    color: rgba(226,232,240,.82);
    line-height:1.68;
}

.b2x-hard .b2x-list{
    margin: 0 0 18px;
    display:grid;
    gap:10px;
}

.b2x-hard .b2x-list li{
    padding-left: 18px;
    color: rgba(241,245,249,.84);
    font-size: .93rem;
    line-height:1.58;
}

.b2x-hard .b2x-list li::before{
    width:7px;
    height:7px;
    top:9px;
    background:#4ade80;
    box-shadow:0 0 12px rgba(74,222,128,.55);
}

/* tags */
.b2x-hard .b2x-tags{
    margin-top:auto;
    margin-bottom: 18px;
}

.b2x-hard .b2x-tags span{
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.10);
    color: rgba(241,245,249,.82);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
    transition: transform .24s ease, background .24s ease, border-color .24s ease;
}

.b2x-hard .b2x-card:hover .b2x-tags span{
    background: rgba(34,197,94,.08);
    border-color: rgba(34,197,94,.18);
    transform: translateY(-2px);
}

/* CTA */
.b2x-hard .b2x-link{
    font-size: .96rem;
    font-weight: 900;
    letter-spacing: -.01em;
}

.b2x-hard .b2x-link:hover{
    text-shadow: 0 0 16px rgba(74,222,128,.22);
}

/* estilo individual dos cards */
.b2x-hard .b2x-card:nth-child(1){
    background:
        radial-gradient(circle at top right, rgba(59,130,246,.08), transparent 34%),
        linear-gradient(180deg, rgba(13,20,36,.82), rgba(2,6,23,.96));
}

.b2x-hard .b2x-card:nth-child(2){
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.07), transparent 34%),
        linear-gradient(180deg, rgba(13,20,36,.82), rgba(2,6,23,.96));
}

.b2x-hard .b2x-card:nth-child(3){
    background:
        radial-gradient(circle at top right, rgba(16,185,129,.11), transparent 36%),
        linear-gradient(180deg, rgba(13,20,36,.84), rgba(2,6,23,.97));
}

/* diferencial do consórcio */
.b2x-hard .b2x-card:nth-child(3) .b2x-media::before{
    content:"";
    position:absolute;
    width: 240px;
    height: 240px;
    border-radius:50%;
    top: -20px;
    right: -70px;
    border: 1px solid rgba(74,222,128,.16);
    box-shadow:
        0 0 0 18px rgba(74,222,128,.05),
        0 0 0 38px rgba(59,130,246,.03);
    z-index:2;
    animation: b2x-consorcio-ring 8s linear infinite;
    pointer-events:none;
}

.b2x-hard .b2x-card:nth-child(3) .b2x-media::after{
    content:"";
    position:absolute;
    inset:auto 18px 18px auto;
    width:110px;
    height:110px;
    border-radius: 22px;
    background:
        linear-gradient(135deg, rgba(34,197,94,.18), rgba(59,130,246,.08));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(8px);
    z-index:2;
    opacity:.9;
    transform: rotate(14deg);
    box-shadow: 0 18px 40px rgba(0,0,0,.18);
}

.b2x-hard .b2x-card:nth-child(3):hover .b2x-media::after{
    transform: rotate(20deg) scale(1.05);
}

/* brilho varrendo o card */
.b2x-hard .b2x-card .b2x-shine{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,.08) 40%, transparent 58%);
    transform: translateX(-140%);
    transition: transform .9s ease;
}

.b2x-hard .b2x-card:hover .b2x-shine{
    transform: translateX(140%);
}

/* animações */
@keyframes b2x-consorcio-ring{
    0%   { transform: rotate(0deg) scale(1); opacity:.85; }
    50%  { transform: rotate(180deg) scale(1.03); opacity:1; }
    100% { transform: rotate(360deg) scale(1); opacity:.85; }
}

/* mobile / tablet */
@media (max-width: 1100px){
    .b2x-hard .b2x-grid{
        gap: 18px;
    }

    .b2x-hard .b2x-media{
        height: 230px;
    }
}

@media (max-width: 768px){
    .b2x-hard .b2x-card{
        border-radius: 24px;
    }

    .b2x-hard .b2x-media{
        height: 210px;
    }

    .b2x-hard .b2x-card-body{
        padding: 20px 18px 22px;
    }

    .b2x-hard .b2x-card h3{
        font-size: 1.9rem;
    }

    .b2x-hard .b2x-card:hover{
        transform: none !important;
    }

    .b2x-hard .b2x-card:nth-child(3) .b2x-media::before{
        width: 180px;
        height: 180px;
        right: -55px;
        top: -12px;
    }

    .b2x-hard .b2x-card:nth-child(3) .b2x-media::after{
        width: 84px;
        height: 84px;
    }
}

/* === B2X CARDS HARDCORE PRO END === */


/* === B2X HARDCORE PRO V2 START === */

.b2x-hard{
    position: relative;
    isolation: isolate;
    z-index: 1;
}

.b2x-hard::before{
    content:"";
    position:absolute;
    inset:-6% -4% -2% -4%;
    z-index:0;
    pointer-events:none;
    background:
        radial-gradient(circle at 10% 14%, rgba(34,197,94,.12), transparent 22%),
        radial-gradient(circle at 85% 14%, rgba(59,130,246,.10), transparent 28%),
        radial-gradient(circle at 52% 84%, rgba(20,184,166,.10), transparent 22%),
        radial-gradient(circle at 72% 45%, rgba(15,23,42,.30), transparent 30%);
    filter: blur(34px);
    animation: b2xMeshMove 18s ease-in-out infinite alternate;
}

.b2x-hard::after{
    content:"";
    position:absolute;
    inset: 0;
    z-index:0;
    pointer-events:none;
    background:
        linear-gradient(180deg, rgba(2,6,23,.06), rgba(2,6,23,.02)),
        repeating-linear-gradient(
            90deg,
            transparent 0,
            transparent 110px,
            rgba(255,255,255,.012) 111px,
            transparent 112px
        );
    opacity:.42;
    mask-image: linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.16));
}

.b2x-hard .b2x-head,
.b2x-hard .b2x-grid{
    position: relative;
    z-index: 2;
}

.b2x-hard .b2x-grid{
    perspective: 2200px;
    align-items: stretch;
}

/* cards */
.b2x-hard .b2x-card{
    --spot-x: 50%;
    --spot-y: 50%;
    position: relative;
    overflow: hidden;
    border-radius: 32px;
    border: 1px solid rgba(255,255,255,.10);
    background:
        linear-gradient(180deg, rgba(10,16,30,.82), rgba(2,6,23,.97));
    box-shadow:
        0 20px 60px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05);
    transform-style: preserve-3d;
    will-change: transform;
    transition:
        box-shadow .35s ease,
        border-color .35s ease,
        filter .35s ease;
    animation: b2xCardFloat 7.5s ease-in-out infinite;
}

.b2x-hard .b2x-card:nth-child(1){ animation-delay: 0s; }
.b2x-hard .b2x-card:nth-child(2){ animation-delay: 1.2s; }
.b2x-hard .b2x-card:nth-child(3){ animation-delay: 2.4s; }

.b2x-hard .b2x-card:hover{
    border-color: rgba(34,197,94,.26);
    box-shadow:
        0 35px 105px rgba(0,0,0,.40),
        0 0 0 1px rgba(34,197,94,.08),
        inset 0 1px 0 rgba(255,255,255,.08);
    filter: saturate(1.05);
}

.b2x-hard .b2x-card::before{
    content:"";
    position:absolute;
    inset:0;
    border-radius: inherit;
    pointer-events:none;
    z-index:1;
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.08), transparent 24%),
        linear-gradient(135deg, rgba(255,255,255,.035), transparent 34%);
}

.b2x-hard .b2x-card::after{
    content:"";
    position:absolute;
    width: 220px;
    height: 220px;
    right:-70px;
    top:-70px;
    border-radius:50%;
    z-index:0;
    pointer-events:none;
    filter: blur(50px);
    opacity:.18;
    transition: opacity .35s ease, transform .5s ease;
}

.b2x-hard .b2x-card:hover::after{
    opacity:.34;
    transform: scale(1.12);
}

.b2x-hard .b2x-card.is-auto::after{
    background: radial-gradient(circle, rgba(59,130,246,.60), rgba(16,185,129,.10) 58%, transparent 75%);
}

.b2x-hard .b2x-card.is-empresarial::after{
    background: radial-gradient(circle, rgba(34,197,94,.45), rgba(59,130,246,.10) 60%, transparent 75%);
}

.b2x-hard .b2x-card.is-consorcio::after{
    background: radial-gradient(circle, rgba(16,185,129,.38), rgba(245,158,11,.10) 60%, transparent 76%);
}

/* glow vivo */
.b2x-hard .b2x-live-glow{
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;
    opacity:0;
    transition: opacity .22s ease;
    mix-blend-mode: screen;
}

/* mídia */
.b2x-hard .b2x-media{
    position: relative;
    height: 252px;
    overflow: hidden;
    border-bottom: 1px solid rgba(255,255,255,.06);
    z-index: 2;
}

.b2x-hard .b2x-media img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    transform: scale(1.03);
    filter: brightness(.66) saturate(1.04) contrast(1.05);
    transition: transform .9s ease, filter .45s ease;
    animation: b2xMediaBreath 15s ease-in-out infinite;
}

.b2x-hard .b2x-card:hover .b2x-media img{
    filter: brightness(.86) saturate(1.16) contrast(1.08);
}

.b2x-hard .b2x-media-overlay{
    position:absolute;
    inset:0;
    z-index:1;
    background:
        linear-gradient(180deg, rgba(2,6,23,.04), rgba(2,6,23,.82)),
        radial-gradient(circle at 18% 18%, rgba(34,197,94,.16), transparent 28%);
}

.b2x-hard .b2x-card-badge{
    position:absolute;
    z-index:3;
    box-shadow:
        0 12px 32px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.b2x-hard .b2x-card-body{
    position:relative;
    z-index:2;
    display:flex;
    flex-direction:column;
    padding: 24px 22px 24px;
}

.b2x-hard .b2x-card h3{
    margin:0 0 10px;
    font-size: clamp(1.62rem, 2vw, 2.2rem);
    line-height: .96;
    letter-spacing: -.05em;
    text-shadow: 0 12px 26px rgba(0,0,0,.24);
}

.b2x-hard .b2x-card p{
    margin:0 0 18px;
    color: rgba(226,232,240,.82);
    line-height: 1.68;
}

.b2x-hard .b2x-list{
    display:grid;
    gap:10px;
    margin:0 0 18px;
}

.b2x-hard .b2x-list li{
    color: rgba(241,245,249,.84);
}

.b2x-hard .b2x-tags{
    margin-top:auto;
    margin-bottom:18px;
}

.b2x-hard .b2x-tags span{
    transition:
        transform .24s ease,
        background .24s ease,
        border-color .24s ease,
        box-shadow .24s ease;
}

.b2x-hard .b2x-card:hover .b2x-tags span{
    transform: translateY(-2px);
    background: rgba(34,197,94,.08);
    border-color: rgba(34,197,94,.20);
    box-shadow: 0 8px 18px rgba(0,0,0,.14);
}

.b2x-hard .b2x-link{
    font-weight: 900;
    letter-spacing: -.01em;
    transition: transform .22s ease, text-shadow .22s ease;
}

.b2x-hard .b2x-card:hover .b2x-link{
    transform: translateX(4px);
    text-shadow: 0 0 18px rgba(74,222,128,.22);
}

/* card auto */
.b2x-hard .b2x-card.is-auto{
    background:
        radial-gradient(circle at top right, rgba(59,130,246,.08), transparent 36%),
        linear-gradient(180deg, rgba(10,16,30,.82), rgba(2,6,23,.97));
}

/* card empresarial */
.b2x-hard .b2x-card.is-empresarial{
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.08), transparent 36%),
        linear-gradient(180deg, rgba(10,16,30,.82), rgba(2,6,23,.97));
}

/* card consórcio - diferentão */
.b2x-hard .b2x-card.is-consorcio{
    background:
        radial-gradient(circle at 84% 12%, rgba(20,184,166,.12), transparent 34%),
        radial-gradient(circle at 10% 100%, rgba(16,185,129,.08), transparent 28%),
        linear-gradient(180deg, rgba(8,15,28,.84), rgba(2,6,23,.98));
    border-color: rgba(20,184,166,.18);
}

.b2x-hard .b2x-card.is-consorcio .b2x-media::before{
    content:"";
    position:absolute;
    width: 250px;
    height: 250px;
    right: -65px;
    top: -40px;
    border-radius: 50%;
    z-index:2;
    pointer-events:none;
    border: 1px solid rgba(20,184,166,.18);
    box-shadow:
        0 0 0 20px rgba(20,184,166,.05),
        0 0 0 42px rgba(59,130,246,.025);
    animation: b2xOrbitRing 9s linear infinite;
}

.b2x-hard .b2x-card.is-consorcio .b2x-media::after{
    content:"";
    position:absolute;
    width: 110px;
    height: 110px;
    right: 18px;
    bottom: 14px;
    border-radius: 24px;
    z-index:2;
    pointer-events:none;
    background:
        linear-gradient(135deg, rgba(20,184,166,.18), rgba(59,130,246,.10));
    border:1px solid rgba(255,255,255,.08);
    backdrop-filter: blur(10px);
    transform: rotate(14deg);
    box-shadow: 0 18px 42px rgba(0,0,0,.18);
    transition: transform .35s ease;
}

.b2x-hard .b2x-card.is-consorcio:hover .b2x-media::after{
    transform: rotate(22deg) scale(1.04);
}

.b2x-hard .b2x-card.is-consorcio .b2x-card-body::before{
    content:"PLANEJAMENTO ESTRATÉGICO";
    position:absolute;
    top: 18px;
    right: -34px;
    transform: rotate(90deg);
    font-size: .62rem;
    letter-spacing: .22em;
    font-weight: 900;
    color: rgba(148,163,184,.42);
    pointer-events:none;
}

/* mini cards do topo direito */
.b2x-hard .b2x-mini-card{
    transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.b2x-hard .b2x-mini-card:hover{
    transform: translateY(-4px);
    border-color: rgba(34,197,94,.20);
    box-shadow: 0 18px 44px rgba(0,0,0,.18);
}

/* animações */
@keyframes b2xMeshMove{
    0%   { transform: translate3d(0,0,0) scale(1); }
    50%  { transform: translate3d(1%, -1.2%, 0) scale(1.03); }
    100% { transform: translate3d(-1.2%, 1.4%, 0) scale(1.04); }
}

@keyframes b2xCardFloat{
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-7px); }
    100% { transform: translateY(0px); }
}

@keyframes b2xMediaBreath{
    0%   { transform: scale(1.03); }
    50%  { transform: scale(1.08); }
    100% { transform: scale(1.03); }
}

@keyframes b2xOrbitRing{
    0%   { transform: rotate(0deg) scale(1); opacity:.88; }
    50%  { transform: rotate(180deg) scale(1.03); opacity:1; }
    100% { transform: rotate(360deg) scale(1); opacity:.88; }
}

/* responsivo */
@media (max-width: 1100px){
    .b2x-hard .b2x-media{
        height: 230px;
    }
}

@media (max-width: 768px){
    .b2x-hard::before,
    .b2x-hard::after{
        display:none;
    }

    .b2x-hard .b2x-card{
        border-radius: 24px;
        animation: none;
    }

    .b2x-hard .b2x-media{
        height: 210px;
    }

    .b2x-hard .b2x-card-body{
        padding: 20px 18px 22px;
    }

    .b2x-hard .b2x-card h3{
        font-size: 1.86rem;
    }

    .b2x-hard .b2x-card.is-consorcio .b2x-media::before{
        width: 170px;
        height: 170px;
        right: -48px;
        top: -14px;
    }

    .b2x-hard .b2x-card.is-consorcio .b2x-media::after{
        width: 84px;
        height: 84px;
        border-radius: 18px;
    }

    .b2x-hard .b2x-card.is-consorcio .b2x-card-body::before{
        display:none;
    }
}

/* === B2X HARDCORE PRO V2 END === */


/* === B2X HARDCORE PRO V3 COMPLETASSO START === */

/* =========================================================
   BLOCO OUTRAS SOLUÇÕES — V3 MASTER
========================================================= */

.b2x-hard {
    position: relative;
    isolation: isolate;
    padding-top: clamp(90px, 8vw, 140px);
    padding-bottom: clamp(60px, 6vw, 100px);
}

.b2x-hard::before {
    content: "";
    position: absolute;
    inset: -10% -8%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 12% 12%, rgba(34,197,94,.14), transparent 25%),
        radial-gradient(circle at 82% 18%, rgba(14,165,233,.10), transparent 28%),
        radial-gradient(circle at 50% 88%, rgba(20,184,166,.10), transparent 24%),
        linear-gradient(180deg, rgba(2,6,23,.10), transparent 45%, rgba(2,6,23,.26));
    filter: blur(34px);
    animation: b2xV3Mesh 18s ease-in-out infinite alternate;
}

.b2x-hard::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .36;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
    background-size: 92px 92px;
    mask-image: radial-gradient(circle at center, black, transparent 76%);
    -webkit-mask-image: radial-gradient(circle at center, black, transparent 76%);
}

.b2x-hard .b2x-head,
.b2x-hard .b2x-grid {
    position: relative;
    z-index: 2;
}

/* =========================================================
   CABEÇALHO DO BLOCO
========================================================= */

.b2x-hard .b2x-head {
    margin-bottom: 46px;
}

.b2x-hard .b2x-head h2 {
    text-shadow:
        0 26px 70px rgba(0,0,0,.38),
        0 8px 18px rgba(0,0,0,.18);
}

.b2x-hard .b2x-head p {
    color: rgba(226,232,240,.86);
}

.b2x-hard .b2x-mini-card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.12), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.74), rgba(2,6,23,.90));
    border: 1px solid rgba(255,255,255,.11);
    box-shadow:
        0 22px 54px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.b2x-hard .b2x-mini-card::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
    transform: skewX(-22deg);
    transition: left .75s ease;
}

.b2x-hard .b2x-mini-card:hover::after {
    left: 150%;
}

/* =========================================================
   GRID V3 — CONSÓRCIO VIRA CARD MESTRE
========================================================= */

.b2x-hard .b2x-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 26px;
    perspective: 2200px;
    align-items: stretch;
}

.b2x-hard .b2x-card {
    --spot-x: 50%;
    --spot-y: 50%;

    position: relative;
    overflow: hidden;
    border-radius: 34px;
    min-height: 100%;
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.08), transparent 34%),
        linear-gradient(180deg, rgba(10,16,30,.84), rgba(2,6,23,.97));
    border: 1px solid rgba(255,255,255,.11);
    box-shadow:
        0 26px 76px rgba(0,0,0,.30),
        0 0 0 1px rgba(255,255,255,.025),
        inset 0 1px 0 rgba(255,255,255,.055);
    transform-style: preserve-3d;
    will-change: transform;
    transition:
        box-shadow .35s ease,
        border-color .35s ease,
        filter .35s ease,
        background .35s ease;
    animation: b2xV3CardFloat 8s ease-in-out infinite;
}

.b2x-hard .b2x-card:nth-child(1) { animation-delay: 0s; }
.b2x-hard .b2x-card:nth-child(2) { animation-delay: 1.4s; }

.b2x-hard .b2x-card:hover {
    border-color: rgba(34,197,94,.34);
    box-shadow:
        0 42px 120px rgba(0,0,0,.43),
        0 0 0 1px rgba(34,197,94,.13),
        0 0 42px rgba(34,197,94,.055),
        inset 0 1px 0 rgba(255,255,255,.08);
    filter: saturate(1.07);
}

/* luz interna seguindo mouse */
.b2x-hard .b2x-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    border-radius: inherit;
    pointer-events: none;
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.11), transparent 23%),
        linear-gradient(135deg, rgba(255,255,255,.035), transparent 34%);
    opacity: .72;
}

.b2x-hard .b2x-card::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -90px;
    top: -90px;
    z-index: 0;
    border-radius: 999px;
    pointer-events: none;
    filter: blur(56px);
    opacity: .22;
    transition: opacity .35s ease, transform .45s ease;
}

.b2x-hard .b2x-card:hover::after {
    opacity: .42;
    transform: scale(1.16);
}

/* individual */
.b2x-hard .b2x-card.is-auto::after {
    background: radial-gradient(circle, rgba(59,130,246,.62), rgba(34,197,94,.12) 58%, transparent 76%);
}

.b2x-hard .b2x-card.is-empresarial::after {
    background: radial-gradient(circle, rgba(34,197,94,.48), rgba(59,130,246,.10) 60%, transparent 76%);
}

/* =========================================================
   CARD MESTRE — CONSÓRCIO
========================================================= */

.b2x-hard .b2x-card.is-consorcio {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: .95fr 1.05fr;
    min-height: 460px;
    border-radius: 40px;
    background:
        radial-gradient(circle at 84% 16%, rgba(20,184,166,.18), transparent 30%),
        radial-gradient(circle at 18% 96%, rgba(34,197,94,.11), transparent 30%),
        linear-gradient(135deg, rgba(8,15,28,.88), rgba(2,6,23,.98));
    border-color: rgba(20,184,166,.22);
    animation: b2xV3MasterFloat 9s ease-in-out infinite;
}

.b2x-hard .b2x-card.is-consorcio::after {
    width: 420px;
    height: 420px;
    right: -140px;
    top: -150px;
    background:
        radial-gradient(circle, rgba(20,184,166,.30), rgba(34,197,94,.08) 55%, transparent 76%);
    opacity: .34;
}

.b2x-hard .b2x-card.is-consorcio:hover {
    border-color: rgba(20,184,166,.42);
    box-shadow:
        0 52px 145px rgba(0,0,0,.48),
        0 0 0 1px rgba(20,184,166,.16),
        0 0 64px rgba(20,184,166,.09),
        inset 0 1px 0 rgba(255,255,255,.09);
}

/* =========================================================
   MÍDIA DOS CARDS
========================================================= */

.b2x-hard .b2x-media {
    position: relative;
    height: 265px;
    overflow: hidden;
    z-index: 2;
    border-bottom: 1px solid rgba(255,255,255,.07);
}

.b2x-hard .b2x-card.is-consorcio .b2x-media {
    height: 100%;
    min-height: 460px;
    border-bottom: 0;
    border-right: 1px solid rgba(255,255,255,.07);
}

.b2x-hard .b2x-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transform: scale(1.04);
    filter: brightness(.66) saturate(1.05) contrast(1.06);
    transition:
        transform .95s ease,
        filter .45s ease;
    animation: b2xV3MediaBreath 16s ease-in-out infinite;
}

.b2x-hard .b2x-card:hover .b2x-media img {
    filter: brightness(.88) saturate(1.16) contrast(1.10);
}

.b2x-hard .b2x-media-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(2,6,23,.04), rgba(2,6,23,.85)),
        radial-gradient(circle at 18% 20%, rgba(34,197,94,.18), transparent 32%);
}

.b2x-hard .b2x-card.is-consorcio .b2x-media-overlay {
    background:
        linear-gradient(90deg, rgba(2,6,23,.10), rgba(2,6,23,.72)),
        radial-gradient(circle at 24% 18%, rgba(20,184,166,.24), transparent 34%),
        linear-gradient(180deg, transparent, rgba(2,6,23,.58));
}

/* badge */
.b2x-hard .b2x-card-badge {
    z-index: 4;
    box-shadow:
        0 12px 32px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.06);
}

/* =========================================================
   ELEMENTOS EXTRAS INJETADOS NO CARD
========================================================= */

.b2x-v3-border-light {
    position: absolute;
    inset: 0;
    z-index: 4;
    pointer-events: none;
    border-radius: inherit;
    padding: 1px;
    background:
        linear-gradient(
            135deg,
            rgba(34,197,94,.50),
            rgba(255,255,255,.08),
            rgba(59,130,246,.22),
            rgba(34,197,94,.50)
        );
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    opacity: 0;
    transition: opacity .35s ease;
}

.b2x-hard .b2x-card:hover .b2x-v3-border-light,
.b2x-hard .b2x-card.is-consorcio .b2x-v3-border-light {
    opacity: .50;
}

.b2x-v3-shine {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
    background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,.10) 42%, transparent 60%);
    transform: translateX(-140%);
    transition: transform .9s ease;
}

.b2x-hard .b2x-card:hover .b2x-v3-shine {
    transform: translateX(140%);
}

.b2x-live-glow {
    position: absolute;
    inset: 0;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    transition: opacity .22s ease;
    mix-blend-mode: screen;
}

/* selo do card mestre */
.b2x-v3-master-seal {
    position: absolute;
    right: 26px;
    top: 26px;
    z-index: 6;
    display: none;
    align-items: center;
    gap: 10px;
    padding: 10px 13px;
    border-radius: 999px;
    background: rgba(5,13,26,.58);
    border: 1px solid rgba(20,184,166,.26);
    backdrop-filter: blur(14px);
    box-shadow:
        0 18px 40px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.06);
    color: rgba(220,252,231,.92);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.b2x-hard .b2x-card.is-consorcio .b2x-v3-master-seal {
    display: inline-flex;
}

.b2x-v3-master-seal::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #4ade80;
    box-shadow: 0 0 0 7px rgba(74,222,128,.12);
    animation: b2xV3Pulse 1.7s ease-in-out infinite;
}

/* formas do consórcio */
.b2x-v3-orbit {
    position: absolute;
    z-index: 3;
    pointer-events: none;
    display: none;
}

.b2x-hard .b2x-card.is-consorcio .b2x-v3-orbit {
    display: block;
}

.b2x-v3-orbit.orbit-a {
    width: 240px;
    height: 240px;
    right: -62px;
    top: -54px;
    border-radius: 50%;
    border: 1px solid rgba(20,184,166,.18);
    box-shadow:
        0 0 0 20px rgba(20,184,166,.045),
        0 0 0 46px rgba(59,130,246,.025);
    animation: b2xV3Orbit 9s linear infinite;
}

.b2x-v3-orbit.orbit-b {
    width: 108px;
    height: 108px;
    right: 36px;
    bottom: 36px;
    border-radius: 26px;
    background:
        linear-gradient(135deg, rgba(20,184,166,.18), rgba(59,130,246,.10));
    border: 1px solid rgba(255,255,255,.09);
    backdrop-filter: blur(12px);
    transform: rotate(14deg);
    box-shadow: 0 20px 46px rgba(0,0,0,.22);
    animation: b2xV3Cube 5.5s ease-in-out infinite;
}

/* =========================================================
   CORPO DO CARD
========================================================= */

.b2x-hard .b2x-card-body {
    position: relative;
    z-index: 6;
    display: flex;
    flex-direction: column;
    padding: 26px 24px 26px;
}

.b2x-hard .b2x-card.is-consorcio .b2x-card-body {
    justify-content: center;
    padding: clamp(30px, 4vw, 54px);
}

.b2x-hard .b2x-card h3 {
    margin: 0 0 11px;
    font-size: clamp(1.72rem, 2.25vw, 2.35rem);
    line-height: .96;
    letter-spacing: -.052em;
    text-shadow:
        0 16px 38px rgba(0,0,0,.36),
        0 4px 10px rgba(0,0,0,.18);
}

.b2x-hard .b2x-card.is-consorcio h3 {
    font-size: clamp(2.3rem, 4vw, 4.4rem);
    max-width: 9ch;
}

.b2x-hard .b2x-card p {
    margin: 0 0 19px;
    color: rgba(226,232,240,.84);
    line-height: 1.7;
}

.b2x-hard .b2x-card.is-consorcio p {
    max-width: 570px;
    font-size: 1.03rem;
}

.b2x-hard .b2x-list {
    display: grid;
    gap: 10px;
    margin: 0 0 20px;
}

.b2x-hard .b2x-list li {
    color: rgba(241,245,249,.86);
    line-height: 1.58;
}

.b2x-hard .b2x-tags {
    margin-top: auto;
    margin-bottom: 19px;
}

.b2x-hard .b2x-card.is-consorcio .b2x-tags {
    margin-top: 6px;
}

.b2x-hard .b2x-tags span {
    transition:
        transform .24s ease,
        background .24s ease,
        border-color .24s ease,
        box-shadow .24s ease;
}

.b2x-hard .b2x-card:hover .b2x-tags span {
    transform: translateY(-2px);
    background: rgba(34,197,94,.09);
    border-color: rgba(34,197,94,.20);
    box-shadow: 0 9px 20px rgba(0,0,0,.16);
}

.b2x-hard .b2x-link {
    width: fit-content;
    font-weight: 950;
    letter-spacing: -.01em;
    transition:
        transform .22s ease,
        text-shadow .22s ease,
        color .22s ease;
}

.b2x-hard .b2x-card:hover .b2x-link {
    transform: translateX(5px);
    text-shadow: 0 0 18px rgba(74,222,128,.24);
}

/* botão mais forte no card mestre */
.b2x-hard .b2x-card.is-consorcio .b2x-link {
    min-height: 50px;
    padding: 0 18px;
    border-radius: 16px;
    align-items: center;
    background: linear-gradient(135deg, #22c55e, #86efac);
    color: #03140b;
    box-shadow:
        0 18px 42px rgba(34,197,94,.24),
        inset 0 1px 0 rgba(255,255,255,.18);
}

.b2x-hard .b2x-card.is-consorcio .b2x-link::after {
    color: #03140b;
}

/* =========================================================
   MOBILE/TABLET
========================================================= */

@media (max-width: 1100px) {
    .b2x-hard .b2x-grid {
        grid-template-columns: 1fr;
    }

    .b2x-hard .b2x-card.is-consorcio {
        grid-column: auto;
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .b2x-hard .b2x-card.is-consorcio .b2x-media {
        height: 280px;
        min-height: 280px;
        border-right: 0;
        border-bottom: 1px solid rgba(255,255,255,.07);
    }

    .b2x-hard .b2x-card.is-consorcio h3 {
        max-width: 100%;
        font-size: clamp(2rem, 7vw, 3.3rem);
    }

    .b2x-v3-master-seal {
        right: 18px;
        top: 18px;
    }
}

@media (max-width: 768px) {
    .b2x-hard::before,
    .b2x-hard::after {
        opacity: .45;
    }

    .b2x-hard .b2x-card {
        border-radius: 24px;
        animation: none !important;
    }

    .b2x-hard .b2x-media {
        height: 220px;
    }

    .b2x-hard .b2x-card-body {
        padding: 22px 18px 24px;
    }

    .b2x-hard .b2x-card h3 {
        font-size: 1.9rem;
    }

    .b2x-hard .b2x-card.is-consorcio .b2x-card-body {
        padding: 24px 18px 24px;
    }

    .b2x-hard .b2x-card.is-consorcio .b2x-media {
        height: 230px;
        min-height: 230px;
    }

    .b2x-hard .b2x-card.is-consorcio .b2x-link {
        width: 100%;
        justify-content: center;
    }

    .b2x-v3-master-seal {
        font-size: .62rem;
        letter-spacing: .08em;
        padding: 8px 10px;
    }

    .b2x-v3-orbit.orbit-a {
        width: 160px;
        height: 160px;
        right: -48px;
        top: -22px;
    }

    .b2x-v3-orbit.orbit-b {
        width: 78px;
        height: 78px;
        border-radius: 18px;
        right: 22px;
        bottom: 22px;
    }
}

/* =========================================================
   ANIMAÇÕES
========================================================= */

@keyframes b2xV3Mesh {
    0% { transform: translate3d(0,0,0) scale(1); }
    50% { transform: translate3d(1.2%, -1.2%, 0) scale(1.035); }
    100% { transform: translate3d(-1.4%, 1.1%, 0) scale(1.045); }
}

@keyframes b2xV3CardFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes b2xV3MasterFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-9px); }
}

@keyframes b2xV3MediaBreath {
    0%,100% { transform: scale(1.04); }
    50% { transform: scale(1.09); }
}

@keyframes b2xV3Pulse {
    0%,100% { transform: scale(1); opacity: .72; }
    50% { transform: scale(1.25); opacity: 1; }
}

@keyframes b2xV3Orbit {
    0% { transform: rotate(0deg) scale(1); opacity: .82; }
    50% { transform: rotate(180deg) scale(1.04); opacity: 1; }
    100% { transform: rotate(360deg) scale(1); opacity: .82; }
}

@keyframes b2xV3Cube {
    0%,100% { transform: rotate(14deg) translateY(0) scale(1); }
    50% { transform: rotate(20deg) translateY(-8px) scale(1.05); }
}

/* === B2X HARDCORE PRO V3 COMPLETASSO END === */


/* === SELLAR PROCESS HARDCORE PRO START === */

/* BLOCO: COMO A SELLAR CONDUZ */
.b2v3-confidence {
    position: relative;
    isolation: isolate;
    margin-top: clamp(90px, 9vw, 150px) !important;
    padding: clamp(34px, 4vw, 62px);
    border-radius: 42px;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 18%, rgba(34,197,94,.13), transparent 28%),
        radial-gradient(circle at 88% 26%, rgba(59,130,246,.10), transparent 30%),
        radial-gradient(circle at 60% 92%, rgba(20,184,166,.10), transparent 26%),
        linear-gradient(135deg, rgba(6,14,29,.72), rgba(2,6,23,.92));
    border: 1px solid rgba(255,255,255,.09);
    box-shadow:
        0 40px 130px rgba(0,0,0,.32),
        0 0 0 1px rgba(34,197,94,.035),
        inset 0 1px 0 rgba(255,255,255,.055);
}

.b2v3-confidence::before {
    content: "";
    position: absolute;
    inset: -20%;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 20% 20%, rgba(34,197,94,.18), transparent 24%),
        radial-gradient(circle at 82% 40%, rgba(59,130,246,.12), transparent 26%),
        radial-gradient(circle at 48% 92%, rgba(20,184,166,.12), transparent 24%);
    filter: blur(46px);
    opacity: .72;
    animation: sellarProcessMesh 16s ease-in-out infinite alternate;
}

.b2v3-confidence::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .075;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 76px 76px;
    mask-image: radial-gradient(circle at center, black, transparent 76%);
    -webkit-mask-image: radial-gradient(circle at center, black, transparent 76%);
}

.b2v3-confidence > * {
    position: relative;
    z-index: 2;
}

/* COPY ESQUERDA */
.b2v3-confidence-copy {
    position: relative;
}

.b2v3-confidence-copy::before {
    content: "Sellar Seguros";
    position: absolute;
    left: -8px;
    top: -46px;
    z-index: -1;
    font-size: clamp(3rem, 7vw, 7.6rem);
    line-height: .82;
    font-weight: 900;
    letter-spacing: -.08em;
    color: rgba(255,255,255,.035);
    text-shadow: 0 0 34px rgba(34,197,94,.06);
    pointer-events: none;
}

.b2v3-confidence-copy .b2v3-kicker {
    box-shadow:
        0 12px 30px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b2v3-confidence-copy h2 {
    max-width: 10ch;
    text-shadow:
        0 28px 74px rgba(0,0,0,.46),
        0 8px 18px rgba(0,0,0,.18);
}

.b2v3-confidence-copy p {
    max-width: 520px;
    color: rgba(226,232,240,.86) !important;
    font-size: 1.02rem;
    line-height: 1.78;
}

/* STEPS DIREITA */
.b2v3-steps {
    position: relative;
    z-index: 2;
    gap: 20px !important;
}

/* linha conectora animada */
.b2v3-steps::before {
    content: "";
    position: absolute;
    left: 33px;
    top: 44px;
    bottom: 44px;
    width: 2px;
    border-radius: 999px;
    background:
        linear-gradient(
            180deg,
            rgba(34,197,94,0),
            rgba(34,197,94,.68),
            rgba(255,255,255,.18),
            rgba(34,197,94,.68),
            rgba(34,197,94,0)
        );
    box-shadow:
        0 0 28px rgba(34,197,94,.28),
        0 0 56px rgba(34,197,94,.10);
    animation: sellarProcessLine 3.8s ease-in-out infinite;
}

/* bolinha viajando na linha */
.b2v3-steps::after {
    content: "";
    position: absolute;
    left: 27px;
    top: 44px;
    width: 14px;
    height: 14px;
    border-radius: 999px;
    background: #4ade80;
    box-shadow:
        0 0 0 9px rgba(74,222,128,.10),
        0 0 26px rgba(74,222,128,.55);
    animation: sellarProcessDot 5.2s ease-in-out infinite;
}

/* CARD BASE */
.b2v3-step-card {
    --spot-x: 50%;
    --spot-y: 50%;

    position: relative;
    overflow: hidden;
    isolation: isolate;
    border-radius: 30px !important;
    padding: 28px !important;
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.07), transparent 24%),
        radial-gradient(circle at top right, rgba(34,197,94,.10), transparent 34%),
        linear-gradient(180deg, rgba(15,25,45,.88), rgba(4,10,22,.96)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow:
        0 26px 80px rgba(0,0,0,.26),
        0 0 0 1px rgba(255,255,255,.025),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
    transform-style: preserve-3d;
    transition:
        transform .28s ease,
        box-shadow .32s ease,
        border-color .32s ease,
        background .32s ease;
    will-change: transform;
}

.b2v3-step-card:nth-child(2) {
    transform: translateX(28px);
}

.b2v3-step-card:hover {
    border-color: rgba(34,197,94,.36) !important;
    box-shadow:
        0 38px 105px rgba(0,0,0,.38),
        0 0 0 1px rgba(34,197,94,.14),
        0 0 46px rgba(34,197,94,.075),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.b2v3-step-card::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(34,197,94,.12), transparent 30%, transparent 70%, rgba(59,130,246,.08)),
        linear-gradient(180deg, rgba(255,255,255,.045), transparent 22%);
    opacity: .75;
}

.b2v3-step-card::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -70px;
    top: -80px;
    z-index: 0;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(34,197,94,.18), rgba(34,197,94,.03) 56%, transparent 74%);
    filter: blur(20px);
    opacity: .62;
    pointer-events: none;
    transition: transform .35s ease, opacity .35s ease;
}

.b2v3-step-card:hover::after {
    opacity: .92;
    transform: scale(1.16);
}

.b2v3-step-card > * {
    position: relative;
    z-index: 2;
}

/* número */
.b2v3-step-card > span {
    position: relative;
    overflow: hidden;
    width: 64px !important;
    height: 64px !important;
    border-radius: 22px !important;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #22c55e, #86efac) !important;
    color: #03140b !important;
    font-weight: 950 !important;
    box-shadow:
        0 18px 42px rgba(34,197,94,.28),
        0 0 0 8px rgba(34,197,94,.08),
        inset 0 1px 0 rgba(255,255,255,.24) !important;
    animation: sellarStepNumberPulse 2.7s ease-in-out infinite;
}

.b2v3-step-card > span::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 80%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.30), transparent);
    transform: skewX(-22deg);
    animation: sellarStepShine 4.6s ease-in-out infinite;
}

.b2v3-step-card h3 {
    font-size: 1.32rem !important;
    letter-spacing: -.035em;
    margin-bottom: 8px;
    color: rgba(255,255,255,.96);
}

.b2v3-step-card p {
    color: rgba(226,232,240,.74) !important;
    line-height: 1.65;
}

/* extra de confiança dentro dos cards, injetado via JS */
.sellar-step-micro {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 16px;
}

.sellar-step-micro span {
    padding: 7px 9px;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.09);
    color: rgba(220,252,231,.78);
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: -.01em;
}

/* barra de confiança */
.b2v3-proof-wall {
    position: relative;
    overflow: hidden;
    border-radius: 30px !important;
    background:
        radial-gradient(circle at top left, rgba(34,197,94,.10), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.72), rgba(2,6,23,.88)) !important;
    border: 1px solid rgba(255,255,255,.12) !important;
    box-shadow:
        0 28px 86px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.b2v3-proof-wall::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(255,255,255,.055), transparent);
    transform: translateX(-120%);
    animation: sellarProofSweep 7s ease-in-out infinite;
}

.b2v3-proof-wall div {
    position: relative;
    transition:
        transform .25s ease,
        background .25s ease,
        box-shadow .25s ease;
}

.b2v3-proof-wall div:hover {
    transform: translateY(-3px);
    background: rgba(34,197,94,.08) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.05);
}

.b2v3-proof-wall strong {
    color: rgba(255,255,255,.96) !important;
    letter-spacing: -.015em;
}

.b2v3-proof-wall span {
    color: rgba(226,232,240,.70) !important;
}

/* selo flutuante de confiança */
.sellar-process-floating-seal {
    position: absolute;
    right: clamp(22px, 4vw, 54px);
    bottom: clamp(24px, 4vw, 52px);
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    border-radius: 999px;
    pointer-events: none;
    background: rgba(5,13,26,.48);
    border: 1px solid rgba(34,197,94,.18);
    backdrop-filter: blur(14px);
    box-shadow:
        0 18px 42px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.06);
    color: rgba(220,252,231,.82);
    font-size: .72rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .12em;
    opacity: .78;
}

.sellar-process-floating-seal::before {
    content: "";
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #4ade80;
    box-shadow: 0 0 0 8px rgba(74,222,128,.10);
    animation: sellarSealPulse 1.8s ease-in-out infinite;
}

/* MOBILE */
@media (max-width: 1180px) {
    .b2v3-confidence {
        padding: 32px;
    }

    .b2v3-step-card:nth-child(2) {
        transform: none;
    }

    .b2v3-steps::before,
    .b2v3-steps::after {
        display: none;
    }

    .sellar-process-floating-seal {
        display: none;
    }
}

@media (max-width: 768px) {
    .b2v3-confidence {
        padding: 24px 16px;
        border-radius: 28px;
        margin-top: 80px !important;
    }

    .b2v3-confidence-copy::before {
        display: none;
    }

    .b2v3-confidence-copy h2 {
        max-width: 100%;
    }

    .b2v3-step-card {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 22px !important;
        border-radius: 22px !important;
    }

    .b2v3-step-card > span {
        width: 56px !important;
        height: 56px !important;
        border-radius: 18px !important;
    }

    .b2v3-step-card:hover,
    .b2v3-step-card:nth-child(2):hover {
        transform: none !important;
    }

    .b2v3-proof-wall {
        border-radius: 22px !important;
    }
}

/* ANIMAÇÕES */
@keyframes sellarProcessMesh {
    0% {
        transform: translate3d(0,0,0) scale(1);
        opacity: .58;
    }
    50% {
        transform: translate3d(1.5%, -1%, 0) scale(1.04);
        opacity: .86;
    }
    100% {
        transform: translate3d(-1%, 1.3%, 0) scale(1.035);
        opacity: .74;
    }
}

@keyframes sellarProcessLine {
    0%,100% {
        opacity: .42;
        transform: scaleY(.96);
    }
    50% {
        opacity: .95;
        transform: scaleY(1.04);
    }
}

@keyframes sellarProcessDot {
    0% {
        top: 44px;
        opacity: 0;
    }
    12% {
        opacity: 1;
    }
    50% {
        opacity: 1;
    }
    88% {
        opacity: 1;
    }
    100% {
        top: calc(100% - 58px);
        opacity: 0;
    }
}

@keyframes sellarStepNumberPulse {
    0%,100% {
        transform: scale(1);
        box-shadow:
            0 18px 42px rgba(34,197,94,.25),
            0 0 0 8px rgba(34,197,94,.08),
            inset 0 1px 0 rgba(255,255,255,.24);
    }
    50% {
        transform: scale(1.04);
        box-shadow:
            0 24px 52px rgba(34,197,94,.34),
            0 0 0 12px rgba(34,197,94,.11),
            inset 0 1px 0 rgba(255,255,255,.26);
    }
}

@keyframes sellarStepShine {
    0%, 68%, 100% {
        left: -120%;
    }
    82% {
        left: 135%;
    }
}

@keyframes sellarProofSweep {
    0%, 62%, 100% {
        transform: translateX(-120%);
    }
    78% {
        transform: translateX(120%);
    }
}

@keyframes sellarSealPulse {
    0%,100% {
        transform: scale(1);
        opacity: .76;
    }
    50% {
        transform: scale(1.28);
        opacity: 1;
    }
}

/* === SELLAR PROCESS HARDCORE PRO END === */


/* === BLOCO 3 AUTORIDADE HARDCORE PRO V3 START === */

.b3v3-authority {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(90px, 9vw, 150px) 22px;
    background:
        radial-gradient(circle at 12% 12%, rgba(34,197,94,.11), transparent 28%),
        radial-gradient(circle at 88% 24%, rgba(59,130,246,.09), transparent 30%),
        linear-gradient(180deg, #020617 0%, #06111f 48%, #020617 100%);
    border-top: 1px solid rgba(255,255,255,.07);
}

.b3v3-container {
    width: min(1180px, 100%);
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.b3v3-grid-light {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .06;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 82px 82px;
    mask-image: radial-gradient(circle at center, black, transparent 76%);
    -webkit-mask-image: radial-gradient(circle at center, black, transparent 76%);
}

.b3v3-orb {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 999px;
    filter: blur(48px);
    opacity: .70;
}

.b3v3-orb-a {
    width: 520px;
    height: 520px;
    left: -180px;
    top: 120px;
    background: rgba(34,197,94,.14);
    animation: b3v3OrbA 14s ease-in-out infinite alternate;
}

.b3v3-orb-b {
    width: 620px;
    height: 620px;
    right: -240px;
    bottom: 40px;
    background: rgba(59,130,246,.10);
    animation: b3v3OrbB 16s ease-in-out infinite alternate;
}

/* HEAD */
.b3v3-head {
    margin-bottom: 44px;
}

.b3v3-kicker {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    padding: 9px 14px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.28);
    color: #bbf7d0;
    font-size: .74rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .12em;
    box-shadow:
        0 12px 30px rgba(34,197,94,.10),
        inset 0 1px 0 rgba(255,255,255,.07);
}

.b3v3-head-grid {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: clamp(24px, 4vw, 52px);
    align-items: end;
}

.b3v3-head h2,
.b3v3-proof-copy h2,
.b3v3-decision-card h3 {
    font-size: clamp(2.5rem, 5vw, 5.25rem);
    line-height: .94;
    letter-spacing: -.075em;
    font-weight: 950;
    text-wrap: balance;
    text-shadow:
        0 28px 76px rgba(0,0,0,.44),
        0 8px 18px rgba(0,0,0,.18);
}

.b3v3-head p,
.b3v3-proof-copy p,
.b3v3-decision-card p {
    color: rgba(226,232,240,.82);
    line-height: 1.75;
    font-size: 1.03rem;
}

/* TRUST GRID */
.b3v3-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
    margin-top: 36px;
}

.b3v3-trust-card {
    --spot-x: 50%;
    --spot-y: 50%;
    position: relative;
    overflow: hidden;
    min-height: 250px;
    padding: 24px;
    border-radius: 30px;
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.08), transparent 24%),
        radial-gradient(circle at top right, rgba(34,197,94,.10), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.76), rgba(2,6,23,.94));
    border: 1px solid rgba(255,255,255,.10);
    box-shadow:
        0 26px 76px rgba(0,0,0,.26),
        inset 0 1px 0 rgba(255,255,255,.05);
    transform-style: preserve-3d;
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
    animation: b3v3CardFloat 8s ease-in-out infinite;
}

.b3v3-trust-card:nth-child(2) { animation-delay: 1s; }
.b3v3-trust-card:nth-child(3) { animation-delay: 2s; }
.b3v3-trust-card:nth-child(4) { animation-delay: 3s; }

.b3v3-trust-card::before {
    content: "";
    position: absolute;
    width: 210px;
    height: 210px;
    right: -80px;
    top: -80px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(34,197,94,.18), rgba(34,197,94,.03) 56%, transparent 74%);
    filter: blur(18px);
    opacity: .68;
    pointer-events: none;
}

.b3v3-trust-card:hover {
    transform: translateY(-8px) scale(1.01);
    border-color: rgba(34,197,94,.32);
    box-shadow:
        0 38px 110px rgba(0,0,0,.38),
        0 0 0 1px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b3v3-trust-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border-radius: 18px;
    margin-bottom: 22px;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.28), transparent 34%),
        linear-gradient(135deg, #22c55e, #86efac);
    color: #03140b;
    font-weight: 950;
    box-shadow:
        0 18px 42px rgba(34,197,94,.25),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.b3v3-trust-card h3 {
    position: relative;
    font-size: 1.35rem;
    line-height: 1.05;
    letter-spacing: -.04em;
    margin-bottom: 12px;
}

.b3v3-trust-card p {
    position: relative;
    color: rgba(226,232,240,.74);
    line-height: 1.65;
    margin-bottom: 18px;
}

.b3v3-trust-card small {
    position: relative;
    display: inline-flex;
    padding: 7px 10px;
    border-radius: 999px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.09);
    color: rgba(220,252,231,.80);
    font-size: .72rem;
    font-weight: 850;
}

/* PROOF STAGE */
.b3v3-proof-stage {
    margin-top: clamp(70px, 7vw, 110px);
    display: grid;
    grid-template-columns: .88fr 1.12fr;
    gap: 30px;
    align-items: stretch;
}

.b3v3-proof-copy,
.b3v3-testimonial-panel {
    position: relative;
    overflow: hidden;
    border-radius: 38px;
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.12), transparent 35%),
        linear-gradient(180deg, rgba(15,23,42,.76), rgba(2,6,23,.94));
    border: 1px solid rgba(255,255,255,.11);
    box-shadow:
        0 34px 100px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.b3v3-proof-copy {
    padding: clamp(28px, 4vw, 52px);
}

.b3v3-proof-copy h2 {
    font-size: clamp(2.25rem, 4vw, 4.5rem);
}

.b3v3-proof-copy p {
    margin-top: 20px;
}

.b3v3-proof-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 28px;
}

.b3v3-proof-tags span {
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    color: rgba(241,245,249,.82);
    font-size: .82rem;
    font-weight: 850;
}

/* TESTIMONIAL */
.b3v3-testimonial-panel {
    min-height: 420px;
    padding: clamp(24px, 3.5vw, 42px);
}

.b3v3-testimonial-panel::before {
    content: "Sellar";
    position: absolute;
    right: 22px;
    bottom: 6px;
    font-size: clamp(5rem, 10vw, 9rem);
    line-height: .8;
    font-weight: 950;
    letter-spacing: -.08em;
    color: rgba(255,255,255,.035);
    pointer-events: none;
}

.b3v3-panel-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 34px;
    color: rgba(226,232,240,.82);
    font-size: .9rem;
}

.b3v3-live-dot {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #4ade80;
    box-shadow: 0 0 0 8px rgba(74,222,128,.11);
    animation: b3v3Pulse 1.8s ease-in-out infinite;
}

.b3v3-testimonial-list {
    position: relative;
    min-height: 250px;
}

.b3v3-testimonial {
    position: absolute;
    inset: 0;
    opacity: 0;
    transform: translateY(18px) scale(.98);
    filter: blur(8px);
    transition:
        opacity .7s ease,
        transform .7s ease,
        filter .7s ease;
}

.b3v3-testimonial.active {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0);
}

.b3v3-testimonial p {
    font-size: clamp(1.55rem, 2.5vw, 2.45rem);
    line-height: 1.12;
    letter-spacing: -.045em;
    font-weight: 900;
    color: rgba(255,255,255,.95);
    text-shadow: 0 18px 48px rgba(0,0,0,.32);
}

.b3v3-testimonial div {
    margin-top: 26px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.b3v3-testimonial strong {
    color: #bbf7d0;
}

.b3v3-testimonial span {
    color: rgba(226,232,240,.60);
}

/* DECISION WALL */
.b3v3-decision-wall {
    margin-top: clamp(60px, 6vw, 96px);
    display: grid;
    grid-template-columns: 1.25fr .75fr .75fr;
    gap: 20px;
}

.b3v3-decision-card {
    --spot-x: 50%;
    --spot-y: 50%;
    position: relative;
    overflow: hidden;
    min-height: 250px;
    padding: 28px;
    border-radius: 32px;
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.08), transparent 24%),
        linear-gradient(180deg, rgba(15,23,42,.74), rgba(2,6,23,.94));
    border: 1px solid rgba(255,255,255,.10);
    box-shadow:
        0 28px 86px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05);
    transform-style: preserve-3d;
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}

.b3v3-card-large {
    background:
        radial-gradient(circle at 20% 20%, rgba(34,197,94,.14), transparent 30%),
        linear-gradient(180deg, rgba(15,23,42,.76), rgba(2,6,23,.94));
}

.b3v3-decision-card:hover {
    transform: translateY(-8px) scale(1.01);
    border-color: rgba(34,197,94,.30);
    box-shadow:
        0 38px 110px rgba(0,0,0,.38),
        0 0 0 1px rgba(34,197,94,.10),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b3v3-decision-card span {
    display: inline-flex;
    margin-bottom: 18px;
    padding: 8px 11px;
    border-radius: 999px;
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.24);
    color: #bbf7d0;
    font-size: .72rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .10em;
}

.b3v3-decision-card h3 {
    font-size: clamp(1.8rem, 3.4vw, 3.7rem);
    margin-bottom: 16px;
}

.b3v3-decision-card:not(.b3v3-card-large) h3 {
    font-size: clamp(1.7rem, 2.4vw, 2.55rem);
}

.b3v3-decision-card p {
    font-size: .98rem;
}

/* REVEAL */
.b3v3-authority .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity .85s ease,
        transform .85s cubic-bezier(.22,.61,.36,1);
}

.b3v3-authority .reveal.visible,
.b3v3-authority .reveal.is-revealed {
    opacity: 1;
    transform: translateY(0);
}

/* RESPONSIVO */
@media (max-width: 1180px) {
    .b3v3-head-grid,
    .b3v3-proof-stage,
    .b3v3-decision-wall {
        grid-template-columns: 1fr;
    }

    .b3v3-trust-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .b3v3-authority {
        padding: 76px 14px;
    }

    .b3v3-head h2,
    .b3v3-proof-copy h2,
    .b3v3-decision-card h3 {
        font-size: clamp(2rem, 10vw, 3.15rem);
        line-height: .98;
    }

    .b3v3-trust-grid {
        grid-template-columns: 1fr;
    }

    .b3v3-trust-card,
    .b3v3-proof-copy,
    .b3v3-testimonial-panel,
    .b3v3-decision-card {
        border-radius: 24px;
    }

    .b3v3-trust-card {
        min-height: auto;
    }

    .b3v3-proof-stage {
        margin-top: 62px;
    }

    .b3v3-testimonial-panel {
        min-height: 360px;
    }

    .b3v3-testimonial p {
        font-size: 1.55rem;
    }

    .b3v3-decision-card {
        min-height: auto;
    }

    .b3v3-trust-card:hover,
    .b3v3-decision-card:hover {
        transform: none !important;
    }
}

/* ANIMAÇÕES */
@keyframes b3v3OrbA {
    0% { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(34px,-20px,0) scale(1.08); }
}

@keyframes b3v3OrbB {
    0% { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(-30px,20px,0) scale(1.06); }
}

@keyframes b3v3CardFloat {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-7px); }
}

@keyframes b3v3Pulse {
    0%,100% { transform: scale(1); opacity: .72; }
    50% { transform: scale(1.25); opacity: 1; }
}

/* === BLOCO 3 AUTORIDADE HARDCORE PRO V3 END === */


/* === BLOCO 4 FAQ HARDCORE PRO START === */

.b4v1-faq {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(90px, 9vw, 150px) 22px;
    background:
        radial-gradient(circle at 14% 12%, rgba(34,197,94,.105), transparent 28%),
        radial-gradient(circle at 88% 32%, rgba(59,130,246,.085), transparent 32%),
        linear-gradient(180deg, #020617 0%, #06111f 52%, #020617 100%);
    border-top: 1px solid rgba(255,255,255,.07);
}

.b4v1-container {
    width: min(1180px, 100%);
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.b4v1-grid-light {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .055;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 86px 86px;
    mask-image: radial-gradient(circle at center, black, transparent 78%);
    -webkit-mask-image: radial-gradient(circle at center, black, transparent 78%);
}

.b4v1-orb {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 999px;
    filter: blur(48px);
    opacity: .72;
}

.b4v1-orb-a {
    width: 540px;
    height: 540px;
    left: -190px;
    top: 140px;
    background: rgba(34,197,94,.135);
    animation: b4v1OrbA 15s ease-in-out infinite alternate;
}

.b4v1-orb-b {
    width: 640px;
    height: 640px;
    right: -250px;
    bottom: 80px;
    background: rgba(59,130,246,.095);
    animation: b4v1OrbB 17s ease-in-out infinite alternate;
}

/* HEAD */
.b4v1-head {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: clamp(28px, 5vw, 64px);
    align-items: end;
    margin-bottom: 42px;
}

.b4v1-kicker {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 9px 14px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.28);
    color: #bbf7d0;
    font-size: .74rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .12em;
    box-shadow:
        0 12px 30px rgba(34,197,94,.10),
        inset 0 1px 0 rgba(255,255,255,.07);
}

.b4v1-head h2 {
    max-width: 11ch;
    font-size: clamp(2.6rem, 5vw, 5.35rem);
    line-height: .94;
    letter-spacing: -.078em;
    font-weight: 950;
    text-wrap: balance;
    text-shadow:
        0 30px 80px rgba(0,0,0,.46),
        0 8px 18px rgba(0,0,0,.20);
}

.b4v1-head p {
    max-width: 760px;
    margin-top: 20px;
    color: rgba(226,232,240,.82);
    line-height: 1.75;
    font-size: 1.03rem;
}

.b4v1-head-card {
    position: relative;
    overflow: hidden;
    border-radius: 30px;
    padding: 26px;
    background:
        radial-gradient(circle at top right, rgba(34,197,94,.13), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.74), rgba(2,6,23,.92));
    border: 1px solid rgba(255,255,255,.11);
    box-shadow:
        0 28px 84px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.b4v1-head-card::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -90px;
    top: -90px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(34,197,94,.22), rgba(34,197,94,.04) 58%, transparent 76%);
    filter: blur(20px);
    pointer-events: none;
}

.b4v1-live-dot {
    display: inline-flex;
    width: 11px;
    height: 11px;
    margin-right: 10px;
    border-radius: 999px;
    background: #4ade80;
    box-shadow: 0 0 0 8px rgba(74,222,128,.11);
    animation: b4v1Pulse 1.8s ease-in-out infinite;
}

.b4v1-head-card strong {
    position: relative;
    z-index: 2;
    color: rgba(255,255,255,.96);
    font-size: 1.08rem;
}

.b4v1-head-card p {
    position: relative;
    z-index: 2;
    margin-top: 12px;
    color: rgba(226,232,240,.72);
    line-height: 1.65;
}

/* LAYOUT */
.b4v1-layout {
    display: grid;
    grid-template-columns: 1.08fr .92fr;
    gap: 28px;
    align-items: start;
}

.b4v1-faq-list {
    display: grid;
    gap: 15px;
    perspective: 1600px;
}

/* FAQ ITEM */
.b4v1-faq-item {
    --spot-x: 50%;
    --spot-y: 50%;
    position: relative;
    overflow: hidden;
    border-radius: 26px;
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.07), transparent 25%),
        radial-gradient(circle at top right, rgba(34,197,94,.09), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.76), rgba(2,6,23,.94));
    border: 1px solid rgba(255,255,255,.10);
    box-shadow:
        0 22px 70px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.05);
    transform-style: preserve-3d;
    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease,
        background .28s ease;
}

.b4v1-faq-item::before {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    right: -90px;
    top: -90px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(34,197,94,.16), rgba(34,197,94,.03) 58%, transparent 76%);
    filter: blur(18px);
    opacity: .65;
    pointer-events: none;
    transition: opacity .28s ease, transform .28s ease;
}

.b4v1-faq-item:hover,
.b4v1-faq-item.active {
    border-color: rgba(34,197,94,.30);
    box-shadow:
        0 34px 100px rgba(0,0,0,.36),
        0 0 0 1px rgba(34,197,94,.10),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b4v1-faq-item:hover::before,
.b4v1-faq-item.active::before {
    opacity: .95;
    transform: scale(1.12);
}

.b4v1-faq-question {
    position: relative;
    z-index: 2;
    width: 100%;
    border: none;
    outline: none;
    background: transparent;
    cursor: pointer;
    display: grid;
    grid-template-columns: 54px 1fr 42px;
    align-items: center;
    gap: 16px;
    padding: 22px 22px;
    color: #fff;
    text-align: left;
}

.b4v1-faq-question span {
    width: 48px;
    height: 48px;
    border-radius: 17px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.26), transparent 34%),
        linear-gradient(135deg, #22c55e, #86efac);
    color: #03140b;
    font-weight: 950;
    box-shadow:
        0 16px 38px rgba(34,197,94,.25),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.b4v1-faq-question strong {
    font-size: clamp(1rem, 1.45vw, 1.18rem);
    letter-spacing: -.025em;
    line-height: 1.2;
}

.b4v1-faq-question i {
    width: 40px;
    height: 40px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    font-style: normal;
    font-size: 1.5rem;
    font-weight: 800;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.09);
    color: rgba(220,252,231,.88);
    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease;
}

.b4v1-faq-item.active .b4v1-faq-question i {
    transform: rotate(45deg);
    background: rgba(34,197,94,.14);
    color: #86efac;
}

.b4v1-faq-answer {
    position: relative;
    z-index: 2;
    max-height: 0;
    overflow: hidden;
    transition:
        max-height .42s ease,
        opacity .35s ease;
    opacity: 0;
}

.b4v1-faq-item.active .b4v1-faq-answer {
    max-height: 260px;
    opacity: 1;
}

.b4v1-faq-answer p {
    padding: 0 24px 24px 92px;
    color: rgba(226,232,240,.76);
    line-height: 1.72;
}

/* SIDE PANEL */
.b4v1-side-panel {
    --spot-x: 50%;
    --spot-y: 50%;
    position: sticky;
    top: 120px;
    overflow: hidden;
    min-height: 620px;
    border-radius: 38px;
    padding: clamp(28px, 4vw, 48px);
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.07), transparent 24%),
        radial-gradient(circle at top right, rgba(34,197,94,.14), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.78), rgba(2,6,23,.96));
    border: 1px solid rgba(255,255,255,.11);
    box-shadow:
        0 36px 110px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.06);
    transform-style: preserve-3d;
}

.b4v1-side-glow {
    position: absolute;
    width: 360px;
    height: 360px;
    right: -140px;
    top: -120px;
    border-radius: 999px;
    background: rgba(34,197,94,.18);
    filter: blur(42px);
    pointer-events: none;
    animation: b4v1SideGlow 7s ease-in-out infinite;
}

.b4v1-side-panel h3 {
    position: relative;
    z-index: 2;
    font-size: clamp(2.1rem, 3.8vw, 4.2rem);
    line-height: .96;
    letter-spacing: -.07em;
    font-weight: 950;
    margin-bottom: 18px;
    text-shadow:
        0 24px 66px rgba(0,0,0,.42),
        0 8px 18px rgba(0,0,0,.18);
}

.b4v1-side-panel p {
    position: relative;
    z-index: 2;
    color: rgba(226,232,240,.78);
    line-height: 1.72;
}

.b4v1-side-list {
    position: relative;
    z-index: 2;
    display: grid;
    gap: 12px;
    margin-top: 28px;
}

.b4v1-side-list div {
    padding: 18px;
    border-radius: 20px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.09);
    transition:
        transform .24s ease,
        background .24s ease,
        border-color .24s ease;
}

.b4v1-side-list div:hover {
    transform: translateX(5px);
    background: rgba(34,197,94,.08);
    border-color: rgba(34,197,94,.20);
}

.b4v1-side-list strong {
    display: block;
    margin-bottom: 6px;
    color: rgba(255,255,255,.96);
}

.b4v1-side-list span {
    color: rgba(226,232,240,.70);
    line-height: 1.55;
}

.b4v1-side-btn {
    position: relative;
    z-index: 2;
    margin-top: 30px;
    min-height: 56px;
    width: 100%;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #22c55e, #86efac);
    color: #03140b;
    font-weight: 950;
    text-decoration: none;
    box-shadow:
        0 22px 52px rgba(34,197,94,.27),
        inset 0 1px 0 rgba(255,255,255,.20);
    overflow: hidden;
    transition:
        transform .24s ease,
        box-shadow .24s ease;
}

.b4v1-side-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.24), transparent);
    transform: skewX(-22deg);
    transition: left .65s ease;
}

.b4v1-side-btn:hover {
    transform: translateY(-4px);
    box-shadow:
        0 30px 64px rgba(34,197,94,.34),
        inset 0 1px 0 rgba(255,255,255,.22);
}

.b4v1-side-btn:hover::after {
    left: 150%;
}

/* reveal */
.b4v1-faq .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity .85s ease,
        transform .85s cubic-bezier(.22,.61,.36,1);
}

.b4v1-faq .reveal.visible,
.b4v1-faq .reveal.is-revealed {
    opacity: 1;
    transform: translateY(0);
}

/* responsivo */
@media (max-width: 1180px) {
    .b4v1-head,
    .b4v1-layout {
        grid-template-columns: 1fr;
    }

    .b4v1-side-panel {
        position: relative;
        top: auto;
        min-height: auto;
    }

    .b4v1-head h2 {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .b4v1-faq {
        padding: 76px 14px;
    }

    .b4v1-head h2,
    .b4v1-side-panel h3 {
        font-size: clamp(2rem, 10vw, 3.15rem);
        line-height: .98;
    }

    .b4v1-head-card,
    .b4v1-side-panel,
    .b4v1-faq-item {
        border-radius: 24px;
    }

    .b4v1-faq-question {
        grid-template-columns: 46px 1fr 36px;
        gap: 12px;
        padding: 18px;
    }

    .b4v1-faq-question span {
        width: 42px;
        height: 42px;
        border-radius: 14px;
    }

    .b4v1-faq-question i {
        width: 34px;
        height: 34px;
        border-radius: 12px;
    }

    .b4v1-faq-answer p {
        padding: 0 18px 20px 18px;
    }

    .b4v1-faq-item:hover,
    .b4v1-side-panel:hover {
        transform: none !important;
    }
}

/* animações */
@keyframes b4v1OrbA {
    0% { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(34px,-22px,0) scale(1.08); }
}

@keyframes b4v1OrbB {
    0% { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(-30px,24px,0) scale(1.06); }
}

@keyframes b4v1Pulse {
    0%,100% { transform: scale(1); opacity: .72; }
    50% { transform: scale(1.25); opacity: 1; }
}

@keyframes b4v1SideGlow {
    0%,100% { transform: translate3d(0,0,0) scale(1); opacity: .62; }
    50% { transform: translate3d(-18px,16px,0) scale(1.08); opacity: .92; }
}

/* === BLOCO 4 FAQ HARDCORE PRO END === */


/* === BLOCO 5 CTA FINAL + FOOTER HARDCORE START === */

.b5v1-final {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(90px, 9vw, 150px) 22px 28px;
    background:
        radial-gradient(circle at 14% 16%, rgba(34,197,94,.13), transparent 28%),
        radial-gradient(circle at 88% 26%, rgba(59,130,246,.09), transparent 32%),
        radial-gradient(circle at 50% 100%, rgba(20,184,166,.10), transparent 26%),
        linear-gradient(180deg, #020617 0%, #06111f 46%, #020617 100%);
    border-top: 1px solid rgba(255,255,255,.07);
}

.b5v1-container {
    width: min(1180px, 100%);
    margin: 0 auto;
    position: relative;
    z-index: 3;
}

.b5v1-grid-light {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: .055;
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
    background-size: 86px 86px;
    mask-image: radial-gradient(circle at center, black, transparent 78%);
    -webkit-mask-image: radial-gradient(circle at center, black, transparent 78%);
}

.b5v1-orb {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    border-radius: 999px;
    filter: blur(52px);
    opacity: .76;
}

.b5v1-orb-a {
    width: 560px;
    height: 560px;
    left: -210px;
    top: 130px;
    background: rgba(34,197,94,.14);
    animation: b5v1OrbA 15s ease-in-out infinite alternate;
}

.b5v1-orb-b {
    width: 680px;
    height: 680px;
    right: -260px;
    bottom: 60px;
    background: rgba(59,130,246,.10);
    animation: b5v1OrbB 17s ease-in-out infinite alternate;
}

/* CTA CARD */
.b5v1-cta-card {
    --spot-x: 50%;
    --spot-y: 50%;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.15fr .85fr;
    gap: clamp(26px, 4vw, 52px);
    align-items: stretch;
    padding: clamp(28px, 4.6vw, 62px);
    border-radius: 46px;
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.07), transparent 24%),
        radial-gradient(circle at 16% 38%, rgba(34,197,94,.18), transparent 32%),
        radial-gradient(circle at 88% 22%, rgba(59,130,246,.10), transparent 34%),
        linear-gradient(135deg, rgba(15,23,42,.78), rgba(2,6,23,.96));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow:
        0 46px 145px rgba(0,0,0,.40),
        0 0 0 1px rgba(34,197,94,.05),
        inset 0 1px 0 rgba(255,255,255,.07);
    transform-style: preserve-3d;
}

.b5v1-cta-card::before {
    content: "Sellar Seguros";
    position: absolute;
    left: clamp(24px, 4vw, 58px);
    bottom: -12px;
    z-index: 0;
    font-size: clamp(4.4rem, 10vw, 10rem);
    line-height: .8;
    font-weight: 950;
    letter-spacing: -.08em;
    color: rgba(255,255,255,.035);
    pointer-events: none;
    white-space: nowrap;
}

.b5v1-cta-card::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255,255,255,.045), transparent 28%, transparent 72%, rgba(34,197,94,.07));
}

.b5v1-cta-card > * {
    position: relative;
    z-index: 2;
}

.b5v1-cta-glow {
    position: absolute;
    width: 420px;
    height: 420px;
    right: -150px;
    top: -150px;
    z-index: 0;
    border-radius: 999px;
    background: rgba(34,197,94,.19);
    filter: blur(46px);
    animation: b5v1CtaGlow 7s ease-in-out infinite;
}

.b5v1-kicker {
    display: inline-flex;
    width: fit-content;
    align-items: center;
    padding: 9px 14px;
    margin-bottom: 18px;
    border-radius: 999px;
    background: rgba(34,197,94,.12);
    border: 1px solid rgba(34,197,94,.28);
    color: #bbf7d0;
    font-size: .74rem;
    font-weight: 950;
    text-transform: uppercase;
    letter-spacing: .12em;
    box-shadow:
        0 12px 30px rgba(34,197,94,.10),
        inset 0 1px 0 rgba(255,255,255,.07);
}

.b5v1-cta-copy h2 {
    max-width: 11ch;
    font-size: clamp(2.8rem, 5.5vw, 6rem);
    line-height: .92;
    letter-spacing: -.082em;
    font-weight: 950;
    text-wrap: balance;
    text-shadow:
        0 32px 86px rgba(0,0,0,.50),
        0 8px 18px rgba(0,0,0,.20);
}

.b5v1-cta-copy p {
    max-width: 760px;
    margin-top: 22px;
    color: rgba(226,232,240,.84);
    line-height: 1.76;
    font-size: 1.05rem;
}

.b5v1-cta-tags {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.b5v1-cta-tags span {
    padding: 9px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.06);
    border: 1px solid rgba(255,255,255,.10);
    color: rgba(241,245,249,.84);
    font-size: .82rem;
    font-weight: 850;
    backdrop-filter: blur(10px);
    transition:
        transform .24s ease,
        background .24s ease,
        border-color .24s ease;
}

.b5v1-cta-tags span:hover {
    transform: translateY(-3px);
    background: rgba(34,197,94,.09);
    border-color: rgba(34,197,94,.20);
}

/* ACTION PANEL */
.b5v1-action-panel {
    --spot-x: 50%;
    --spot-y: 50%;
    position: relative;
    overflow: hidden;
    border-radius: 34px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.08), transparent 24%),
        radial-gradient(circle at top right, rgba(34,197,94,.16), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.80), rgba(2,6,23,.96));
    border: 1px solid rgba(255,255,255,.12);
    box-shadow:
        0 30px 90px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.06);
    transform-style: preserve-3d;
}

.b5v1-action-panel::after {
    content: "";
    position: absolute;
    width: 260px;
    height: 260px;
    right: -110px;
    top: -110px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(34,197,94,.22), rgba(34,197,94,.04) 58%, transparent 76%);
    filter: blur(22px);
    pointer-events: none;
}

.b5v1-panel-top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: rgba(226,232,240,.80);
    font-size: .88rem;
}

.b5v1-panel-top span {
    width: 10px;
    height: 10px;
    border-radius: 999px;
    background: #4ade80;
    box-shadow: 0 0 0 8px rgba(74,222,128,.11);
    animation: b5v1Pulse 1.8s ease-in-out infinite;
}

.b5v1-action-panel h3 {
    position: relative;
    z-index: 2;
    font-size: clamp(2rem, 3.2vw, 3.55rem);
    line-height: .96;
    letter-spacing: -.07em;
    font-weight: 950;
    margin-bottom: 16px;
}

.b5v1-action-panel p {
    position: relative;
    z-index: 2;
    color: rgba(226,232,240,.76);
    line-height: 1.7;
    margin-bottom: 24px;
}

.b5v1-main-btn {
    position: relative;
    z-index: 2;
    min-height: 58px;
    width: 100%;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #22c55e, #86efac);
    color: #03140b;
    font-weight: 950;
    text-decoration: none;
    box-shadow:
        0 24px 58px rgba(34,197,94,.30),
        inset 0 1px 0 rgba(255,255,255,.22);
    overflow: hidden;
    transition:
        transform .24s ease,
        box-shadow .24s ease;
}

.b5v1-main-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: -130%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.26), transparent);
    transform: skewX(-22deg);
    transition: left .65s ease;
}

.b5v1-main-btn:hover {
    transform: translateY(-4px);
    box-shadow:
        0 34px 72px rgba(34,197,94,.38),
        inset 0 1px 0 rgba(255,255,255,.24);
}

.b5v1-main-btn:hover::after {
    left: 150%;
}

.b5v1-action-panel small {
    position: relative;
    z-index: 2;
    display: block;
    margin-top: 16px;
    color: rgba(226,232,240,.58);
    text-align: center;
}

/* SERVICE STRIP */
.b5v1-service-strip {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.b5v1-service-card {
    --spot-x: 50%;
    --spot-y: 50%;
    position: relative;
    overflow: hidden;
    min-height: 150px;
    padding: 20px;
    border-radius: 26px;
    text-decoration: none;
    color: #fff;
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.07), transparent 24%),
        linear-gradient(180deg, rgba(15,23,42,.70), rgba(2,6,23,.92));
    border: 1px solid rgba(255,255,255,.10);
    box-shadow:
        0 24px 70px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.05);
    transform-style: preserve-3d;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.b5v1-service-card::after {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -80px;
    top: -80px;
    border-radius: 999px;
    background: radial-gradient(circle, rgba(34,197,94,.18), rgba(34,197,94,.03) 58%, transparent 76%);
    filter: blur(18px);
    pointer-events: none;
}

.b5v1-service-card:hover {
    transform: translateY(-6px);
    border-color: rgba(34,197,94,.26);
    box-shadow:
        0 34px 90px rgba(0,0,0,.34),
        0 0 0 1px rgba(34,197,94,.10),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b5v1-service-card span {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    background: linear-gradient(135deg, #22c55e, #86efac);
    color: #03140b;
    font-weight: 950;
    box-shadow:
        0 16px 38px rgba(34,197,94,.24),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.b5v1-service-card strong {
    display: block;
    margin-bottom: 7px;
    font-size: 1.02rem;
}

.b5v1-service-card small {
    color: rgba(226,232,240,.66);
    line-height: 1.45;
}

/* FOOTER */
.b5v1-footer {
    margin-top: 46px;
    display: grid;
    grid-template-columns: 1.35fr .75fr .75fr .95fr;
    gap: 28px;
    padding: clamp(28px, 4vw, 44px);
    border-radius: 34px;
    background:
        radial-gradient(circle at top left, rgba(34,197,94,.10), transparent 34%),
        linear-gradient(180deg, rgba(15,23,42,.68), rgba(2,6,23,.92));
    border: 1px solid rgba(255,255,255,.10);
    box-shadow:
        0 30px 90px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05);
}

.b5v1-logo {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #fff;
    margin-bottom: 16px;
}

.b5v1-logo span {
    width: 42px;
    height: 42px;
    border-radius: 15px;
    display: grid;
    place-items: center;
    background: linear-gradient(135deg, #22c55e, #86efac);
    color: #03140b;
    font-weight: 950;
    box-shadow:
        0 16px 38px rgba(34,197,94,.24),
        inset 0 1px 0 rgba(255,255,255,.20);
}

.b5v1-logo strong {
    font-size: 1rem;
}

.b5v1-footer-brand p,
.b5v1-footer-contact p {
    color: rgba(226,232,240,.68);
    line-height: 1.7;
    max-width: 360px;
}

.b5v1-footer-col,
.b5v1-footer-contact {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.b5v1-footer-col strong,
.b5v1-footer-contact strong {
    margin-bottom: 8px;
    color: rgba(255,255,255,.94);
}

.b5v1-footer-col a,
.b5v1-footer-contact a {
    width: fit-content;
    text-decoration: none;
    color: rgba(226,232,240,.68);
    transition:
        color .22s ease,
        transform .22s ease;
}

.b5v1-footer-col a:hover,
.b5v1-footer-contact a:hover {
    color: #86efac;
    transform: translateX(4px);
}

.b5v1-footer-contact a {
    margin-top: 8px;
    padding: 10px 13px;
    border-radius: 999px;
    background: rgba(34,197,94,.10);
    border: 1px solid rgba(34,197,94,.20);
    color: #bbf7d0;
    font-weight: 900;
}

.b5v1-bottom {
    margin-top: 18px;
    padding: 18px 4px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    color: rgba(226,232,240,.56);
    font-size: .88rem;
}

/* REVEAL */
.b5v1-final .reveal {
    opacity: 0;
    transform: translateY(30px);
    transition:
        opacity .85s ease,
        transform .85s cubic-bezier(.22,.61,.36,1);
}

.b5v1-final .reveal.visible,
.b5v1-final .reveal.is-revealed {
    opacity: 1;
    transform: translateY(0);
}

/* RESPONSIVO */
@media (max-width: 1180px) {
    .b5v1-cta-card {
        grid-template-columns: 1fr;
    }

    .b5v1-service-strip {
        grid-template-columns: repeat(2, 1fr);
    }

    .b5v1-footer {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .b5v1-final {
        padding: 76px 14px 24px;
    }

    .b5v1-cta-card {
        border-radius: 28px;
        padding: 24px 18px;
    }

    .b5v1-cta-card::before {
        font-size: 4rem;
        bottom: 6px;
        opacity: .7;
    }

    .b5v1-cta-copy h2 {
        max-width: 100%;
        font-size: clamp(2.25rem, 11vw, 3.45rem);
        line-height: .96;
    }

    .b5v1-action-panel {
        border-radius: 24px;
        padding: 24px 18px;
    }

    .b5v1-action-panel h3 {
        font-size: 2.2rem;
    }

    .b5v1-service-strip {
        grid-template-columns: 1fr;
    }

    .b5v1-service-card {
        min-height: auto;
        border-radius: 22px;
    }

    .b5v1-footer {
        grid-template-columns: 1fr;
        border-radius: 24px;
    }

    .b5v1-bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .b5v1-cta-card:hover,
    .b5v1-action-panel:hover,
    .b5v1-service-card:hover {
        transform: none !important;
    }
}

/* ANIMAÇÕES */
@keyframes b5v1OrbA {
    0% { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(34px,-22px,0) scale(1.08); }
}

@keyframes b5v1OrbB {
    0% { transform: translate3d(0,0,0) scale(1); }
    100% { transform: translate3d(-30px,24px,0) scale(1.06); }
}

@keyframes b5v1CtaGlow {
    0%,100% { transform: translate3d(0,0,0) scale(1); opacity: .62; }
    50% { transform: translate3d(-18px,18px,0) scale(1.10); opacity: .95; }
}

@keyframes b5v1Pulse {
    0%,100% { transform: scale(1); opacity: .72; }
    50% { transform: scale(1.25); opacity: 1; }
}

/* === BLOCO 5 CTA FINAL + FOOTER HARDCORE END === */


/* === POLIMENTO PREMIUM BLOCOS 3 4 5 START === */

/* respiro e acabamento geral */
.b3v3-authority,
.b4v1-faq,
.b5v1-final {
    position: relative;
}

/* suaviza cortes entre blocos */
.b3v3-authority::before,
.b4v1-faq::before,
.b5v1-final::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: min(1180px, 86%);
    height: 1px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(34,197,94,.24), rgba(255,255,255,.10), transparent);
    pointer-events: none;
    z-index: 4;
}

/* tipografia mais refinada */
.b3v3-head h2,
.b3v3-proof-copy h2,
.b3v3-decision-card h3,
.b4v1-head h2,
.b4v1-side-panel h3,
.b5v1-cta-copy h2,
.b5v1-action-panel h3 {
    font-feature-settings: "kern";
    text-rendering: geometricPrecision;
    text-shadow:
        0 34px 90px rgba(0,0,0,.50),
        0 10px 22px rgba(0,0,0,.20),
        0 0 1px rgba(255,255,255,.08);
}

/* parágrafos mais premium e legíveis */
.b3v3-authority p,
.b4v1-faq p,
.b5v1-final p {
    color: rgba(226,232,240,.82) !important;
    line-height: 1.78;
}

/* kicker mais elegante */
.b3v3-kicker,
.b4v1-kicker,
.b5v1-kicker {
    position: relative;
    overflow: hidden;
}

.b3v3-kicker::after,
.b4v1-kicker::after,
.b5v1-kicker::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 70%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
    transform: skewX(-22deg);
    animation: sellarKickerSweep 6.8s ease-in-out infinite;
}

/* cards mais refinados */
.b3v3-trust-card,
.b3v3-proof-copy,
.b3v3-testimonial-panel,
.b3v3-decision-card,
.b4v1-faq-item,
.b4v1-side-panel,
.b4v1-head-card,
.b5v1-cta-card,
.b5v1-action-panel,
.b5v1-service-card,
.b5v1-footer {
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

/* profundidade extra controlada */
.b3v3-trust-card,
.b4v1-faq-item,
.b5v1-service-card {
    transition:
        transform .32s cubic-bezier(.22,.61,.36,1),
        box-shadow .32s ease,
        border-color .32s ease,
        filter .32s ease;
}

/* borda fina viva em hover */
.b3v3-trust-card::after,
.b4v1-faq-item::after,
.b5v1-service-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(34,197,94,.42), rgba(255,255,255,.06), rgba(59,130,246,.22));
    mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    opacity: 0;
    transition: opacity .28s ease;
}

.b3v3-trust-card:hover::after,
.b4v1-faq-item:hover::after,
.b4v1-faq-item.active::after,
.b5v1-service-card:hover::before {
    opacity: .58;
}

/* depoimentos mais vivos */
.b3v3-testimonial-panel {
    min-height: 460px;
}

.b3v3-testimonial-panel::after {
    content: "";
    position: absolute;
    inset: auto 28px 28px auto;
    width: 120px;
    height: 120px;
    border-radius: 28px;
    background: linear-gradient(135deg, rgba(34,197,94,.14), rgba(59,130,246,.08));
    border: 1px solid rgba(255,255,255,.08);
    transform: rotate(14deg);
    filter: blur(.1px);
    opacity: .62;
    animation: sellarSoftCube 6s ease-in-out infinite;
    pointer-events: none;
}

/* FAQ mais premium */
.b4v1-faq-question strong {
    color: rgba(255,255,255,.96);
}

.b4v1-faq-answer p {
    font-size: .98rem;
}

.b4v1-faq-item.active {
    background:
        radial-gradient(circle at var(--spot-x) var(--spot-y), rgba(255,255,255,.08), transparent 25%),
        radial-gradient(circle at top right, rgba(34,197,94,.13), transparent 34%),
        linear-gradient(180deg, rgba(15,28,50,.84), rgba(2,6,23,.96));
}

/* CTA final mais cinematográfico */
.b5v1-cta-card {
    min-height: 560px;
}

.b5v1-cta-card::before {
    opacity: .95;
    background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(34,197,94,.035));
    -webkit-background-clip: text;
    background-clip: text;
}

/* botão final mais forte */
.b5v1-main-btn,
.b4v1-side-btn {
    isolation: isolate;
}

.b5v1-main-btn::before,
.b4v1-side-btn::before {
    content: "";
    position: absolute;
    inset: -2px;
    z-index: -1;
    border-radius: inherit;
    background: linear-gradient(135deg, rgba(34,197,94,.80), rgba(134,239,172,.55), rgba(59,130,246,.18));
    filter: blur(14px);
    opacity: .32;
    transition: opacity .25s ease, transform .25s ease;
}

.b5v1-main-btn:hover::before,
.b4v1-side-btn:hover::before {
    opacity: .58;
    transform: scale(1.02);
}

/* footer mais premium */
.b5v1-footer {
    position: relative;
    overflow: hidden;
}

.b5v1-footer::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 10% 10%, rgba(34,197,94,.10), transparent 28%),
        linear-gradient(90deg, transparent, rgba(255,255,255,.025), transparent);
    opacity: .82;
}

/* links com underline animado */
.b5v1-footer-col a,
.b5v1-footer-contact a {
    position: relative;
}

.b5v1-footer-col a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 1px;
    background: #86efac;
    transition: width .24s ease;
}

.b5v1-footer-col a:hover::after {
    width: 100%;
}

/* entrada em cascata */
.b3v3-trust-card,
.b4v1-faq-item,
.b5v1-service-card {
    opacity: 0;
    transform: translateY(22px);
}

.b3v3-trust-card.sellar-cascade-on,
.b4v1-faq-item.sellar-cascade-on,
.b5v1-service-card.sellar-cascade-on {
    opacity: 1;
    transform: translateY(0);
    transition:
        opacity .72s ease,
        transform .72s cubic-bezier(.22,.61,.36,1),
        box-shadow .32s ease,
        border-color .32s ease;
}

.b3v3-trust-card.sellar-cascade-on:hover,
.b4v1-faq-item.sellar-cascade-on:hover,
.b5v1-service-card.sellar-cascade-on:hover {
    transform: translateY(-8px);
}

/* mobile refinado */
@media (max-width: 768px) {
    .b3v3-authority,
    .b4v1-faq,
    .b5v1-final {
        padding-left: 14px;
        padding-right: 14px;
    }

    .b3v3-head p,
    .b4v1-head p,
    .b5v1-cta-copy p {
        font-size: .98rem;
        line-height: 1.68;
    }

    .b3v3-testimonial-panel {
        min-height: 380px;
    }

    .b3v3-testimonial-panel::after {
        width: 82px;
        height: 82px;
        border-radius: 20px;
        right: 18px;
        bottom: 18px;
    }

    .b5v1-cta-card {
        min-height: auto;
    }

    .b5v1-cta-tags span {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

    .b5v1-main-btn,
    .b4v1-side-btn {
        min-height: 54px;
    }
}

/* animações extras */
@keyframes sellarKickerSweep {
    0%, 70%, 100% { left: -120%; }
    84% { left: 140%; }
}

@keyframes sellarSoftCube {
    0%,100% {
        transform: rotate(14deg) translateY(0) scale(1);
        opacity: .50;
    }
    50% {
        transform: rotate(22deg) translateY(-10px) scale(1.05);
        opacity: .76;
    }
}

/* === POLIMENTO PREMIUM BLOCOS 3 4 5 END === */

/* SELLAR_WHATSAPP_FLOAT_START */

/* ZONA FIXA SEGURA */
.sellar-wa2{
    position:fixed;
    right:clamp(16px, 2vw, 28px);
    bottom:clamp(16px, 2vw, 28px);
    z-index:99990;
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
    pointer-events:none;
}

/* BALÃO DE CONFIANÇA */
.sellar-wa2-bubble{
    position:relative;
    max-width:286px;
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding:12px 14px;
    border-radius:20px;
    color:#eafff1;
    background:
        radial-gradient(circle at 12% 10%, rgba(71,255,154,.16), transparent 35%),
        linear-gradient(135deg, rgba(7,22,27,.84), rgba(7,14,32,.90));
    border:1px solid rgba(105,255,177,.20);
    box-shadow:
        0 18px 52px rgba(0,0,0,.34),
        0 0 0 1px rgba(255,255,255,.025) inset;
    backdrop-filter:blur(18px) saturate(1.1);
    -webkit-backdrop-filter:blur(18px) saturate(1.1);
    transform:translateY(8px) scale(.96);
    opacity:0;
    animation:sellarWa2BubbleIn .65s ease .9s forwards, sellarWa2BubbleFloat 4.2s ease-in-out 1.6s infinite;
    pointer-events:none;
    overflow:hidden;
}

.sellar-wa2-bubble::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(110deg, transparent 0%, rgba(255,255,255,.09) 42%, transparent 62%);
    transform:translateX(-130%);
    animation:sellarWa2BubbleSweep 7s ease-in-out infinite;
}

.sellar-wa2-status-dot{
    position:relative;
    z-index:1;
    width:10px;
    height:10px;
    min-width:10px;
    margin-top:4px;
    border-radius:999px;
    background:#56f08f;
    box-shadow:
        0 0 0 7px rgba(86,240,143,.12),
        0 0 24px rgba(86,240,143,.44);
}

.sellar-wa2-bubble div{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:3px;
}

.sellar-wa2-bubble strong{
    font-size:13.5px;
    line-height:1.15;
    font-weight:850;
    color:#fff;
}

.sellar-wa2-bubble small{
    font-size:12.2px;
    line-height:1.35;
    color:rgba(229,246,238,.82);
}

/* BOTÃO PRINCIPAL */
.sellar-wa2-button{
    position:relative;
    width:64px;
    min-height:64px;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    gap:12px;
    padding:8px;
    border-radius:24px;
    color:#062111;
    text-decoration:none;
    pointer-events:auto;
    isolation:isolate;
    overflow:hidden;
    background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,.35), transparent 34%),
        linear-gradient(135deg, #55f28c 0%, #28d96d 54%, #16b85c 100%);
    border:1px solid rgba(219,255,230,.35);
    box-shadow:
        0 22px 62px rgba(34,197,94,.34),
        0 0 0 9px rgba(34,197,94,.075),
        inset 0 1px 0 rgba(255,255,255,.34);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    transform:translateZ(0);
    transition:
        width .34s cubic-bezier(.22,.61,.36,1),
        transform .28s ease,
        box-shadow .28s ease,
        border-radius .28s ease;
    animation:sellarWa2Entrance .7s cubic-bezier(.2,.9,.2,1) .18s both, sellarWa2Breath 3.6s ease-in-out 1s infinite;
}

/* Expande somente no desktop com hover */
@media (min-width: 900px){
    .sellar-wa2-button:hover{
        width:316px;
        border-radius:26px;
        transform:translateY(-5px) scale(1.015);
        box-shadow:
            0 30px 86px rgba(34,197,94,.44),
            0 0 0 11px rgba(34,197,94,.09),
            inset 0 1px 0 rgba(255,255,255,.38);
    }

    .sellar-wa2-button:hover .sellar-wa2-copy{
        opacity:1;
        transform:translateX(0);
        max-width:190px;
    }

    .sellar-wa2-button:hover .sellar-wa2-arrow{
        opacity:1;
        transform:translateX(0);
    }
}

.sellar-wa2-button::before{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;
    border-radius:inherit;
    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.36) 28%, transparent 48%);
    transform:translateX(-140%) skewX(-18deg);
    transition:transform .8s ease;
}

.sellar-wa2-button:hover::before{
    transform:translateX(140%) skewX(-18deg);
}

.sellar-wa2-pulse{
    position:absolute;
    inset:-8px;
    z-index:-2;
    border-radius:inherit;
    background:rgba(34,197,94,.26);
    filter:blur(6px);
    opacity:.55;
    animation:sellarWa2Pulse 2.4s ease-out infinite;
}

.sellar-wa2-light{
    position:absolute;
    width:120px;
    height:120px;
    left:-44px;
    top:-42px;
    z-index:-1;
    border-radius:999px;
    background:radial-gradient(circle, rgba(255,255,255,.38), transparent 62%);
    opacity:.28;
    pointer-events:none;
}

.sellar-wa2-icon{
    width:48px;
    height:48px;
    min-width:48px;
    display:grid;
    place-items:center;
    border-radius:18px;
    color:#052713;
    background:
        radial-gradient(circle at 30% 18%, rgba(255,255,255,.30), transparent 32%),
        linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.04));
    box-shadow:
        0 10px 26px rgba(0,0,0,.16),
        inset 0 1px 0 rgba(255,255,255,.28);
}

.sellar-wa2-icon svg{
    width:30px;
    height:30px;
}

.sellar-wa2-copy{
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
    max-width:0;
    opacity:0;
    overflow:hidden;
    transform:translateX(-10px);
    transition:
        opacity .28s ease,
        transform .28s ease,
        max-width .34s cubic-bezier(.22,.61,.36,1);
}

.sellar-wa2-copy strong{
    color:#04190d;
    font-size:15.5px;
    line-height:1.08;
    font-weight:950;
    white-space:nowrap;
}

.sellar-wa2-copy small{
    color:rgba(4,25,13,.76);
    font-size:11.6px;
    line-height:1.18;
    white-space:nowrap;
}

.sellar-wa2-arrow{
    margin-left:auto;
    width:28px;
    height:28px;
    min-width:28px;
    display:grid;
    place-items:center;
    border-radius:999px;
    color:#052713;
    background:rgba(255,255,255,.26);
    opacity:0;
    transform:translateX(-8px);
    transition:opacity .25s ease, transform .25s ease;
    font-weight:950;
}

/* NÃO ATRAPALHAR MOBILE */
@media (max-width: 899px){
    .sellar-wa2{
        right:14px;
        bottom:14px;
        gap:8px;
    }

    .sellar-wa2-bubble{
        max-width:230px;
        padding:10px 12px;
        border-radius:17px;
    }

    .sellar-wa2-bubble strong{
        font-size:12.5px;
    }

    .sellar-wa2-bubble small{
        font-size:11.2px;
    }

    .sellar-wa2-button{
        width:58px;
        min-height:58px;
        border-radius:21px;
        padding:6px;
    }

    .sellar-wa2-icon{
        width:46px;
        height:46px;
        min-width:46px;
        border-radius:16px;
    }

    .sellar-wa2-icon svg{
        width:28px;
        height:28px;
    }

    .sellar-wa2-copy,
    .sellar-wa2-arrow{
        display:none;
    }
}

/* CELULAR PEQUENO: some com balão para não cobrir conteúdo */
@media (max-width: 520px){
    .sellar-wa2-bubble{
        display:none;
    }

    .sellar-wa2{
        right:12px;
        bottom:12px;
    }

    .sellar-wa2-button{
        width:56px;
        min-height:56px;
        border-radius:20px;
        box-shadow:
            0 18px 48px rgba(34,197,94,.35),
            0 0 0 7px rgba(34,197,94,.065),
            inset 0 1px 0 rgba(255,255,255,.32);
    }

    .sellar-wa2-icon{
        width:44px;
        height:44px;
        min-width:44px;
    }
}

/* PC MUITO GRANDE */
@media (min-width: 1600px){
    .sellar-wa2{
        right:34px;
        bottom:34px;
    }
}

.sellar-wa2-button.sellar-wa2-peek{
    width:316px;
    border-radius:26px;
}

.sellar-wa2-button.sellar-wa2-peek .sellar-wa2-copy{
    opacity:1;
    transform:translateX(0);
    max-width:190px;
}

.sellar-wa2-button.sellar-wa2-peek .sellar-wa2-arrow{
    opacity:1;
    transform:translateX(0);
}

/* animações */
@keyframes sellarWa2Entrance{
    from{opacity:0; transform:translateY(18px) scale(.9);}
    to{opacity:1; transform:translateY(0) scale(1);}
}

@keyframes sellarWa2BubbleIn{
    from{opacity:0; transform:translateY(10px) scale(.96);}
    to{opacity:1; transform:translateY(0) scale(1);}
}

@keyframes sellarWa2BubbleFloat{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-4px);}
}

@keyframes sellarWa2BubbleSweep{
    0%,70%,100%{transform:translateX(-130%);}
    86%{transform:translateX(130%);}
}

@keyframes sellarWa2Pulse{
    0%{transform:scale(.92); opacity:.48;}
    70%{transform:scale(1.22); opacity:0;}
    100%{transform:scale(1.22); opacity:0;}
}

@keyframes sellarWa2Breath{
    0%,100%{filter:saturate(1);}
    50%{filter:saturate(1.08);}
}
/* SELLAR_WHATSAPP_FLOAT_END */


/* SELLAR_B1_CENTER_FIX_V4_START */

/* ==========================================================
   BLOCO 1 — CENTER FIX V4
   Corrige desalinhamento real: grid, centro, proporção,
   painel direito, chips, botões e cards inferiores.
========================================================== */

html,
body{
    overflow-x:hidden !important;
}

/* Hero não pode empurrar conteúdo para fora */
.hero-master{
    position:relative !important;
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
}

/* Wrapper real criado via JS */
.hero-master .sellar-b1-grid-fix{
    width:min(1320px, calc(100% - 64px)) !important;
    min-height:calc(100svh - 128px) !important;
    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:minmax(0, 690px) minmax(380px, 430px) !important;
    align-items:center !important;
    justify-content:center !important;
    column-gap:clamp(42px, 5vw, 82px) !important;

    padding-top:clamp(72px, 7vh, 106px) !important;
    padding-bottom:clamp(48px, 7vh, 88px) !important;

    transform:none !important;
}

/* Coluna esquerda */
.hero-master .sellar-b1-copy-fix{
    width:100% !important;
    max-width:690px !important;
    justify-self:start !important;
    align-self:center !important;

    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    text-align:left !important;
}

/* Coluna direita */
.hero-master .sellar-b1-panel-fix{
    width:100% !important;
    max-width:430px !important;
    justify-self:end !important;
    align-self:center !important;

    margin:0 !important;
    transform:none !important;
}

/* Remove empurrões invisíveis de versões anteriores */
.hero-master .sellar-b1-copy-fix *,
.hero-master .sellar-b1-panel-fix *{
    box-sizing:border-box !important;
}

/* Título com proporção real de desktop */
.hero-master .sellar-b1-copy-fix h1{
    width:100% !important;
    max-width:680px !important;

    margin:0 !important;

    font-size:clamp(3.45rem, 4.55vw, 5.8rem) !important;
    line-height:.91 !important;
    letter-spacing:-.066em !important;

    text-align:left !important;
    text-wrap:balance;
}

/* Parágrafo abaixo do título */
.hero-master .sellar-b1-copy-fix h1 + p,
.hero-master .sellar-b1-copy-fix p{
    max-width:600px !important;
    font-size:clamp(.94rem, .84vw, 1rem) !important;
    line-height:1.62 !important;
    text-align:left !important;
}

/* Eyebrow/pílula superior */
.hero-master .sellar-b1-copy-fix > span:first-child,
.hero-master .sellar-b1-copy-fix .eyebrow,
.hero-master .sellar-b1-copy-fix [class*="eyebrow"]{
    max-width:max-content !important;
}

/* ==========================
   CHIPS — SEM TORTURA
========================== */

.hero-master .sellar-b1-chip-row{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:9px !important;

    width:100% !important;
    max-width:640px !important;
    margin:18px 0 0 !important;

    transform:none !important;
}

.hero-master .sellar-b1-chip{
    position:relative !important;
    isolation:isolate;
    overflow:hidden !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:7px !important;

    min-height:34px !important;
    padding:7px 13px !important;
    border-radius:999px !important;

    color:rgba(255,255,255,.88) !important;
    font-size:.80rem !important;
    font-weight:850 !important;
    line-height:1 !important;
    letter-spacing:-.015em !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    background:
        radial-gradient(circle at 18% 16%, rgba(255,255,255,.10), transparent 34%),
        linear-gradient(180deg, rgba(20,32,52,.68), rgba(7,13,27,.88)) !important;

    border:1px solid rgba(255,255,255,.13) !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.25),
        inset 0 1px 0 rgba(255,255,255,.075),
        inset 0 -1px 0 rgba(0,0,0,.27) !important;

    transition:
        transform .22s cubic-bezier(.22,.61,.36,1),
        box-shadow .22s ease,
        border-color .22s ease,
        background .22s ease,
        color .22s ease !important;
}

.hero-master .sellar-b1-chip::before{
    content:attr(data-icon);

    width:18px !important;
    height:18px !important;
    min-width:18px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:7px !important;
    color:#8effba !important;
    font-size:10px !important;
    font-weight:900 !important;

    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.20), transparent 36%),
        linear-gradient(180deg, rgba(34,197,94,.20), rgba(34,197,94,.065)) !important;

    border:1px solid rgba(103,255,173,.16) !important;
    box-shadow:
        0 7px 18px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.10) !important;
}

.hero-master .sellar-b1-chip::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;

    background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.13) 38%, transparent 58%),
        radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(79,255,154,.16), transparent 34%);

    transform:translateX(-120%);
    opacity:.72;
    transition:transform .62s ease;
    pointer-events:none;
}

.hero-master .sellar-b1-chip:hover{
    transform:translateY(-3px) rotateX(3deg) !important;
    color:#fff !important;
    border-color:rgba(103,255,173,.32) !important;

    box-shadow:
        0 18px 42px rgba(0,0,0,.32),
        0 0 26px rgba(34,197,94,.13),
        inset 0 1px 0 rgba(255,255,255,.11) !important;
}

.hero-master .sellar-b1-chip:hover::after{
    transform:translateX(120%);
}

.hero-master .sellar-b1-chip.is-active{
    color:#04170c !important;

    background:
        radial-gradient(circle at 24% 18%, rgba(255,255,255,.34), transparent 36%),
        linear-gradient(135deg, #39dd76 0%, #91f6b3 100%) !important;

    border-color:rgba(190,255,214,.48) !important;

    box-shadow:
        0 16px 42px rgba(34,197,94,.25),
        0 0 0 5px rgba(34,197,94,.055),
        inset 0 1px 0 rgba(255,255,255,.35) !important;
}

.hero-master .sellar-b1-chip.is-active::before{
    color:#04170c !important;
    background:rgba(255,255,255,.24) !important;
    border-color:rgba(255,255,255,.23) !important;
}

/* ==========================
   BOTÕES — CENTRALIZADOS NA COLUNA
========================== */

.hero-master .sellar-b1-cta-row{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:12px !important;

    width:100% !important;
    max-width:590px !important;
    margin:22px 0 0 !important;

    transform:none !important;
}

.hero-master .sellar-b1-cta{
    position:relative !important;
    isolation:isolate;
    overflow:hidden !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;

    min-height:49px !important;
    padding:0 22px !important;
    border-radius:16px !important;

    font-size:.90rem !important;
    font-weight:950 !important;
    letter-spacing:-.015em !important;
    line-height:1.05 !important;
    text-align:center !important;
    text-decoration:none !important;

    border:1px solid rgba(255,255,255,.12) !important;

    transition:
        transform .22s cubic-bezier(.22,.61,.36,1),
        box-shadow .22s ease,
        border-color .22s ease,
        filter .22s ease !important;
}

.hero-master .sellar-b1-cta-primary{
    width:235px !important;
    color:#04170c !important;

    background:
        radial-gradient(circle at 25% 18%, rgba(255,255,255,.34), transparent 36%),
        linear-gradient(135deg, #21cf64 0%, #8ef5b2 100%) !important;

    box-shadow:
        0 18px 48px rgba(34,197,94,.28),
        0 0 0 6px rgba(34,197,94,.050),
        inset 0 1px 0 rgba(255,255,255,.34),
        inset 0 -1px 0 rgba(0,0,0,.13) !important;
}

.hero-master .sellar-b1-cta-secondary{
    width:220px !important;
    color:#fff !important;

    background:
        radial-gradient(circle at 20% 15%, rgba(255,255,255,.09), transparent 34%),
        linear-gradient(180deg, rgba(23,33,53,.76), rgba(8,14,28,.91)) !important;

    box-shadow:
        0 17px 46px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.075),
        inset 0 -1px 0 rgba(0,0,0,.28) !important;
}

.hero-master .sellar-b1-cta::before{
    content:attr(data-icon);

    width:25px !important;
    height:25px !important;
    min-width:25px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:10px !important;
    font-size:12px !important;
    font-weight:900 !important;
}

.hero-master .sellar-b1-cta-primary::before{
    color:#04170c !important;
    background:rgba(255,255,255,.21) !important;
    border:1px solid rgba(255,255,255,.24) !important;
}

.hero-master .sellar-b1-cta-secondary::before{
    color:#9fffc1 !important;
    background:rgba(34,197,94,.10) !important;
    border:1px solid rgba(103,255,173,.15) !important;
}

.hero-master .sellar-b1-cta::after{
    content:"›";
    font-size:21px !important;
    line-height:1 !important;
    opacity:.70;
    transition:transform .22s ease, opacity .22s ease;
}

.hero-master .sellar-b1-cta:hover{
    transform:translateY(-4px) rotateX(2deg) !important;
    filter:saturate(1.04);
}

.hero-master .sellar-b1-cta:hover::after{
    transform:translateX(4px);
    opacity:1;
}

/* ==========================
   STRIP PF/PJ — ALINHADA
========================== */

.hero-master .sellar-b1-trust-strip{
    position:relative !important;
    overflow:hidden !important;

    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;

    width:100% !important;
    max-width:560px !important;
    margin:23px 0 0 !important;

    border-radius:21px !important;

    background:
        radial-gradient(circle at var(--mx, 18%) var(--my, 50%), rgba(34,197,94,.12), transparent 30%),
        linear-gradient(180deg, rgba(9,17,35,.72), rgba(5,10,24,.92)) !important;

    border:1px solid rgba(255,255,255,.115) !important;

    box-shadow:
        0 20px 60px rgba(0,0,0,.31),
        0 0 0 1px rgba(34,197,94,.03),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 -1px 0 rgba(0,0,0,.33) !important;

    backdrop-filter:blur(16px) saturate(1.10);
    -webkit-backdrop-filter:blur(16px) saturate(1.10);
}

.hero-master .sellar-b1-trust-card{
    position:relative !important;

    display:grid !important;
    place-items:center !important;
    align-content:center !important;

    min-height:74px !important;
    padding:12px 10px !important;

    text-align:center !important;

    border-right:1px solid rgba(255,255,255,.08) !important;
}

.hero-master .sellar-b1-trust-card:last-child{
    border-right:none !important;
}

.hero-master .sellar-b1-trust-card::before{
    content:attr(data-icon);

    width:31px !important;
    height:31px !important;
    min-width:31px !important;

    margin-bottom:6px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:12px !important;

    color:#8effba !important;
    font-size:14px !important;
    font-weight:900 !important;

    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,.13), transparent 34%),
        linear-gradient(180deg, rgba(34,197,94,.13), rgba(15,23,42,.38)) !important;

    border:1px solid rgba(103,255,173,.15) !important;

    box-shadow:
        0 12px 28px rgba(34,197,94,.10),
        inset 0 1px 0 rgba(255,255,255,.075) !important;
}

.hero-master .sellar-b1-trust-card::after{
    content:"";
    width:17px;
    height:2px;
    margin-top:7px;

    border-radius:999px;
    background:#86efac;
    box-shadow:0 0 14px rgba(134,239,172,.60);
}

.hero-master .sellar-b1-trust-card strong,
.hero-master .sellar-b1-trust-card b{
    color:#fff !important;
    font-size:.80rem !important;
    font-weight:950 !important;
    letter-spacing:-.018em !important;
    line-height:1.15 !important;
}

.hero-master .sellar-b1-trust-card small,
.hero-master .sellar-b1-trust-card span,
.hero-master .sellar-b1-trust-card p{
    color:rgba(226,232,240,.72) !important;
    font-size:.70rem !important;
    line-height:1.24 !important;
}

/* Dots */
.hero-master .sellar-b1-dots{
    display:inline-flex !important;
    align-items:center !important;
    gap:6px !important;

    margin-top:8px !important;
    padding:6px 8px !important;
    border-radius:999px !important;

    background:rgba(2,6,23,.30) !important;
    border:1px solid rgba(255,255,255,.065) !important;
}

.hero-master .sellar-b1-dots > *{
    width:16px !important;
    height:5px !important;
    border-radius:999px !important;
    background:rgba(148,163,184,.28) !important;
}

.hero-master .sellar-b1-dots > *:first-child{
    width:24px !important;
    background:linear-gradient(90deg, #22c55e, #86efac) !important;
    box-shadow:0 0 14px rgba(34,197,94,.52) !important;
}

/* ==========================
   RESPONSIVO TABLET
========================== */

@media (max-width: 1180px){
    .hero-master .sellar-b1-grid-fix{
        width:min(100%, calc(100% - 42px)) !important;
        grid-template-columns:minmax(0, 1fr) !important;
        gap:30px !important;
        padding-top:90px !important;
    }

    .hero-master .sellar-b1-copy-fix{
        max-width:760px !important;
        justify-self:center !important;
    }

    .hero-master .sellar-b1-panel-fix{
        max-width:760px !important;
        justify-self:center !important;
    }

    .hero-master .sellar-b1-copy-fix h1{
        max-width:760px !important;
        font-size:clamp(3rem, 7vw, 4.8rem) !important;
    }

    .hero-master .sellar-b1-chip-row,
    .hero-master .sellar-b1-cta-row,
    .hero-master .sellar-b1-trust-strip{
        max-width:760px !important;
    }

    .sellar-wa2-bubble{
        display:none !important;
    }

    .sellar-wa2{
        right:14px !important;
        bottom:14px !important;
    }

    .sellar-wa2-button,
    .sellar-wa2-button:hover,
    .sellar-wa2-button.sellar-wa2-peek{
        width:56px !important;
        min-height:56px !important;
        border-radius:20px !important;
    }

    .sellar-wa2-copy,
    .sellar-wa2-arrow{
        display:none !important;
    }
}

/* ==========================
   F12 / MOBILE 695PX
========================== */

@media (max-width: 760px){
    .hero-master .sellar-b1-grid-fix{
        width:min(100%, calc(100% - 28px)) !important;
        padding-top:86px !important;
        padding-bottom:42px !important;
        min-height:auto !important;
    }

    .hero-master .sellar-b1-copy-fix{
        width:100% !important;
    }

    .hero-master .sellar-b1-copy-fix h1{
        font-size:clamp(2.45rem, 9vw, 3.55rem) !important;
        line-height:.94 !important;
        letter-spacing:-.052em !important;
        max-width:100% !important;
    }

    .hero-master .sellar-b1-chip-row{
        display:flex !important;
        gap:8px !important;
        max-width:100% !important;
    }

    .hero-master .sellar-b1-chip{
        font-size:.74rem !important;
        min-height:32px !important;
        padding:7px 10px !important;
    }

    .hero-master .sellar-b1-cta-row{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        max-width:100% !important;
        gap:10px !important;
    }

    .hero-master .sellar-b1-cta{
        width:100% !important;
        min-height:48px !important;
        padding:0 12px !important;
        font-size:.82rem !important;
    }

    .hero-master .sellar-b1-trust-strip{
        max-width:100% !important;
        grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    }

    .hero-master .sellar-b1-trust-card{
        min-height:68px !important;
        padding:10px 6px !important;
    }
}

/* Mobile real */
@media (max-width: 520px){
    .hero-master .sellar-b1-chip-row{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
    }

    .hero-master .sellar-b1-cta-row{
        grid-template-columns:1fr !important;
    }

    .hero-master .sellar-b1-trust-strip{
        grid-template-columns:1fr !important;
    }

    .hero-master .sellar-b1-trust-card{
        border-right:none !important;
        border-bottom:1px solid rgba(255,255,255,.07) !important;
    }

    .hero-master .sellar-b1-trust-card:last-child{
        border-bottom:none !important;
    }
}

/* SELLAR_B1_CENTER_FIX_V4_END */


/* SELLAR_INTRO_PILLS_3D_START */

/* Bolhas premium do trecho consultivo */
.sellar-intro-pill-row{
    display:flex !important;
    flex-wrap:wrap !important;
    align-items:center !important;
    gap:12px !important;
    margin-top:24px !important;
    max-width:760px !important;
    position:relative !important;
    z-index:5 !important;
}

.sellar-intro-pill{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;

    min-height:42px !important;
    padding:10px 18px !important;
    border-radius:999px !important;

    color:rgba(244,250,255,.94) !important;
    font-size:.86rem !important;
    font-weight:900 !important;
    letter-spacing:-.015em !important;
    line-height:1 !important;
    text-decoration:none !important;
    white-space:nowrap !important;

    background:
        radial-gradient(circle at 18% 15%, rgba(255,255,255,.12), transparent 34%),
        linear-gradient(180deg, rgba(26,42,61,.78), rgba(7,15,31,.94)) !important;

    border:1px solid rgba(185,225,255,.16) !important;

    box-shadow:
        0 18px 42px rgba(0,0,0,.30),
        0 0 0 1px rgba(78,255,164,.025),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 -1px 0 rgba(0,0,0,.30) !important;

    backdrop-filter:blur(16px) saturate(1.18) !important;
    -webkit-backdrop-filter:blur(16px) saturate(1.18) !important;

    transform:translateZ(0);
    transition:
        transform .26s cubic-bezier(.22,.61,.36,1),
        box-shadow .26s ease,
        border-color .26s ease,
        background .26s ease,
        color .26s ease !important;
}

/* microícone */
.sellar-intro-pill::before{
    content:attr(data-icon);

    width:24px !important;
    height:24px !important;
    min-width:24px !important;

    display:grid !important;
    place-items:center !important;

    border-radius:10px !important;

    color:#081a10 !important;
    font-size:12px !important;
    font-weight:950 !important;

    background:
        radial-gradient(circle at 28% 20%, rgba(255,255,255,.48), transparent 38%),
        linear-gradient(135deg, #3ee57d 0%, #9affbf 100%) !important;

    border:1px solid rgba(214,255,231,.42) !important;

    box-shadow:
        0 10px 26px rgba(34,197,94,.24),
        0 0 20px rgba(34,197,94,.18),
        inset 0 1px 0 rgba(255,255,255,.38) !important;
}

/* reflexo premium passando */
.sellar-intro-pill::after{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;

    background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.16) 38%, transparent 58%),
        radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(76,255,157,.22), transparent 34%);

    transform:translateX(-130%);
    opacity:.78;
    transition:transform .75s ease, opacity .28s ease;
    pointer-events:none;
}

.sellar-intro-pill:hover{
    transform:translateY(-5px) rotateX(5deg) !important;
    color:#ffffff !important;
    border-color:rgba(125,255,184,.36) !important;

    box-shadow:
        0 26px 68px rgba(0,0,0,.38),
        0 0 36px rgba(34,197,94,.15),
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,0,0,.34) !important;
}

.sellar-intro-pill:hover::after{
    transform:translateX(130%);
}

/* primeira bolha com destaque sutil */
.sellar-intro-pill.is-main{
    border-color:rgba(125,255,184,.28) !important;
    background:
        radial-gradient(circle at 18% 15%, rgba(134,239,172,.18), transparent 36%),
        linear-gradient(180deg, rgba(19,58,43,.74), rgba(7,15,31,.94)) !important;

    box-shadow:
        0 20px 58px rgba(34,197,94,.16),
        0 0 0 6px rgba(34,197,94,.045),
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -1px 0 rgba(0,0,0,.30) !important;
}

/* brilho inferior fino */
.sellar-intro-pill span{
    position:relative !important;
    z-index:2 !important;
}

.sellar-intro-pill .sellar-pill-light{
    position:absolute;
    left:18%;
    right:18%;
    bottom:0;
    height:2px;
    border-radius:999px;
    background:linear-gradient(90deg, transparent, rgba(134,239,172,.75), transparent);
    opacity:.70;
    box-shadow:0 0 18px rgba(134,239,172,.45);
    pointer-events:none;
}

/* mobile/tablet */
@media (max-width: 900px){
    .sellar-intro-pill-row{
        gap:9px !important;
        margin-top:20px !important;
        max-width:100% !important;
    }

    .sellar-intro-pill{
        min-height:38px !important;
        padding:9px 13px !important;
        font-size:.78rem !important;
        gap:7px !important;
    }

    .sellar-intro-pill::before{
        width:21px !important;
        height:21px !important;
        min-width:21px !important;
        border-radius:8px !important;
        font-size:10px !important;
    }
}

@media (max-width: 560px){
    .sellar-intro-pill-row{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
    }

    .sellar-intro-pill{
        width:100% !important;
        white-space:normal !important;
        min-height:40px !important;
        text-align:center !important;
        padding:9px 10px !important;
        font-size:.74rem !important;
    }
}

/* SELLAR_INTRO_PILLS_3D_END */


/* SELLAR_B2_FEATURE_CARDS_HARD_START */

/* =====================================================
   BLOCO 2 — FEATURE CARDS HARDCORE PREMIUM
   Melhora os cards grandes de Planos de Saúde e Seguro de Vida
   + mini-cards internos com 3D, glow, borda viva e hover.
===================================================== */

.sellar-b2-feature-card-hard{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    border-radius:34px !important;
    border:1px solid rgba(125,255,184,.18) !important;

    background:
        radial-gradient(circle at var(--mx, 75%) var(--my, 30%), rgba(34,197,94,.16), transparent 34%),
        radial-gradient(circle at 0% 0%, rgba(34,197,94,.12), transparent 38%),
        linear-gradient(135deg, rgba(10,20,38,.94), rgba(4,9,22,.98)) !important;

    box-shadow:
        0 34px 110px rgba(0,0,0,.42),
        0 0 0 1px rgba(34,197,94,.035),
        0 0 70px rgba(34,197,94,.075),
        inset 0 1px 0 rgba(255,255,255,.085),
        inset 0 -1px 0 rgba(0,0,0,.42) !important;

    backdrop-filter:blur(22px) saturate(1.16) !important;
    -webkit-backdrop-filter:blur(22px) saturate(1.16) !important;

    transform:translateZ(0);
    transition:
        transform .38s cubic-bezier(.22,.61,.36,1),
        border-color .38s ease,
        box-shadow .38s ease,
        filter .38s ease !important;
}

/* aura externa premium */
.sellar-b2-feature-card-hard::before{
    content:"";
    position:absolute;
    inset:-2px;
    z-index:-2;

    background:
        conic-gradient(
            from 180deg at 50% 50%,
            transparent 0deg,
            rgba(34,197,94,.00) 45deg,
            rgba(34,197,94,.35) 105deg,
            rgba(125,255,184,.18) 150deg,
            transparent 220deg,
            rgba(55,145,255,.12) 290deg,
            transparent 360deg
        );

    opacity:.42;
    filter:blur(18px);
    transform:scale(1.025);
    animation:sellarB2AuraFloat 7s ease-in-out infinite;
    pointer-events:none;
}

/* película interna e reflexo */
.sellar-b2-feature-card-hard::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:2;
    pointer-events:none;

    background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.075) 32%, transparent 51%),
        radial-gradient(circle at var(--mx, 72%) var(--my, 28%), rgba(134,239,172,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 24%, rgba(0,0,0,.22) 100%);

    opacity:.72;
    mix-blend-mode:screen;
}

.sellar-b2-feature-card-hard:hover{
    transform:translateY(-8px) perspective(1200px) rotateX(1.3deg) rotateY(-1.2deg) !important;
    border-color:rgba(125,255,184,.34) !important;

    box-shadow:
        0 46px 140px rgba(0,0,0,.54),
        0 0 0 1px rgba(34,197,94,.075),
        0 0 95px rgba(34,197,94,.13),
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 -1px 0 rgba(0,0,0,.48) !important;

    filter:saturate(1.04) contrast(1.02);
}

/* imagem/área visual do card ganha profundidade */
.sellar-b2-feature-card-hard img,
.sellar-b2-feature-card-hard video,
.sellar-b2-feature-card-hard picture,
.sellar-b2-feature-card-hard [style*="background-image"]{
    transition:
        transform .75s cubic-bezier(.22,.61,.36,1),
        filter .75s ease,
        opacity .75s ease !important;
}

.sellar-b2-feature-card-hard:hover img,
.sellar-b2-feature-card-hard:hover video,
.sellar-b2-feature-card-hard:hover picture,
.sellar-b2-feature-card-hard:hover [style*="background-image"]{
    transform:scale(1.045) !important;
    filter:saturate(1.08) contrast(1.05) brightness(1.04) !important;
}

/* selo superior dos cards */
.sellar-b2-feature-card-hard .sellar-b2-premium-badge,
.sellar-b2-feature-card-hard [class*="badge"],
.sellar-b2-feature-card-hard [class*="tag"]{
    box-shadow:
        0 10px 28px rgba(34,197,94,.18),
        inset 0 1px 0 rgba(255,255,255,.13) !important;
}

/* títulos dos dois cards com mais presença */
.sellar-b2-feature-card-hard h2,
.sellar-b2-feature-card-hard h3{
    text-shadow:
        0 18px 48px rgba(0,0,0,.42),
        0 0 28px rgba(255,255,255,.045) !important;
}

/* =====================================================
   MINI-CARDS INTERNOS
===================================================== */

.sellar-b2-mini-hard{
    position:relative !important;
    isolation:isolate !important;
    overflow:hidden !important;

    border-radius:18px !important;
    border:1px solid rgba(255,255,255,.105) !important;

    background:
        radial-gradient(circle at var(--mx, 18%) var(--my, 45%), rgba(34,197,94,.14), transparent 34%),
        linear-gradient(180deg, rgba(25,37,57,.84), rgba(9,17,32,.94)) !important;

    box-shadow:
        0 16px 42px rgba(0,0,0,.26),
        0 0 0 1px rgba(34,197,94,.02),
        inset 0 1px 0 rgba(255,255,255,.075),
        inset 0 -1px 0 rgba(0,0,0,.30) !important;

    transform:translateZ(0);
    transition:
        transform .28s cubic-bezier(.22,.61,.36,1),
        border-color .28s ease,
        box-shadow .28s ease,
        background .28s ease,
        filter .28s ease !important;
}

/* bolinha/check ganha cara 3D */
.sellar-b2-mini-hard::before{
    content:"";
    position:absolute;
    left:16px;
    top:50%;
    width:11px;
    height:11px;
    border-radius:999px;

    background:
        radial-gradient(circle at 30% 25%, rgba(255,255,255,.90), transparent 25%),
        linear-gradient(135deg, #1fd261, #86efac);

    box-shadow:
        0 0 0 6px rgba(34,197,94,.10),
        0 0 26px rgba(34,197,94,.42);

    transform:translateY(-50%);
    pointer-events:none;
}

/* reflexo diagonal */
.sellar-b2-mini-hard::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;

    background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.12) 36%, transparent 55%),
        radial-gradient(circle at var(--mx, 18%) var(--my, 45%), rgba(134,239,172,.12), transparent 30%);

    transform:translateX(-125%);
    opacity:.70;
    transition:transform .72s ease;
    pointer-events:none;
}

.sellar-b2-mini-hard:hover{
    transform:translateY(-5px) translateX(3px) perspective(900px) rotateX(2deg) rotateY(-2deg) !important;
    border-color:rgba(125,255,184,.30) !important;

    background:
        radial-gradient(circle at var(--mx, 18%) var(--my, 45%), rgba(34,197,94,.22), transparent 35%),
        linear-gradient(180deg, rgba(28,45,66,.88), rgba(7,16,30,.96)) !important;

    box-shadow:
        0 24px 70px rgba(0,0,0,.38),
        0 0 34px rgba(34,197,94,.11),
        inset 0 1px 0 rgba(255,255,255,.11),
        inset 0 -1px 0 rgba(0,0,0,.36) !important;

    filter:saturate(1.06);
}

.sellar-b2-mini-hard:hover::after{
    transform:translateX(125%);
}

.sellar-b2-mini-hard > *{
    position:relative !important;
    z-index:2 !important;
}

/* melhora texto dentro dos mini-cards */
.sellar-b2-mini-hard strong,
.sellar-b2-mini-hard b,
.sellar-b2-mini-hard h4,
.sellar-b2-mini-hard h5{
    color:#fff !important;
    font-weight:950 !important;
    letter-spacing:-.018em !important;
}

.sellar-b2-mini-hard p,
.sellar-b2-mini-hard small,
.sellar-b2-mini-hard span{
    color:rgba(226,232,240,.76) !important;
}

/* quando o mini-card tiver dot original, evita duplicar visual ruim */
.sellar-b2-mini-hard .dot,
.sellar-b2-mini-hard [class*="dot"]{
    box-shadow:
        0 0 0 6px rgba(34,197,94,.10),
        0 0 24px rgba(34,197,94,.38) !important;
}

/* Botões dos cards */
.sellar-b2-feature-card-hard a,
.sellar-b2-feature-card-hard button{
    transition:
        transform .25s cubic-bezier(.22,.61,.36,1),
        box-shadow .25s ease,
        filter .25s ease !important;
}

.sellar-b2-feature-card-hard a:hover,
.sellar-b2-feature-card-hard button:hover{
    transform:translateY(-4px) !important;
    filter:saturate(1.06);
}

/* linha viva no rodapé do card */
.sellar-b2-card-line{
    position:absolute;
    left:8%;
    right:8%;
    bottom:0;
    height:2px;
    z-index:4;

    background:linear-gradient(90deg, transparent, rgba(34,197,94,.85), rgba(134,239,172,.55), transparent);
    box-shadow:0 0 22px rgba(34,197,94,.38);
    pointer-events:none;
}

/* marca d’água premium discreta */
.sellar-b2-watermark-hard{
    position:absolute;
    right:24px;
    bottom:18px;
    z-index:1;

    font-size:clamp(2.2rem, 4.4vw, 4.5rem);
    line-height:.82;
    font-weight:1000;
    letter-spacing:-.08em;

    color:rgba(255,255,255,.045);
    text-shadow:0 0 34px rgba(34,197,94,.08);
    pointer-events:none;
    user-select:none;
}

/* leve movimento contínuo, elegante */
@keyframes sellarB2AuraFloat{
    0%,100%{
        opacity:.34;
        transform:scale(1.015) rotate(0deg);
    }
    50%{
        opacity:.54;
        transform:scale(1.035) rotate(2deg);
    }
}

/* tablet */
@media (max-width: 1000px){
    .sellar-b2-feature-card-hard{
        border-radius:28px !important;
    }

    .sellar-b2-mini-hard{
        border-radius:16px !important;
    }

    .sellar-b2-watermark-hard{
        font-size:3rem;
        right:18px;
        bottom:14px;
    }
}

/* mobile */
@media (max-width: 640px){
    .sellar-b2-feature-card-hard{
        border-radius:24px !important;
        box-shadow:
            0 24px 78px rgba(0,0,0,.42),
            0 0 45px rgba(34,197,94,.065),
            inset 0 1px 0 rgba(255,255,255,.075) !important;
    }

    .sellar-b2-mini-hard{
        border-radius:15px !important;
    }

    .sellar-b2-mini-hard:hover{
        transform:translateY(-3px) !important;
    }

    .sellar-b2-watermark-hard{
        opacity:.55;
        font-size:2.5rem;
    }
}

/* SELLAR_B2_FEATURE_CARDS_HARD_END */


/* SELLAR_B2XV10_START */

.b2xv10{
    position:relative;
    isolation:isolate;
    margin-top:clamp(72px, 8vw, 120px);
    padding:clamp(30px, 4vw, 58px) 0 clamp(40px, 5vw, 70px);
}

.b2xv10::before{
    content:"";
    position:absolute;
    inset:-80px -40px -60px;
    z-index:-2;
    pointer-events:none;
    background:
        radial-gradient(circle at 20% 10%, rgba(34,197,94,.16), transparent 32%),
        radial-gradient(circle at 88% 35%, rgba(56,189,248,.10), transparent 34%),
        linear-gradient(180deg, transparent, rgba(2,8,23,.46), transparent);
}

.b2xv10-bg{
    position:absolute;
    inset:-40px;
    z-index:-1;
    pointer-events:none;
    opacity:.26;
    background:
        linear-gradient(90deg, transparent 0 49%, rgba(134,239,172,.08) 50%, transparent 51%),
        linear-gradient(180deg, transparent 0 49%, rgba(134,239,172,.055) 50%, transparent 51%);
    background-size:110px 110px;
    mask-image:linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
    -webkit-mask-image:linear-gradient(180deg, transparent, #000 18%, #000 82%, transparent);
}

.b2xv10-head{
    display:grid;
    grid-template-columns:minmax(0, 1.25fr) minmax(300px, .75fr);
    gap:clamp(28px, 5vw, 70px);
    align-items:end;
    margin-bottom:clamp(32px, 5vw, 56px);
}

.b2xv10-kicker,
.b2xv10-panel-kicker{
    display:inline-flex;
    width:max-content;
    max-width:100%;
    align-items:center;
    gap:8px;
    padding:8px 13px;
    border-radius:999px;
    color:#a7ffc5;
    font-size:.68rem;
    font-weight:1000;
    letter-spacing:.13em;
    text-transform:uppercase;
    background:linear-gradient(180deg, rgba(34,197,94,.18), rgba(7,20,35,.86));
    border:1px solid rgba(134,239,172,.25);
    box-shadow:
        0 16px 38px rgba(0,0,0,.28),
        0 0 28px rgba(34,197,94,.13),
        inset 0 1px 0 rgba(255,255,255,.12);
}

.b2xv10-kicker{
    margin-bottom:18px;
}

.b2xv10-head h2{
    margin:0;
    max-width:760px;
    color:#fff;
    font-size:clamp(3rem, 5vw, 5.8rem);
    line-height:.88;
    letter-spacing:-.075em;
    font-weight:1000;
    text-shadow:
        0 22px 70px rgba(0,0,0,.58),
        0 0 24px rgba(255,255,255,.045);
}

.b2xv10-head p{
    margin:clamp(18px, 2vw, 24px) 0 0;
    max-width:760px;
    color:rgba(232,238,247,.82);
    font-size:clamp(.98rem, 1.08vw, 1.08rem);
    line-height:1.75;
}

.b2xv10-proof{
    display:grid;
    gap:14px;
}

.b2xv10-proof > div{
    position:relative;
    overflow:hidden;
    padding:18px 20px;
    border-radius:22px;
    background:
        radial-gradient(circle at 80% 10%, rgba(34,197,94,.16), transparent 38%),
        linear-gradient(180deg, rgba(13,27,48,.78), rgba(3,8,20,.94));
    border:1px solid rgba(134,239,172,.17);
    box-shadow:
        0 24px 70px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.08);
}

.b2xv10-proof strong{
    display:block;
    color:#fff;
    font-weight:950;
    margin-bottom:6px;
}

.b2xv10-proof span{
    display:block;
    color:rgba(232,238,247,.74);
    line-height:1.45;
}

.b2xv10-grid{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:26px;
}

.b2xv10-card,
.b2xv10-consortium{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    border-radius:34px;
    background:
        radial-gradient(circle at var(--mx, 50%) var(--my, 30%), rgba(34,197,94,.18), transparent 34%),
        linear-gradient(180deg, rgba(10,22,42,.96), rgba(2,6,18,.99));
    border:1px solid rgba(134,239,172,.22);
    box-shadow:
        0 36px 110px rgba(0,0,0,.50),
        0 0 0 1px rgba(34,197,94,.04),
        0 0 72px rgba(34,197,94,.09),
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 -1px 0 rgba(0,0,0,.48);
    transform:translateZ(0);
    transition:
        transform .28s cubic-bezier(.22,.61,.36,1),
        border-color .28s ease,
        box-shadow .28s ease,
        filter .28s ease;
}

.b2xv10-card:hover,
.b2xv10-card.is-open,
.b2xv10-consortium:hover,
.b2xv10-consortium.is-open{
    transform:translateY(-10px) perspective(1100px) rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));
    border-color:rgba(134,239,172,.55);
    filter:saturate(1.08) contrast(1.03);
    box-shadow:
        0 54px 150px rgba(0,0,0,.64),
        0 0 0 1px rgba(34,197,94,.11),
        0 0 105px rgba(34,197,94,.20),
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,0,0,.55);
}

.b2xv10-card::before,
.b2xv10-consortium::before{
    content:"";
    position:absolute;
    inset:-2px;
    z-index:-2;
    border-radius:inherit;
    background:
        conic-gradient(
            from var(--angle, 0deg),
            transparent 0deg,
            rgba(34,197,94,.06) 45deg,
            rgba(34,197,94,.45) 112deg,
            rgba(134,239,172,.20) 154deg,
            transparent 220deg,
            rgba(56,189,248,.16) 280deg,
            transparent 360deg
        );
    opacity:.42;
    filter:blur(18px);
    animation:b2xv10Spin 9s linear infinite;
}

.b2xv10-card::after,
.b2xv10-consortium::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    pointer-events:none;
    background:
        linear-gradient(118deg, transparent 0%, rgba(255,255,255,.10) 34%, transparent 52%),
        radial-gradient(circle at var(--mx, 50%) var(--my, 30%), rgba(134,239,172,.18), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 36%, rgba(0,0,0,.35) 100%);
    opacity:.78;
    mix-blend-mode:screen;
}

.b2xv10-card-glow{
    position:absolute;
    inset:auto 10% -1px;
    height:2px;
    z-index:10;
    background:linear-gradient(90deg, transparent, rgba(74,222,128,.95), rgba(134,239,172,.70), transparent);
    box-shadow:0 0 30px rgba(34,197,94,.54);
    pointer-events:none;
}

.b2xv10-media{
    position:relative;
    height:260px;
    overflow:hidden;
}

.b2xv10-media img,
.b2xv10-consortium-media img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    opacity:.72;
    filter:saturate(1.06) contrast(1.08) brightness(.82);
    transform:scale(1.01);
    transition:transform .75s cubic-bezier(.22,.61,.36,1), filter .75s ease;
}

.b2xv10-card:hover .b2xv10-media img,
.b2xv10-consortium:hover .b2xv10-consortium-media img{
    transform:scale(1.07);
    filter:saturate(1.16) contrast(1.1) brightness(.92);
}

.b2xv10-media-shade{
    position:absolute;
    inset:0;
    background:
        linear-gradient(180deg, rgba(2,6,23,.05), rgba(2,6,23,.88) 92%),
        radial-gradient(circle at 20% 20%, rgba(34,197,94,.22), transparent 34%);
}

.b2xv10-badge{
    position:absolute;
    top:18px;
    left:18px;
    z-index:6;
    padding:8px 13px;
    border-radius:999px;
    color:#d7ffe5;
    font-size:.64rem;
    font-weight:1000;
    letter-spacing:.13em;
    text-transform:uppercase;
    background:rgba(12,55,39,.78);
    border:1px solid rgba(134,239,172,.24);
    box-shadow:0 12px 32px rgba(0,0,0,.32), 0 0 24px rgba(34,197,94,.14);
}

.b2xv10-watermark{
    position:absolute;
    right:18px;
    bottom:12px;
    z-index:3;
    color:rgba(255,255,255,.045);
    font-size:clamp(3rem, 5vw, 5.5rem);
    line-height:.8;
    font-weight:1000;
    letter-spacing:-.08em;
    pointer-events:none;
}

.b2xv10-body,
.b2xv10-consortium-body{
    position:relative;
    z-index:6;
    padding:28px;
}

.b2xv10-topline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:12px;
}

.b2xv10-topline > span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#98f7b8;
    font-size:.69rem;
    font-weight:950;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.b2xv10-topline > span::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#39e879;
    box-shadow:0 0 16px rgba(57,232,121,.8);
}

.b2xv10-toggle{
    width:42px;
    height:42px;
    flex:0 0 auto;
    border-radius:16px;
    border:1px solid rgba(134,239,172,.30);
    cursor:pointer;
    display:grid;
    place-items:center;
    color:#06140b;
    font-size:1.2rem;
    font-weight:1000;
    background:linear-gradient(135deg, #25d96a, #91f7b5);
    box-shadow:
        0 18px 44px rgba(34,197,94,.24),
        inset 0 1px 0 rgba(255,255,255,.22);
    transition:.22s ease;
}

.b2xv10-toggle:hover{
    transform:translateY(-3px) scale(1.05);
    box-shadow:
        0 24px 60px rgba(34,197,94,.34),
        0 0 38px rgba(34,197,94,.24);
}

.b2xv10-card.is-open .b2xv10-toggle,
.b2xv10-consortium.is-open .b2xv10-toggle{
    transform:rotate(45deg);
}

.b2xv10-body h3,
.b2xv10-consortium-body h3{
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(2rem, 3vw, 3.2rem);
    line-height:.95;
    letter-spacing:-.06em;
    font-weight:1000;
    text-shadow:0 20px 60px rgba(0,0,0,.55);
}

.b2xv10-body p,
.b2xv10-consortium-body p{
    margin:0 0 18px;
    color:rgba(232,238,247,.82);
    line-height:1.62;
}

.b2xv10-list{
    display:grid;
    gap:10px;
    margin:0 0 20px;
    padding:0;
    list-style:none;
}

.b2xv10-list li{
    position:relative;
    padding-left:20px;
    color:rgba(232,238,247,.86);
    line-height:1.42;
}

.b2xv10-list li::before{
    content:"";
    position:absolute;
    left:0;
    top:.48em;
    width:8px;
    height:8px;
    border-radius:50%;
    background:#4ade80;
    box-shadow:0 0 16px rgba(74,222,128,.72);
}

.b2xv10-tags{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-bottom:20px;
}

.b2xv10-tags span{
    padding:7px 11px;
    border-radius:999px;
    color:rgba(238,255,244,.88);
    font-size:.72rem;
    font-weight:850;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.11);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}

.b2xv10-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:11px 17px;
    border-radius:999px;
    color:#69ffa0 !important;
    text-decoration:none;
    font-weight:1000;
    background:linear-gradient(180deg, rgba(34,197,94,.13), rgba(9,19,35,.85));
    border:1px solid rgba(134,239,172,.22);
    box-shadow:
        0 16px 42px rgba(0,0,0,.24),
        0 0 28px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.09);
    transition:.22s ease;
}

.b2xv10-link:hover{
    color:#06140b !important;
    background:linear-gradient(135deg, #25d96a, #91f7b5);
    transform:translateY(-4px);
    box-shadow:
        0 26px 68px rgba(34,197,94,.34),
        0 0 46px rgba(34,197,94,.26);
}

/* painel de benefícios */
.b2xv10-panel{
    position:absolute;
    left:18px;
    right:18px;
    bottom:18px;
    z-index:30;
    max-height:calc(100% - 36px);
    overflow:auto;
    padding:20px;
    border-radius:26px;
    background:
        radial-gradient(circle at 18% 12%, rgba(134,239,172,.20), transparent 34%),
        radial-gradient(circle at 88% 82%, rgba(56,189,248,.10), transparent 32%),
        linear-gradient(180deg, rgba(12,27,48,.98), rgba(3,8,20,.99));
    border:1px solid rgba(134,239,172,.32);
    box-shadow:
        0 30px 90px rgba(0,0,0,.58),
        0 0 54px rgba(34,197,94,.16),
        inset 0 1px 0 rgba(255,255,255,.12);
    opacity:0;
    transform:translateY(26px) scale(.965);
    pointer-events:none;
    transition:.28s cubic-bezier(.22,.61,.36,1);
}

.b2xv10-card:hover .b2xv10-panel,
.b2xv10-card.is-open .b2xv10-panel,
.b2xv10-consortium:hover .b2xv10-panel,
.b2xv10-consortium.is-open .b2xv10-panel{
    opacity:1;
    transform:translateY(0) scale(1);
    pointer-events:auto;
}

.b2xv10-panel h4{
    margin:10px 0 10px;
    color:#fff;
    font-size:1.28rem;
    line-height:1.05;
    letter-spacing:-.035em;
    font-weight:1000;
}

.b2xv10-panel p{
    margin:0 0 14px;
    color:rgba(232,238,247,.84);
    line-height:1.52;
    font-size:.9rem;
}

.b2xv10-panel-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
    margin-bottom:12px;
}

.b2xv10-panel-grid > div{
    padding:14px;
    border-radius:18px;
    background:
        radial-gradient(circle at 20% 15%, rgba(134,239,172,.10), transparent 35%),
        rgba(255,255,255,.045);
    border:1px solid rgba(255,255,255,.10);
}

.b2xv10-panel-grid strong{
    display:block;
    margin-bottom:9px;
    color:#fff;
    font-size:.82rem;
    font-weight:950;
}

.b2xv10-panel-grid ul{
    margin:0;
    padding:0;
    list-style:none;
    display:grid;
    gap:8px;
}

.b2xv10-panel-grid li{
    position:relative;
    padding-left:16px;
    color:rgba(232,238,247,.82);
    font-size:.76rem;
    line-height:1.35;
}

.b2xv10-panel-grid li::before{
    content:"";
    position:absolute;
    left:0;
    top:.44em;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#4ade80;
    box-shadow:0 0 12px rgba(74,222,128,.65);
}

.b2xv10-panel-grid .attention li::before{
    background:#fbbf24;
    box-shadow:0 0 12px rgba(251,191,36,.55);
}

.b2xv10-ideal{
    padding:13px 14px;
    border-radius:18px;
    background:
        radial-gradient(circle at 20% 20%, rgba(34,197,94,.16), transparent 34%),
        linear-gradient(180deg, rgba(34,197,94,.09), rgba(255,255,255,.035));
    border:1px solid rgba(134,239,172,.18);
}

.b2xv10-ideal strong{
    display:block;
    margin-bottom:5px;
    color:#8ef5b2;
    font-size:.76rem;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.b2xv10-ideal span{
    display:block;
    color:rgba(232,238,247,.84);
    font-size:.78rem;
    line-height:1.42;
}

/* consórcio */
.b2xv10-consortium{
    display:grid;
    grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
    margin-top:26px;
    min-height:430px;
}

.b2xv10-consortium-media{
    position:relative;
    overflow:hidden;
    min-height:430px;
}

.b2xv10-consortium-body{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:clamp(30px, 4vw, 58px);
}

.b2xv10-consortium-panel{
    left:50%;
}

@media (max-width:1050px){
    .b2xv10-head{
        grid-template-columns:1fr;
    }

    .b2xv10-grid{
        grid-template-columns:1fr;
    }

    .b2xv10-consortium{
        grid-template-columns:1fr;
    }

    .b2xv10-consortium-panel{
        left:18px;
    }
}

@media (max-width:760px){
    .b2xv10{
        margin-top:64px;
        padding:20px 0 46px;
    }

    .b2xv10-head h2{
        font-size:clamp(2.35rem, 12vw, 4.2rem);
        line-height:.91;
    }

    .b2xv10-media,
    .b2xv10-consortium-media{
        height:220px;
        min-height:220px;
    }

    .b2xv10-body,
    .b2xv10-consortium-body{
        padding:22px;
    }

    .b2xv10-body h3,
    .b2xv10-consortium-body h3{
        font-size:2.1rem;
    }

    .b2xv10-panel{
        position:relative;
        left:auto;
        right:auto;
        bottom:auto;
        margin:16px;
        max-height:none;
        opacity:1;
        transform:none;
        pointer-events:auto;
    }

    .b2xv10-panel-grid{
        grid-template-columns:1fr;
    }

    .b2xv10-toggle{
        display:none;
    }

    .b2xv10-card:hover,
    .b2xv10-consortium:hover{
        transform:translateY(-4px);
    }
}

@keyframes b2xv10Spin{
    from{ --angle:0deg; }
    to{ --angle:360deg; }
}

/* SELLAR_B2XV10_END */


/* SELLAR_FLOW_CLEAN_PREMIUM_START */

/*
    CORREÇÃO LIMPA:
    - Não altera HTML
    - Não força grid estranho
    - Não espreme textos
    - Não mexe no bloco 1
    - Só melhora visualmente o bloco "Como a Sellar conduz"
*/

.sellar-flow-clean-premium{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    width: min(1180px, calc(100% - 34px)) !important;
    margin: clamp(50px, 6vw, 90px) auto !important;
    padding: clamp(30px, 4vw, 54px) !important;

    border-radius: 34px !important;

    background:
        radial-gradient(circle at 18% 18%, rgba(48, 255, 145, .13), transparent 32%),
        radial-gradient(circle at 82% 18%, rgba(67, 169, 255, .08), transparent 30%),
        linear-gradient(135deg, rgba(8, 22, 42, .94), rgba(3, 9, 24, .985)) !important;

    border: 1px solid rgba(107, 255, 176, .14) !important;

    box-shadow:
        0 34px 95px rgba(0,0,0,.42),
        inset 0 1px 0 rgba(255,255,255,.055),
        0 0 55px rgba(48,255,145,.055) !important;
}

.sellar-flow-clean-premium::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background:
        linear-gradient(90deg, transparent 0 49%, rgba(110,255,182,.035) 50%, transparent 51%),
        linear-gradient(180deg, transparent 0 49%, rgba(110,255,182,.025) 50%, transparent 51%);
    background-size: 96px 96px;

    opacity: .26;
    mask-image: linear-gradient(180deg, transparent, #000 16%, #000 84%, transparent);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 16%, #000 84%, transparent);
}

.sellar-flow-clean-premium::after{
    content: "Sellar\A Seguros";
    white-space: pre-line;
    position: absolute;
    left: clamp(28px, 4vw, 54px);
    top: clamp(28px, 4vw, 56px);
    pointer-events: none;
    z-index: 0;

    font-size: clamp(4.5rem, 8vw, 8.5rem);
    line-height: .82;
    letter-spacing: -.08em;
    font-weight: 1000;

    color: rgba(255,255,255,.04);
    text-shadow: 0 20px 70px rgba(0,0,0,.38);
}

/* garante que o conteúdo fique acima dos efeitos */
.sellar-flow-clean-premium > *{
    position: relative;
    z-index: 2;
}

/* título principal do bloco */
.sellar-flow-clean-premium h2,
.sellar-flow-clean-premium .section-title,
.sellar-flow-clean-premium [class*="title"]{
    color: #fff !important;
    text-shadow:
        0 18px 52px rgba(0,0,0,.52),
        0 0 16px rgba(255,255,255,.04) !important;
}

/* texto base */
.sellar-flow-clean-premium p{
    color: rgba(232,240,250,.82) !important;
    line-height: 1.68 !important;
}

/* badge verde */
.sellar-flow-clean-premium [class*="badge"],
.sellar-flow-clean-premium [class*="pill"],
.sellar-flow-clean-premium small{
    border-radius: 999px !important;
    border: 1px solid rgba(119,255,180,.20) !important;
    background:
        linear-gradient(180deg, rgba(42,255,135,.16), rgba(10,27,45,.76)) !important;
    color: #caffde !important;
    box-shadow:
        0 10px 28px rgba(0,0,0,.22),
        inset 0 1px 0 rgba(255,255,255,.08),
        0 0 24px rgba(42,255,135,.08) !important;
}

/* cards corretos detectados pelo JS */
.sellar-flow-clean-card{
    position: relative !important;
    overflow: hidden !important;

    min-height: 138px !important;
    padding: clamp(20px, 2vw, 28px) !important;
    border-radius: 28px !important;

    background:
        radial-gradient(circle at 86% 18%, rgba(70,255,155,.12), transparent 30%),
        linear-gradient(145deg, rgba(11, 29, 52, .90), rgba(4, 10, 24, .97)) !important;

    border: 1px solid rgba(119,255,180,.15) !important;

    box-shadow:
        0 20px 58px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.06),
        0 0 0 1px rgba(255,255,255,.018) inset !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        filter .24s ease !important;
}

.sellar-flow-clean-card:nth-of-type(1),
.sellar-flow-clean-card.flow-clean-01{
    border-radius: 28px 28px 38px 28px !important;
}

.sellar-flow-clean-card:nth-of-type(2),
.sellar-flow-clean-card.flow-clean-02{
    border-radius: 36px 28px 34px 28px !important;
}

.sellar-flow-clean-card:nth-of-type(3),
.sellar-flow-clean-card.flow-clean-03{
    border-radius: 28px 38px 28px 36px !important;
}

.sellar-flow-clean-card::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.07) 22%, transparent 40%),
        radial-gradient(circle at 88% 16%, rgba(82,255,160,.12), transparent 26%);
    opacity: .7;
    transform: translateX(-18%);
    transition: transform .35s ease, opacity .35s ease;
}

.sellar-flow-clean-card::after{
    content: "";
    position: absolute;
    left: 9%;
    right: 9%;
    bottom: 0;
    height: 2px;
    pointer-events: none;

    background: linear-gradient(90deg, transparent, rgba(81,255,155,.95), transparent);
    box-shadow: 0 0 20px rgba(81,255,155,.42);
    opacity: .72;
}

.sellar-flow-clean-card:hover{
    transform: translateY(-7px) scale(1.01) !important;
    border-color: rgba(139,255,193,.32) !important;
    filter: saturate(1.08) contrast(1.03) !important;

    box-shadow:
        0 30px 76px rgba(0,0,0,.38),
        0 0 36px rgba(48,255,145,.10),
        inset 0 1px 0 rgba(255,255,255,.08) !important;
}

.sellar-flow-clean-card:hover::before{
    transform: translateX(15%);
    opacity: .95;
}

/* impede texto espremido */
.sellar-flow-clean-card h3,
.sellar-flow-clean-card h4,
.sellar-flow-clean-card strong{
    max-width: none !important;
    color: #fff !important;
    letter-spacing: -.035em !important;
    line-height: 1.14 !important;
    text-wrap: balance;
}

.sellar-flow-clean-card p{
    max-width: 52ch !important;
    color: rgba(232,240,250,.80) !important;
    line-height: 1.62 !important;
}

/* número 01 / 02 / 03 sem esmagar */
.sellar-flow-clean-card .sellar-flow-clean-number{
    display: grid !important;
    place-items: center !important;

    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    min-height: 56px !important;

    border-radius: 18px !important;

    color: #04130b !important;
    font-weight: 1000 !important;

    background:
        radial-gradient(circle at 32% 22%, rgba(255,255,255,.42), transparent 35%),
        linear-gradient(180deg, #94ffc0, #41df7f) !important;

    box-shadow:
        0 16px 36px rgba(65,223,127,.30),
        0 0 26px rgba(65,223,127,.22),
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -8px 16px rgba(0,0,0,.12) !important;
}

/* detalhe extra discreto */
.sellar-flow-clean-detail{
    margin-top: 14px;
    padding: 12px 14px;
    border-radius: 16px;

    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;
    border: 1px solid rgba(119,255,180,.11) !important;

    color: rgba(232,240,250,.78);

    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transform: translateY(8px);

    transition:
        opacity .24s ease,
        max-height .24s ease,
        transform .24s ease !important;
}

.sellar-flow-clean-card:hover .sellar-flow-clean-detail{
    opacity: 1;
    max-height: 150px;
    transform: translateY(0);
}

.sellar-flow-clean-detail b{
    display: block;
    margin-bottom: 5px;
    color: #adffd0;
    font-size: .76rem;
    font-weight: 950;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.sellar-flow-clean-detail span{
    display: block;
    font-size: .88rem;
    line-height: 1.52;
    color: rgba(232,240,250,.76);
}

/* mobile */
@media (max-width: 900px){
    .sellar-flow-clean-premium{
        width: min(100%, calc(100% - 20px)) !important;
        padding: 22px 16px !important;
        border-radius: 28px !important;
    }

    .sellar-flow-clean-premium::after{
        font-size: clamp(4rem, 16vw, 7rem);
        opacity: .65;
    }

    .sellar-flow-clean-card{
        min-height: auto !important;
        border-radius: 22px !important;
    }

    .sellar-flow-clean-detail{
        opacity: 1;
        max-height: none;
        transform: none;
    }
}

/* SELLAR_FLOW_CLEAN_PREMIUM_END */


/* SELLAR_V2_PRO_PATCH_START */

/* =========================================================
   BARRA PREMIUM: Atendimento nacional / Sem pressão / etc
========================================================= */

.sellar-v2-stats-bar{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    width: min(1120px, calc(100% - 32px)) !important;
    margin: 0 auto 34px auto !important;
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    border-radius: 28px !important;
    background:
        radial-gradient(circle at 15% 15%, rgba(78,255,170,.15), transparent 30%),
        radial-gradient(circle at 88% 12%, rgba(66,146,255,.08), transparent 30%),
        linear-gradient(135deg, rgba(8,23,44,.92), rgba(4,10,24,.98)) !important;
    border: 1px solid rgba(110,255,180,.16) !important;
    box-shadow:
        0 22px 58px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 -1px 0 rgba(0,0,0,.32) !important;
}

.sellar-v2-stats-bar::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.05) 22%, transparent 38%),
        radial-gradient(circle at var(--statsX,50%) var(--statsY,50%), rgba(95,255,170,.15), transparent 24%);
    opacity: .9;
}

.sellar-v2-stats-bar::after{
    content: "";
    position: absolute;
    left: 3%;
    right: 3%;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(92,255,164,.95), transparent);
    box-shadow: 0 0 18px rgba(92,255,164,.45);
}

.sellar-v2-stat{
    position: relative !important;
    z-index: 2 !important;
    padding: 22px 54px 18px 24px !important;
    min-height: 100px !important;
    border-right: 1px solid rgba(255,255,255,.08) !important;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 7px !important;
    background: linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.01)) !important;
}

.sellar-v2-stat:last-child{
    border-right: none !important;
}

.sellar-v2-stat:hover{
    transform: translateY(-5px) !important;
    background:
        radial-gradient(circle at 18% 18%, rgba(78,255,170,.10), transparent 34%),
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 14px 28px rgba(0,0,0,.18) !important;
}

.sellar-v2-stat::before{
    content: "";
    position: absolute;
    top: 16px;
    right: 16px;
    width: 34px;
    height: 34px;
    border-radius: 13px;
    background:
        radial-gradient(circle at 30% 25%, rgba(255,255,255,.35), transparent 36%),
        linear-gradient(180deg, rgba(100,255,170,.24), rgba(35,215,110,.10));
    border: 1px solid rgba(110,255,180,.18);
    box-shadow:
        0 12px 24px rgba(52,255,145,.14),
        inset 0 1px 0 rgba(255,255,255,.10);
}

.sellar-v2-stat::after{
    content: "";
    position: absolute;
    top: 29px;
    right: 29px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #6cffaf;
    box-shadow: 0 0 14px rgba(108,255,175,.72);
}

.sellar-v2-stat-title{
    color: #fff !important;
    font-size: 1rem !important;
    line-height: 1.18 !important;
    font-weight: 950 !important;
    letter-spacing: -.02em !important;
    text-shadow: 0 8px 28px rgba(0,0,0,.34) !important;
}

.sellar-v2-stat-desc{
    color: rgba(230,238,247,.78) !important;
    font-size: .92rem !important;
    line-height: 1.42 !important;
}

/* =========================================================
   BLOCO AUTORIDADE E CONFIANÇA - REFEITO
========================================================= */

.sellar-v2-authority-block{
    width: min(1140px, calc(100% - 36px)) !important;
    margin: 26px auto 0 auto !important;
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    border-radius: 34px !important;
    padding: 34px !important;
    background:
        radial-gradient(circle at 12% 12%, rgba(76,255,162,.14), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(61,140,255,.08), transparent 28%),
        linear-gradient(145deg, rgba(7,22,44,.96), rgba(2,8,20,.99)) !important;
    border: 1px solid rgba(116,255,182,.14) !important;
    box-shadow:
        0 28px 80px rgba(0,0,0,.40),
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 -1px 0 rgba(0,0,0,.32) !important;
}

.sellar-v2-authority-block::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.045) 18%, transparent 32%),
        radial-gradient(circle at 76% 16%, rgba(70,255,166,.10), transparent 26%);
    opacity: .9;
}

.sellar-v2-authority-top{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
    gap: 30px;
    align-items: center;
    margin-bottom: 30px;
}

.sellar-v2-authority-left{
    min-width: 0;
}

.sellar-v2-authority-badge{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 999px;
    margin-bottom: 18px;
    background:
        linear-gradient(180deg, rgba(77,255,160,.12), rgba(77,255,160,.06));
    border: 1px solid rgba(110,255,180,.18);
    color: rgba(230,245,238,.92);
    font-size: .82rem;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
    box-shadow:
        0 12px 28px rgba(35,255,140,.08),
        inset 0 1px 0 rgba(255,255,255,.07);
}

.sellar-v2-authority-title{
    margin: 0 0 16px 0 !important;
    color: #fff !important;
    font-size: clamp(2.35rem, 4.1vw, 4.35rem) !important;
    line-height: .97 !important;
    letter-spacing: -.05em !important;
    font-weight: 1000 !important;
    text-shadow: 0 18px 40px rgba(0,0,0,.34) !important;
    max-width: 700px !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}

.sellar-v2-authority-title br{
    display: none !important;
}

.sellar-v2-authority-text{
    color: rgba(230,238,247,.80);
    font-size: 1rem;
    line-height: 1.75;
    max-width: 700px;
}

.sellar-v2-authority-side{
    position: relative;
    padding: 22px 22px 18px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 85% 18%, rgba(84,255,165,.12), transparent 28%),
        linear-gradient(135deg, rgba(12,28,52,.85), rgba(4,10,24,.92));
    border: 1px solid rgba(126,255,190,.14);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 16px 40px rgba(0,0,0,.22);
}

.sellar-v2-authority-side-title{
    color: #fff;
    font-size: 1.03rem;
    font-weight: 900;
    margin-bottom: 12px;
}

.sellar-v2-authority-side-list{
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sellar-v2-authority-side-list li{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: rgba(232,240,250,.82);
    line-height: 1.5;
    font-size: .94rem;
}

.sellar-v2-authority-side-list li::before{
    content: "";
    flex: 0 0 8px;
    width: 8px;
    height: 8px;
    border-radius: 999px;
    margin-top: .48rem;
    background: #69ffae;
    box-shadow: 0 0 14px rgba(105,255,174,.62);
}

/* cards */
.sellar-v2-authority-grid{
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.sellar-v2-authority-card{
    position: relative;
    overflow: hidden;
    min-height: 285px;
    border-radius: 28px;
    padding: 22px 22px 18px;
    background:
        radial-gradient(circle at 82% 18%, rgba(78,255,165,.10), transparent 26%),
        radial-gradient(circle at 16% 12%, rgba(76,148,255,.06), transparent 24%),
        linear-gradient(145deg, rgba(8,23,44,.94), rgba(3,10,22,.98));
    border: 1px solid rgba(114,255,180,.14);
    box-shadow:
        0 20px 46px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 -1px 0 rgba(0,0,0,.24);
    transition:
        transform .28s ease,
        box-shadow .28s ease,
        border-color .28s ease;
}

.sellar-v2-authority-card:hover{
    transform: translateY(-7px);
    border-color: rgba(125,255,186,.28);
    box-shadow:
        0 28px 58px rgba(0,0,0,.34),
        0 0 34px rgba(70,255,166,.10),
        inset 0 1px 0 rgba(255,255,255,.06);
}

.sellar-v2-authority-card::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(118deg, transparent 0%, rgba(255,255,255,.05) 22%, transparent 38%);
    opacity: .78;
}

.sellar-v2-authority-icon{
    position: relative;
    z-index: 2;
    width: 44px;
    height: 44px;
    border-radius: 16px;
    display: grid;
    place-items: center;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.36), transparent 34%),
        linear-gradient(180deg, rgba(108,255,174,.95), rgba(48,224,121,.92));
    color: #04160d;
    font-weight: 1000;
    box-shadow:
        0 14px 34px rgba(58,255,142,.22),
        inset 0 1px 0 rgba(255,255,255,.18);
    margin-bottom: 18px;
}

.sellar-v2-authority-card h3{
    position: relative;
    z-index: 2;
    margin: 0 0 12px 0;
    color: #fff;
    font-size: 1.35rem;
    line-height: 1.08;
    font-weight: 950;
    letter-spacing: -.03em;
    text-shadow: 0 10px 26px rgba(0,0,0,.32);
}

.sellar-v2-authority-card p{
    position: relative;
    z-index: 2;
    margin: 0 0 16px 0;
    color: rgba(229,237,246,.78);
    font-size: .96rem;
    line-height: 1.66;
}

.sellar-v2-authority-pill{
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    margin: 0 0 14px 0;
    padding: 8px 12px;
    border-radius: 999px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
    border: 1px solid rgba(255,255,255,.08);
    color: rgba(244,247,252,.88);
    font-size: .80rem;
    font-weight: 800;
    line-height: 1.2;
}

.sellar-v2-authority-note{
    position: relative;
    z-index: 2;
    margin-top: auto;
    padding: 12px 14px;
    border-radius: 16px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02));
    border: 1px solid rgba(255,255,255,.07);
    color: rgba(231,239,248,.78);
    font-size: .88rem;
    line-height: 1.5;
}

/* responsivo */
@media (max-width: 1050px){
    .sellar-v2-authority-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 900px){
    .sellar-v2-stats-bar{
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    .sellar-v2-stat{
        border-right: 1px solid rgba(255,255,255,.08) !important;
        border-bottom: 1px solid rgba(255,255,255,.08) !important;
    }

    .sellar-v2-stat:nth-child(2n){
        border-right: none !important;
    }

    .sellar-v2-authority-top{
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px){
    .sellar-v2-stats-bar{
        grid-template-columns: 1fr !important;
        border-radius: 24px !important;
    }

    .sellar-v2-stat{
        border-right: none !important;
        min-height: 90px !important;
    }

    .sellar-v2-authority-block{
        padding: 22px !important;
        border-radius: 28px !important;
    }

    .sellar-v2-authority-grid{
        grid-template-columns: 1fr;
    }

    .sellar-v2-authority-card{
        min-height: auto;
    }
}

/* SELLAR_V2_PRO_PATCH_END */


/* SELLAR_AUTHORITY_CARD_UPGRADE_START */

/* ===========================
   UPGRADE PREMIUM DOS CARDS
   BLOCO: AUTORIDADE E CONFIANÇA
=========================== */

.sellar-v2-authority-grid{
    perspective: 1400px !important;
    gap: 20px !important;
    align-items: stretch !important;
}

.sellar-v2-authority-card{
    --mx: 50%;
    --my: 50%;
    --cardGlow: rgba(84,255,170,.14);
    --cardGlow2: rgba(80,142,255,.10);

    position: relative !important;
    overflow: hidden !important;
    min-height: 335px !important;
    padding: 24px 22px 18px !important;
    border-radius: 30px !important;

    background:
        radial-gradient(circle at 85% 15%, rgba(92,255,180,.08), transparent 28%),
        radial-gradient(circle at 15% 10%, rgba(78,132,255,.06), transparent 25%),
        linear-gradient(145deg, rgba(8,22,42,.96), rgba(3,10,24,.985)) !important;

    border: 1px solid rgba(118,255,183,.14) !important;

    box-shadow:
        0 22px 48px rgba(0,0,0,.34),
        inset 0 1px 0 rgba(255,255,255,.05),
        inset 0 -1px 0 rgba(0,0,0,.28),
        0 0 0 1px rgba(255,255,255,.02) !important;

    transform-style: preserve-3d !important;
    transition:
        transform .34s cubic-bezier(.2,.8,.2,1),
        box-shadow .34s ease,
        border-color .34s ease,
        background .34s ease !important;
}

.sellar-v2-authority-card::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at var(--mx) var(--my), rgba(110,255,186,.18), transparent 26%),
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.05) 18%, transparent 32%),
        radial-gradient(circle at 82% 12%, var(--cardGlow), transparent 30%);
    opacity: .95;
    z-index: 0;
}

.sellar-v2-authority-card::after{
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(96,255,172,.95), transparent);
    box-shadow: 0 0 18px rgba(96,255,172,.32);
    opacity: .82;
}

.sellar-v2-authority-card:hover{
    transform: translateY(-9px) rotateX(3deg) scale(1.012) !important;
    border-color: rgba(122,255,186,.26) !important;
    box-shadow:
        0 30px 64px rgba(0,0,0,.40),
        0 0 40px rgba(86,255,165,.08),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 -1px 0 rgba(0,0,0,.22) !important;
}

.sellar-v2-authority-card:nth-child(1){
    --cardGlow: rgba(82,255,170,.13);
    --cardGlow2: rgba(76,140,255,.09);
}
.sellar-v2-authority-card:nth-child(2){
    --cardGlow: rgba(96,255,196,.12);
    --cardGlow2: rgba(90,162,255,.10);
}
.sellar-v2-authority-card:nth-child(3){
    --cardGlow: rgba(84,255,170,.11);
    --cardGlow2: rgba(70,124,255,.11);
}
.sellar-v2-authority-card:nth-child(4){
    --cardGlow: rgba(100,255,180,.14);
    --cardGlow2: rgba(66,146,255,.09);
}

.sellar-v2-authority-card > *{
    position: relative !important;
    z-index: 2 !important;
}

.sellar-v2-authority-icon{
    width: 50px !important;
    height: 50px !important;
    border-radius: 18px !important;
    margin-bottom: 18px !important;

    background:
        radial-gradient(circle at 34% 24%, rgba(255,255,255,.34), transparent 34%),
        linear-gradient(180deg, rgba(101,255,173,.96), rgba(48,224,121,.92)) !important;

    box-shadow:
        0 16px 34px rgba(66,255,151,.24),
        inset 0 1px 0 rgba(255,255,255,.22),
        0 0 0 1px rgba(255,255,255,.04) !important;

    color: #04140d !important;
    font-size: 1rem !important;
    font-weight: 1000 !important;
    letter-spacing: -.02em !important;
}

.sellar-v2-authority-card h3{
    margin: 0 0 14px 0 !important;
    color: #ffffff !important;
    font-size: 1.42rem !important;
    line-height: 1.02 !important;
    font-weight: 950 !important;
    letter-spacing: -.035em !important;
    text-shadow: 0 12px 26px rgba(0,0,0,.30) !important;
    max-width: 95% !important;
}

.sellar-v2-authority-card p{
    margin: 0 0 16px 0 !important;
    color: rgba(232,239,247,.82) !important;
    font-size: .98rem !important;
    line-height: 1.68 !important;
    font-weight: 500 !important;
}

.sellar-v2-authority-pill{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 38px !important;
    padding: 9px 14px !important;
    margin: 2px 0 14px 0 !important;
    border-radius: 999px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.03)) !important;

    border: 1px solid rgba(255,255,255,.09) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.05),
        0 10px 18px rgba(0,0,0,.14) !important;

    color: rgba(244,248,252,.90) !important;
    font-size: .82rem !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.sellar-v2-authority-note{
    margin-top: auto !important;
    padding: 14px 14px 15px !important;
    border-radius: 18px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)) !important;

    border: 1px solid rgba(255,255,255,.08) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 12px 22px rgba(0,0,0,.16) !important;

    color: rgba(233,240,248,.82) !important;
    font-size: .91rem !important;
    line-height: 1.55 !important;
}

.sellar-v2-authority-card:nth-child(1) .sellar-v2-authority-note{
    background:
        linear-gradient(180deg, rgba(108,255,170,.07), rgba(255,255,255,.02)) !important;
}
.sellar-v2-authority-card:nth-child(2) .sellar-v2-authority-note{
    background:
        linear-gradient(180deg, rgba(78,148,255,.06), rgba(255,255,255,.02)) !important;
}
.sellar-v2-authority-card:nth-child(3) .sellar-v2-authority-note{
    background:
        linear-gradient(180deg, rgba(90,255,190,.06), rgba(255,255,255,.02)) !important;
}
.sellar-v2-authority-card:nth-child(4) .sellar-v2-authority-note{
    background:
        linear-gradient(180deg, rgba(74,255,166,.065), rgba(255,255,255,.02)) !important;
}

/* brilho interno sutil diferente em cada card */
.sellar-v2-authority-card:nth-child(1){
    background:
        radial-gradient(circle at 82% 14%, rgba(80,255,160,.10), transparent 28%),
        radial-gradient(circle at 20% 90%, rgba(65,120,255,.05), transparent 24%),
        linear-gradient(145deg, rgba(8,23,44,.96), rgba(3,10,24,.985)) !important;
}
.sellar-v2-authority-card:nth-child(2){
    background:
        radial-gradient(circle at 84% 12%, rgba(76,182,255,.09), transparent 28%),
        radial-gradient(circle at 18% 86%, rgba(88,255,188,.05), transparent 24%),
        linear-gradient(145deg, rgba(8,23,44,.96), rgba(3,10,24,.985)) !important;
}
.sellar-v2-authority-card:nth-child(3){
    background:
        radial-gradient(circle at 84% 12%, rgba(92,255,178,.09), transparent 28%),
        radial-gradient(circle at 16% 86%, rgba(86,150,255,.05), transparent 24%),
        linear-gradient(145deg, rgba(8,23,44,.96), rgba(3,10,24,.985)) !important;
}
.sellar-v2-authority-card:nth-child(4){
    background:
        radial-gradient(circle at 86% 10%, rgba(84,255,166,.10), transparent 28%),
        radial-gradient(circle at 12% 88%, rgba(80,136,255,.05), transparent 24%),
        linear-gradient(145deg, rgba(8,23,44,.96), rgba(3,10,24,.985)) !important;
}

/* mobile */
@media (max-width: 1050px){
    .sellar-v2-authority-card{
        min-height: 300px !important;
    }
}

@media (max-width: 640px){
    .sellar-v2-authority-card{
        min-height: auto !important;
        padding: 20px 18px 16px !important;
        border-radius: 24px !important;
    }

    .sellar-v2-authority-icon{
        width: 46px !important;
        height: 46px !important;
        border-radius: 16px !important;
    }

    .sellar-v2-authority-card h3{
        font-size: 1.24rem !important;
    }

    .sellar-v2-authority-card p{
        font-size: .95rem !important;
        line-height: 1.58 !important;
    }
}

/* SELLAR_AUTHORITY_CARD_UPGRADE_END */


/* SELLAR_FAQ_PREMIUM_V3_START */

/* =========================================================
   BLOCO FAQ / DÚVIDAS — PREMIUM V3
   Remove numeração visual e deixa o bloco mais profissional
========================================================= */

.sellar-faq-premium-v3{
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;

    width: min(1140px, calc(100% - 36px)) !important;
    margin: clamp(50px, 6vw, 88px) auto !important;
    padding: clamp(28px, 4vw, 46px) !important;

    border-radius: 38px !important;

    background:
        radial-gradient(circle at 12% 14%, rgba(70,255,155,.15), transparent 31%),
        radial-gradient(circle at 88% 12%, rgba(70,150,255,.10), transparent 30%),
        radial-gradient(circle at 70% 88%, rgba(70,255,155,.08), transparent 28%),
        linear-gradient(145deg, rgba(7,22,42,.96), rgba(2,8,22,.99)) !important;

    border: 1px solid rgba(125,255,188,.15) !important;

    box-shadow:
        0 34px 100px rgba(0,0,0,.44),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 -1px 0 rgba(0,0,0,.36),
        0 0 70px rgba(65,255,145,.045) !important;
}

.sellar-faq-premium-v3::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background:
        linear-gradient(90deg, transparent 0 49%, rgba(110,255,180,.03) 50%, transparent 51%),
        linear-gradient(180deg, transparent 0 49%, rgba(110,255,180,.022) 50%, transparent 51%);
    background-size: 98px 98px;
    opacity: .34;

    mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
    -webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 88%, transparent);
}

.sellar-faq-premium-v3::after{
    content: "Sellar";
    position: absolute;
    right: clamp(22px, 4vw, 52px);
    bottom: clamp(12px, 3vw, 34px);
    pointer-events: none;
    z-index: 0;

    font-size: clamp(5rem, 10vw, 10rem);
    line-height: .8;
    letter-spacing: -.08em;
    font-weight: 1000;

    color: rgba(255,255,255,.032);
    text-shadow: 0 28px 70px rgba(0,0,0,.42);
}

.sellar-faq-premium-v3 > *{
    position: relative !important;
    z-index: 2 !important;
}

/* Grid interno do FAQ */
.sellar-faq-premium-v3-inner{
    display: grid !important;
    grid-template-columns: minmax(420px, 1.05fr) minmax(330px, .95fr) !important;
    gap: clamp(28px, 4vw, 48px) !important;
    align-items: start !important;
}

/* Coluna esquerda */
.sellar-faq-premium-v3-left{
    min-width: 0 !important;
}

.sellar-faq-premium-v3 .faq-label,
.sellar-faq-premium-v3 [class*="badge"],
.sellar-faq-premium-v3 [class*="tag"]{
    display: inline-flex !important;
    align-items: center !important;
    width: fit-content !important;

    padding: 9px 14px !important;
    border-radius: 999px !important;

    background:
        linear-gradient(180deg, rgba(75,255,160,.14), rgba(75,255,160,.055)) !important;

    border: 1px solid rgba(125,255,188,.19) !important;

    color: #caffdf !important;
    font-size: .80rem !important;
    font-weight: 900 !important;
    letter-spacing: .11em !important;
    text-transform: uppercase !important;

    box-shadow:
        0 12px 30px rgba(45,255,135,.075),
        inset 0 1px 0 rgba(255,255,255,.075) !important;
}

.sellar-faq-premium-v3 h2,
.sellar-faq-premium-v3 .faq-title{
    margin: 18px 0 18px 0 !important;
    max-width: 9.2ch !important;

    color: #fff !important;
    font-size: clamp(3rem, 5.3vw, 5.75rem) !important;
    line-height: .93 !important;
    letter-spacing: -.075em !important;
    font-weight: 1000 !important;

    text-shadow:
        0 20px 58px rgba(0,0,0,.48),
        0 0 18px rgba(255,255,255,.025) !important;
}

.sellar-faq-premium-v3 p{
    color: rgba(232,240,250,.80) !important;
    line-height: 1.72 !important;
}

/* Lista de perguntas */
.sellar-faq-premium-v3-list{
    display: grid !important;
    gap: 13px !important;
    margin-top: 24px !important;
}

/* Remove 01,02,03,04,05,06 */
.sellar-faq-premium-v3-number,
.sellar-faq-premium-v3 [data-faq-number]{
    display: none !important;
}

/* Cada pergunta vira um card premium */
.sellar-faq-premium-v3-item{
    position: relative !important;
    overflow: hidden !important;

    display: grid !important;
    grid-template-columns: 1fr auto !important;
    align-items: center !important;
    gap: 16px !important;

    min-height: 72px !important;
    padding: 18px 18px 18px 22px !important;

    border-radius: 22px !important;

    background:
        radial-gradient(circle at 86% 18%, rgba(75,255,160,.12), transparent 30%),
        linear-gradient(145deg, rgba(11,28,50,.88), rgba(4,10,23,.97)) !important;

    border: 1px solid rgba(124,255,188,.13) !important;

    box-shadow:
        0 16px 42px rgba(0,0,0,.24),
        inset 0 1px 0 rgba(255,255,255,.045),
        inset 0 -1px 0 rgba(0,0,0,.28) !important;

    transition:
        transform .24s ease,
        box-shadow .24s ease,
        border-color .24s ease,
        background .24s ease !important;
}

.sellar-faq-premium-v3-item::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;

    background:
        radial-gradient(circle at var(--faq-x, 50%) var(--faq-y, 50%), rgba(110,255,185,.15), transparent 26%),
        linear-gradient(115deg, transparent 0%, rgba(255,255,255,.055) 22%, transparent 38%);

    opacity: .78;
}

.sellar-faq-premium-v3-item::after{
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 0;
    height: 1px;

    background: linear-gradient(90deg, transparent, rgba(95,255,168,.88), transparent);
    box-shadow: 0 0 16px rgba(95,255,168,.35);
    opacity: .70;
}

.sellar-faq-premium-v3-item:hover{
    transform: translateY(-5px) scale(1.008) !important;
    border-color: rgba(140,255,198,.28) !important;

    box-shadow:
        0 24px 58px rgba(0,0,0,.34),
        0 0 36px rgba(76,255,158,.09),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
}

.sellar-faq-premium-v3-item > *{
    position: relative !important;
    z-index: 2 !important;
}

/* Texto da pergunta */
.sellar-faq-premium-v3-question{
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.28 !important;
    letter-spacing: -.02em !important;
    text-shadow: 0 10px 25px rgba(0,0,0,.32) !important;
}

/* Botão + */
.sellar-faq-premium-v3-plus{
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 14px !important;

    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.30), transparent 34%),
        linear-gradient(180deg, rgba(99,255,170,.24), rgba(45,220,120,.09)) !important;

    border: 1px solid rgba(125,255,188,.18) !important;

    color: #d9ffe8 !important;
    font-size: 1.25rem !important;
    font-weight: 950 !important;

    box-shadow:
        0 12px 28px rgba(60,255,150,.13),
        inset 0 1px 0 rgba(255,255,255,.10) !important;

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}

.sellar-faq-premium-v3-item:hover .sellar-faq-premium-v3-plus{
    transform: rotate(90deg) scale(1.06) !important;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.34), transparent 34%),
        linear-gradient(180deg, rgba(110,255,180,.44), rgba(45,220,120,.18)) !important;
}

/* Resposta aberta */
.sellar-faq-premium-v3-answer{
    grid-column: 1 / -1 !important;
    display: none;

    margin-top: 4px !important;
    padding: 14px 16px !important;

    border-radius: 16px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;

    border: 1px solid rgba(255,255,255,.075) !important;

    color: rgba(232,240,250,.78) !important;
    font-size: .94rem !important;
    line-height: 1.62 !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.04),
        0 12px 22px rgba(0,0,0,.12) !important;
}

.sellar-faq-premium-v3-item.is-open .sellar-faq-premium-v3-answer{
    display: block !important;
}

.sellar-faq-premium-v3-item.is-open .sellar-faq-premium-v3-plus{
    transform: rotate(45deg) !important;
}

/* Card direito invertido / diferenciado */
.sellar-faq-premium-v3-side{
    position: sticky !important;
    top: 110px !important;

    overflow: hidden !important;

    border-radius: 32px !important;
    padding: 28px !important;

    background:
        radial-gradient(circle at 85% 14%, rgba(77,255,165,.18), transparent 31%),
        radial-gradient(circle at 18% 90%, rgba(80,145,255,.10), transparent 28%),
        linear-gradient(160deg, rgba(11,31,55,.96), rgba(3,9,23,.99)) !important;

    border: 1px solid rgba(125,255,188,.16) !important;

    box-shadow:
        0 28px 80px rgba(0,0,0,.38),
        0 0 48px rgba(70,255,155,.075),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 -1px 0 rgba(0,0,0,.34) !important;
}

.sellar-faq-premium-v3-side::before{
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;

    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.06) 20%, transparent 38%),
        radial-gradient(circle at 80% 20%, rgba(105,255,185,.12), transparent 30%);
    opacity: .9;
}

.sellar-faq-premium-v3-side::after{
    content: "";
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgba(96,255,172,.95), transparent);
    box-shadow: 0 0 22px rgba(96,255,172,.34);
}

.sellar-faq-premium-v3-side > *{
    position: relative !important;
    z-index: 2 !important;
}

.sellar-faq-premium-v3-side h3{
    margin: 16px 0 16px 0 !important;

    color: #fff !important;
    font-size: clamp(2.25rem, 3.6vw, 4rem) !important;
    line-height: .95 !important;
    letter-spacing: -.06em !important;
    font-weight: 1000 !important;

    text-shadow: 0 18px 44px rgba(0,0,0,.38) !important;
}

.sellar-faq-premium-v3-side p{
    margin-bottom: 20px !important;
    color: rgba(232,240,250,.78) !important;
    line-height: 1.68 !important;
}

.sellar-faq-premium-v3-side-card{
    padding: 15px 16px !important;
    border-radius: 18px !important;

    background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.02)) !important;

    border: 1px solid rgba(255,255,255,.085) !important;

    box-shadow:
        0 14px 28px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.045) !important;

    margin-top: 12px !important;
}

.sellar-faq-premium-v3-side-card strong{
    display: block !important;
    color: #fff !important;
    margin-bottom: 5px !important;
    font-weight: 900 !important;
}

.sellar-faq-premium-v3-side-card span{
    color: rgba(232,240,250,.75) !important;
    font-size: .92rem !important;
    line-height: 1.48 !important;
}

.sellar-faq-premium-v3-cta{
    margin-top: 22px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 54px !important;

    border-radius: 18px !important;

    background:
        radial-gradient(circle at 30% 22%, rgba(255,255,255,.34), transparent 35%),
        linear-gradient(180deg, #80ffc0, #35df78) !important;

    color: #04140b !important;
    font-weight: 950 !important;
    text-decoration: none !important;

    border: 1px solid rgba(255,255,255,.16) !important;

    box-shadow:
        0 20px 42px rgba(52,255,130,.20),
        0 0 28px rgba(52,255,130,.12),
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -8px 18px rgba(0,0,0,.10) !important;

    transition: transform .22s ease, box-shadow .22s ease !important;
}

.sellar-faq-premium-v3-cta:hover{
    transform: translateY(-4px) !important;
    box-shadow:
        0 28px 58px rgba(52,255,130,.24),
        0 0 38px rgba(52,255,130,.16),
        inset 0 1px 0 rgba(255,255,255,.28) !important;
}

/* Mobile */
@media (max-width: 980px){
    .sellar-faq-premium-v3-inner{
        grid-template-columns: 1fr !important;
    }

    .sellar-faq-premium-v3-side{
        position: relative !important;
        top: auto !important;
    }

    .sellar-faq-premium-v3 h2,
    .sellar-faq-premium-v3 .faq-title{
        max-width: 11ch !important;
        font-size: clamp(2.7rem, 11vw, 4.8rem) !important;
    }
}

@media (max-width: 560px){
    .sellar-faq-premium-v3{
        width: min(100%, calc(100% - 20px)) !important;
        padding: 22px 14px !important;
        border-radius: 28px !important;
    }

    .sellar-faq-premium-v3-item{
        padding: 16px !important;
        border-radius: 18px !important;
    }

    .sellar-faq-premium-v3-question{
        font-size: .96rem !important;
    }
}

/* SELLAR_FAQ_PREMIUM_V3_END */


/* SELLAR_FINAL_PRO_V6_START */

/* =========================================================
   SELLAR FINAL PRO V6
   Fechamento + cards + rodapé premium controlado
========================================================= */

.sellar-old-final-hidden{
    display: none !important;
}

.sellar-finale-v6{
    width: min(1180px, calc(100% - 34px));
    margin: clamp(54px, 7vw, 96px) auto 34px;
    position: relative;
    isolation: isolate;
}

.sellar-finale-v6::before{
    content:"";
    position:absolute;
    inset:-80px -60px;
    z-index:-2;
    pointer-events:none;
    background:
        radial-gradient(circle at 16% 8%, rgba(52,255,144,.16), transparent 28%),
        radial-gradient(circle at 84% 18%, rgba(70,142,255,.12), transparent 30%),
        radial-gradient(circle at 55% 92%, rgba(52,255,144,.08), transparent 34%);
    filter: blur(4px);
}

.sellar-finale-v6-shell{
    position:relative;
    overflow:hidden;
    border-radius:42px;
    padding:clamp(28px, 4vw, 46px);
    background:
        radial-gradient(circle at 15% 12%, rgba(75,255,165,.17), transparent 30%),
        radial-gradient(circle at 86% 14%, rgba(80,145,255,.12), transparent 32%),
        linear-gradient(145deg, rgba(9,24,45,.98), rgba(3,8,22,.995));
    border:1px solid rgba(132,255,195,.16);
    box-shadow:
        0 42px 110px rgba(0,0,0,.48),
        0 0 70px rgba(53,255,139,.075),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 -1px 0 rgba(0,0,0,.34);
}

.sellar-finale-v6-shell::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.055) 18%, transparent 36%),
        radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(122,255,195,.14), transparent 26%);
    opacity:.9;
}

.sellar-finale-v6-shell::after{
    content:"Sellar Seguros";
    position:absolute;
    left:clamp(18px, 4vw, 48px);
    bottom:-.13em;
    pointer-events:none;
    font-size:clamp(4.5rem, 10vw, 9.5rem);
    line-height:.8;
    font-weight:1000;
    letter-spacing:-.09em;
    color:rgba(255,255,255,.035);
    text-shadow:0 35px 70px rgba(0,0,0,.38);
}

.sellar-finale-v6-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0, 1.2fr) minmax(330px, .8fr);
    gap:clamp(26px, 4vw, 44px);
    align-items:stretch;
}

.sellar-finale-v6-kicker{
    display:inline-flex;
    width:fit-content;
    align-items:center;
    gap:9px;
    min-height:38px;
    padding:0 15px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(63,255,151,.16), rgba(63,255,151,.055));
    border:1px solid rgba(132,255,195,.20);
    color:#d8ffe9;
    font-size:.78rem;
    font-weight:950;
    letter-spacing:.14em;
    text-transform:uppercase;
    box-shadow:0 16px 34px rgba(52,255,139,.08), inset 0 1px 0 rgba(255,255,255,.08);
}

.sellar-finale-v6-kicker::before{
    content:"";
    width:9px;
    height:9px;
    border-radius:50%;
    background:#65ffab;
    box-shadow:0 0 0 7px rgba(101,255,171,.08), 0 0 18px rgba(101,255,171,.46);
}

.sellar-finale-v6-title{
    margin:20px 0 18px;
    max-width:10ch;
    color:#fff;
    font-size:clamp(3.25rem, 6.9vw, 6.35rem);
    line-height:.88;
    font-weight:1000;
    letter-spacing:-.082em;
    text-shadow:
        0 18px 48px rgba(0,0,0,.40),
        0 0 1px rgba(255,255,255,.20);
}

.sellar-finale-v6-text{
    max-width:65ch;
    margin:0;
    color:rgba(233,241,249,.84);
    font-size:1.06rem;
    line-height:1.76;
}

.sellar-finale-v6-text strong{
    color:#fff;
    font-weight:900;
}

.sellar-finale-v6-tags{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:24px;
}

.sellar-finale-v6-tags span{
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:42px;
    padding:0 15px;
    border-radius:999px;
    background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
    border:1px solid rgba(255,255,255,.085);
    color:rgba(240,247,252,.88);
    font-size:.88rem;
    font-weight:850;
    box-shadow:0 14px 28px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04);
}

.sellar-finale-v6-tags span::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#65ffab;
    box-shadow:0 0 12px rgba(101,255,171,.46);
}

.sellar-finale-v6-panel{
    position:relative;
    overflow:hidden;
    border-radius:32px;
    padding:30px 28px;
    min-height:100%;
    background:
        radial-gradient(circle at 82% 12%, rgba(88,255,169,.18), transparent 32%),
        radial-gradient(circle at 20% 80%, rgba(72,135,255,.10), transparent 28%),
        linear-gradient(145deg, rgba(8,22,43,.97), rgba(4,10,25,.995));
    border:1px solid rgba(132,255,195,.15);
    box-shadow:
        0 30px 74px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 -1px 0 rgba(0,0,0,.30);
}

.sellar-finale-v6-panel::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(125deg, transparent 0%, rgba(255,255,255,.06) 19%, transparent 38%),
        radial-gradient(circle at var(--mx, 50%) var(--my, 50%), rgba(126,255,196,.16), transparent 28%);
    opacity:.9;
}

.sellar-finale-v6-panel > *{
    position:relative;
    z-index:2;
}

.sellar-finale-v6-live{
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(231,240,248,.86);
    font-size:.92rem;
    font-weight:850;
    margin-bottom:24px;
}

.sellar-finale-v6-live i{
    width:13px;
    height:13px;
    border-radius:50%;
    background:#64ffab;
    box-shadow:0 0 0 8px rgba(100,255,171,.08), 0 0 20px rgba(100,255,171,.5);
}

.sellar-finale-v6-panel h3{
    margin:0 0 15px;
    color:#fff;
    font-size:clamp(2.2rem, 3.4vw, 3.5rem);
    line-height:.94;
    font-weight:1000;
    letter-spacing:-.065em;
}

.sellar-finale-v6-panel p{
    margin:0 0 20px;
    color:rgba(233,241,249,.80);
    font-size:1rem;
    line-height:1.68;
}

.sellar-finale-v6-checks{
    list-style:none;
    margin:0 0 24px;
    padding:0;
    display:grid;
    gap:11px;
}

.sellar-finale-v6-checks li{
    position:relative;
    padding-left:25px;
    color:rgba(233,241,249,.84);
    line-height:1.5;
}

.sellar-finale-v6-checks li::before{
    content:"";
    position:absolute;
    left:0;
    top:.55em;
    width:9px;
    height:9px;
    border-radius:50%;
    background:#65ffab;
    box-shadow:0 0 14px rgba(101,255,171,.46);
}

.sellar-finale-v6-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:62px;
    border-radius:21px;
    text-decoration:none;
    color:#041409;
    font-size:1rem;
    font-weight:1000;
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,.36), transparent 36%),
        linear-gradient(180deg, #88ffc6, #36df7a);
    border:1px solid rgba(255,255,255,.18);
    box-shadow:
        0 24px 52px rgba(54,255,132,.22),
        0 0 42px rgba(54,255,132,.12),
        inset 0 1px 0 rgba(255,255,255,.30);
    transition:transform .22s ease, box-shadow .22s ease;
}

.sellar-finale-v6-btn:hover{
    transform:translateY(-4px) scale(1.01);
    box-shadow:
        0 32px 70px rgba(54,255,132,.28),
        0 0 52px rgba(54,255,132,.16),
        inset 0 1px 0 rgba(255,255,255,.32);
}

.sellar-finale-v6-note{
    margin-top:14px;
    text-align:center;
    color:rgba(214,227,239,.72);
    font-size:.9rem;
}

/* Soluções premium */
.sellar-finale-v6-solutions{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(5, minmax(0, 1fr));
    gap:14px;
    margin-top:26px;
}

.sellar-finale-v6-card{
    --mx:50%;
    --my:50%;
    position:relative;
    overflow:hidden;
    min-height:154px;
    padding:20px 18px 17px;
    border-radius:25px;
    background:
        radial-gradient(circle at 84% 14%, rgba(90,255,170,.15), transparent 30%),
        linear-gradient(145deg, rgba(9,25,46,.96), rgba(3,9,23,.99));
    border:1px solid rgba(132,255,195,.13);
    box-shadow:
        0 24px 55px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 -1px 0 rgba(0,0,0,.27);
    transition:transform .25s ease, border-color .25s ease, box-shadow .25s ease;
}

.sellar-finale-v6-card::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        radial-gradient(circle at var(--mx) var(--my), rgba(126,255,196,.14), transparent 27%),
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.055) 18%, transparent 36%);
    opacity:.95;
}

.sellar-finale-v6-card::after{
    content:"";
    position:absolute;
    left:18px;
    right:18px;
    bottom:0;
    height:2px;
    background:linear-gradient(90deg, transparent, rgba(100,255,174,.9), transparent);
    box-shadow:0 0 18px rgba(100,255,174,.30);
}

.sellar-finale-v6-card:hover{
    transform:translateY(-8px);
    border-color:rgba(145,255,205,.28);
    box-shadow:
        0 34px 72px rgba(0,0,0,.40),
        0 0 36px rgba(70,255,150,.10),
        inset 0 1px 0 rgba(255,255,255,.07);
}

.sellar-finale-v6-card > *{
    position:relative;
    z-index:2;
}

.sellar-finale-v6-chip{
    display:inline-flex;
    align-items:center;
    min-height:35px;
    padding:0 12px;
    border-radius:13px;
    color:#04140a;
    font-size:.74rem;
    font-weight:1000;
    letter-spacing:.08em;
    text-transform:uppercase;
    background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,.34), transparent 35%),
        linear-gradient(180deg, #86ffc5, #37df7b);
    box-shadow:0 12px 26px rgba(62,255,147,.18), inset 0 1px 0 rgba(255,255,255,.26);
}

.sellar-finale-v6-card h4{
    margin:17px 0 9px;
    color:#fff;
    font-size:1.2rem;
    line-height:1.08;
    font-weight:950;
    letter-spacing:-.035em;
}

.sellar-finale-v6-card p{
    margin:0;
    color:rgba(233,241,249,.76);
    font-size:.93rem;
    line-height:1.52;
}

/* Rodapé PRO */
.sellar-footer-v6{
    width:min(1180px, calc(100% - 34px));
    margin:0 auto 22px;
    position:relative;
    overflow:hidden;
    border-radius:34px;
    padding:34px;
    background:
        radial-gradient(circle at 12% 18%, rgba(84,255,166,.15), transparent 28%),
        radial-gradient(circle at 88% 18%, rgba(80,145,255,.09), transparent 30%),
        linear-gradient(145deg, rgba(9,25,45,.98), rgba(3,8,21,.99));
    border:1px solid rgba(132,255,195,.15);
    box-shadow:
        0 34px 90px rgba(0,0,0,.40),
        0 0 48px rgba(73,239,151,.06),
        inset 0 1px 0 rgba(255,255,255,.055);
}

.sellar-footer-v6::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:
        linear-gradient(120deg, transparent 0%, rgba(255,255,255,.045) 18%, transparent 36%),
        radial-gradient(circle at 72% 82%, rgba(110,255,190,.10), transparent 28%);
}

.sellar-footer-v6-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.25fr .9fr .75fr .9fr;
    gap:28px;
}

.sellar-footer-v6-logoRow{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:18px;
}

.sellar-footer-v6-logo{
    width:46px;
    height:46px;
    border-radius:15px;
    display:grid;
    place-items:center;
    color:#041409;
    font-weight:1000;
    background:
        radial-gradient(circle at 30% 24%, rgba(255,255,255,.34), transparent 36%),
        linear-gradient(180deg, #86ffc5, #37df7b);
    box-shadow:0 16px 34px rgba(62,255,147,.20), inset 0 1px 0 rgba(255,255,255,.28);
}

.sellar-footer-v6-brand{
    color:#fff;
    font-size:1.22rem;
    font-weight:950;
    letter-spacing:-.035em;
}

.sellar-footer-v6-text{
    color:rgba(233,241,249,.78);
    font-size:1rem;
    line-height:1.72;
}

.sellar-footer-v6-title{
    margin:5px 0 14px;
    color:#fff;
    font-weight:950;
    letter-spacing:-.02em;
}

.sellar-footer-v6 ul{
    list-style:none;
    margin:0;
    padding:0;
    display:grid;
    gap:10px;
}

.sellar-footer-v6 a,
.sellar-footer-v6 span{
    color:rgba(233,241,249,.82);
    text-decoration:none;
    line-height:1.45;
    transition:color .18s ease, transform .18s ease;
}

.sellar-footer-v6 a:hover{
    color:#8affca;
    transform:translateX(4px);
}

.sellar-footer-v6-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin-top:17px;
    min-height:54px;
    padding:0 20px;
    border-radius:18px;
    color:#041409 !important;
    font-weight:1000;
    background:
        radial-gradient(circle at 32% 24%, rgba(255,255,255,.34), transparent 36%),
        linear-gradient(180deg, #86ffc5, #37df7b);
    box-shadow:
        0 20px 45px rgba(62,255,147,.20),
        0 0 28px rgba(62,255,147,.10),
        inset 0 1px 0 rgba(255,255,255,.28);
}

.sellar-footer-v6-meta{
    width:min(1180px, calc(100% - 34px));
    margin:0 auto 36px;
    padding:12px 4px 0;
    display:flex;
    justify-content:space-between;
    gap:16px;
    color:rgba(214,227,239,.68);
    font-size:.92rem;
}

@media (max-width:1100px){
    .sellar-finale-v6-grid{
        grid-template-columns:1fr;
    }

    .sellar-finale-v6-title{
        max-width:11ch;
    }

    .sellar-finale-v6-solutions{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .sellar-footer-v6-grid{
        grid-template-columns:1fr 1fr;
    }
}

@media (max-width:680px){
    .sellar-finale-v6{
        width:min(100%, calc(100% - 20px));
    }

    .sellar-finale-v6-shell{
        border-radius:28px;
        padding:22px 16px;
    }

    .sellar-finale-v6-title{
        font-size:clamp(2.65rem, 12vw, 4.4rem);
        max-width:100%;
    }

    .sellar-finale-v6-solutions{
        grid-template-columns:1fr;
    }

    .sellar-footer-v6{
        width:min(100%, calc(100% - 20px));
        padding:24px 18px;
        border-radius:26px;
    }

    .sellar-footer-v6-grid{
        grid-template-columns:1fr;
    }

    .sellar-footer-v6-meta{
        flex-direction:column;
        align-items:flex-start;
    }
}

/* SELLAR_FINAL_PRO_V6_END */


/* SELLAR_REMOVE_FINAL_4CARDS_START */

/* Remove o bloco final antigo com 01, 02, 03, 04 */
.sellar-remove-final-4cards{
    display: none !important;
}

/* SELLAR_REMOVE_FINAL_4CARDS_END */


/* SELLAR_HERO_CLEAN_FIX_START */

/* =========================================================
   CORREÇÃO BLOCO 1
   Remove contaminação de mini-card/flip dentro do hero
========================================================= */

/* Desativa qualquer comportamento visual de flip dentro da primeira dobra */
.hero .sellar-pro-mini-card,
.hero .sellar-pro-mini-card__inner,
.hero .sellar-pro-mini-card__face,
.hero-section .sellar-pro-mini-card,
.hero-section .sellar-pro-mini-card__inner,
.hero-section .sellar-pro-mini-card__face,
section:first-of-type .sellar-pro-mini-card,
section:first-of-type .sellar-pro-mini-card__inner,
section:first-of-type .sellar-pro-mini-card__face{
    all: unset !important;
}

/* Garante que cards do painel direito do hero voltem a ser cards normais */
.hero article,
.hero .card,
.hero [class*="card"],
.hero-section article,
.hero-section .card,
.hero-section [class*="card"],
section:first-of-type article,
section:first-of-type .card{
    transform: none !important;
    perspective: none !important;
    animation: none !important;
}

/* Remove elementos criados pelo patch de flip dentro do hero */
.hero .sellar-pro-mini-card__hint,
.hero .sellar-pro-mini-card__orb,
.hero .sellar-pro-back-badge,
.hero .sellar-pro-back-title,
.hero .sellar-pro-back-sub,
.hero .sellar-pro-back-list,
.hero .sellar-pro-back-note,
.hero-section .sellar-pro-mini-card__hint,
.hero-section .sellar-pro-mini-card__orb,
.hero-section .sellar-pro-back-badge,
.hero-section .sellar-pro-back-title,
.hero-section .sellar-pro-back-sub,
.hero-section .sellar-pro-back-list,
.hero-section .sellar-pro-back-note,
section:first-of-type .sellar-pro-mini-card__hint,
section:first-of-type .sellar-pro-mini-card__orb,
section:first-of-type .sellar-pro-back-badge,
section:first-of-type .sellar-pro-back-title,
section:first-of-type .sellar-pro-back-sub,
section:first-of-type .sellar-pro-back-list,
section:first-of-type .sellar-pro-back-note{
    display: none !important;
}

/* Hero mais limpo para conversão */
.hero,
.hero-section,
section:first-of-type{
    isolation: isolate !important;
}

/* Título do bloco 1: forte, mas sem excesso */
.hero h1,
.hero-section h1,
section:first-of-type h1{
    color: #ffffff !important;
    text-shadow:
        0 18px 42px rgba(0,0,0,.46),
        0 1px 0 rgba(255,255,255,.04) !important;
    letter-spacing: -0.075em !important;
}

/* Subtexto com leitura melhor */
.hero p,
.hero-section p,
section:first-of-type p{
    color: rgba(235,244,252,.82) !important;
    line-height: 1.58 !important;
}

/* Botões principais com destaque controlado */
.hero a,
.hero button,
.hero-section a,
.hero-section button,
section:first-of-type a,
section:first-of-type button{
    text-shadow: none !important;
}

/* Painel direito do hero: visual premium sem bagunça */
.hero aside,
.hero-section aside,
section:first-of-type aside{
    transform: none !important;
}

/* Limita brilho exagerado na primeira dobra */
.hero [class*="glow"],
.hero [class*="orb"],
.hero [class*="light"],
.hero-section [class*="glow"],
.hero-section [class*="orb"],
.hero-section [class*="light"],
section:first-of-type [class*="glow"],
section:first-of-type [class*="orb"],
section:first-of-type [class*="light"]{
    filter: saturate(.92) brightness(.96) !important;
}

/* Cards de escolha do painel direito: simples, clicáveis e limpos */
.hero aside article,
.hero aside .card,
.hero aside [class*="item"],
.hero-section aside article,
.hero-section aside .card,
.hero-section aside [class*="item"],
section:first-of-type aside article,
section:first-of-type aside .card,
section:first-of-type aside [class*="item"]{
    position: relative !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background:
        linear-gradient(145deg, rgba(18,31,54,.88), rgba(8,15,32,.96)) !important;
    border: 1px solid rgba(120,255,190,.12) !important;
    box-shadow:
        0 14px 28px rgba(0,0,0,.20),
        inset 0 1px 0 rgba(255,255,255,.04) !important;
    transition:
        transform .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        background .22s ease !important;
}

.hero aside article:hover,
.hero aside .card:hover,
.hero aside [class*="item"]:hover,
.hero-section aside article:hover,
.hero-section aside .card:hover,
.hero-section aside [class*="item"]:hover,
section:first-of-type aside article:hover,
section:first-of-type aside .card:hover,
section:first-of-type aside [class*="item"]:hover{
    transform: translateY(-3px) !important;
    border-color: rgba(125,255,195,.24) !important;
    box-shadow:
        0 20px 38px rgba(0,0,0,.26),
        0 0 18px rgba(80,255,160,.08),
        inset 0 1px 0 rgba(255,255,255,.05) !important;
}

/* SELLAR_HERO_CLEAN_FIX_END */


/* SELLAR_MANUAL_ANCHORS_FINAL_START */

/* Âncoras internas manuais e seguras */
html{
    scroll-behavior: smooth;
}

.sellar-anchor-target{
    display: block;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    scroll-margin-top: 128px;
}

#inicio,
#saude-vida,
#saude,
#vida,
#auto,
#empresarial,
#consorcio,
#contato{
    scroll-margin-top: 128px;
}

/* Menu final mais limpo */
.desktop-menu a{
    position: relative;
    white-space: nowrap;
    cursor: pointer;
}

.desktop-menu a::after{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    width: 0;
    height: 2px;
    border-radius: 999px;
    transform: translateX(-50%);
    background: linear-gradient(90deg, transparent, rgba(99,255,179,.95), transparent);
    box-shadow: 0 0 12px rgba(99,255,179,.35);
    transition: width .22s ease;
}

.desktop-menu a:hover::after,
.desktop-menu a.sellar-active-anchor::after{
    width: 76%;
}

.desktop-menu a:hover,
.desktop-menu a.sellar-active-anchor{
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Destaque leve quando a âncora chega no card */
.sellar-anchor-pulse{
    animation: sellarAnchorPulse 1.15s ease both;
}

@keyframes sellarAnchorPulse{
    0%{
        box-shadow:
            0 0 0 0 rgba(99,255,179,.00),
            inherit;
    }
    35%{
        box-shadow:
            0 0 0 2px rgba(99,255,179,.18),
            0 0 32px rgba(99,255,179,.14),
            inherit;
    }
    100%{
        box-shadow:
            0 0 0 0 rgba(99,255,179,.00),
            inherit;
    }
}

/* Mobile: evita menu quebrado demais */
@media (max-width: 820px){
    .desktop-menu{
        gap: 12px !important;
    }

    .desktop-menu a{
        font-size: 12px !important;
    }

    .desktop-menu a::after{
        bottom: -6px;
    }
}

/* SELLAR_MANUAL_ANCHORS_FINAL_END */



/* =========================================================
   SELLAR BRAND PREMIUM - LOGO OFICIAL V1
========================================================= */

.brand {
    gap: 12px;
}

.brand-mark-premium {
    position: relative;
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 17px;
    background:
        radial-gradient(circle at 30% 18%, rgba(134,239,172,0.34), transparent 36%),
        linear-gradient(145deg, rgba(34,197,94,0.20), rgba(2,6,23,0.96));
    border: 1px solid rgba(134,239,172,0.38);
    box-shadow:
        0 18px 42px rgba(34,197,94,0.26),
        inset 0 1px 0 rgba(255,255,255,0.18);
    overflow: hidden;
}

.brand-mark-premium::before {
    content: "";
    position: absolute;
    inset: -35%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.22), transparent);
    transform: translateX(-120%) rotate(18deg);
    transition: transform .7s ease;
}

.brand:hover .brand-mark-premium::before {
    transform: translateX(120%) rotate(18deg);
}

.brand-svg {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 8px;
    display: block;
}

.brand-shield {
    fill: rgba(2,6,23,0.62);
    stroke: url(#sellarLogoGradient);
    stroke-width: 2.4;
    stroke-linejoin: round;
}

.brand-s {
    fill: none;
    stroke: #ffffff;
    stroke-width: 4.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 8px rgba(134,239,172,0.42));
}

.brand-orbit {
    fill: none;
    stroke: rgba(134,239,172,0.72);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 42;
    stroke-dashoffset: 6;
}

.brand-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    min-width: max-content;
}

.brand-text {
    font-size: 1.02rem;
    font-weight: 900;
    letter-spacing: -0.04em;
}

.brand-tagline {
    margin-top: 4px;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    color: rgba(203,213,225,0.78);
}

@media (max-width: 640px) {
    .brand-mark-premium {
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 15px;
    }

    .brand-svg {
        padding: 7px;
    }

    .brand-text {
        font-size: 0.9rem;
    }

    .brand-tagline {
        display: none;
    }
}

/* =========================================================
   FIM SELLAR BRAND PREMIUM - LOGO OFICIAL V1
========================================================= */


/* SELLAR_BRAND_PREMIUM_LOGO_START */

/* =========================================================
   SELLAR BRAND PREMIUM - LOGO TEMPORÁRIA PREMIUM
   Substitui o S simples por símbolo em escudo SVG
========================================================= */

.site-header .brand{
    display: inline-flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
}

.site-header .brand-mark-premium{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 46px;
    min-width: 46px;

    border-radius: 17px;

    background:
        radial-gradient(circle at 30% 18%, rgba(187,247,208,0.34), transparent 36%),
        linear-gradient(145deg, rgba(34,197,94,0.22), rgba(2,6,23,0.96));

    border: 1px solid rgba(134,239,172,0.38);

    box-shadow:
        0 18px 42px rgba(34,197,94,0.24),
        0 0 28px rgba(34,197,94,0.10),
        inset 0 1px 0 rgba(255,255,255,0.18);

    overflow: hidden;
}

.site-header .brand-mark-premium::before{
    content: "";
    position: absolute;
    inset: -35%;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,0.22), transparent);
    transform: translateX(-125%) rotate(18deg);
    transition: transform .7s ease;
}

.site-header .brand:hover .brand-mark-premium::before{
    transform: translateX(125%) rotate(18deg);
}

.site-header .brand-svg{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 8px;
    display: block;
}

.site-header .brand-shield{
    fill: rgba(2,6,23,0.62);
    stroke: url(#sellarLogoGradientMain);
    stroke-width: 2.4;
    stroke-linejoin: round;
}

.site-header .brand-s{
    fill: none;
    stroke: #ffffff;
    stroke-width: 4.6;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter: drop-shadow(0 0 8px rgba(134,239,172,0.42));
}

.site-header .brand-orbit{
    fill: none;
    stroke: rgba(134,239,172,0.72);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 42;
    stroke-dashoffset: 6;
}

.site-header .brand-copy{
    display: flex;
    flex-direction: column;
    line-height: 1.05;
    min-width: max-content;
}

.site-header .brand-text{
    font-size: 1.02rem;
    font-weight: 900;
    letter-spacing: -0.04em;
    color: #ffffff;
}

.site-header .brand-tagline{
    margin-top: 4px;
    font-size: 0.67rem;
    font-weight: 700;
    letter-spacing: 0.035em;
    color: rgba(203,213,225,0.78);
}

@media (max-width: 720px){
    .site-header .brand{
        gap: 9px;
    }

    .site-header .brand-mark-premium{
        width: 40px;
        height: 40px;
        min-width: 40px;
        border-radius: 15px;
    }

    .site-header .brand-svg{
        padding: 7px;
    }

    .site-header .brand-text{
        font-size: 0.9rem;
    }

    .site-header .brand-tagline{
        display: none;
    }
}

/* SELLAR_BRAND_PREMIUM_LOGO_END */





/* SELLAR_CARD_INFO_PREMIUM_START */

/* =========================================================
   SELLAR - CARTA PREMIUM DE INFORMAÇÕES
   Aplicado SOMENTE em:
   Seguro Auto, Seguro Empresarial e Consórcio
========================================================= */

#auto.sellar-info-upgrade-card,
#empresarial.sellar-info-upgrade-card,
#consorcio.sellar-info-upgrade-card{
    position: relative;
    overflow: hidden;
}

/* mantém o visual original do card e só prepara camada interna */
#auto.sellar-info-upgrade-card *,
#empresarial.sellar-info-upgrade-card *,
#consorcio.sellar-info-upgrade-card *{
    box-sizing: border-box;
}

/* botão discreto de abrir informação */
.sellar-info-trigger{
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 45;

    width: 42px;
    height: 42px;
    border-radius: 15px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border: 1px solid rgba(134,239,172,.34);
    background:
        radial-gradient(circle at 30% 20%, rgba(210,255,228,.28), transparent 38%),
        linear-gradient(145deg, rgba(74,222,128,.92), rgba(20,184,166,.62));

    color: #03140d;
    font-weight: 950;
    font-size: 22px;
    line-height: 1;

    box-shadow:
        0 16px 34px rgba(34,197,94,.24),
        0 0 22px rgba(34,197,94,.16),
        inset 0 1px 0 rgba(255,255,255,.30);

    cursor: pointer;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        filter .22s ease;
}

.sellar-info-trigger:hover{
    transform: translateY(-2px) scale(1.04);
    filter: brightness(1.06);
    box-shadow:
        0 20px 42px rgba(34,197,94,.30),
        0 0 30px rgba(34,197,94,.22),
        inset 0 1px 0 rgba(255,255,255,.38);
}

/* painel/carta que abre no hover ou clique */
.sellar-card-info-panel{
    position: absolute;
    inset: 18px;
    z-index: 70;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;

    padding: 24px;
    border-radius: 26px;

    background:
        radial-gradient(circle at 18% 12%, rgba(134,239,172,.18), transparent 32%),
        radial-gradient(circle at 88% 16%, rgba(20,184,166,.13), transparent 34%),
        linear-gradient(145deg, rgba(6,17,32,.96), rgba(2,8,23,.97));

    border: 1px solid rgba(134,239,172,.30);

    box-shadow:
        0 28px 70px rgba(0,0,0,.42),
        0 0 46px rgba(34,197,94,.12),
        inset 0 1px 0 rgba(255,255,255,.10);

    opacity: 0;
    visibility: hidden;
    pointer-events: none;

    transform:
        translateY(16px)
        scale(.975);

    transition:
        opacity .24s ease,
        visibility .24s ease,
        transform .24s ease;

    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

/* abre no mouse */
.sellar-info-upgrade-card:hover .sellar-card-info-panel,
/* abre no clique via JS */
.sellar-info-upgrade-card.sellar-info-open .sellar-card-info-panel{
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform:
        translateY(0)
        scale(1);
}

/* brilho interno sem bloquear clique */
.sellar-card-info-panel::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    pointer-events: none;

    background:
        linear-gradient(135deg, rgba(255,255,255,.12), transparent 28%, transparent 68%, rgba(134,239,172,.10)),
        radial-gradient(circle at 50% 0%, rgba(134,239,172,.16), transparent 36%);

    opacity: .86;
}

/* conteúdo por cima da carta */
.sellar-card-info-panel > *{
    position: relative;
    z-index: 2;
}

.sellar-info-kicker{
    display: inline-flex;
    align-items: center;
    width: fit-content;
    gap: 8px;

    padding: 8px 12px;
    border-radius: 999px;

    background: rgba(34,197,94,.13);
    border: 1px solid rgba(134,239,172,.28);

    color: rgba(220,255,236,.96);
    font-size: 11px;
    font-weight: 950;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.sellar-info-title{
    margin: 0;
    max-width: 92%;

    color: #ffffff;
    font-size: clamp(24px, 2vw, 36px);
    line-height: .96;
    font-weight: 950;
    letter-spacing: -.065em;

    text-shadow:
        0 18px 42px rgba(0,0,0,.34),
        0 1px 0 rgba(255,255,255,.04);
}

.sellar-info-lead{
    margin: 0;
    max-width: 94%;

    color: rgba(226,232,240,.86);
    font-size: 14px;
    line-height: 1.55;
}

.sellar-info-grid{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.sellar-info-box{
    min-height: 116px;
    padding: 15px;
    border-radius: 18px;

    background:
        linear-gradient(145deg, rgba(15,23,42,.72), rgba(2,8,23,.54));

    border: 1px solid rgba(148,163,184,.14);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 12px 28px rgba(0,0,0,.20);
}

.sellar-info-box strong{
    display: block;
    margin-bottom: 9px;

    color: #ffffff;
    font-size: 13px;
    font-weight: 950;
}

.sellar-info-box ul{
    margin: 0;
    padding-left: 15px;
}

.sellar-info-box li{
    margin-bottom: 6px;
    color: rgba(226,232,240,.82);
    font-size: 12.5px;
    line-height: 1.35;
}

.sellar-info-box li::marker{
    color: #5bff9d;
}

.sellar-info-alert{
    padding: 14px 16px;
    border-radius: 18px;

    background:
        linear-gradient(145deg, rgba(34,197,94,.13), rgba(15,23,42,.62));

    border: 1px solid rgba(134,239,172,.24);

    color: rgba(232,255,242,.90);
    font-size: 13px;
    line-height: 1.45;
}

.sellar-info-actions{
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.sellar-info-cta{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;

    padding: 0 20px;
    border-radius: 16px;

    background:
        linear-gradient(135deg, #35e680, #84f4b5);

    color: #02130b !important;
    text-decoration: none !important;

    font-size: 13px;
    font-weight: 950;
    letter-spacing: -.02em;

    box-shadow:
        0 18px 42px rgba(34,197,94,.28),
        0 0 26px rgba(34,197,94,.16),
        inset 0 1px 0 rgba(255,255,255,.32);

    cursor: pointer;
    pointer-events: auto !important;

    transition:
        transform .18s ease,
        filter .18s ease,
        box-shadow .18s ease;
}

.sellar-info-cta:hover{
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow:
        0 22px 48px rgba(34,197,94,.34),
        0 0 34px rgba(34,197,94,.20),
        inset 0 1px 0 rgba(255,255,255,.38);
}

.sellar-info-close{
    min-height: 42px;
    padding: 0 15px;

    border: 1px solid rgba(148,163,184,.18);
    border-radius: 14px;

    background: rgba(15,23,42,.64);
    color: rgba(226,232,240,.82);

    font-size: 12px;
    font-weight: 850;

    cursor: pointer;
    pointer-events: auto !important;
}

.sellar-info-close:hover{
    color: #ffffff;
    border-color: rgba(134,239,172,.26);
}

/* responsivo */
@media (max-width: 860px){
    .sellar-card-info-panel{
        inset: 12px;
        padding: 18px;
        border-radius: 22px;
    }

    .sellar-info-grid{
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .sellar-info-box{
        min-height: auto;
    }

    .sellar-info-title{
        font-size: 25px;
    }

    .sellar-info-lead{
        font-size: 13px;
    }
}

/* SELLAR_CARD_INFO_PREMIUM_END */


/* SELLAR_LOGO_PREMIUM_FINAL_START */

/* =========================================================
   SELLAR SEGUROS - LOGO PREMIUM FINAL
   Inspirada na marca premium:
   S metálico + escudo + caminho + estrela guia
========================================================= */

.site-header .brand.sellar-logo-premium-final,
header .brand.sellar-logo-premium-final,
.sellar-logo-premium-final{
    display: inline-flex !important;
    align-items: center !important;
    gap: 13px !important;
    text-decoration: none !important;
    min-width: max-content !important;
    isolation: isolate;
}

/* Símbolo */
.sellar-premium-symbol{
    position: relative;
    width: 54px;
    height: 54px;
    min-width: 54px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 19px;
    overflow: visible;

    background:
        radial-gradient(circle at 28% 18%, rgba(234,255,244,.28), transparent 34%),
        radial-gradient(circle at 72% 86%, rgba(34,211,238,.12), transparent 38%),
        linear-gradient(145deg, rgba(8,37,45,.94), rgba(2,8,23,.98));

    border: 1px solid rgba(134,239,172,.38);

    box-shadow:
        0 18px 42px rgba(34,197,94,.20),
        0 0 34px rgba(20,184,166,.12),
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -1px 0 rgba(0,0,0,.42);

    transition:
        transform .28s ease,
        border-color .28s ease,
        box-shadow .28s ease,
        filter .28s ease;
}

.sellar-premium-symbol::before{
    content: "";
    position: absolute;
    inset: -42%;
    border-radius: inherit;
    background:
        linear-gradient(
            115deg,
            transparent 24%,
            rgba(255,255,255,.22) 47%,
            transparent 72%
        );
    transform: translateX(-135%) rotate(16deg);
    transition: transform .8s ease;
    pointer-events: none;
}

.sellar-premium-symbol::after{
    content: "";
    position: absolute;
    inset: 6px;
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,.07);
    pointer-events: none;
}

.sellar-logo-premium-final:hover .sellar-premium-symbol{
    transform: translateY(-2px) scale(1.035);
    border-color: rgba(187,247,208,.68);
    filter: brightness(1.06);
    box-shadow:
        0 24px 56px rgba(34,197,94,.26),
        0 0 46px rgba(20,184,166,.18),
        0 0 20px rgba(134,239,172,.12),
        inset 0 1px 0 rgba(255,255,255,.22),
        inset 0 -1px 0 rgba(0,0,0,.42);
}

.sellar-logo-premium-final:hover .sellar-premium-symbol::before{
    transform: translateX(135%) rotate(16deg);
}

.sellar-premium-svg{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    padding: 5px;
    display: block;
    overflow: visible;
}

.sellar-premium-shield{
    fill: url(#sellarDarkGlass);
    stroke: url(#sellarMetalGreen);
    stroke-width: 2.25;
    stroke-linejoin: round;
    filter: url(#sellarSoftGlow);
}

.sellar-premium-inner{
    fill: rgba(2,8,23,.62);
    stroke: rgba(134,239,172,.20);
    stroke-width: 1.15;
    stroke-linejoin: round;
}

.sellar-premium-s{
    fill: none;
    stroke: url(#sellarMetalGreen);
    stroke-width: 8.2;
    stroke-linecap: round;
    stroke-linejoin: round;
    filter:
        drop-shadow(0 0 6px rgba(134,239,172,.28))
        drop-shadow(0 10px 14px rgba(0,0,0,.34));
}

.sellar-premium-road{
    fill: none;
    stroke: rgba(236,255,245,.78);
    stroke-width: 2.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: .74;
    filter: drop-shadow(0 0 6px rgba(134,239,172,.20));
}

.sellar-premium-star{
    fill: #9ef7c2;
    filter:
        drop-shadow(0 0 8px rgba(134,239,172,.72))
        drop-shadow(0 0 18px rgba(34,197,94,.32));
}

/* Texto da marca */
.sellar-premium-copy{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1 !important;
    transform: translateY(1px);
}

.sellar-premium-name{
    display: block !important;

    color: #f8fafc !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 1.28rem !important;
    font-weight: 700 !important;
    letter-spacing: .012em !important;
    line-height: .98 !important;

    text-shadow:
        0 1px 0 rgba(255,255,255,.10),
        0 12px 26px rgba(0,0,0,.38);
}

.sellar-premium-tag{
    display: flex !important;
    align-items: center !important;
    gap: 7px !important;

    margin-top: 6px !important;

    color: rgba(154,247,194,.92) !important;
    font-size: .56rem !important;
    font-weight: 900 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.sellar-premium-tag span{
    display: inline-block;
    width: 18px;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(134,239,172,.95));
    box-shadow: 0 0 10px rgba(134,239,172,.36);
}

.sellar-premium-tag span:last-child{
    background: linear-gradient(90deg, rgba(134,239,172,.95), transparent);
}

/* Remove sobras de logos antigas dentro da brand nova */
.sellar-logo-premium-final .brand-mark,
.sellar-logo-premium-final .brand-text,
.sellar-logo-premium-final .sellar-logo-mark-final,
.sellar-logo-premium-final .sellar-logo-copy-final,
.sellar-logo-premium-final .sellar-brandmark-v2,
.sellar-logo-premium-final .sellar-brandcopy-v2,
.sellar-logo-premium-final .sellar-impact-symbol,
.sellar-logo-premium-final .sellar-impact-copy{
    display: none !important;
}

/* Ajuste mobile */
@media (max-width: 900px){
    .sellar-premium-symbol{
        width: 48px;
        height: 48px;
        min-width: 48px;
        border-radius: 17px;
    }

    .sellar-premium-name{
        font-size: 1.08rem !important;
    }

    .sellar-premium-tag{
        font-size: .48rem !important;
        letter-spacing: .13em !important;
    }

    .sellar-premium-tag span{
        width: 12px;
    }
}

@media (max-width: 560px){
    .sellar-logo-premium-final{
        gap: 10px !important;
    }

    .sellar-premium-symbol{
        width: 42px;
        height: 42px;
        min-width: 42px;
        border-radius: 15px;
    }

    .sellar-premium-svg{
        padding: 4px;
    }

    .sellar-premium-name{
        font-size: .94rem !important;
        font-family: inherit !important;
        font-weight: 900 !important;
        letter-spacing: -.03em !important;
    }

    .sellar-premium-tag{
        display: none !important;
    }
}

/* SELLAR_LOGO_PREMIUM_FINAL_END */





/* SELLAR_PERFORMANCE_PREMIUM_START */

/* =========================================================
   SELLAR PERFORMANCE PREMIUM
   Reduz lag sem matar o visual premium
========================================================= */

/* 1) Scroll mais estável */
html{
    scroll-behavior: smooth;
}

body{
    text-rendering: geometricPrecision;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* 2) Renderiza seções fora da tela com mais inteligência */
section{
    content-visibility: auto;
    contain-intrinsic-size: 900px;
}

/* Header e hero não entram nessa otimização para evitar sumiço visual */
.site-header,
.hero-master,
.hero,
header{
    content-visibility: visible !important;
    contain-intrinsic-size: auto !important;
}

/* 3) Evita custo alto de filtros em excesso */
@media (max-width: 900px){

    *{
        scroll-behavior: auto;
    }

    body::before,
    body::after,
    main::before,
    main::after,
    section::before,
    section::after{
        animation-duration: 0.001s !important;
        animation-iteration-count: 1 !important;
    }

    [class*="glow"],
    [class*="cursor"],
    .sellar-cursor-glow,
    .sellar-scroll-progress{
        display: none !important;
    }

    [style*="backdrop-filter"],
    [class*="glass"],
    [class*="card"],
    [class*="panel"]{
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }

    .site-header,
    .hero-panel,
    .hero-card,
    .b2v3-card,
    .b2xv10-card,
    .b2xv10-consortium,
    .sellar-card-info-panel{
        backdrop-filter: blur(8px) !important;
        -webkit-backdrop-filter: blur(8px) !important;
    }

    img,
    video{
        transform: translateZ(0);
        backface-visibility: hidden;
    }
}

/* 4) Desktop: mantém premium, mas reduz exagero de blur */
@media (min-width: 901px){

    .site-header,
    .hero-panel,
    .hero-card,
    .b2v3-card,
    .b2xv10-card,
    .b2xv10-consortium,
    .sellar-card-info-panel{
        backdrop-filter: blur(14px);
        -webkit-backdrop-filter: blur(14px);
    }

    .b2xv10-card:hover,
    .b2xv10-consortium:hover,
    .sellar-info-upgrade-card:hover{
        will-change: transform, opacity;
    }

    .b2xv10-card,
    .b2xv10-consortium,
    .sellar-info-upgrade-card{
        will-change: auto;
    }
}

/* 5) Evita que muitos elementos fiquem forçando GPU ao mesmo tempo */
*{
    will-change: auto;
}

a,
button,
.b2xv10-card,
.b2xv10-consortium,
.product-pill,
.solution-item{
    backface-visibility: hidden;
}

/* 6) Reduz animação para usuários/sistemas com baixa performance */
@media (prefers-reduced-motion: reduce){
    *,
    *::before,
    *::after{
        animation-duration: 0.001s !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.001s !important;
        scroll-behavior: auto !important;
    }
}

/* 7) Cards com hover premium, porém mais leve */
.b2xv10-card,
.b2xv10-consortium,
.sellar-info-upgrade-card{
    transform: translateZ(0);
}

@media (max-width: 760px){
    .b2xv10-card:hover,
    .b2xv10-consortium:hover,
    .sellar-info-upgrade-card:hover{
        transform: none !important;
    }

    .sellar-card-info-panel{
        box-shadow:
            0 18px 38px rgba(0,0,0,.34),
            0 0 24px rgba(34,197,94,.08),
            inset 0 1px 0 rgba(255,255,255,.08) !important;
    }
}

/* SELLAR_PERFORMANCE_PREMIUM_END */


/* SELLAR_REAL_LOGO_IMAGE_START */

/* LOGO REAL SELLAR - HEADER */
.site-header .brand.sellar-brand-img-real,
header .brand.sellar-brand-img-real,
.sellar-brand-img-real{
    display: inline-flex !important;
    align-items: center !important;
    gap: 13px !important;
    text-decoration: none !important;
    min-width: max-content !important;
}

.sellar-real-logo-mark{
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 18px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background:
        radial-gradient(circle at 30% 20%, rgba(190,255,220,.20), transparent 38%),
        linear-gradient(145deg, rgba(5,20,28,.96), rgba(2,8,23,.98));

    border: 1px solid rgba(134,239,172,.34);

    box-shadow:
        0 18px 42px rgba(34,197,94,.18),
        0 0 34px rgba(20,184,166,.12),
        inset 0 1px 0 rgba(255,255,255,.12);
}

.sellar-real-logo-mark img{
    width: 82%;
    height: 82%;
    object-fit: contain;
    display: block;
    filter:
        drop-shadow(0 0 10px rgba(134,239,172,.30))
        drop-shadow(0 10px 14px rgba(0,0,0,.30));
}

.sellar-real-logo-copy{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    line-height: 1 !important;
}

.sellar-real-logo-copy strong{
    color: #ffffff !important;
    font-size: 1.08rem !important;
    font-weight: 900 !important;
    letter-spacing: -.025em !important;
}

.sellar-real-logo-copy small{
    margin-top: 6px;
    color: rgba(154,247,194,.92) !important;
    font-size: .58rem !important;
    font-weight: 900 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
    white-space: nowrap;
}

/* LOGO REAL SELLAR - RODAPÉ */
.b5v1-logo.sellar-footer-img-real{
    display: inline-flex !important;
    align-items: center !important;
    gap: 13px !important;
    text-decoration: none !important;
}

.sellar-footer-logo-mark{
    width: 52px;
    height: 52px;
    min-width: 52px;
    border-radius: 17px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    background:
        radial-gradient(circle at 30% 20%, rgba(190,255,220,.18), transparent 38%),
        linear-gradient(145deg, rgba(5,20,28,.96), rgba(2,8,23,.98));

    border: 1px solid rgba(134,239,172,.30);

    box-shadow:
        0 14px 34px rgba(34,197,94,.14),
        0 0 24px rgba(20,184,166,.10),
        inset 0 1px 0 rgba(255,255,255,.10);
}

.sellar-footer-logo-mark img{
    width: 82%;
    height: 82%;
    object-fit: contain;
    display: block;
    filter: drop-shadow(0 0 10px rgba(134,239,172,.24));
}

.b5v1-logo.sellar-footer-img-real strong{
    color: #ffffff !important;
    font-weight: 900 !important;
}

/* MOBILE */
@media (max-width: 760px){
    .sellar-real-logo-mark{
        width: 46px;
        height: 46px;
        min-width: 46px;
        border-radius: 15px;
    }

    .sellar-real-logo-copy strong{
        font-size: .96rem !important;
    }

    .sellar-real-logo-copy small{
        display: none !important;
    }

    .sellar-footer-logo-mark{
        width: 46px;
        height: 46px;
        min-width: 46px;
        border-radius: 15px;
    }
}

/* SELLAR_REAL_LOGO_IMAGE_END */


/* SELLAR_LOGO_CLEAN_FIX_START */

/* =========================================================
   LIMPEZA DA LOGO SELLAR
   - remove fundo velho atrás do escudo
   - remove caixa verde feia no rodapé
   - mantém apenas o símbolo novo forte
   ========================================================= */

/* HEADER */
.site-header .brand,
.brand{
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
}

/* zera qualquer caixa antiga do símbolo */
.site-header .brand-mark,
.brand .brand-mark,
.sellar-real-logo-mark{
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-width: auto !important;
    width: auto !important;
    height: auto !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: visible !important;
}

/* remove pseudo-elementos antigos que podem estar gerando fundo extra */
.site-header .brand-mark::before,
.site-header .brand-mark::after,
.brand .brand-mark::before,
.brand .brand-mark::after,
.sellar-real-logo-mark::before,
.sellar-real-logo-mark::after{
    content: none !important;
    display: none !important;
}

/* imagem do escudo no topo */
.site-header .brand img,
.brand img,
.sellar-real-logo-mark img{
    display: block !important;
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    filter:
        drop-shadow(0 0 10px rgba(110,255,190,.18))
        drop-shadow(0 4px 12px rgba(0,0,0,.28)) !important;
}

/* mantém o texto do topo bonito/alinhado */
.site-header .brand-text,
.sellar-real-logo-copy{
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    gap: 2px !important;
}

.site-header .brand-text strong,
.sellar-real-logo-copy strong{
    color: #fff !important;
}

.site-header .brand-text small,
.sellar-real-logo-copy small{
    color: #8bf3c0 !important;
}

/* RODAPÉ */
.b5v1-logo,
.b5v1-logo.sellar-footer-img-real{
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    text-decoration: none !important;
}

/* remove o fundo verde horroroso */
.b5v1-logo > span,
.sellar-footer-logo-mark{
    background: transparent !important;
    background-image: none !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    min-width: auto !important;
    width: auto !important;
    height: auto !important;
    line-height: 0 !important;
    font-size: 0 !important;
    overflow: visible !important;
}

/* remove pseudo-elementos do rodapé */
.b5v1-logo > span::before,
.b5v1-logo > span::after,
.sellar-footer-logo-mark::before,
.sellar-footer-logo-mark::after{
    content: none !important;
    display: none !important;
}

/* imagem do símbolo no rodapé */
.b5v1-logo img,
.sellar-footer-logo-mark img{
    display: block !important;
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    object-fit: contain !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    filter:
        drop-shadow(0 0 8px rgba(110,255,190,.15))
        drop-shadow(0 4px 10px rgba(0,0,0,.25)) !important;
}

/* texto do rodapé */
.b5v1-logo strong{
    color: #fff !important;
    font-weight: 800 !important;
    letter-spacing: -.02em !important;
}

/* mobile */
@media (max-width: 768px){
    .site-header .brand img,
    .brand img,
    .sellar-real-logo-mark img{
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
    }

    .b5v1-logo img,
    .sellar-footer-logo-mark img{
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
    }
}

/* SELLAR_LOGO_CLEAN_FIX_END */





/* =========================================================
   SELLAR_FINAL_FOOTER_CLEANUP_PRO_START
   Ajuste fino apenas no bloco final/rodapé.
   Não afeta Bloco 1, Bloco 2 ou cards globais.
========================================================= */

.b5v1-final {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.b5v1-footer {
    position: relative;
    border: 1px solid rgba(80, 255, 170, .14);
    background:
        linear-gradient(135deg, rgba(8, 20, 17, .92), rgba(2, 8, 7, .96)),
        radial-gradient(circle at 18% 0%, rgba(39, 255, 164, .11), transparent 34%),
        radial-gradient(circle at 90% 100%, rgba(11, 145, 95, .10), transparent 32%);
    box-shadow:
        0 28px 90px rgba(0, 0, 0, .34),
        inset 0 1px 0 rgba(255, 255, 255, .06);
    backdrop-filter: blur(18px);
}

.b5v1-footer::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(68, 255, 174, .14), transparent);
    opacity: .42;
}

.b5v1-footer-brand p,
.b5v1-footer-contact p,
.b5v1-bottom p,
.b5v1-bottom span {
    color: rgba(232, 255, 245, .72);
}

.b5v1-footer-col strong,
.b5v1-footer-contact strong,
.b5v1-footer-brand strong {
    color: rgba(245, 255, 250, .96);
}

.b5v1-footer-col a {
    color: rgba(232, 255, 245, .68);
    transition: color .25s ease, transform .25s ease;
}

.b5v1-footer-col a:hover {
    color: #5dffb4;
    transform: translateX(4px);
}

.b5v1-footer-contact a {
    box-shadow:
        0 18px 45px rgba(32, 255, 153, .18),
        inset 0 1px 0 rgba(255, 255, 255, .20);
}

.b5v1-bottom {
    border-top: 1px solid rgba(92, 255, 181, .10);
    padding-top: 18px;
    margin-top: 18px;
}

/* SELLAR_FINAL_FOOTER_CLEANUP_PRO_END */


/* SELLAR_FINAL_SINGLE_CTA_START */
/* Ajuste do CTA final após remover o card da direita */

.b5v1-cta-card {
    grid-template-columns: 1fr !important;
}

.b5v1-cta-copy {
    max-width: 860px;
}

.b5v1-cta-copy p {
    max-width: 720px;
}

.b5v1-cta-tags {
    max-width: 760px;
}

/* SELLAR_FINAL_SINGLE_CTA_END */


/* SELLAR_FORCE_REMOVE_FINAL_RIGHT_CARD_START */
/* Remove definitivamente o card da direita no CTA final */

.b5v1-final .b5v1-action-panel {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
}

.b5v1-final .b5v1-cta-card {
    display: block !important;
    grid-template-columns: 1fr !important;
}

.b5v1-final .b5v1-cta-copy {
    width: 100% !important;
    max-width: 920px !important;
}

.b5v1-final .b5v1-cta-copy h2 {
    max-width: 760px !important;
}

.b5v1-final .b5v1-cta-copy p {
    max-width: 760px !important;
}

.b5v1-final .b5v1-cta-tags {
    max-width: 780px !important;
}

/* SELLAR_FORCE_REMOVE_FINAL_RIGHT_CARD_END */


/* SELLAR_FOOTER_REAL_LOGO_START */
/* Logo real no rodapé: remove quadrado verde com S e usa símbolo oficial */

.b5v1-footer .sellar-footer-logo-premium {
    display: inline-flex !important;
    align-items: center !important;
    gap: 13px !important;
    text-decoration: none !important;
    color: #ffffff !important;
}

.b5v1-footer .sellar-footer-premium-mark {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.b5v1-footer .sellar-footer-premium-mark img {
    width: 52px !important;
    height: 52px !important;
    object-fit: contain !important;
    display: block !important;

    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter:
        drop-shadow(0 0 10px rgba(78, 255, 172, .18))
        drop-shadow(0 10px 22px rgba(0, 0, 0, .28));
}

.b5v1-footer .sellar-footer-premium-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
}

.b5v1-footer .sellar-footer-premium-copy strong {
    color: rgba(255, 255, 255, .96) !important;
    font-size: 17px !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: -.03em !important;
}

.b5v1-footer .sellar-footer-premium-copy small {
    color: rgba(122, 255, 187, .72) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
}

/* Mata qualquer estilo antigo do quadrado verde */
.b5v1-footer .sellar-footer-logo-mark,
.b5v1-footer .sellar-footer-logo-mark::before,
.b5v1-footer .sellar-footer-logo-mark::after {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.b5v1-footer .sellar-footer-logo-mark {
    display: none !important;
}

/* Mobile */
@media (max-width: 760px) {
    .b5v1-footer .sellar-footer-premium-mark,
    .b5v1-footer .sellar-footer-premium-mark img {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
    }

    .b5v1-footer .sellar-footer-premium-copy strong {
        font-size: 15px !important;
    }

    .b5v1-footer .sellar-footer-premium-copy small {
        font-size: 9.5px !important;
    }
}

/* SELLAR_FOOTER_REAL_LOGO_END */


/* SELLAR_FORCE_FOOTER_LOGO_REAL_START */
/* Correção forçada: remove S verde do rodapé e usa a logo real */

.b5v1-footer .b5v1-logo::before,
.b5v1-footer .b5v1-logo::after,
.b5v1-footer .sellar-footer-logo-mark,
.b5v1-footer .sellar-footer-logo-mark::before,
.b5v1-footer .sellar-footer-logo-mark::after,
.b5v1-footer .sellar-footer-img-real::before,
.b5v1-footer .sellar-footer-img-real::after {
    content: none !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

.b5v1-footer .sellar-footer-logo-premium-force {
    display: inline-flex !important;
    align-items: center !important;
    gap: 14px !important;
    text-decoration: none !important;
    color: #fff !important;
}

.b5v1-footer .sellar-footer-premium-force-mark {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.b5v1-footer .sellar-footer-premium-force-mark img {
    width: 64px !important;
    height: 64px !important;
    object-fit: contain !important;
    display: block !important;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter:
        drop-shadow(0 0 12px rgba(80, 255, 170, .22))
        drop-shadow(0 14px 26px rgba(0, 0, 0, .30));
}

.b5v1-footer .sellar-footer-premium-force-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.b5v1-footer .sellar-footer-premium-force-copy strong {
    color: rgba(255,255,255,.96) !important;
    font-size: 17px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
}

.b5v1-footer .sellar-footer-premium-force-copy small {
    color: rgba(115,255,184,.75) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}

@media (max-width: 760px) {
    .b5v1-footer .sellar-footer-premium-force-mark,
    .b5v1-footer .sellar-footer-premium-force-mark img {
        width: 52px !important;
        height: 52px !important;
        min-width: 52px !important;
    }

    .b5v1-footer .sellar-footer-premium-force-copy strong {
        font-size: 15px !important;
    }

    .b5v1-footer .sellar-footer-premium-force-copy small {
        font-size: 9px !important;
    }
}

/* SELLAR_FORCE_FOOTER_LOGO_REAL_END */


/* SELLAR_FOOTER_LOGO_DEFINITIVO_START */
/* Correção profissional definitiva do rodapé:
   remove o quadrado verde com S e usa a logo real da Sellar. */

/* Remove qualquer quadrado antigo no rodapé */
.b5v1-footer-brand .brand-mark,
.b5v1-footer-brand .sellar-footer-logo-mark,
.b5v1-footer-brand .sellar-footer-logo-mark::before,
.b5v1-footer-brand .sellar-footer-logo-mark::after,
.b5v1-footer-brand .b5v1-logo::before,
.b5v1-footer-brand .b5v1-logo::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

/* Nova logo real do rodapé */
.b5v1-footer-brand .sellar-footer-brand-real-final {
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #ffffff !important;
    text-decoration: none !important;
    margin-bottom: 18px !important;
}

.b5v1-footer-brand .sellar-footer-brand-real-mark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;

    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    padding: 0 !important;
}

.b5v1-footer-brand .sellar-footer-brand-real-mark img {
    display: block !important;
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    object-fit: contain !important;

    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    filter:
        drop-shadow(0 0 10px rgba(97, 255, 179, .20))
        drop-shadow(0 10px 22px rgba(0, 0, 0, .32)) !important;
}

.b5v1-footer-brand .sellar-footer-brand-real-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.b5v1-footer-brand .sellar-footer-brand-real-copy strong {
    color: rgba(255,255,255,.98) !important;
    font-size: 17px !important;
    line-height: 1.05 !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
}

.b5v1-footer-brand .sellar-footer-brand-real-copy small {
    display: block !important;
    color: rgba(115,255,184,.78) !important;
    font-size: 10px !important;
    line-height: 1.1 !important;
    font-weight: 850 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
}

/* Segurança extra: se sobrar algum span antigo com texto S dentro da logo do footer, some */
.b5v1-footer-brand .b5v1-logo > span:not(.sellar-footer-brand-real-mark):not(.sellar-footer-brand-real-copy) {
    display: none !important;
}

/* Mobile */
@media (max-width: 760px) {
    .b5v1-footer-brand .sellar-footer-brand-real-mark,
    .b5v1-footer-brand .sellar-footer-brand-real-mark img {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
    }

    .b5v1-footer-brand .sellar-footer-brand-real-copy strong {
        font-size: 15px !important;
    }

    .b5v1-footer-brand .sellar-footer-brand-real-copy small {
        font-size: 9px !important;
    }
}

/* SELLAR_FOOTER_LOGO_DEFINITIVO_END */


/* SELLAR_FOOTER_LOGO_FINAL_DE_VERDADE_START */
/* Correção final real do rodapé: troca quadrado S pela logomarca oficial */

.b5v1-footer .sellar-footer-brand-fixed {
    display: block !important;
}

.b5v1-footer .sellar-footer-fixed-logo {
    display: inline-flex !important;
    align-items: center !important;
    gap: 13px !important;
    text-decoration: none !important;
    color: #ffffff !important;
    margin-bottom: 18px !important;
}

/* mata qualquer quadrado verde antigo que esteja dentro do footer */
.b5v1-footer .b5v1-logo,
.b5v1-footer .b5v1-logo > span,
.b5v1-footer .b5v1-logo::before,
.b5v1-footer .b5v1-logo::after,
.b5v1-footer .brand-mark,
.b5v1-footer .brand-mark::before,
.b5v1-footer .brand-mark::after,
.b5v1-footer .sellar-footer-logo-mark,
.b5v1-footer .sellar-footer-logo-mark::before,
.b5v1-footer .sellar-footer-logo-mark::after {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* se o link antigo ainda existir, ele some completamente */
.b5v1-footer .b5v1-footer-brand:not(.sellar-footer-brand-fixed) .b5v1-logo {
    display: none !important;
}

.b5v1-footer .sellar-footer-fixed-img {
    display: block !important;
    width: 62px !important;
    height: 62px !important;
    min-width: 62px !important;
    object-fit: contain !important;

    background: transparent !important;
    background-image: none !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    filter:
        drop-shadow(0 0 12px rgba(91, 255, 181, .25))
        drop-shadow(0 12px 24px rgba(0, 0, 0, .35)) !important;
}

.b5v1-footer .sellar-footer-fixed-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    line-height: 1.05 !important;
}

.b5v1-footer .sellar-footer-fixed-copy strong {
    display: block !important;
    color: rgba(255,255,255,.98) !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    line-height: 1.05 !important;
}

.b5v1-footer .sellar-footer-fixed-copy small {
    display: block !important;
    color: rgba(126,255,190,.82) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}

@media (max-width: 760px) {
    .b5v1-footer .sellar-footer-fixed-img {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
    }

    .b5v1-footer .sellar-footer-fixed-copy strong {
        font-size: 15px !important;
    }

    .b5v1-footer .sellar-footer-fixed-copy small {
        font-size: 9px !important;
    }
}

/* SELLAR_FOOTER_LOGO_FINAL_DE_VERDADE_END */


/* SELLAR_FOOTER_V6_ESCUDO_FINAL_START */
/* Logo final do rodapé usando o novo escudo */

footer.sellar-footer-v6 .sellar-footer-v6-logoRow {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

footer.sellar-footer-v6 .sellar-footer-v6-logoBox {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

/* Elemento exato onde ficava o S */
footer.sellar-footer-v6 .sellar-footer-v6-logo {
    display: block !important;

    width: 50px !important;
    height: 64px !important;
    min-width: 50px !important;

    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;

    padding: 0 !important;
    margin: 0 !important;

    background-color: transparent !important;
    background-image: url("../assets/brand/sellar-escudo-footer.png") !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: contain !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
    filter: none !important;
}

footer.sellar-footer-v6 .sellar-footer-v6-logo::before,
footer.sellar-footer-v6 .sellar-footer-v6-logo::after {
    content: none !important;
    display: none !important;
}

footer.sellar-footer-v6 .sellar-footer-v6-logoBox > span {
    color: rgba(255,255,255,.98) !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    letter-spacing: -.02em !important;
    line-height: 1.05 !important;
    position: relative !important;
    top: 1px !important;
}

@media (max-width: 760px) {
    footer.sellar-footer-v6 .sellar-footer-v6-logo {
        width: 42px !important;
        height: 54px !important;
        min-width: 42px !important;
    }

    footer.sellar-footer-v6 .sellar-footer-v6-logoBox > span {
        font-size: 14px !important;
        top: 0 !important;
    }
}

/* SELLAR_FOOTER_V6_ESCUDO_FINAL_END */


/* SELLAR_HEADER_ESCUDO_FINAL_START */
/* Mesmo escudo premium do rodapé aplicado no topo */

.site-header .sellar-header-escudo-final {
    display: inline-flex !important;
    align-items: center !important;
    gap: 13px !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.site-header .sellar-header-escudo-mark {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.site-header .sellar-header-escudo-mark img {
    display: block !important;

    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;

    object-fit: contain !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    filter:
        drop-shadow(0 0 12px rgba(94,255,181,.24))
        drop-shadow(0 12px 24px rgba(0,0,0,.34)) !important;
}

.site-header .sellar-header-escudo-copy {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    line-height: 1.05 !important;
}

.site-header .sellar-header-escudo-copy strong {
    display: block !important;
    color: rgba(255,255,255,.98) !important;
    font-size: 17px !important;
    font-weight: 950 !important;
    letter-spacing: -.03em !important;
    line-height: 1.05 !important;
}

.site-header .sellar-header-escudo-copy small {
    display: block !important;
    color: rgba(126,255,190,.86) !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .09em !important;
    text-transform: uppercase !important;
    line-height: 1.1 !important;
}

/* remove qualquer estilo antigo de quadrado/fundo no topo */
.site-header .sellar-real-logo-mark,
.site-header .sellar-real-logo-mark::before,
.site-header .sellar-real-logo-mark::after {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

@media (max-width: 760px) {
    .site-header .sellar-header-escudo-mark,
    .site-header .sellar-header-escudo-mark img {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
    }

    .site-header .sellar-header-escudo-copy strong {
        font-size: 15px !important;
    }

    .site-header .sellar-header-escudo-copy small {
        font-size: 9px !important;
    }
}

/* SELLAR_HEADER_ESCUDO_FINAL_END */


/* SELLAR_REMOVE_AUTHORITY_NUMBERS_START */
/* Remove apenas as numerações 01/02/03/04 dos cards de autoridade */

.b3v3-authority .b3v3-trust-icon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
}

/* Ajuste fino para o título subir de forma limpa após remover o número */
.b3v3-authority .b3v3-trust-card h3 {
    margin-top: 0 !important;
}

/* SELLAR_REMOVE_AUTHORITY_NUMBERS_END */


/* SELLAR_B2XV10_CLICK_CLOSE_START */
/* Controle profissional dos cards Auto / Empresarial / Consórcio */

/* Estado normal: painel fechado */
.b2xv10-card .b2xv10-panel,
.b2xv10-consortium .b2xv10-panel {
    opacity: 0;
    transform: translateY(26px) scale(.965);
    pointer-events: none;
}

/* Hover abre normalmente, desde que o card não esteja bloqueado */
.b2xv10-card:not(.sellar-hover-locked):hover .b2xv10-panel,
.b2xv10-consortium:not(.sellar-hover-locked):hover .b2xv10-panel {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* Clique no + abre mesmo que o hover esteja bloqueado */
.b2xv10-card.is-open .b2xv10-panel,
.b2xv10-consortium.is-open .b2xv10-panel {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

/* Quando fechado manualmente, hover não abre mais */
.b2xv10-card.sellar-hover-locked:hover .b2xv10-panel,
.b2xv10-consortium.sellar-hover-locked:hover .b2xv10-panel {
    opacity: 0 !important;
    transform: translateY(26px) scale(.965) !important;
    pointer-events: none !important;
}

/* Botão + vira botão de abrir/fechar real */
.b2xv10-toggle {
    cursor: pointer !important;
    user-select: none !important;
    position: relative !important;
    z-index: 80 !important;
}

/* Quando card estiver aberto, o + vira X */
.b2xv10-card.is-open .b2xv10-toggle,
.b2xv10-consortium.is-open .b2xv10-toggle {
    transform: rotate(45deg) !important;
}

/* O painel aberto pode ser clicado para fechar */
.b2xv10-panel {
    cursor: pointer !important;
}

/* Mas links dentro do painel continuam clicáveis se existirem */
.b2xv10-panel a,
.b2xv10-panel button {
    cursor: pointer !important;
}

/* SELLAR_B2XV10_CLICK_CLOSE_END */


/* SELLAR_B2XV10_FECHAR_REAL_START */
/* Correção definitiva: hover abre, botão fecha, depois só abre no + */

/* Estado bloqueado: mesmo com mouse em cima, o painel fica fechado */
body .b2xv10-card.sellar-panel-locked:hover .b2xv10-panel,
body .b2xv10-consortium.sellar-panel-locked:hover .b2xv10-panel,
body .b2xv10-card.sellar-panel-locked .b2xv10-panel,
body .b2xv10-consortium.sellar-panel-locked .b2xv10-panel {
    opacity: 0 !important;
    transform: translateY(24px) scale(.965) !important;
    pointer-events: none !important;
}

/* Aberto por clique: vence hover e vence locked */
body .b2xv10-card.sellar-panel-open .b2xv10-panel,
body .b2xv10-consortium.sellar-panel-open .b2xv10-panel {
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

/* Botão sempre clicável acima do painel */
body .b2xv10-toggle {
    position: relative !important;
    z-index: 999 !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    user-select: none !important;
}

/* Quando aberto, o + vira X visual */
body .b2xv10-card.sellar-panel-open .b2xv10-toggle,
body .b2xv10-consortium.sellar-panel-open .b2xv10-toggle {
    transform: rotate(45deg) !important;
}

/* Quando fechado manualmente, botão continua visível e clicável */
body .b2xv10-card.sellar-panel-locked .b2xv10-toggle,
body .b2xv10-consortium.sellar-panel-locked .b2xv10-toggle {
    transform: rotate(0deg) !important;
}

/* SELLAR_B2XV10_FECHAR_REAL_END */


/* SELLAR_B2XV10_CLOSE_BUTTON_FINAL_START */
/* Fecha corretamente o painel ao clicar no botão "Fechar" */

body .b2xv10-card.sellar-panel-force-closed .b2xv10-panel,
body .b2xv10-consortium.sellar-panel-force-closed .b2xv10-panel,
body .b2xv10-card.sellar-panel-force-closed:hover .b2xv10-panel,
body .b2xv10-consortium.sellar-panel-force-closed:hover .b2xv10-panel {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(28px) scale(.96) !important;
    z-index: -1 !important;
}

/* Quando aberto manualmente pelo + */
body .b2xv10-card.sellar-panel-force-open .b2xv10-panel,
body .b2xv10-consortium.sellar-panel-force-open .b2xv10-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
    z-index: 40 !important;
}

/* Botões internos do painel */
body .b2xv10-panel button,
body .b2xv10-panel a,
body .b2xv10-panel [role="button"] {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 999 !important;
}

/* Botão + sempre clicável */
body .b2xv10-toggle {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 999 !important;
}

/* SELLAR_B2XV10_CLOSE_BUTTON_FINAL_END */


/* SELLAR_INFO_OPEN_SAME_AS_HOVER_START */
/* Faz o clique no + abrir exatamente com o mesmo visual do hover */

/* Fechado manualmente: bloqueia o hover, mas sem destruir layout interno */
body .sellar-info-upgrade-card.sellar-panel-force-closed .sellar-card-info-panel,
body .sellar-info-upgrade-card.sellar-panel-force-closed:hover .sellar-card-info-panel {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(28px) scale(.96) !important;
}

/* Aberto pelo +: simula o hover bonito original */
body .sellar-info-upgrade-card.sellar-panel-force-open .sellar-card-info-panel,
body .sellar-info-upgrade-card.sellar-panel-force-open:hover .sellar-card-info-panel {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) scale(1) !important;
}

/* Também aplica o estado visual premium do card como se estivesse em hover */
body .sellar-info-upgrade-card.sellar-panel-force-open {
    border-color: rgba(74, 255, 164, .52) !important;
    box-shadow:
        0 38px 95px rgba(0, 0, 0, .34),
        0 0 0 1px rgba(74, 255, 164, .18),
        inset 0 1px 0 rgba(255, 255, 255, .08) !important;
}

/* Garante que o conteúdo interno não fique apagado/diferente ao abrir pelo + */
body .sellar-info-upgrade-card.sellar-panel-force-open .sellar-card-info-panel *,
body .sellar-info-upgrade-card.sellar-panel-force-open .sellar-info-grid,
body .sellar-info-upgrade-card.sellar-panel-force-open .sellar-info-alert,
body .sellar-info-upgrade-card.sellar-panel-force-open .sellar-info-actions {
    visibility: visible !important;
}

/* Botões sempre clicáveis */
body .sellar-info-trigger,
body .sellar-info-close {
    pointer-events: auto !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 9999 !important;
}

/* Quando aberto pelo +, o botão fica com comportamento de fechar */
body .sellar-info-upgrade-card.sellar-panel-force-open .sellar-info-trigger {
    transform: rotate(45deg) !important;
}

/* Quando fechado, volta para + normal */
body .sellar-info-upgrade-card.sellar-panel-force-closed .sellar-info-trigger {
    transform: rotate(0deg) !important;
}

/* SELLAR_INFO_OPEN_SAME_AS_HOVER_END */





/* SELLAR_PLUS_FANTASMA_SAFE_START */
/* Correção segura: remove apenas o + fantasma/duplicado sem quebrar cards */

/*
   O botão correto dos cards é o .b2xv10-toggle dentro de .b2xv10-topline.
   Qualquer outro botão de + extra dentro desses cards fica escondido.
*/

.b2xv10-card .sellar-info-trigger,
.b2xv10-consortium .sellar-info-trigger {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Garante que o botão oficial continue visível e funcional */
.b2xv10-card .b2xv10-topline .b2xv10-toggle,
.b2xv10-consortium .b2xv10-topline .b2xv10-toggle {
    display: grid !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 80 !important;
}

/* Segurança extra: se algum + duplicado estiver no canto por classe antiga */
.b2xv10-card > .sellar-info-trigger,
.b2xv10-consortium > .sellar-info-trigger,
.b2xv10-card .sellar-info-trigger:not(.b2xv10-toggle),
.b2xv10-consortium .sellar-info-trigger:not(.b2xv10-toggle) {
    display: none !important;
}

/* Não deixa botão fantasma aparecer parcialmente nas bordas */
.b2xv10-card .sellar-info-trigger::before,
.b2xv10-card .sellar-info-trigger::after,
.b2xv10-consortium .sellar-info-trigger::before,
.b2xv10-consortium .sellar-info-trigger::after {
    content: none !important;
    display: none !important;
}

/* SELLAR_PLUS_FANTASMA_SAFE_END */


/* NEXVOLT_FORCE_FINAL_CSS_START */
/* Crédito Nexvolt Web visível e discreto na linha final */

.sellar-footer-v6-meta {
    position: relative !important;
    z-index: 5 !important;
}

.sellar-footer-v6-meta .nexvolt-force-credit-runtime {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    flex-wrap: wrap;
}

.sellar-footer-v6-meta .nexvolt-force-separator {
    display: inline-block;
    margin: 0 7px;
    color: rgba(126, 255, 190, .38) !important;
}

.sellar-footer-v6-meta .nexvolt-force-label {
    color: rgba(226, 232, 240, .48) !important;
}

.sellar-footer-v6-meta .nexvolt-force-link {
    color: rgba(126, 255, 190, .92) !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    position: relative !important;
    transition:
        color .22s ease,
        text-shadow .22s ease,
        transform .22s ease;
}

.sellar-footer-v6-meta .nexvolt-force-link::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -3px;
    height: 1px;
    border-radius: 999px;
    background: linear-gradient(90deg, transparent, rgba(126,255,190,.75), transparent);
    opacity: .65;
}

.sellar-footer-v6-meta .nexvolt-force-link:hover {
    color: rgba(255,255,255,.98) !important;
    text-shadow: 0 0 14px rgba(94,255,181,.28);
    transform: translateY(-1px);
}

@media (max-width: 760px) {
    .sellar-footer-v6-meta .nexvolt-force-separator {
        display: none;
    }

    .sellar-footer-v6-meta .nexvolt-force-credit-runtime {
        width: 100%;
        justify-content: center;
        margin-top: 4px;
    }
}

/* NEXVOLT_FORCE_FINAL_CSS_END */


/* NEXVOLT_CREDIT_REFINO_FINAL_START */
/* Refinamento final do crédito Nexvolt no rodapé */

.sellar-footer-v6-meta > div:first-child {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
}

.sellar-footer-v6-meta .nexvolt-force-separator {
    width: 4px !important;
    height: 4px !important;
    margin: 0 8px !important;
    display: inline-flex !important;
    border-radius: 999px !important;
    color: transparent !important;
    background: rgba(126, 255, 190, .58) !important;
    box-shadow: 0 0 12px rgba(126, 255, 190, .20) !important;
}

.sellar-footer-v6-meta .nexvolt-force-label {
    color: rgba(226, 232, 240, .42) !important;
    font-size: 12px !important;
}

.sellar-footer-v6-meta .nexvolt-force-link {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 24px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;

    color: rgba(126, 255, 190, .92) !important;
    font-weight: 950 !important;
    letter-spacing: .01em !important;

    background: rgba(126, 255, 190, .045) !important;
    border: 1px solid rgba(126, 255, 190, .10) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 0 0 rgba(126,255,190,0) !important;

    transition:
        color .22s ease,
        background .22s ease,
        border-color .22s ease,
        box-shadow .22s ease,
        transform .22s ease !important;
}

.sellar-footer-v6-meta .nexvolt-force-link::after {
    display: none !important;
}

.sellar-footer-v6-meta .nexvolt-force-link:hover {
    color: #ffffff !important;
    background: rgba(126, 255, 190, .09) !important;
    border-color: rgba(126, 255, 190, .22) !important;
    box-shadow:
        0 0 22px rgba(126, 255, 190, .10),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
    transform: translateY(-1px) !important;
}

@media (max-width: 760px) {
    .sellar-footer-v6-meta > div:first-child {
        justify-content: center;
        text-align: center;
    }

    .sellar-footer-v6-meta .nexvolt-force-label {
        font-size: 11px !important;
    }

    .sellar-footer-v6-meta .nexvolt-force-link {
        min-height: 23px !important;
        font-size: 11px !important;
    }
}

/* NEXVOLT_CREDIT_REFINO_FINAL_END */


/* SELLAR_B2XV10_MOBILE_FIX_START */
/* Corrige alongamento dos cards Auto / Empresarial / Consórcio no mobile */

@media (max-width: 760px) {

    .b2xv10-card,
    .b2xv10-consortium {
        min-height: auto !important;
        height: auto !important;
        overflow: hidden !important;
    }

    .b2xv10-grid {
        gap: 22px !important;
    }

    .b2xv10-media,
    .b2xv10-consortium-media {
        height: 210px !important;
        min-height: 210px !important;
    }

    .b2xv10-body,
    .b2xv10-consortium-body {
        padding: 22px !important;
    }

    .b2xv10-topline {
        align-items: center !important;
    }

    /* O botão + precisa aparecer no mobile */
    .b2xv10-toggle {
        display: grid !important;
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        position: relative !important;
        z-index: 60 !important;
    }

    /* Painel escondido por padrão no mobile */
    .b2xv10-panel,
    .b2xv10-consortium-panel {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;

        margin: 0 16px 18px !important;
        max-height: none !important;
        transform: translateY(16px) scale(.98) !important;
    }

    /* No mobile, hover NÃO deve abrir painel */
    .b2xv10-card:hover .b2xv10-panel,
    .b2xv10-consortium:hover .b2xv10-panel {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateY(16px) scale(.98) !important;
    }

    /* Abre somente quando clicar no + */
    .b2xv10-card.is-open .b2xv10-panel,
    .b2xv10-consortium.is-open .b2xv10-panel {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateY(0) scale(1) !important;
    }

    .b2xv10-card.is-open .b2xv10-toggle,
    .b2xv10-consortium.is-open .b2xv10-toggle {
        transform: rotate(45deg) !important;
    }

    .b2xv10-panel-grid {
        grid-template-columns: 1fr !important;
    }

    .b2xv10-panel h4 {
        font-size: 1.12rem !important;
    }

    .b2xv10-panel p,
    .b2xv10-panel li,
    .b2xv10-ideal span {
        font-size: .9rem !important;
    }
}

/* SELLAR_B2XV10_MOBILE_FIX_END */














/* SELLAR_RESPONSIVO_REAL_FINAL_START */
/* Ajuste final real: PC / notebook / tablet / mobile */

/* =========================
   BASE GERAL
========================= */

html,
body {
    overflow-x: hidden !important;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

body {
    min-width: 320px;
}

section {
    max-width: 100%;
}

/* Evita fontes gigantes acumuladas */
h1, h2, h3 {
    text-wrap: balance;
}

/* =========================
   HEADER
========================= */

.site-header {
    width: min(1180px, calc(100% - 42px)) !important;
    max-width: 1180px !important;
}

@media (max-width: 900px) {
    .site-header {
        width: calc(100% - 28px) !important;
    }
}

/* =========================
   BLOCO 1 / HERO
========================= */

/* Desktop grande */
@media (min-width: 1281px) {
    .hero-master {
        min-height: 760px !important;
        padding-top: 150px !important;
        padding-bottom: 80px !important;
    }

    .hero-master .hero-content,
    .hero-master .hero-inner,
    .hero-master .hero-shell {
        width: min(1180px, calc(100% - 44px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .hero-master h1,
    .hero-title,
    .hero-copy h1 {
        font-size: clamp(4.2rem, 4.8vw, 5.9rem) !important;
        line-height: .92 !important;
        letter-spacing: -.065em !important;
        max-width: 760px !important;
    }

    .hero-master p,
    .hero-subtitle,
    .hero-copy p {
        font-size: 1.02rem !important;
        line-height: 1.62 !important;
        max-width: 660px !important;
    }

    .hero-panel,
    .hero-card,
    .hero-side,
    .hero-products,
    .hero-product-panel {
        max-width: 440px !important;
    }
}

/* Notebook comum */
@media (min-width: 1025px) and (max-width: 1280px) {
    .hero-master {
        min-height: 720px !important;
        padding-top: 138px !important;
        padding-bottom: 70px !important;
    }

    .hero-master h1,
    .hero-title,
    .hero-copy h1 {
        font-size: clamp(3.6rem, 5vw, 5rem) !important;
        line-height: .93 !important;
        letter-spacing: -.06em !important;
        max-width: 680px !important;
    }

    .hero-master p,
    .hero-subtitle,
    .hero-copy p {
        font-size: .98rem !important;
        line-height: 1.62 !important;
        max-width: 600px !important;
    }

    .hero-panel,
    .hero-card,
    .hero-side,
    .hero-products,
    .hero-product-panel {
        max-width: 405px !important;
    }
}

/* Tablet */
@media (min-width: 761px) and (max-width: 1024px) {
    .hero-master {
        min-height: auto !important;
        padding-top: 130px !important;
        padding-bottom: 70px !important;
    }

    .hero-master h1,
    .hero-title,
    .hero-copy h1 {
        font-size: clamp(3rem, 7vw, 4.4rem) !important;
        line-height: .95 !important;
        letter-spacing: -.055em !important;
        max-width: 700px !important;
    }

    .hero-master p,
    .hero-subtitle,
    .hero-copy p {
        font-size: .98rem !important;
        line-height: 1.62 !important;
        max-width: 620px !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .hero-master {
        min-height: auto !important;
        padding-top: 120px !important;
        padding-bottom: 54px !important;
    }

    .hero-master h1,
    .hero-title,
    .hero-copy h1 {
        font-size: clamp(2.25rem, 10vw, 3.45rem) !important;
        line-height: .98 !important;
        letter-spacing: -.048em !important;
        max-width: 100% !important;
    }

    .hero-master p,
    .hero-subtitle,
    .hero-copy p {
        font-size: .94rem !important;
        line-height: 1.62 !important;
        max-width: 100% !important;
    }
}

/* =========================
   BLOCO "COMO A SELLAR CONDUZ"
========================= */

/* PC grande: layout equilibrado, sem card apertado */
@media (min-width: 1281px) {
    section.services-master .b2v3-confidence {
        width: min(1180px, calc(100% - 44px)) !important;
        margin-left: auto !important;
        margin-right: auto !important;

        display: grid !important;
        grid-template-columns: minmax(430px, 0.85fr) minmax(560px, 1.15fr) !important;
        gap: 48px !important;
        align-items: center !important;

        padding: 56px 54px !important;
        min-height: auto !important;
        height: auto !important;
        overflow: hidden !important;
    }

    section.services-master .b2v3-confidence-copy,
    section.services-master .b2v3-confidence-copy.sellar-process-title-fix {
        max-width: 500px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        position: relative !important;
        z-index: 5 !important;
    }

    section.services-master .b2v3-confidence-copy h2,
    section.services-master .b2v3-confidence-copy.sellar-process-title-fix h2 {
        font-size: clamp(3rem, 3.45vw, 4.15rem) !important;
        line-height: .98 !important;
        letter-spacing: -.058em !important;
        max-width: 500px !important;
        margin: 0 0 22px !important;
    }

    section.services-master .sellar-process-desc-fix,
    section.services-master .b2v3-confidence-copy p {
        font-size: .98rem !important;
        line-height: 1.68 !important;
        max-width: 500px !important;
        margin: 0 !important;
    }

    section.services-master .b2v3-steps,
    section.services-master .b2v3-steps.sellar-flow-clean-card {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 18px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        position: relative !important;
    }

    section.services-master .b2v3-step-card {
        min-width: 0 !important;
        width: 100% !important;
        min-height: 360px !important;
        height: auto !important;
        padding: 26px 22px !important;
        border-radius: 28px !important;
        transform: none !important;
    }

    section.services-master .b2v3-step-card h3 {
        font-size: 1.28rem !important;
        line-height: 1.08 !important;
        letter-spacing: -.035em !important;
    }

    section.services-master .b2v3-step-card p {
        font-size: .92rem !important;
        line-height: 1.56 !important;
    }
}

/* Notebook: texto em cima, cards bonitos embaixo */
@media (min-width: 981px) and (max-width: 1280px) {
    section.services-master .b2v3-confidence {
        width: min(1040px, calc(100% - 40px)) !important;
        display: block !important;
        padding: 52px 46px !important;
        min-height: auto !important;
        height: auto !important;
        overflow: hidden !important;
    }

    section.services-master .b2v3-confidence-copy,
    section.services-master .b2v3-confidence-copy.sellar-process-title-fix {
        max-width: 820px !important;
        margin: 0 0 34px !important;
        transform: none !important;
        position: relative !important;
        z-index: 6 !important;
    }

    section.services-master .b2v3-confidence-copy h2,
    section.services-master .b2v3-confidence-copy.sellar-process-title-fix h2 {
        font-size: clamp(2.8rem, 4.8vw, 4.4rem) !important;
        line-height: .98 !important;
        letter-spacing: -.055em !important;
        max-width: 780px !important;
        margin: 0 0 20px !important;
    }

    section.services-master .sellar-process-desc-fix,
    section.services-master .b2v3-confidence-copy p {
        max-width: 760px !important;
        font-size: .98rem !important;
        line-height: 1.66 !important;
    }

    section.services-master .b2v3-steps,
    section.services-master .b2v3-steps.sellar-flow-clean-card {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    section.services-master .b2v3-step-card {
        min-height: 300px !important;
        height: auto !important;
        padding: 24px 20px !important;
        border-radius: 26px !important;
        transform: none !important;
    }

    section.services-master .b2v3-step-card h3 {
        font-size: 1.2rem !important;
        line-height: 1.1 !important;
    }

    section.services-master .b2v3-step-card p {
        font-size: .9rem !important;
        line-height: 1.54 !important;
    }
}

/* Tablet */
@media (min-width: 761px) and (max-width: 980px) {
    section.services-master .b2v3-confidence {
        width: calc(100% - 32px) !important;
        display: block !important;
        padding: 44px 34px !important;
        min-height: auto !important;
        height: auto !important;
        overflow: hidden !important;
    }

    section.services-master .b2v3-confidence-copy,
    section.services-master .b2v3-confidence-copy.sellar-process-title-fix {
        margin: 0 0 30px !important;
        max-width: 100% !important;
        transform: none !important;
        position: relative !important;
    }

    section.services-master .b2v3-confidence-copy h2,
    section.services-master .b2v3-confidence-copy.sellar-process-title-fix h2 {
        font-size: clamp(2.45rem, 6vw, 3.8rem) !important;
        line-height: .99 !important;
        max-width: 100% !important;
        margin: 0 0 20px !important;
    }

    section.services-master .sellar-process-desc-fix,
    section.services-master .b2v3-confidence-copy p {
        font-size: .96rem !important;
        line-height: 1.66 !important;
    }

    section.services-master .b2v3-steps,
    section.services-master .b2v3-steps.sellar-flow-clean-card {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
    }

    section.services-master .b2v3-step-card {
        min-height: auto !important;
        padding: 24px 22px !important;
        transform: none !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    section.services-master .b2v3-confidence {
        width: calc(100% - 24px) !important;
        display: block !important;
        padding: 32px 16px 30px !important;
        min-height: auto !important;
        height: auto !important;
        overflow: hidden !important;
    }

    section.services-master .b2v3-confidence-copy,
    section.services-master .b2v3-confidence-copy.sellar-process-title-fix {
        max-width: 100% !important;
        margin: 0 0 32px !important;
        padding: 0 !important;
        transform: none !important;
        position: relative !important;
        z-index: 20 !important;
    }

    section.services-master .b2v3-confidence-copy h2,
    section.services-master .b2v3-confidence-copy.sellar-process-title-fix h2 {
        font-size: clamp(1.95rem, 8vw, 2.7rem) !important;
        line-height: 1.04 !important;
        letter-spacing: -.048em !important;
        max-width: 100% !important;
        margin: 0 0 18px !important;
    }

    section.services-master .sellar-process-desc-fix,
    section.services-master .b2v3-confidence-copy p {
        font-size: .91rem !important;
        line-height: 1.64 !important;
        max-width: 100% !important;
        margin: 0 !important;
        position: relative !important;
        z-index: 21 !important;
    }

    section.services-master .b2v3-steps,
    section.services-master .b2v3-steps.sellar-flow-clean-card {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
        transform: none !important;
        position: relative !important;
        z-index: 10 !important;
    }

    section.services-master .b2v3-step-card {
        width: 100% !important;
        min-height: auto !important;
        height: auto !important;
        padding: 22px 20px !important;
        border-radius: 24px !important;
        transform: none !important;
    }

    section.services-master .b2v3-step-card h3 {
        font-size: 1.15rem !important;
        line-height: 1.12 !important;
    }

    section.services-master .b2v3-step-card p {
        font-size: .9rem !important;
        line-height: 1.56 !important;
    }
}

/* =========================
   TÍTULOS GERAIS MUITO GRANDES
========================= */

@media (min-width: 1025px) {
    .b2v3-heading h2,
    .b3v3-authority h2,
    .b4v1-faq h2,
    .b5v1-final h2,
    .sellar-finale-v6 h2 {
        font-size: clamp(2.8rem, 4vw, 4.7rem) !important;
        line-height: .98 !important;
        letter-spacing: -.055em !important;
    }
}

@media (max-width: 760px) {
    .b2v3-heading h2,
    .b3v3-authority h2,
    .b4v1-faq h2,
    .b5v1-final h2,
    .sellar-finale-v6 h2 {
        font-size: clamp(2rem, 8.4vw, 3rem) !important;
        line-height: 1.02 !important;
    }
}

/* SELLAR_RESPONSIVO_REAL_FINAL_END */


/* SELLAR_HEADER_CENTRALIZADO_FINAL_START */
/* Correção cirúrgica apenas do topo/header */

.site-header {
    width: min(1188px, calc(100% - 44px)) !important;
    max-width: 1188px !important;

    left: 50% !important;
    right: auto !important;
    transform: translateX(-50%) !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    box-sizing: border-box !important;
    z-index: 9999 !important;
}

.site-header .header-container {
    width: 100% !important;
    max-width: none !important;

    display: grid !important;
    grid-template-columns: auto minmax(260px, 1fr) auto !important;
    align-items: center !important;
    gap: 28px !important;

    margin: 0 !important;
    padding-left: 18px !important;
    padding-right: 18px !important;

    box-sizing: border-box !important;
}

.site-header .brand {
    justify-self: start !important;
    min-width: 0 !important;
}

.site-header .desktop-menu {
    justify-self: center !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: clamp(22px, 2.2vw, 34px) !important;

    width: auto !important;
    max-width: 100% !important;
    margin: 0 auto !important;
}

.site-header .header-cta {
    justify-self: end !important;
    white-space: nowrap !important;
}

/* Notebook comum */
@media (min-width: 1025px) and (max-width: 1366px) {
    .site-header {
        width: min(1080px, calc(100% - 36px)) !important;
    }

    .site-header .header-container {
        grid-template-columns: auto minmax(220px, 1fr) auto !important;
        gap: 22px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .site-header .desktop-menu {
        gap: 24px !important;
    }
}

/* Tablet */
@media (min-width: 761px) and (max-width: 1024px) {
    .site-header {
        width: calc(100% - 32px) !important;
        max-width: 900px !important;

        left: 50% !important;
        transform: translateX(-50%) !important;
    }

    .site-header .header-container {
        grid-template-columns: auto 1fr auto !important;
        gap: 16px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .site-header .desktop-menu {
        display: none !important;
    }

    .site-header .header-cta {
        justify-self: end !important;
    }
}

/* Mobile */
@media (max-width: 760px) {
    .site-header {
        width: calc(100% - 24px) !important;
        max-width: 680px !important;

        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .site-header .header-container {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;

        gap: 12px !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .site-header .desktop-menu {
        display: none !important;
    }

    .site-header .brand {
        justify-self: start !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .site-header .header-cta {
        justify-self: end !important;
        min-height: 42px !important;
        padding-left: 18px !important;
        padding-right: 18px !important;
        font-size: 13px !important;
    }

    .site-header .sellar-header-escudo-mark,
    .site-header .sellar-header-escudo-mark img {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
    }

    .site-header .sellar-header-escudo-copy strong {
        font-size: 14px !important;
        line-height: 1.05 !important;
    }

    .site-header .sellar-header-escudo-copy small {
        font-size: 8.5px !important;
        letter-spacing: .08em !important;
    }
}

/* Celular estreito */
@media (max-width: 430px) {
    .site-header {
        width: calc(100% - 18px) !important;
    }

    .site-header .header-container {
        padding-left: 10px !important;
        padding-right: 10px !important;
        gap: 10px !important;
    }

    .site-header .header-cta {
        min-height: 40px !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
        font-size: 12px !important;
    }

    .site-header .sellar-header-escudo-mark,
    .site-header .sellar-header-escudo-mark img {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;
    }

    .site-header .sellar-header-escudo-copy strong {
        font-size: 13px !important;
    }

    .site-header .sellar-header-escudo-copy small {
        font-size: 8px !important;
    }
}

/* SELLAR_HEADER_CENTRALIZADO_FINAL_END */


/* SELLAR_RESET_PROCESSO_DEFINITIVO_START */
/* Reset definitivo apenas do bloco "Como a Sellar conduz" */

/* BLOCO PRINCIPAL */
body main section.services-master .b2v3-confidence.sellar-flow-clean-premium,
body main section.services-master .b2v3-confidence {
    width: min(1180px, calc(100% - 44px)) !important;
    max-width: 1180px !important;

    margin: 0 auto 42px auto !important;
    padding: 54px 44px 46px !important;

    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-rows: auto auto !important;
    row-gap: 42px !important;

    position: relative !important;
    overflow: hidden !important;
    min-height: 0 !important;
    height: auto !important;

    box-sizing: border-box !important;
}

/* REMOVE ELEMENTOS QUE ESTÃO ATRAPALHANDO */
body main section.services-master .sellar-process-desc-fix,
body main section.services-master .sellar-flow-clean-detail,
body main section.services-master .sellar-process-floating-seal,
body main section.services-master .sellar-process-trustline,
body main section.services-master .sellar-process-pro-strip,
body main section.services-master .sellar-process-mini-seal {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
}

/* ÁREA DO TÍTULO */
body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix,
body main section.services-master .b2v3-confidence-copy {
    grid-column: 1 !important;
    grid-row: 1 !important;

    display: block !important;
    position: relative !important;
    z-index: 10 !important;

    width: 100% !important;
    max-width: 820px !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

/* KICKER */
body main section.services-master .b2v3-confidence-copy .b2v3-kicker,
body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix .b2v3-kicker {
    display: inline-flex !important;
    width: fit-content !important;
    margin: 0 0 18px 0 !important;

    position: relative !important;
    z-index: 11 !important;

    transform: none !important;
}

/* TÍTULO */
body main section.services-master .b2v3-confidence-copy h2,
body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix h2 {
    display: block !important;
    position: relative !important;
    z-index: 11 !important;

    width: 100% !important;
    max-width: 820px !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: clamp(3rem, 4.2vw, 4.65rem) !important;
    line-height: 1.02 !important;
    letter-spacing: -.055em !important;

    transform: none !important;
}

/* GRID DOS CARDS — SEM SOBREPOR O TÍTULO */
body main section.services-master .b2v3-steps.sellar-flow-clean-card,
body main section.services-master .b2v3-steps {
    grid-column: 1 !important;
    grid-row: 2 !important;

    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    z-index: 5 !important;

    transform: none !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
}

/* CARDS */
body main section.services-master .b2v3-step-card,
body main section.services-master .flow-clean-01,
body main section.services-master .flow-clean-02,
body main section.services-master .flow-clean-03 {
    width: 100% !important;
    min-width: 0 !important;

    min-height: 255px !important;
    height: auto !important;

    margin: 0 !important;
    padding: 22px 20px !important;

    position: relative !important;
    z-index: 6 !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;

    box-sizing: border-box !important;
    overflow: hidden !important;
    border-radius: 26px !important;
}

/* NÚMEROS */
body main section.services-master .b2v3-step-card > span:first-child {
    position: relative !important;
    inset: auto !important;

    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 0 18px 0 !important;

    transform: none !important;
}

/* TEXTO INTERNO */
body main section.services-master .b2v3-step-card h3 {
    margin: 0 0 10px 0 !important;

    font-size: 1.14rem !important;
    line-height: 1.12 !important;
    letter-spacing: -.02em !important;

    max-width: 100% !important;
}

body main section.services-master .b2v3-step-card p {
    margin: 0 0 14px 0 !important;

    font-size: .93rem !important;
    line-height: 1.55 !important;

    max-width: 100% !important;
}

/* BLOCO ABAIXO: DAR RESPIRO */
body main section.services-master .b2v3-proof-wall.sellar-v2-stats-bar,
body main section.services-master .b2v3-proof-wall.reveal.sellar-v2-stats-bar {
    margin-top: 34px !important;
}

/* NOTEBOOK */
@media (min-width: 1025px) and (max-width: 1366px) {
    body main section.services-master .b2v3-confidence.sellar-flow-clean-premium,
    body main section.services-master .b2v3-confidence {
        width: min(1080px, calc(100% - 40px)) !important;
        padding: 48px 38px 42px !important;
        row-gap: 36px !important;
    }

    body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix,
    body main section.services-master .b2v3-confidence-copy {
        max-width: 760px !important;
    }

    body main section.services-master .b2v3-confidence-copy h2,
    body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix h2 {
        max-width: 760px !important;
        font-size: clamp(2.7rem, 4vw, 4.05rem) !important;
    }

    body main section.services-master .b2v3-step-card {
        min-height: 245px !important;
        padding: 20px 18px !important;
    }
}

/* TABLET */
@media (min-width: 761px) and (max-width: 1024px) {
    body main section.services-master .b2v3-confidence.sellar-flow-clean-premium,
    body main section.services-master .b2v3-confidence {
        width: calc(100% - 32px) !important;
        padding: 42px 28px 36px !important;
        row-gap: 30px !important;
    }

    body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix,
    body main section.services-master .b2v3-confidence-copy {
        max-width: 100% !important;
    }

    body main section.services-master .b2v3-confidence-copy h2,
    body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix h2 {
        max-width: 100% !important;
        font-size: clamp(2.25rem, 5.4vw, 3.35rem) !important;
        line-height: 1.03 !important;
    }

    body main section.services-master .b2v3-steps.sellar-flow-clean-card,
    body main section.services-master .b2v3-steps {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }

    body main section.services-master .b2v3-step-card {
        min-height: auto !important;
    }
}

/* MOBILE */
@media (max-width: 760px) {
    body main section.services-master .b2v3-confidence.sellar-flow-clean-premium,
    body main section.services-master .b2v3-confidence {
        width: calc(100% - 24px) !important;
        padding: 32px 16px 28px !important;
        row-gap: 24px !important;
        margin-bottom: 30px !important;
    }

    body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix,
    body main section.services-master .b2v3-confidence-copy {
        max-width: 100% !important;
    }

    body main section.services-master .b2v3-confidence-copy .b2v3-kicker,
    body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix .b2v3-kicker {
        margin-bottom: 12px !important;
    }

    body main section.services-master .b2v3-confidence-copy h2,
    body main section.services-master .b2v3-confidence-copy.sellar-process-title-fix h2 {
        max-width: 100% !important;
        font-size: clamp(2rem, 8vw, 2.8rem) !important;
        line-height: 1.04 !important;
        letter-spacing: -.048em !important;
    }

    body main section.services-master .b2v3-steps.sellar-flow-clean-card,
    body main section.services-master .b2v3-steps {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    body main section.services-master .b2v3-step-card {
        min-height: auto !important;
        padding: 20px 18px !important;
    }
}

/* SELLAR_RESET_PROCESSO_DEFINITIVO_END */

