:root {
    --navy: #061a38;
    --navy-2: #082653;
    --navy-3: #0b326d;
    --blue: #1683ff;
    --blue-2: #2563eb;
    --light-blue: #eff7ff;
    --text: #0b1b36;
    --muted: #64748b;
    --line: #dce8f5;
    --soft: #f7fbff;
    --white: #ffffff;
    --green: #16a34a;
    --red: #ef4444;
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family:
        Inter,
        Arial,
        Helvetica,
        sans-serif;
    color: var(--text);
    background: var(--white);
}

a {
    color: inherit;
    text-decoration: none;
}

button,
input,
textarea,
select {
    font: inherit;
}

.container {
    width: min(1180px, calc(100% - 40px));
    margin-inline: auto;
}


/* ==========================================================
   HEADER
   ========================================================== */

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: rgba(5, 26, 56, .96);
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    backdrop-filter: blur(12px);
}

.header-inner {
    min-height: 74px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 42px;
}

.brand {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    letter-spacing: -.4px;
}

.brand-mark {
    display: flex;
    align-items: flex-end;
    gap: 2px;
    height: 21px;
}

.brand-mark i {
    width: 4px;
    border-radius: 4px;
    background: #2696ff;
}

.brand-mark i:nth-child(1) {
    height: 8px;
}

.brand-mark i:nth-child(2) {
    height: 14px;
}

.brand-mark i:nth-child(3) {
    height: 21px;
}

.nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    color: #d7e5f7;
    font-size: 13px;
    font-weight: 600;
}

.nav a:hover,
.login-link:hover {
    color: #fff;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 20px;
}

.login-link {
    color: #d7e5f7;
    font-size: 13px;
    font-weight: 700;
}

.btn {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0 23px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 800;
    transition: .2s ease;
}

.btn-primary {
    color: #fff;
    background: linear-gradient(135deg, #1683ff, #2563eb);
    box-shadow: 0 12px 30px rgba(22, 131, 255, .22);
}

.btn-primary:hover {
    transform: translateY(-1px);
    box-shadow: 0 15px 35px rgba(22, 131, 255, .3);
}

.btn-header {
    min-height: 42px;
    padding-inline: 18px;
    border-radius: 9px;
}


/* ==========================================================
   HERO
   ========================================================== */

.hero {
    position: relative;
    overflow: hidden;
    padding: 82px 0 78px;
    color: #fff;
    background:
        radial-gradient(
            circle at 77% 42%,
            rgba(31, 119, 255, .27),
            transparent 30%
        ),
        linear-gradient(
            135deg,
            #061a38 0%,
            #08295b 54%,
            #0c397b 100%
        );
}

.hero::before {
    content: "";
    position: absolute;
    width: 460px;
    height: 460px;
    border-radius: 50%;
    right: -160px;
    top: -170px;
    background: rgba(36, 139, 255, .1);
}

.hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: .88fr 1.12fr;
    gap: 45px;
    align-items: center;
}

.eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: #1683ff;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .8px;
}

.hero .eyebrow {
    color: #48b3ff;
}

.hero h1 {
    max-width: 590px;
    margin: 0;
    font-size: clamp(44px, 5.25vw, 66px);
    line-height: 1.02;
    letter-spacing: -2.7px;
}

.hero h1 span {
    display: block;
    color: #1683ff;
}

.hero-text {
    max-width: 560px;
    margin: 22px 0 0;
    color: #d4e2f2;
    font-size: 17px;
    line-height: 1.6;
}

.hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.btn-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.3);
    background: rgba(255,255,255,.05);
}

.btn-outline:hover {
    background: rgba(255,255,255,.1);
}

.play-circle {
    width: 26px;
    height: 26px;
    display: inline-grid;
    place-items: center;
    border: 1px solid rgba(255,255,255,.6);
    border-radius: 50%;
    font-size: 9px;
}

.trust-row {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 20px;
    color: #d7e5f7;
    font-size: 11px;
}

.trust-row span::first-letter {
    color: #35d391;
}


/* ==========================================================
   HERO DEVICES
   ========================================================== */

.hero-product {
    position: relative;
    min-height: 410px;
}

.device-glow {
    position: absolute;
    inset: 20% 5% 2% 10%;
    border-radius: 50%;
    background: rgba(37, 99, 235, .3);
    filter: blur(70px);
}

.laptop {
    position: absolute;
    width: 76%;
    right: 12%;
    top: 0;
    z-index: 2;
    transform: perspective(1300px) rotateY(-5deg);
}

.laptop-screen {
    overflow: hidden;
    aspect-ratio: 16 / 10;
    padding: 9px;
    border: 5px solid #161d29;
    border-radius: 18px 18px 8px 8px;
    background: #111827;
    box-shadow: 0 25px 60px rgba(0,0,0,.32);
}

.app-shell {
    height: 100%;
    display: grid;
    grid-template-columns: 24% 76%;
    overflow: hidden;
    border-radius: 8px;
    color: var(--text);
    background: #f8fafc;
}

.mini-sidebar {
    display: flex;
    flex-direction: column;
    gap: 13px;
    padding: 20px 13px;
    color: #c4d5eb;
    background: #071b37;
    font-size: 8px;
}

.mini-sidebar strong {
    margin-bottom: 5px;
    color: #fff;
    font-size: 9px;
}

.mini-sidebar .active {
    padding: 7px;
    margin: -4px -4px 0;
    border-radius: 5px;
    color: #fff;
    background: #156fe8;
}

.mini-main {
    padding: 18px;
}

.mini-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.mini-top div {
    display: flex;
    flex-direction: column;
}

.mini-top small {
    color: var(--muted);
    font-size: 8px;
}

.mini-top strong {
    margin-top: 2px;
    font-size: 13px;
}

.mini-top > span {
    padding: 5px 8px;
    border: 1px solid var(--line);
    border-radius: 5px;
    color: var(--muted);
    font-size: 7px;
}

.stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: 15px;
}

.stats-row article {
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 7px;
    background: #fff;
}

.stats-row small {
    display: block;
    color: var(--muted);
    font-size: 7px;
}

.stats-row strong {
    display: block;
    margin-top: 4px;
    font-size: 11px;
}

.green {
    color: #16a34a !important;
}

.red {
    color: #ef4444 !important;
}

.chart-card {
    margin-top: 10px;
    padding: 9px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
}

.chart-head {
    display: flex;
    justify-content: space-between;
    font-size: 7px;
}

.chart-head span {
    font-weight: 700;
}

.chart-head small {
    color: var(--muted);
}

.line-chart {
    height: 84px;
    margin-top: 8px;
    background:
        repeating-linear-gradient(
            to bottom,
            transparent,
            transparent 20px,
            #edf2f7 21px
        );
}

.line-chart svg {
    width: 100%;
    height: 100%;
}

.mini-bottom-grid {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    gap: 9px;
    margin-top: 10px;
}

.mini-bottom-grid article {
    min-height: 75px;
    padding: 9px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
}

.mini-bottom-grid small {
    color: var(--muted);
    font-size: 7px;
}

.bars {
    height: 44px;
    display: flex;
    align-items: end;
    gap: 5px;
    margin-top: 8px;
}

.bars i {
    flex: 1;
    min-height: 7px;
    border-radius: 3px 3px 0 0;
    background: linear-gradient(#36a1ff, #2563eb);
}

.activity p {
    display: flex;
    justify-content: space-between;
    margin: 6px 0 0;
    font-size: 6px;
}

.activity p span {
    color: #16a34a;
}

.laptop-base {
    position: relative;
    height: 54px;
    margin: -1px -38px 0;
    border-radius: 0 0 20px 20px;
    background: linear-gradient(180deg, #687383, #2e3744);
    transform: perspective(800px) rotateX(63deg);
    transform-origin: top;
    box-shadow: 0 14px 25px rgba(0,0,0,.35);
}

.keyboard {
    position: absolute;
    width: 66%;
    height: 18px;
    left: 17%;
    top: 8px;
    opacity: .5;
    border-radius: 3px;
    background:
        repeating-linear-gradient(
            90deg,
            #1c2430 0,
            #1c2430 5px,
            transparent 5px,
            transparent 7px
        );
}

.trackpad {
    position: absolute;
    width: 22%;
    height: 14px;
    left: 39%;
    top: 29px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 3px;
}

.phone {
    position: absolute;
    width: 132px;
    height: 280px;
    right: 0;
    bottom: -5px;
    z-index: 4;
    padding: 7px;
    border-radius: 24px;
    background: #121722;
    box-shadow: 0 22px 45px rgba(0,0,0,.35);
    transform: rotate(2deg);
}

.phone-screen {
    height: 100%;
    padding: 21px 10px 10px;
    border-radius: 18px;
    color: var(--text);
    background: #fff;
}

.phone-notch {
    position: absolute;
    width: 52px;
    height: 14px;
    left: 40px;
    top: 7px;
    z-index: 2;
    border-radius: 0 0 9px 9px;
    background: #121722;
}

.phone-screen > strong {
    display: block;
    color: #0c326a;
    font-size: 8px;
}

.phone-screen > small {
    display: block;
    margin-top: 27px;
    color: var(--muted);
    font-size: 8px;
    text-align: center;
}

.phone-screen h3 {
    margin: 4px 0;
    color: #16a34a;
    font-size: 14px;
    text-align: center;
}

.phone-actions {
    display: flex;
    justify-content: space-around;
    margin: 17px 0;
}

.phone-actions span {
    width: 26px;
    height: 26px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #1683ff;
    background: #eff7ff;
    font-size: 10px;
}

.phone-screen h4 {
    font-size: 9px;
}

.phone-screen p {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    margin: 9px 0;
    font-size: 7px;
}

.phone-screen p span {
    color: #475569;
}


/* ==========================================================
   GLOBAL SECTIONS
   ========================================================== */

.section {
    padding: 88px 0;
}

.section-heading {
    max-width: 760px;
    margin: 0 auto 45px;
    text-align: center;
}

.section-heading h2 {
    margin: 0;
    color: var(--navy);
    font-size: 36px;
    line-height: 1.13;
    letter-spacing: -1.2px;
}

.section-heading h2 span {
    color: var(--blue);
}

.section-heading p {
    margin: 13px auto 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.7;
}


/* ==========================================================
   PAIN
   ========================================================== */

.pain-section {
    background: linear-gradient(180deg, #fff, #f8fbff);
}

.pain-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
}

.pain-grid article {
    min-height: 205px;
    padding: 25px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(15,23,42,.04);
}

.icon {
    width: 44px;
    height: 44px;
    display: grid;
    place-items: center;
    margin-bottom: 18px;
    border-radius: 11px;
    font-weight: 900;
}

.icon.danger {
    color: #ef4444;
    background: #fff0f0;
}

.icon.orange {
    color: #ea580c;
    background: #fff3e9;
}

.icon.purple {
    color: #7c3aed;
    background: #f4eeff;
}

.icon.blue {
    color: #2563eb;
    background: #eef5ff;
}

.pain-grid h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.25;
}

.pain-grid p {
    margin: 12px 0 0;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.6;
}


/* ==========================================================
   FEATURES
   ========================================================== */

.features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 17px;
}

.feature-card {
    overflow: hidden;
    border: 1px solid var(--line);
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 10px 30px rgba(15,23,42,.04);
}

.feature-visual {
    height: 175px;
    padding: 20px;
    background: linear-gradient(145deg, #f8fbff, #eef7ff);
}

.feature-card h3 {
    margin: 20px 20px 0;
    font-size: 17px;
}

.feature-card > p {
    margin: 10px 20px 23px;
    color: var(--muted);
    font-size: 13px;
    line-height: 1.55;
}

.balance-card small {
    display: block;
    color: var(--muted);
}

.balance-card strong {
    display: block;
    margin-top: 6px;
    font-size: 23px;
}

.tiny-bars {
    height: 72px;
    display: flex;
    align-items: flex-end;
    gap: 9px;
    margin-top: 20px;
}

.tiny-bars i {
    flex: 1;
    border-radius: 4px 4px 0 0;
    background: #4da3ff;
}

.tiny-bars i:nth-child(1) { height: 30%; }
.tiny-bars i:nth-child(2) { height: 45%; }
.tiny-bars i:nth-child(3) { height: 36%; }
.tiny-bars i:nth-child(4) { height: 63%; }
.tiny-bars i:nth-child(5) { height: 82%; }

.installments {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 10px;
}

.installments span {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fff;
    font-size: 10px;
}

.pdf-card {
    display: grid;
    place-items: center;
}

.pdf-icon {
    width: 62px;
    height: 72px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: #ef4444;
    font-size: 13px;
    font-weight: 900;
}

.pdf-bars {
    display: flex;
    align-items: flex-end;
    gap: 4px;
    height: 28px;
    margin-top: -12px;
}

.pdf-bars i {
    width: 10px;
    background: #1683ff;
}

.pdf-bars i:nth-child(1) { height: 35%; }
.pdf-bars i:nth-child(2) { height: 65%; }
.pdf-bars i:nth-child(3) { height: 100%; }

.menu-preview {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.menu-preview span {
    padding: 7px 9px;
    border-radius: 6px;
    color: #475569;
    font-size: 11px;
}

.menu-preview .active {
    color: #0d5ecb;
    background: #dcecff;
    font-weight: 700;
}


/* ==========================================================
   PRODUCT SHOWCASE
   ========================================================== */

.product-section {
    background: linear-gradient(180deg, #f5faff, #fff);
}

.product-showcase {
    display: grid;
    grid-template-columns: 1fr 260px;
    gap: 24px;
    align-items: stretch;
}

.dashboard-preview {
    min-height: 440px;
    display: grid;
    grid-template-columns: 160px 1fr;
    overflow: hidden;
    border: 1px solid #cfdff1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(15,23,42,.11);
}

.preview-sidebar {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 27px 16px;
    color: #c9daef;
    background: #061a38;
    font-size: 11px;
}

.preview-sidebar strong {
    margin-bottom: 12px;
    color: #fff;
}

.preview-sidebar span {
    padding: 9px;
    border-radius: 7px;
}

.preview-sidebar .active {
    color: #fff;
    background: #1476ed;
}

.preview-content {
    padding: 30px;
}

.preview-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.preview-title small {
    color: var(--muted);
}

.preview-title h3 {
    margin: 4px 0 0;
}

.preview-title > span {
    padding: 8px 11px;
    border: 1px solid var(--line);
    border-radius: 7px;
    color: var(--muted);
    font-size: 11px;
}

.preview-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin-top: 28px;
}

.preview-stats article {
    padding: 15px;
    border: 1px solid var(--line);
    border-radius: 9px;
}

.preview-stats small {
    display: block;
    color: var(--muted);
    font-size: 10px;
}

.preview-stats b {
    display: block;
    margin-top: 6px;
}

.preview-chart {
    height: 210px;
    margin-top: 26px;
    border: 1px solid var(--line);
    border-radius: 10px;
    background:
        repeating-linear-gradient(
            to bottom,
            transparent,
            transparent 41px,
            #edf2f7 42px
        );
}

.preview-chart svg {
    width: 100%;
    height: 100%;
}

.showcase-benefits {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 17px;
    padding: 28px;
    border: 1px solid var(--line);
    border-radius: 15px;
    background: #fff;
}

.showcase-benefits p {
    margin: 0;
    color: #184b87;
    font-size: 13px;
    font-weight: 700;
}


/* ==========================================================
   SECURITY
   ========================================================== */

.security-section {
    padding: 78px 0;
    color: #fff;
    background:
        radial-gradient(
            circle at 12% 50%,
            rgba(31, 130, 255, .24),
            transparent 25%
        ),
        linear-gradient(135deg, #04172f, #07346f);
}

.security-heading {
    display: grid;
    grid-template-columns: 120px 1fr;
    gap: 30px;
    align-items: center;
    max-width: 780px;
}

.security-shield {
    width: 110px;
    height: 110px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(21, 128, 255, .17);
    border: 1px solid rgba(77, 163, 255, .28);
}

.security-shield span {
    width: 70px;
    height: 78px;
    display: grid;
    place-items: center;
    border-radius: 36px 36px 42px 42px;
    color: #fff;
    background: linear-gradient(#2093ff, #0d5ed3);
    font-size: 33px;
    font-weight: 900;
    box-shadow: 0 0 30px rgba(31, 143, 255, .38);
}

.light-eyebrow {
    color: #4fb1ff;
}

.security-heading h2 {
    margin: 0;
    font-size: 34px;
    letter-spacing: -1px;
}

.security-heading p {
    max-width: 700px;
    margin: 11px 0 0;
    color: #cbdcf0;
    line-height: 1.6;
}

.security-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
    margin-top: 42px;
}

.security-grid article {
    padding: 24px;
    border: 1px solid rgba(93, 167, 255, .28);
    border-radius: 12px;
    background: rgba(8, 42, 84, .58);
}

.security-icon {
    margin-bottom: 16px;
    color: #36a5ff;
    font-size: 24px;
}

.security-grid h3 {
    margin: 0;
    font-size: 15px;
}

.security-grid p {
    margin: 9px 0 0;
    color: #bcd1e9;
    font-size: 12px;
    line-height: 1.55;
}


/* ==========================================================
   LIFESTYLE / BENEFIT
   ========================================================== */

.lifestyle-section {
    background: #fff;
}

.lifestyle-grid {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 55px;
    align-items: center;
}

.lifestyle-visual {
    position: relative;
    min-height: 360px;
    overflow: hidden;
    border-radius: 20px;
    background:
        radial-gradient(
            circle at 45% 45%,
            rgba(34, 139, 230, .18),
            transparent 45%
        ),
        linear-gradient(145deg, #edf7ff, #dceeff);
}

.lifestyle-phone {
    position: absolute;
    width: 150px;
    height: 270px;
    left: 37%;
    top: 43px;
    display: grid;
    place-items: center;
    border: 9px solid #0e2037;
    border-radius: 27px;
    background: #fff;
    transform: rotate(-7deg);
    box-shadow: 0 22px 40px rgba(15,23,42,.16);
}

.lifestyle-phone span {
    width: 75px;
    height: 75px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #1683ff;
    font-size: 25px;
    font-weight: 900;
}

.floating-note {
    position: absolute;
    left: 27px;
    top: 35px;
    color: #2768ae;
    font-family: cursive;
    font-size: 18px;
    line-height: 1.4;
    transform: rotate(-6deg);
}

.lifestyle-copy h2 {
    max-width: 650px;
    margin: 0;
    font-size: 38px;
    line-height: 1.12;
    letter-spacing: -1.1px;
}

.lifestyle-copy > p {
    max-width: 650px;
    margin-top: 18px;
    color: var(--muted);
    font-size: 16px;
    line-height: 1.7;
}

.benefit-list {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    margin-top: 28px;
    color: #18508e;
    font-size: 13px;
    font-weight: 700;
}


/* ==========================================================
   PRICING
   ========================================================== */

.pricing-section {
    padding: 82px 0;
    background: linear-gradient(135deg, #eef7ff, #fff);
}

.pricing-grid {
    display: grid;
    grid-template-columns: 1.1fr .9fr;
    gap: 70px;
    align-items: center;
}

.pricing-copy h2 {
    max-width: 580px;
    margin: 0;
    font-size: 38px;
    line-height: 1.12;
}

.pricing-copy > p {
    max-width: 570px;
    color: var(--muted);
    line-height: 1.7;
}

.pricing-trust {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 24px;
    color: #295f99;
    font-size: 13px;
}

.price-card {
    max-width: 420px;
    padding: 32px;
    border: 1px solid #d9e7f5;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 20px 50px rgba(15,23,42,.09);
}

.trial-badge {
    display: inline-block;
    padding: 7px 12px;
    border-radius: 999px;
    color: #0c6bd9;
    background: #e8f4ff;
    font-size: 11px;
    font-weight: 800;
}

.price-card > small {
    display: block;
    margin-top: 16px;
    color: var(--muted);
}

.price {
    display: flex;
    align-items: end;
    gap: 5px;
    margin-top: 4px;
}

.price strong {
    font-size: 38px;
    letter-spacing: -1.3px;
}

.price span {
    margin-bottom: 6px;
    color: var(--muted);
}

.price-card ul {
    margin: 22px 0;
    padding: 0;
    list-style: none;
}

.price-card li {
    position: relative;
    margin: 10px 0;
    padding-left: 23px;
    color: #39516c;
    font-size: 13px;
}

.price-card li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #1683ff;
    font-weight: 900;
}

.full {
    width: 100%;
}

.price-note {
    margin: 12px 0 0;
    color: #94a3b8;
    font-size: 10px;
    text-align: center;
}


/* ==========================================================
   FAQ
   ========================================================== */

.faq-section {
    background: #fff;
}

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

details {
    border: 1px solid var(--line);
    border-radius: 12px;
    background: #fff;
}

summary {
    position: relative;
    padding: 21px 45px 21px 20px;
    cursor: pointer;
    list-style: none;
    font-size: 13px;
    font-weight: 800;
}

summary::-webkit-details-marker {
    display: none;
}

summary::after {
    content: "+";
    position: absolute;
    right: 20px;
    color: #1683ff;
    font-size: 18px;
}

details[open] summary::after {
    content: "−";
}

details p {
    margin: -5px 20px 20px;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.6;
}


/* ==========================================================
   FINAL CTA + FOOTER
   ========================================================== */

.final-cta {
    padding: 58px 0;
    color: #fff;
    background: linear-gradient(135deg, #061a38, #082e66);
}

.final-cta-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 45px;
}

.final-cta h2 {
    max-width: 480px;
    margin: 0;
    font-size: 32px;
    line-height: 1.15;
}

.final-cta p {
    margin: 10px 0 0;
    color: #c5d7eb;
}

.final-cta-inner > div:last-child {
    min-width: 390px;
    text-align: center;
}

.final-button {
    width: 100%;
}

.final-cta small {
    display: block;
    margin-top: 11px;
    color: #a9c2df;
}

.site-footer {
    padding: 39px 0;
    color: #fff;
    background: #04152d;
    border-top: 1px solid rgba(255,255,255,.08);
}

.footer-inner {
    display: flex;
    justify-content: space-between;
    gap: 40px;
}

.footer-brand {
    font-size: 17px;
}

.footer-inner p {
    margin: 7px 0 0;
    color: #8da8c7;
    font-size: 11px;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 20px;
    color: #adc2da;
    font-size: 11px;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width: 1080px) {

    .nav {
        display: none;
    }

    .header-inner {
        grid-template-columns: 1fr auto;
    }

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

    .hero-copy {
        max-width: 680px;
    }

    .hero-product {
        width: min(760px, 100%);
        min-height: 430px;
        margin-inline: auto;
    }

    .pain-grid,
    .features-grid,
    .security-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-showcase {
        grid-template-columns: 1fr;
    }

    .showcase-benefits {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

}

@media (max-width: 760px) {

    .container {
        width: min(100% - 28px, 1180px);
    }

    .site-header {
        position: static;
    }

    .header-inner {
        min-height: 65px;
    }

    .login-link {
        display: none;
    }

    .btn-header {
        font-size: 11px;
        min-height: 38px;
        padding-inline: 12px;
    }

    .hero {
        padding: 58px 0 42px;
    }

    .hero h1 {
        font-size: 43px;
    }

    .hero-text {
        font-size: 16px;
    }

    .hero-actions {
        flex-direction: column;
    }

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

    .trust-row {
        flex-direction: column;
        gap: 8px;
    }

    .hero-product {
        min-height: 315px;
    }

    .laptop {
        width: 87%;
        right: 8%;
    }

    .phone {
        width: 95px;
        height: 208px;
        right: -2px;
    }

    .phone-notch {
        width: 38px;
        left: 28px;
    }

    .phone-screen {
        padding-inline: 7px;
    }

    .mini-sidebar {
        display: none;
    }

    .app-shell {
        grid-template-columns: 1fr;
    }

    .stats-row {
        grid-template-columns: repeat(3, 1fr);
    }

    .mini-bottom-grid {
        display: none;
    }

    .pain-grid,
    .features-grid,
    .security-grid,
    .faq-grid {
        grid-template-columns: 1fr;
    }

    .section {
        padding: 68px 0;
    }

    .section-heading h2,
    .security-heading h2,
    .lifestyle-copy h2,
    .pricing-copy h2 {
        font-size: 30px;
    }

    .dashboard-preview {
        grid-template-columns: 1fr;
        min-height: auto;
    }

    .preview-sidebar {
        display: none;
    }

    .preview-content {
        padding: 18px;
    }

    .preview-stats {
        grid-template-columns: 1fr 1fr;
    }

    .showcase-benefits {
        grid-template-columns: 1fr;
    }

    .security-heading {
        grid-template-columns: 1fr;
    }

    .security-shield {
        width: 90px;
        height: 90px;
    }

    .lifestyle-grid,
    .pricing-grid {
        grid-template-columns: 1fr;
    }

    .lifestyle-visual {
        min-height: 310px;
    }

    .price-card {
        max-width: none;
    }

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

    .final-cta-inner > div:last-child {
        width: 100%;
        min-width: 0;
    }

    .footer-inner {
        flex-direction: column;
    }

    .footer-links {
        justify-content: flex-start;
    }

}

@media (max-width: 460px) {

    .brand {
        font-size: 15px;
    }

    .hero h1 {
        font-size: 37px;
        letter-spacing: -1.7px;
    }

    .hero-product {
        min-height: 250px;
    }

    .phone {
        width: 78px;
        height: 172px;
    }

    .phone-screen h3 {
        font-size: 10px;
    }

    .phone-actions,
    .phone-screen h4,
    .phone-screen p {
        display: none;
    }

    .laptop-base {
        height: 38px;
    }

    .preview-stats {
        grid-template-columns: 1fr;
    }

}

/* ==========================================================
   REFINO VISUAL V2
   ========================================================== */

/* Menos espaço vertical entre as seções */
.section {
    padding: 68px 0;
}

.pain-section {
    padding-bottom: 62px;
}

#recursos {
    padding-top: 62px;
    padding-bottom: 62px;
}

.product-section {
    padding-top: 62px;
    padding-bottom: 68px;
}

.lifestyle-section {
    padding-top: 64px;
    padding-bottom: 64px;
}

.pricing-section {
    padding-top: 68px;
    padding-bottom: 68px;
}

.faq-section {
    padding-top: 66px;
    padding-bottom: 68px;
}

/* Menos espaço após os cards */
.pain-grid,
.features-grid {
    margin-bottom: 0;
}

/* HERO mais proporcional */
.hero {
    padding-top: 68px;
    padding-bottom: 58px;
}

.hero-product {
    min-height: 365px;
}

.laptop {
    width: 70%;
    right: 15%;
}

.phone {
    right: 2%;
}

/* Seção de demonstração mais compacta */
.product-showcase {
    margin-top: 10px;
}

/* Cabeçalhos menos afastados */
.section-heading {
    margin-bottom: 34px;
}

/* ==========================================================
   SEÇÃO EMOCIONAL - VISUAL MAIS PROFISSIONAL
   ========================================================== */

.lifestyle-section {
    background:
        linear-gradient(
            135deg,
            #f8fbff 0%,
            #eef7ff 45%,
            #ffffff 100%
        );
}

.lifestyle-grid {
    gap: 42px;
}

.lifestyle-visual {
    min-height: 320px;
    border: 1px solid #d9e8f7;
    box-shadow: 0 20px 50px rgba(15, 23, 42, .08);
}

.lifestyle-copy {
    padding: 20px 0;
}

.lifestyle-copy h2 {
    max-width: 600px;
    font-size: 36px;
}

.lifestyle-copy > p {
    max-width: 620px;
}

.benefit-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 26px;
}

.benefit-list span {
    display: flex;
    align-items: center;
    min-height: 46px;
    padding: 11px 15px;
    border: 1px solid #dce9f6;
    border-radius: 10px;
    color: #164f8e;
    background: rgba(255,255,255,.9);
    box-shadow: 0 6px 18px rgba(15,23,42,.035);
}

/* ==========================================================
   PREÇO - MAIS FORTE / MAIS COMERCIAL
   ========================================================== */

.pricing-section {
    position: relative;
    overflow: hidden;
}

.pricing-section::before {
    content: "";
    position: absolute;
    width: 420px;
    height: 420px;
    right: -120px;
    top: -140px;
    border-radius: 50%;
    background: rgba(22,131,255,.08);
}

.pricing-grid {
    position: relative;
    z-index: 2;
    gap: 55px;
}

.pricing-copy {
    padding: 30px 0;
}

.pricing-copy h2 {
    font-size: 40px;
}

.price-card {
    position: relative;
    max-width: 440px;
    padding: 36px;
    border: 1px solid #cfe2f5;
    box-shadow:
        0 24px 70px rgba(20, 74, 130, .12),
        0 8px 25px rgba(15,23,42,.05);
}

.price-card::before {
    content: "MAIS SIMPLES. SEM SURPRESAS.";
    display: block;
    margin-bottom: 18px;
    color: #1683ff;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .8px;
}

.price strong {
    font-size: 42px;
}

.price-card li {
    margin: 13px 0;
}

.price-card .btn {
    min-height: 54px;
}

/* ==========================================================
   FAQ MAIS PROFISSIONAL
   ========================================================== */

.faq-section {
    background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.faq-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

details {
    box-shadow: 0 6px 18px rgba(15,23,42,.035);
}

summary {
    min-height: 66px;
    display: flex;
    align-items: center;
    padding-top: 18px;
    padding-bottom: 18px;
}

details[open] {
    border-color: #bcd8f4;
    box-shadow: 0 10px 28px rgba(22,131,255,.07);
}

details[open] summary {
    color: #0b5fc2;
}

@media (max-width: 760px) {
    .section,
    .pain-section,
    #recursos,
    .product-section,
    .lifestyle-section,
    .pricing-section,
    .faq-section {
        padding-top: 54px;
        padding-bottom: 54px;
    }

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

    .hero-product {
        min-height: 275px;
    }

    .laptop {
        width: 84%;
        right: 10%;
    }
}

/* ==========================================================
   FAQ - 3 COLUNAS / 4 LINHAS
   ========================================================== */

.faq-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.faq-grid details {
    min-width: 0;
}

.faq-grid summary {
    line-height: 1.35;
}

@media (max-width: 950px) {
    .faq-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .faq-grid {
        grid-template-columns: 1fr;
    }
}

/* ==========================================================
   DASHBOARD REAL GEST MONTE - LANDING
   ========================================================== */

.dashboard-real {
    min-height: 590px;
    grid-template-columns: 185px minmax(0, 1fr);
    border-radius: 15px;
    background: #f4f7fb;
}

.real-sidebar {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 20px 14px 16px;
    color: #cbd7e8;
    background:
        linear-gradient(
            180deg,
            #071a34 0%,
            #0a1a31 100%
        );
}

.real-brand {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2px 4px 20px;
}

.real-brand-icon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #0b1b36;
    background: #f3f6fb;
    font-size: 10px;
    font-weight: 900;
}

.real-brand div {
    min-width: 0;
}

.real-brand strong {
    display: block;
    color: #fff;
    font-size: 12px;
}

.real-brand small {
    display: block;
    margin-top: 3px;
    color: #8ca2bd;
    font-size: 7px;
}

.real-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.real-nav span {
    display: block;
    padding: 10px 10px;
    border-radius: 7px;
    font-size: 9px;
    font-weight: 700;
}

.real-nav .active {
    color: #fff;
    background: #173d7c;
    box-shadow:
        inset 2px 0 0 #55a8ff;
}

.real-subscription {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: auto;
    padding: 12px;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 10px;
    background: rgba(255,255,255,.04);
}

.real-subscription small {
    color: #8197b1;
    font-size: 7px;
    letter-spacing: .8px;
}

.real-subscription strong {
    color: #fff;
    font-size: 9px;
}

.real-subscription span {
    color: #c3d0df;
    font-size: 7px;
}

.real-subscription b {
    margin-top: 3px;
    color: #fff;
    font-size: 7px;
}

.real-dashboard {
    min-width: 0;
    padding: 26px;
}

.real-dashboard-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 20px;
}

.real-dashboard-header h3 {
    margin: 0;
    color: #0b1b36;
    font-size: 25px;
    letter-spacing: -.8px;
}

.real-dashboard-header p {
    margin: 4px 0 0;
    color: #718198;
    font-size: 10px;
}

.real-dashboard-actions {
    display: flex;
    gap: 8px;
}

.primary-action,
.secondary-action {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    border-radius: 8px;
    font-size: 8px;
    font-weight: 800;
}

.primary-action {
    color: #fff;
    background: #2563eb;
    box-shadow: 0 6px 15px rgba(37,99,235,.18);
}

.secondary-action {
    color: #0b1b36;
    border: 1px solid #dce5ef;
    background: #fff;
}

.real-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
    margin-top: 22px;
}

.real-metrics article {
    min-width: 0;
    padding: 16px;
    border: 1px solid #dfe7f0;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 4px 10px rgba(15,23,42,.025);
}

.real-metrics small,
.real-receivable-grid small {
    display: block;
    color: #7789a2;
    font-size: 7px;
    font-weight: 800;
}

.real-metrics strong {
    display: block;
    margin-top: 8px;
    color: #0b1b36;
    font-size: 18px;
    letter-spacing: -.5px;
}

.real-metrics .positive {
    color: #118547;
}

.real-metrics p {
    margin: 7px 0 0;
    color: #718198;
    font-size: 7px;
    line-height: 1.4;
}

.real-financial-panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 11px;
    margin-top: 15px;
}

.real-panel {
    min-width: 0;
    min-height: 185px;
    padding: 17px;
    border: 1px solid #dfe7f0;
    border-radius: 12px;
    background: #fff;
}

.real-panel-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 14px;
}

.real-panel-heading h4 {
    margin: 0;
    color: #0b1b36;
    font-size: 12px;
}

.real-panel-heading p {
    margin: 4px 0 0;
    color: #78889e;
    font-size: 7px;
}

.real-panel-heading > span {
    color: #2563eb;
    font-size: 8px;
}

.real-financial-row {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 9px 0;
    border-bottom: 1px solid #e7edf4;
    color: #728198;
    font-size: 8px;
}

.real-financial-row strong {
    flex: 0 0 auto;
    color: #0b1b36;
    font-size: 8px;
}

.real-financial-row.total {
    border-bottom: 0;
}

.real-financial-row.total span,
.real-financial-row.total strong {
    font-weight: 800;
}

.real-receivable {
    margin-top: 15px;
}

.real-receivable > h4 {
    margin: 0 0 9px;
    color: #0b1b36;
    font-size: 12px;
}

.real-receivable-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.real-receivable-grid article {
    min-width: 0;
    padding: 14px;
    border: 1px solid #dfe7f0;
    border-radius: 11px;
    background: #fff;
}

.real-receivable-grid strong {
    display: block;
    margin-top: 7px;
    color: #0b1b36;
    font-size: 17px;
}

.real-receivable-grid .overdue {
    color: #c62d22;
}

.real-receivable-grid p {
    margin: 6px 0;
    color: #78889e;
    font-size: 7px;
}

.real-receivable-grid span {
    color: #2563eb;
    font-size: 7px;
}

@media (max-width: 1050px) {
    .dashboard-real {
        grid-template-columns: 145px minmax(0, 1fr);
    }

    .real-dashboard {
        padding: 18px;
    }

    .real-metrics strong {
        font-size: 15px;
    }
}

@media (max-width: 760px) {

    .dashboard-real {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .real-sidebar {
        display: none;
    }

    .real-dashboard {
        padding: 15px;
    }

    .real-dashboard-header {
        flex-direction: column;
    }

    .real-dashboard-actions {
        width: 100%;
    }

    .primary-action,
    .secondary-action {
        flex: 1;
    }

    .real-metrics {
        grid-template-columns: 1fr 1fr;
    }

    .real-financial-panels {
        grid-template-columns: 1fr;
    }

    .real-receivable-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 440px) {

    .real-metrics {
        grid-template-columns: 1fr;
    }

}

/* ==========================================================
   PAINEL LATERAL - DASHBOARD SHOWCASE PREMIUM
   ========================================================== */

.showcase-benefits-premium {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 590px;
    padding: 28px 24px;
    border: 1px solid rgba(37, 99, 235, .16);
    border-radius: 16px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(37, 99, 235, .14),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f7fbff 100%
        );
    box-shadow:
        0 16px 40px rgba(15, 23, 42, .06),
        inset 0 1px 0 rgba(255,255,255,.8);
}

.showcase-benefits-premium::before {
    content: "";
    position: absolute;
    width: 110px;
    height: 110px;
    right: -30px;
    top: -30px;
    border-radius: 50%;
    background: rgba(22, 131, 255, .06);
}

.showcase-benefits-header {
    position: relative;
    z-index: 2;
}

.benefits-badge {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    color: #0f6dcc;
    background: #e9f4ff;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .8px;
}

.showcase-benefits-header h3 {
    margin: 16px 0 0;
    color: #0b1b36;
    font-size: 21px;
    line-height: 1.17;
    letter-spacing: -.6px;
}

.showcase-benefits-header p {
    margin: 10px 0 0;
    color: #6b7d92;
    font-size: 12px;
    line-height: 1.55;
}

.showcase-benefits-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 22px 0;
}

.showcase-benefits-list article {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 11px;
    align-items: start;
    padding: 11px;
    border: 1px solid #e0ebf6;
    border-radius: 10px;
    background: rgba(255,255,255,.92);
    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.showcase-benefits-list article:hover {
    transform: translateY(-1px);
    border-color: #b8d8f8;
    box-shadow: 0 8px 18px rgba(21, 99, 190, .06);
}

.benefit-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    color: #176fd1;
    background: #eaf4ff;
    font-size: 10px;
    font-weight: 900;
}

.showcase-benefits-list strong {
    display: block;
    color: #123d72;
    font-size: 11px;
    line-height: 1.3;
}

.showcase-benefits-list small {
    display: block;
    margin-top: 3px;
    color: #7b8ca0;
    font-size: 8px;
    line-height: 1.4;
}

.showcase-benefits-footer {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 15px;
    border-radius: 11px;
    color: #fff;
    background:
        linear-gradient(
            135deg,
            #0b5ec4 0%,
            #1683ff 100%
        );
    box-shadow:
        0 10px 24px rgba(22, 131, 255, .18);
}

.showcase-benefits-footer strong {
    font-size: 12px;
}

.showcase-benefits-footer span {
    color: #dceeff;
    font-size: 9px;
}

@media (max-width: 1080px) {

    .showcase-benefits-premium {
        min-height: auto;
    }

    .showcase-benefits-list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 650px) {

    .showcase-benefits-list {
        grid-template-columns: 1fr;
    }

}

/* ==========================================================
   SHOWCASE COMPACTO - AJUSTE FINAL
   ========================================================== */

/* Dashboard e painel lateral não precisam ter a mesma altura */
.product-showcase {
    align-items: start;
}

/* Remove a altura artificial que criava grande área vazia */
.dashboard-real {
    min-height: 0;
}

/* Sidebar passa a acompanhar apenas a altura do conteúdo */
.real-sidebar {
    min-height: 0;
}

/* Assinatura não é mais empurrada para o final de uma sidebar gigante */
.real-subscription {
    margin-top: 24px;
}

/* Coluna lateral curta, apenas com a apresentação */
.showcase-benefits-premium {
    min-height: 0;
    height: auto;
    padding: 28px 24px;
    align-self: start;
}

/* Remove regras antigas que poderiam esticar o painel */
.showcase-benefits-premium {
    justify-content: flex-start;
}

/* Um pouco mais de acabamento no bloco curto */
.showcase-benefits-header {
    padding-bottom: 4px;
}

.showcase-benefits-header h3 {
    margin-top: 16px;
    font-size: 22px;
    line-height: 1.16;
}

.showcase-benefits-header p {
    margin-top: 12px;
    margin-bottom: 0;
    line-height: 1.55;
}

@media (max-width: 1080px) {
    .showcase-benefits-premium {
        min-height: 0;
        height: auto;
    }
}

/* ==========================================================
   HERO V3 - VISUAL PREMIUM
   ========================================================== */

.hero {
    padding-top: 72px;
    padding-bottom: 68px;
}

.hero-grid {
    grid-template-columns: .95fr 1.05fr;
    gap: 58px;
}

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

.hero h1 {
    max-width: 620px;
    font-size: clamp(44px, 4.7vw, 61px);
    line-height: 1.035;
    letter-spacing: -2.4px;
}

.hero-text {
    max-width: 570px;
    font-size: 17px;
}

.hero-actions {
    margin-top: 28px;
}

.hero-actions .btn-primary {
    min-height: 54px;
    padding-inline: 26px;
}

.trust-row {
    gap: 16px;
    margin-top: 19px;
}


/* ----------------------------------------------------------
   DISPOSITIVO PRINCIPAL
   Remove aparência de notebook/teclado
   ---------------------------------------------------------- */

.hero-product {
    min-height: 390px;
}

.laptop {
    width: 78%;
    right: 14%;
    top: 3px;
    transform: none;
}

.laptop-screen {
    aspect-ratio: 16 / 10;
    padding: 8px;
    border: 8px solid #111c2b;
    border-radius: 24px;
    background: #111c2b;
    box-shadow:
        0 34px 70px rgba(0, 0, 0, .34),
        0 12px 30px rgba(0, 0, 0, .18),
        0 0 0 1px rgba(255,255,255,.08);
}

/* Remove completamente teclado/base antiga */
.laptop-base {
    display: none;
}

.app-shell {
    border-radius: 14px;
}


/* ----------------------------------------------------------
   DASHBOARD INTERNO MAIS NÍTIDO
   ---------------------------------------------------------- */

.mini-sidebar {
    padding: 18px 12px;
}

.mini-main {
    padding: 17px;
}

.stats-row article {
    box-shadow: 0 2px 8px rgba(15, 23, 42, .035);
}

.chart-card {
    box-shadow: 0 3px 10px rgba(15, 23, 42, .03);
}


/* ----------------------------------------------------------
   CELULAR
   ---------------------------------------------------------- */

.phone {
    width: 118px;
    height: 252px;
    right: 0;
    bottom: 4px;
    padding: 6px;
    border-radius: 23px;
    box-shadow:
        0 25px 55px rgba(0,0,0,.38),
        0 0 0 1px rgba(255,255,255,.08);
    transform: rotate(1.5deg);
}

.phone-screen {
    border-radius: 17px;
}

.phone-notch {
    width: 46px;
    left: 36px;
}


/* ----------------------------------------------------------
   FUNDO / PROFUNDIDADE
   ---------------------------------------------------------- */

.device-glow {
    inset: 15% 4% -2% 12%;
    background:
        radial-gradient(
            circle,
            rgba(44, 137, 255, .36),
            rgba(37, 99, 235, .08) 48%,
            transparent 72%
        );
    filter: blur(44px);
}

.hero-product::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    right: -70px;
    top: -80px;
    border-radius: 50%;
    border: 1px solid rgba(88, 165, 255, .15);
    background: rgba(37, 99, 235, .05);
}

.hero-product::after {
    content: "Acesso pelo celular e computador";
    position: absolute;
    z-index: 5;
    right: 12px;
    top: -18px;
    padding: 9px 13px;
    border: 1px solid rgba(129, 192, 255, .28);
    border-radius: 10px;
    color: #dcedff;
    background: rgba(5, 28, 60, .86);
    backdrop-filter: blur(10px);
    box-shadow: 0 10px 26px rgba(0,0,0,.15);
    font-size: 10px;
    font-weight: 700;
}


/* ----------------------------------------------------------
   RESPONSIVO
   ---------------------------------------------------------- */

@media (max-width: 1080px) {

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

    .hero-product {
        width: min(760px, 100%);
        min-height: 400px;
    }

    .laptop {
        width: 75%;
        right: 15%;
    }

}

@media (max-width: 760px) {

    .hero {
        padding-top: 54px;
        padding-bottom: 50px;
    }

    .hero-product {
        min-height: 290px;
    }

    .laptop {
        width: 88%;
        right: 8%;
    }

    .phone {
        width: 88px;
        height: 190px;
        right: 0;
    }

    .hero-product::after {
        display: none;
    }

}


/* ==========================================================
   HERO - IMAGEM APROVADA DOS DISPOSITIVOS
   ========================================================== */

.hero-product-image {
    position: relative;
    min-height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-device-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 112%;
    max-width: 760px;
    height: auto;
    margin-left: -3%;
    object-fit: contain;
    border-radius: 4px;
    filter:
        drop-shadow(0 28px 40px rgba(0, 0, 0, .20))
        drop-shadow(0 8px 18px rgba(0, 0, 0, .12));
}

.hero-product-image::before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 75%;
    height: 60%;
    left: 12%;
    top: 20%;
    border-radius: 50%;
    background: rgba(31, 121, 255, .20);
    filter: blur(60px);
}

.hero-product-image::after {
    content: none !important;
}

@media (max-width: 1080px) {
    .hero-device-image {
        width: 100%;
        max-width: 720px;
        margin-left: 0;
    }
}

@media (max-width: 760px) {
    .hero-product-image {
        margin-top: 20px;
    }

    .hero-device-image {
        width: 110%;
        max-width: none;
        margin-left: -5%;
    }
}

/* ==========================================================
   HERO PREMIUM - MOCKUP INTEGRADO
   ========================================================== */

.hero {
    position: relative;
    overflow: hidden;
}

.hero-grid {
    position: relative;
    z-index: 2;
    grid-template-columns: .92fr 1.08fr;
    gap: 52px;
}

/* -----------------------------
   Coluna visual do mockup
   ----------------------------- */

.hero-product-image {
    position: relative;
    min-height: 430px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Remove qualquer aparência de caixa */
.hero-product-image::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 82%;
    height: 62%;
    left: 11%;
    top: 20%;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(45, 138, 255, .34) 0%,
            rgba(37, 99, 235, .16) 42%,
            rgba(37, 99, 235, 0) 72%
        );
    filter: blur(42px);
}

.hero-product-image::after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 360px;
    height: 360px;
    right: -90px;
    top: -110px;
    border-radius: 50%;
    border: 1px solid rgba(104, 178, 255, .12);
    background: rgba(46, 132, 255, .03);
}

/* Imagem principal */
.hero-device-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 118%;
    max-width: 820px;
    height: auto;
    margin-left: -5%;
    object-fit: contain;
    border-radius: 0;
    box-shadow: none;
    filter:
        drop-shadow(0 34px 45px rgba(0, 0, 0, .22))
        drop-shadow(0 10px 18px rgba(0, 0, 0, .10));
}

/* Dá sensação de profundidade na base */
.hero-product-image .hero-device-image {
    transform: translateY(8px);
}

/* -----------------------------
   Texto / CTA
   ----------------------------- */

.hero-copy {
    max-width: 610px;
}

.hero h1 {
    font-size: clamp(46px, 4.9vw, 64px);
    line-height: 1.02;
}

.hero-text {
    max-width: 560px;
}

.hero-actions {
    margin-top: 30px;
}

.hero-actions .btn {
    min-height: 54px;
}

.trust-row {
    margin-top: 18px;
}

/* -----------------------------
   Remove qualquer selo antigo
   ----------------------------- */

.hero-product-image .device-glow,
.hero-product-image .laptop,
.hero-product-image .phone {
    display: none !important;
}

/* -----------------------------
   Responsivo
   ----------------------------- */

@media (max-width: 1080px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .hero-copy {
        max-width: 700px;
    }

    .hero-product-image {
        min-height: 390px;
        width: min(820px, 100%);
        margin-inline: auto;
    }

    .hero-device-image {
        width: 100%;
        max-width: 760px;
        margin-left: 0;
    }
}

@media (max-width: 760px) {
    .hero-product-image {
        min-height: 300px;
        margin-top: 12px;
    }

    .hero-device-image {
        width: 112%;
        max-width: none;
        margin-left: -6%;
        transform: none;
    }

    .hero-product-image::after {
        display: none;
    }
}


/* ==========================================================
   HERO FINAL - DISPOSITIVOS TRANSPARENTES
   ========================================================== */

.hero-grid {
    grid-template-columns: .92fr 1.08fr;
    gap: 42px;
    align-items: center;
}

.hero-product-image {
    position: relative;
    min-height: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: visible;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* glow discreto atrás dos dispositivos */
.hero-product-image::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: 72%;
    height: 56%;
    left: 15%;
    top: 24%;
    border-radius: 50%;
    background: rgba(35, 128, 255, .22);
    filter: blur(60px);
}

.hero-product-image::after {
    content: none !important;
}

.hero-device-image {
    position: relative;
    z-index: 2;
    display: block;
    width: 116%;
    max-width: 820px;
    height: auto;
    margin-left: -5%;
    object-fit: contain;
    background: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    filter:
        drop-shadow(0 28px 35px rgba(0,0,0,.20))
        drop-shadow(0 8px 14px rgba(0,0,0,.10));
    transform: translateY(8px);
}

@media (max-width: 1080px) {
    .hero-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .hero-product-image {
        min-height: 380px;
        width: min(820px, 100%);
        margin-inline: auto;
    }

    .hero-device-image {
        width: 100%;
        max-width: 760px;
        margin-left: 0;
    }
}

@media (max-width: 760px) {
    .hero-product-image {
        min-height: 285px;
        margin-top: 10px;
    }

    .hero-device-image {
        width: 112%;
        max-width: none;
        margin-left: -6%;
        transform: none;
    }
}

/* ==========================================================
   TRANSFORMAÇÃO - ANTES X DEPOIS
   ========================================================== */

.transformation-section {
    padding: 76px 0;
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(37, 99, 235, .055),
            transparent 30%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #f6faff 100%
        );
}

.transformation-heading {
    margin-bottom: 42px;
}

.transformation-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 90px minmax(0, 1fr);
    gap: 22px;
    align-items: stretch;
}

.transformation-card {
    position: relative;
    overflow: hidden;
    padding: 30px;
    border-radius: 18px;
    background: #fff;
}

.before-card {
    border: 1px solid #f0d9d9;
    box-shadow:
        0 18px 45px rgba(116, 41, 41, .06);
}

.after-card {
    border: 1px solid #cfe4f9;
    box-shadow:
        0 18px 45px rgba(23, 96, 178, .08);
}

.before-card::before,
.after-card::before {
    content: "";
    position: absolute;
    width: 180px;
    height: 180px;
    right: -75px;
    top: -80px;
    border-radius: 50%;
}

.before-card::before {
    background: rgba(239, 68, 68, .055);
}

.after-card::before {
    background: rgba(37, 99, 235, .07);
}

.transformation-card-top {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.transformation-label {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .8px;
}

.before-card .transformation-label {
    color: #b42318;
    background: #fff0ef;
}

.after-card .transformation-label {
    color: #1266c4;
    background: #eaf4ff;
}

.transformation-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    font-size: 19px;
    font-weight: 900;
}

.before-icon {
    color: #c4322b;
    background: #fff0ef;
}

.after-icon {
    color: #fff;
    background: linear-gradient(135deg, #1683ff, #2563eb);
    box-shadow: 0 8px 22px rgba(37, 99, 235, .18);
}

.transformation-card h3 {
    position: relative;
    z-index: 2;
    margin: 24px 0 0;
    color: #0b1b36;
    font-size: 25px;
    line-height: 1.18;
    letter-spacing: -.6px;
}

.transformation-description {
    position: relative;
    z-index: 2;
    margin: 10px 0 0;
    color: #708197;
    font-size: 13px;
    line-height: 1.6;
}

.transformation-items {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 24px;
}

.transformation-items > div {
    display: grid;
    grid-template-columns: 34px 1fr;
    gap: 11px;
    align-items: start;
    padding: 12px;
    border: 1px solid #e5edf5;
    border-radius: 11px;
    background: rgba(255,255,255,.88);
}

.item-icon {
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    font-weight: 900;
}

.item-icon.negative {
    color: #c4322b;
    background: #fff1f0;
}

.item-icon.positive {
    color: #12834d;
    background: #e9f8f0;
}

.transformation-items strong {
    display: block;
    color: #16385f;
    font-size: 12px;
}

.transformation-items small {
    display: block;
    margin-top: 3px;
    color: #7a8b9e;
    font-size: 10px;
    line-height: 1.45;
}

.transformation-arrow {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.transformation-arrow span {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: linear-gradient(135deg, #1683ff, #2563eb);
    box-shadow:
        0 14px 30px rgba(37,99,235,.20);
    font-size: 25px;
    font-weight: 800;
}

.transformation-arrow small {
    color: #2563eb;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
}

.transformation-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    margin-top: 25px;
    padding: 22px 26px;
    border: 1px solid #d5e6f7;
    border-radius: 15px;
    background:
        linear-gradient(
            135deg,
            #edf7ff,
            #ffffff
        );
}

.transformation-cta div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.transformation-cta strong {
    color: #0b1b36;
    font-size: 16px;
}

.transformation-cta span {
    color: #708197;
    font-size: 12px;
}

.transformation-cta .btn {
    flex: 0 0 auto;
}

@media (max-width: 900px) {

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

    .transformation-arrow {
        min-height: 65px;
    }

    .transformation-arrow span {
        transform: rotate(90deg);
    }

    .transformation-cta {
        flex-direction: column;
        align-items: stretch;
    }

    .transformation-cta .btn {
        width: 100%;
    }
}

@media (max-width: 600px) {

    .transformation-section {
        padding: 54px 0;
    }

    .transformation-card {
        padding: 22px;
    }

    .transformation-card h3 {
        font-size: 22px;
    }
}


/* ==========================================================
   PRICING PREMIUM / OFERTA
   ========================================================== */

.pricing-offer-section {
    position: relative;
    overflow: hidden;
    padding: 78px 0;
    background:
        radial-gradient(
            circle at 82% 30%,
            rgba(22, 131, 255, .08),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #f3f9ff 0%,
            #ffffff 55%,
            #f8fbff 100%
        );
}

.pricing-heading {
    margin-bottom: 40px;
}

.pricing-offer-grid {
    display: grid;
    grid-template-columns: 1fr 440px;
    gap: 64px;
    align-items: center;
}

.pricing-value {
    max-width: 620px;
}

.pricing-kicker {
    display: inline-block;
    margin-bottom: 12px;
    color: #1683ff;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .7px;
    text-transform: uppercase;
}

.pricing-value h3 {
    max-width: 560px;
    margin: 0;
    color: #0b1b36;
    font-size: 34px;
    line-height: 1.15;
    letter-spacing: -.8px;
}

.pricing-value > p {
    max-width: 590px;
    margin: 16px 0 0;
    color: #6f8197;
    font-size: 15px;
    line-height: 1.7;
}

.pricing-benefits {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    margin-top: 28px;
}

.pricing-benefits article {
    display: grid;
    grid-template-columns: 32px 1fr;
    gap: 10px;
    padding: 14px;
    border: 1px solid #deebf7;
    border-radius: 11px;
    background: rgba(255,255,255,.86);
}

.pricing-benefits article > span {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(135deg, #1683ff, #2563eb);
    font-size: 12px;
    font-weight: 900;
}

.pricing-benefits strong {
    display: block;
    color: #183a61;
    font-size: 12px;
}

.pricing-benefits small {
    display: block;
    margin-top: 3px;
    color: #7b8ca0;
    font-size: 9px;
    line-height: 1.45;
}

.price-card-premium {
    position: relative;
    max-width: none;
    padding: 34px;
    border: 1px solid #bddaf7;
    border-radius: 20px;
    background: #fff;
    box-shadow:
        0 28px 70px rgba(23, 87, 158, .13),
        0 8px 22px rgba(15, 23, 42, .05);
}

.price-card-premium::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: 20px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

.price-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.trial-badge {
    padding: 8px 11px;
    color: #0c68cd;
    background: #e9f4ff;
    font-size: 9px;
    letter-spacing: .7px;
}

.single-plan {
    color: #708197;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .7px;
}

.price-label {
    margin: 22px 0 0;
    color: #718198;
    font-size: 11px;
}

.price-premium {
    margin-top: 3px;
}

.price-premium strong {
    color: #0b1b36;
    font-size: 45px;
    letter-spacing: -1.8px;
}

.price-per-day {
    margin: 6px 0 0;
    color: #1683ff;
    font-size: 11px;
    font-weight: 800;
}

.price-divider {
    height: 1px;
    margin: 23px 0;
    background: #e1eaf3;
}

.premium-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    margin: 0 0 24px !important;
}

.price-card .premium-list li {
    margin: 0;
    color: #39516c;
    font-size: 11px;
}

.price-main-cta {
    min-height: 55px;
    font-size: 13px;
}

.price-security {
    display: grid;
    grid-template-columns: 22px 1fr;
    gap: 8px;
    align-items: start;
    margin-top: 14px;
}

.price-security > span {
    width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #1683ff;
    background: #e9f4ff;
    font-size: 9px;
    font-weight: 900;
}

.price-security p {
    margin: 1px 0 0;
    color: #8493a5;
    font-size: 9px;
    line-height: 1.45;
}

@media (max-width: 960px) {

    .pricing-offer-grid {
        grid-template-columns: 1fr;
        gap: 38px;
    }

    .price-card-premium {
        max-width: 520px;
    }
}

@media (max-width: 620px) {

    .pricing-offer-section {
        padding: 56px 0;
    }

    .pricing-benefits {
        grid-template-columns: 1fr;
    }

    .pricing-value h3 {
        font-size: 29px;
    }

    .price-card-premium {
        padding: 26px 22px;
    }
}


/* ==========================================================
   LANDING MOBILE - POLIMENTO FINAL
   ========================================================== */

@media (max-width: 760px) {

    /* -------------------------
       BASE / ESPAÇAMENTO
       ------------------------- */

    .section,
    .pricing-offer-section,
    .transformation-section {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .section-heading {
        margin-bottom: 28px !important;
    }

    .section-heading h2 {
        font-size: 30px !important;
        line-height: 1.08 !important;
        letter-spacing: -0.8px !important;
    }

    .section-heading p {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* -------------------------
       HERO
       ------------------------- */

    .hero {
        padding-top: 42px !important;
        padding-bottom: 46px !important;
    }

    .hero-grid {
        gap: 20px !important;
    }

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

    .hero h1 {
        font-size: 38px !important;
        line-height: 1.02 !important;
        letter-spacing: -1.2px !important;
    }

    .hero-text {
        margin-top: 16px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 22px !important;
    }

    .hero-actions .btn {
        width: 100% !important;
        min-height: 52px !important;
        justify-content: center !important;
    }

    .trust-row {
        margin-top: 15px !important;
        gap: 8px !important;
    }

    .trust-row > * {
        font-size: 10px !important;
    }

    .hero-product-image {
        min-height: 255px !important;
        margin-top: 4px !important;
    }

    .hero-device-image {
        width: 106% !important;
        margin-left: -3% !important;
    }

    /* -------------------------
       CARDS GERAIS
       ------------------------- */

    .feature-card,
    .pain-card,
    .security-card,
    .transformation-card,
    .price-card-premium {
        border-radius: 16px !important;
    }

    .feature-card,
    .pain-card,
    .security-card {
        padding: 20px !important;
    }

    .feature-card h3,
    .pain-card h3,
    .security-card h3 {
        font-size: 17px !important;
    }

    .feature-card p,
    .pain-card p,
    .security-card p {
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    /* -------------------------
       REDUZIR SENSAÇÃO DE
       "CARD EM CIMA DE CARD"
       ------------------------- */

    .features-grid,
    .pain-grid,
    .security-grid {
        gap: 12px !important;
    }

    .feature-card,
    .pain-card,
    .security-card {
        box-shadow: 0 10px 28px rgba(24, 58, 95, .05) !important;
    }

    /* -------------------------
       DASHBOARD / DEMONSTRAÇÃO
       ------------------------- */

    .showcase-grid,
    .product-showcase-grid {
        gap: 22px !important;
    }

    .showcase-copy,
    .product-showcase-copy {
        order: 1;
    }

    .dashboard-demo,
    .showcase-dashboard,
    .product-dashboard {
        order: 2;
    }

    /* -------------------------
       TRANSFORMAÇÃO
       ------------------------- */

    .transformation-grid {
        gap: 12px !important;
    }

    .transformation-card {
        padding: 20px !important;
    }

    .transformation-card h3 {
        font-size: 21px !important;
    }

    .transformation-description {
        font-size: 12px !important;
    }

    .transformation-items {
        gap: 8px !important;
        margin-top: 18px !important;
    }

    .transformation-items > div {
        padding: 10px !important;
    }

    .transformation-arrow {
        min-height: 52px !important;
    }

    .transformation-arrow span {
        width: 46px !important;
        height: 46px !important;
        font-size: 20px !important;
    }

    .transformation-cta {
        margin-top: 16px !important;
        padding: 18px !important;
        gap: 14px !important;
    }

    .transformation-cta strong {
        font-size: 15px !important;
    }

    .transformation-cta span {
        font-size: 11px !important;
    }

    /* -------------------------
       PREÇO
       ------------------------- */

    .pricing-offer-grid {
        gap: 26px !important;
    }

    .pricing-value h3 {
        font-size: 28px !important;
    }

    .pricing-value > p {
        font-size: 13px !important;
        line-height: 1.6 !important;
    }

    .pricing-benefits {
        gap: 8px !important;
    }

    .pricing-benefits article {
        padding: 12px !important;
    }

    .price-card-premium {
        padding: 24px 20px !important;
    }

    .price-premium strong {
        font-size: 40px !important;
    }

    .premium-list {
        gap: 8px !important;
    }

    .price-card .premium-list li {
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    .price-main-cta {
        width: 100% !important;
        min-height: 54px !important;
    }

    /* -------------------------
       FAQ
       ------------------------- */

    .faq-grid {
        gap: 10px !important;
    }

    .faq-item {
        padding: 16px !important;
        border-radius: 13px !important;
    }

    .faq-item h3,
    .faq-question {
        font-size: 13px !important;
        line-height: 1.4 !important;
    }

    .faq-item p,
    .faq-answer {
        font-size: 11px !important;
        line-height: 1.55 !important;
    }

    /* -------------------------
       CTA FINAL
       ------------------------- */

    .final-cta,
    .cta-final {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }

    .final-cta h2,
    .cta-final h2 {
        font-size: 30px !important;
        line-height: 1.08 !important;
    }

    .final-cta .btn,
    .cta-final .btn {
        width: 100% !important;
        min-height: 54px !important;
    }

    /* -------------------------
       RODAPÉ
       ------------------------- */

    footer {
        padding-top: 32px !important;
        padding-bottom: 28px !important;
    }
}


/* ==========================================================
   MOBILE PEQUENO
   ========================================================== */

@media (max-width: 430px) {

    .container {
        width: min(100% - 30px, 1180px) !important;
    }

    .hero h1 {
        font-size: 35px !important;
    }

    .section-heading h2 {
        font-size: 28px !important;
    }

    .hero-device-image {
        width: 110% !important;
        margin-left: -5% !important;
    }

    .pricing-value h3 {
        font-size: 26px !important;
    }

    .price-premium strong {
        font-size: 38px !important;
    }
}


/* ==========================================================
   CORREÇÃO DOS ÍCONES CIRCULARES
   ========================================================== */

.transformation-arrow {
    display: flex !important;
    flex-direction: column;
    align-items: center !important;
    justify-content: center !important;
}

.transformation-arrow span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 58px !important;
    height: 58px !important;

    padding: 0 !important;
    margin: 0 !important;

    line-height: 1 !important;
    text-align: center !important;

    border-radius: 50% !important;

    font-size: 25px !important;
    font-weight: 800 !important;
}

.transformation-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 42px !important;
    height: 42px !important;

    padding: 0 !important;

    line-height: 1 !important;
    text-align: center !important;

    overflow: hidden;
}

.after-icon {
    font-size: 18px !important;
    line-height: 1 !important;
}

@media (max-width: 900px) {

    .transformation-arrow {
        min-height: 62px !important;
    }

    .transformation-arrow span {
        width: 50px !important;
        height: 50px !important;
        transform: rotate(90deg);
        transform-origin: center;
    }

    .after-icon {
        width: 40px !important;
        height: 40px !important;
    }
}


/* ==========================================================
   IMAGEM ILUSTRATIVA - TRANSFORMAÇÃO
   ========================================================== */

.transformation-visual {
    position: relative;

    max-width: 1050px;
    margin: 0 auto 38px;

    display: flex;
    justify-content: center;
    align-items: center;
}

.transformation-visual::before {
    content: "";

    position: absolute;
    width: 70%;
    height: 60%;

    left: 15%;
    top: 20%;

    border-radius: 50%;

    background: rgba(37, 99, 235, .10);

    filter: blur(60px);
}

.transformation-visual-image {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    max-width: 980px;
    height: auto;

    object-fit: contain;

    filter:
        drop-shadow(0 22px 38px rgba(16, 53, 94, .12))
        drop-shadow(0 6px 12px rgba(16, 53, 94, .06));
}

@media (max-width: 760px) {

    .transformation-visual {
        margin-bottom: 22px;
        width: 100%;
        overflow: visible;
    }

    .transformation-visual-image {
        width: 112%;
        max-width: none;
        margin-left: -6%;
    }
}


/* ==========================================================
   REMOVER BOLAS AZUIS DECORATIVAS
   ========================================================== */

/* Remove a bola azul com seta entre ANTES e COM O GEST MONTE */
.transformation-arrow span {
    display: none !important;
}

/* Mantém apenas o texto GEST MONTE */
.transformation-arrow {
    min-height: 34px !important;
    gap: 0 !important;
}

/* Remove a bola azul com ✓ no topo da seção de segurança */
.security-section .security-icon,
.security-section .section-icon,
.security-section .security-hero-icon {
    display: none !important;
}

/* Ajusta o espaço deixado pelo ícone removido */
.security-section {
    padding-top: 58px !important;
}

@media (max-width: 760px) {
    .transformation-arrow {
        min-height: 30px !important;
        margin: 6px 0 !important;
    }

    .security-section {
        padding-top: 48px !important;
    }
}


/* ==========================================================
   FUNDO GERAL AZUL / NAVY
   ========================================================== */

body {
    background: #08254a !important;
}

/* Seções que antes eram brancas */
.section,
.pain-section,
.features-section,
.product-showcase-section,
.transformation-section,
.pricing-offer-section,
.faq-section {
    background:
        radial-gradient(
            circle at 85% 10%,
            rgba(37, 99, 235, .16),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #08254a 0%,
            #0a2b55 100%
        ) !important;
}

/* Títulos e textos das seções */
.section-heading h2,
.transformation-heading h2,
.pricing-heading h2,
.faq-section h2 {
    color: #ffffff !important;
}

.section-heading p,
.transformation-heading p,
.pricing-heading p,
.faq-section .section-heading p {
    color: #b9c8da !important;
}

/* Eyebrows */
.eyebrow,
.pricing-kicker {
    color: #49a5ff !important;
}

/* Cards continuam claros */
.pain-card,
.feature-card,
.transformation-card,
.price-card-premium,
.faq-item,
.security-card,
.product-showcase-card,
.showcase-card {
    background: #ffffff !important;
}

/* Blocos secundários */
.transformation-cta {
    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.98),
            rgba(240,247,255,.98)
        ) !important;
}

/* Ajuste das bordas */
.pain-card,
.feature-card,
.transformation-card,
.price-card-premium,
.faq-item {
    border-color: rgba(255,255,255,.16) !important;
}

/* Separação visual suave entre seções */
.section,
.pain-section,
.features-section,
.product-showcase-section,
.transformation-section,
.pricing-offer-section,
.faq-section {
    border-top: 1px solid rgba(255,255,255,.04);
}

/* Mobile */
@media (max-width: 760px) {

    .section,
    .pain-section,
    .features-section,
    .product-showcase-section,
    .transformation-section,
    .pricing-offer-section,
    .faq-section {
        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(37, 99, 235, .13),
                transparent 22%
            ),
            #08254a !important;
    }
}


/* ==========================================================
   CARDS DE DOR - NOVO LAYOUT PROFISSIONAL
   ========================================================== */

.pain-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin-top: 28px !important;
}

.pain-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 16px !important;

    min-height: 0 !important;
    height: auto !important;

    padding: 22px 20px !important;

    background: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 20px !important;

    box-shadow:
        0 10px 28px rgba(2, 6, 23, .06) !important;
}

.pain-card-icon {
    width: 56px !important;
    height: 56px !important;
    min-width: 56px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    border-radius: 16px !important;

    flex: 0 0 56px !important;
}

.pain-card-icon svg {
    width: 24px !important;
    height: 24px !important;

    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;

    stroke-linecap: round !important;
    stroke-linejoin: round !important;
}

.icon-red {
    background: rgba(239, 68, 68, .10) !important;
    color: #ef4444 !important;
}

.icon-orange {
    background: rgba(249, 115, 22, .10) !important;
    color: #f97316 !important;
}

.icon-purple {
    background: rgba(139, 92, 246, .10) !important;
    color: #8b5cf6 !important;
}

.icon-blue {
    background: rgba(59, 130, 246, .10) !important;
    color: #3b82f6 !important;
}

.pain-card-content {
    flex: 1 !important;
    min-width: 0 !important;
}

.pain-card-content h3 {
    margin: 0 0 7px !important;

    color: #0f172a !important;

    font-size: 17px !important;
    line-height: 1.25 !important;
    letter-spacing: -.2px !important;
}

.pain-card-content p {
    margin: 0 !important;

    color: #6b7b8d !important;

    font-size: 12px !important;
    line-height: 1.55 !important;
}

/* MOBILE */

@media (max-width: 760px) {

    .pain-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-top: 22px !important;
    }

    .pain-card {
        gap: 14px !important;

        padding: 16px !important;

        border-radius: 16px !important;

        align-items: flex-start !important;
    }

    .pain-card-icon {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;

        flex-basis: 48px !important;

        border-radius: 14px !important;
    }

    .pain-card-icon svg {
        width: 21px !important;
        height: 21px !important;
    }

    .pain-card-content h3 {
        font-size: 16px !important;
        line-height: 1.3 !important;

        margin-bottom: 5px !important;
    }

    .pain-card-content p {
        font-size: 12px !important;
        line-height: 1.5 !important;
    }
}


/* ==========================================================
   CLAREZA - CARDS COMPACTOS FINAL
   ========================================================== */

.clarity-section {
    position: relative;
}

.clarity-heading {
    margin-bottom: 30px !important;
}

.compact-clarity-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
}

.clarity-card {
    display: grid !important;
    grid-template-columns: 165px 1fr !important;
    align-items: center !important;
    gap: 18px !important;

    min-height: 0 !important;
    height: auto !important;

    padding: 18px !important;

    background: #fff !important;
    border: 1px solid rgba(255,255,255,.15) !important;
    border-radius: 20px !important;

    box-shadow:
        0 12px 30px rgba(0,0,0,.10) !important;
}

.clarity-visual {
    width: 100% !important;
    height: 125px !important;

    padding: 15px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    border-radius: 15px !important;

    background:
        linear-gradient(
            145deg,
            #f4f8ff,
            #e8f2ff
        ) !important;

    overflow: hidden !important;
}

.clarity-card-content {
    min-width: 0 !important;
}

.clarity-card-content h3 {
    margin: 0 0 7px !important;

    color: #0f172a !important;

    font-size: 17px !important;
    line-height: 1.25 !important;
}

.clarity-card-content p {
    margin: 0 !important;

    color: #718096 !important;

    font-size: 12px !important;
    line-height: 1.55 !important;
}


/* GRÁFICO */

.mock-balance-label {
    color: #8290a2 !important;
    font-size: 9px !important;
}

.mock-balance {
    margin-top: 2px !important;

    color: #0f172a !important;

    font-size: 18px !important;
    font-weight: 800 !important;
}

.mock-bars {
    height: 48px !important;

    display: flex !important;
    align-items: flex-end !important;
    gap: 6px !important;

    margin-top: 10px !important;
}

.mock-bars span {
    flex: 1 !important;

    display: block !important;

    background:
        linear-gradient(
            180deg,
            #55adff,
            #2384ee
        ) !important;

    border-radius: 5px 5px 2px 2px !important;
}

.mock-bars span:nth-child(1) { height: 38%; }
.mock-bars span:nth-child(2) { height: 58%; }
.mock-bars span:nth-child(3) { height: 46%; }
.mock-bars span:nth-child(4) { height: 76%; }
.mock-bars span:nth-child(5) { height: 94%; }


/* LISTA */

.visual-list {
    gap: 7px !important;
}

.mock-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 7px 9px !important;

    border: 1px solid #d9e4ef !important;
    border-radius: 8px !important;

    background: rgba(255,255,255,.95) !important;

    color: #34455a !important;
    font-size: 9px !important;
}

.mock-row strong {
    color: #0f172a !important;
    font-size: 9px !important;
}


/* RELATÓRIO */

.visual-report {
    position: relative !important;
}

.report-icon {
    width: 43px !important;
    height: 48px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 10px !important;

    background:
        linear-gradient(
            135deg,
            #ff5a5f,
            #e63946
        ) !important;

    color: #fff !important;

    font-size: 10px !important;
    font-weight: 900 !important;
}

.report-lines {
    position: absolute !important;

    left: 68px !important;
    top: 22px !important;

    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
}

.report-lines span {
    display: block !important;

    height: 5px !important;

    border-radius: 999px !important;

    background: #b8c9dc !important;
}

.report-lines span:nth-child(1) {
    width: 62px !important;
}

.report-lines span:nth-child(2) {
    width: 48px !important;
}

.report-lines span:nth-child(3) {
    width: 55px !important;
}

.report-chart {
    display: flex !important;
    align-items: flex-end !important;
    gap: 6px !important;

    height: 38px !important;

    margin-top: 10px !important;
}

.report-chart i {
    width: 16px !important;

    display: block !important;

    border-radius: 4px 4px 0 0 !important;

    background: #288cff !important;
}

.report-chart i:nth-child(1) { height: 35%; }
.report-chart i:nth-child(2) { height: 65%; }
.report-chart i:nth-child(3) { height: 48%; }
.report-chart i:nth-child(4) { height: 88%; }


/* SIMPLICIDADE */

.visual-simple {
    align-items: center !important;
}

.simple-check {
    width: 48px !important;
    height: 48px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 14px !important;

    background:
        linear-gradient(
            135deg,
            #1683ff,
            #2563eb
        ) !important;

    color: #fff !important;

    font-size: 21px !important;
    font-weight: 900 !important;
}

.simple-lines {
    width: 100% !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    gap: 5px !important;

    margin-top: 10px !important;
}

.simple-lines span {
    height: 5px !important;

    display: block !important;

    border-radius: 999px !important;

    background: #c4d5e8 !important;
}

.simple-lines span:nth-child(1) { width: 75%; }
.simple-lines span:nth-child(2) { width: 58%; }
.simple-lines span:nth-child(3) { width: 68%; }


/* TABLET */

@media (max-width: 950px) {

    .compact-clarity-grid {
        grid-template-columns: 1fr !important;
    }
}


/* CELULAR */

@media (max-width: 760px) {

    .compact-clarity-grid {
        gap: 12px !important;
    }

    .clarity-card {
        grid-template-columns: 100px minmax(0, 1fr) !important;

        gap: 13px !important;

        padding: 14px !important;

        border-radius: 16px !important;
    }

    .clarity-visual {
        height: 94px !important;

        padding: 10px !important;

        border-radius: 12px !important;
    }

    .clarity-card-content h3 {
        margin-bottom: 5px !important;

        font-size: 15px !important;
        line-height: 1.25 !important;
    }

    .clarity-card-content p {
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    .mock-balance-label {
        font-size: 7px !important;
    }

    .mock-balance {
        font-size: 13px !important;
    }

    .mock-bars {
        height: 33px !important;
        gap: 3px !important;
        margin-top: 6px !important;
    }

    .visual-list {
        gap: 4px !important;
    }

    .mock-row {
        padding: 5px 6px !important;
        font-size: 7px !important;
    }

    .mock-row strong {
        font-size: 7px !important;
    }

    .report-icon {
        width: 34px !important;
        height: 38px !important;
        font-size: 8px !important;
    }

    .report-lines {
        left: 51px !important;
        top: 18px !important;
        gap: 4px !important;
    }

    .report-lines span:nth-child(1) {
        width: 35px !important;
    }

    .report-lines span:nth-child(2) {
        width: 27px !important;
    }

    .report-lines span:nth-child(3) {
        width: 31px !important;
    }

    .report-chart {
        height: 25px !important;
        gap: 4px !important;
    }

    .report-chart i {
        width: 9px !important;
    }

    .simple-check {
        width: 38px !important;
        height: 38px !important;

        border-radius: 11px !important;

        font-size: 17px !important;
    }
}


/* ==========================================================
   DASHBOARD DEMONSTRATIVO - POLIMENTO FINAL
   ESCOPO RESTRITO AO .dashboard-polished
   ========================================================== */

.dashboard-polished {
    padding: 26px !important;
    background:
        linear-gradient(145deg, #f7faff 0%, #eef4fb 100%) !important;
}

.dashboard-polished .dashboard-polished-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 20px;
}

.dashboard-polished .dashboard-demo-badge {
    display: inline-flex;
    margin-bottom: 8px;
    padding: 6px 9px;
    border-radius: 999px;
    background: #e7f2ff;
    color: #2578da;
    font-size: 8px;
    font-weight: 900;
    letter-spacing: .8px;
}

.dashboard-polished .real-dashboard-header h3 {
    margin: 0;
    color: #0d2343;
    font-size: 28px;
    line-height: 1.1;
}

.dashboard-polished .real-dashboard-header p {
    margin: 6px 0 0;
    color: #8290a2;
    font-size: 11px;
}

.dashboard-polished .real-dashboard-actions {
    display: flex;
    gap: 8px;
}

.dashboard-polished .real-dashboard-actions span {
    min-height: 38px;
    display: flex;
    align-items: center;
    padding: 0 14px;
    border-radius: 9px;
    font-size: 10px;
    font-weight: 800;
}

.dashboard-polished .primary-action {
    color: #fff !important;
    background: linear-gradient(135deg, #1683ff, #2563eb) !important;
    box-shadow: 0 8px 18px rgba(37,99,235,.18);
}

.dashboard-polished .secondary-action {
    color: #173554 !important;
    background: #fff !important;
    border: 1px solid #d9e4ef;
}


/* MÉTRICAS */

.dashboard-polished .dashboard-metrics {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0,1fr)) !important;
    gap: 10px !important;
    margin-bottom: 12px !important;
}

.dashboard-polished .metric-card {
    min-height: 0 !important;
    padding: 15px !important;
    border: 1px solid #dce6f0 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 7px 18px rgba(18,53,91,.05);
}

.dashboard-polished .metric-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.dashboard-polished .metric-card small {
    color: #78889b !important;
    font-size: 8px !important;
    font-weight: 900 !important;
}

.dashboard-polished .metric-icon {
    width: 25px;
    height: 25px;
    display: grid;
    place-items: center;
    border-radius: 8px;
    background: #eaf4ff;
    color: #2581ea;
    font-size: 11px;
    font-weight: 900;
}

.dashboard-polished .metric-card strong {
    display: block;
    margin-top: 9px;
    color: #102642;
    font-size: 20px !important;
    line-height: 1 !important;
}

.dashboard-polished .metric-result strong {
    color: #15945c !important;
}

.dashboard-polished .metric-card p {
    margin: 6px 0 0 !important;
    color: #8b98a8 !important;
    font-size: 8px !important;
}


/* ÁREA PRINCIPAL */

.dashboard-polished .dashboard-main-grid {
    display: grid;
    grid-template-columns: minmax(0,1.55fr) minmax(230px,.75fr);
    gap: 12px;
}

.dashboard-polished .dashboard-chart-panel,
.dashboard-polished .dashboard-summary-card {
    background: #fff;
    border: 1px solid #dce6f0;
    border-radius: 15px;
    box-shadow: 0 7px 18px rgba(18,53,91,.05);
}

.dashboard-polished .dashboard-chart-panel {
    padding: 17px;
}

.dashboard-polished .dashboard-panel-heading {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 14px;
}

.dashboard-polished .dashboard-panel-heading h4 {
    margin: 0;
    color: #102642;
    font-size: 14px;
}

.dashboard-polished .dashboard-panel-heading p {
    margin: 4px 0 0;
    color: #8b98a8;
    font-size: 8px;
}

.dashboard-polished .dashboard-chart-legend {
    display: flex;
    gap: 10px;
    color: #74859a;
    font-size: 8px;
}

.dashboard-polished .dashboard-chart-legend span {
    display: flex;
    align-items: center;
    gap: 4px;
}

.dashboard-polished .dashboard-chart-legend i {
    width: 7px;
    height: 7px;
    display: block;
    border-radius: 50%;
}

.dashboard-polished .legend-income {
    background: #2588f4;
}

.dashboard-polished .legend-expense {
    background: #ff5f65;
}


/* GRÁFICO */

.dashboard-polished .dashboard-chart {
    height: 185px;
    margin-top: 14px;
    padding: 12px 8px 0;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    align-items: end;
    gap: 15px;
    border-radius: 12px;
    background:
        repeating-linear-gradient(
            to top,
            #f4f7fb 0,
            #f4f7fb 1px,
            transparent 1px,
            transparent 38px
        );
}

.dashboard-polished .chart-month {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    gap: 7px;
}

.dashboard-polished .chart-bars {
    width: 100%;
    height: 140px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 5px;
}

.dashboard-polished .chart-bars i {
    width: 13px;
    display: block;
    border-radius: 5px 5px 2px 2px;
}

.dashboard-polished .chart-bars .income {
    background: linear-gradient(180deg,#56acff,#2588f4);
}

.dashboard-polished .chart-bars .expense {
    background: linear-gradient(180deg,#ff8a8e,#ff5f65);
}

.dashboard-polished .chart-month small {
    color: #8290a2;
    font-size: 8px;
}


/* RESUMOS */

.dashboard-polished .dashboard-summary-column {
    display: grid;
    gap: 12px;
}

.dashboard-polished .dashboard-summary-card {
    padding: 15px;
}

.dashboard-polished .summary-card-heading {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: flex-start;
}

.dashboard-polished .summary-card-heading span {
    color: #78889b;
    font-size: 8px;
    font-weight: 900;
}

.dashboard-polished .summary-card-heading strong {
    display: block;
    margin-top: 5px;
    color: #102642;
    font-size: 18px;
}

.dashboard-polished .positive-change {
    padding: 5px 7px;
    border-radius: 999px;
    background: #e6f8ef;
    color: #15945c !important;
}

.dashboard-polished .summary-progress {
    height: 5px;
    margin: 12px 0;
    overflow: hidden;
    border-radius: 999px;
    background: #e8eef5;
}

.dashboard-polished .summary-progress i {
    height: 100%;
    display: block;
    border-radius: inherit;
    background: linear-gradient(90deg,#2588f4,#54aaff);
}

.dashboard-polished .expense-progress i {
    background: linear-gradient(90deg,#ff6469,#ff8a8e);
}

.dashboard-polished .summary-line {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-top: 1px solid #edf1f5;
    color: #75869a;
    font-size: 8px;
}

.dashboard-polished .summary-line strong {
    color: #102642;
}


/* A RECEBER */

.dashboard-polished .dashboard-receivable {
    margin-top: 12px;
    padding: 17px;
    background: #fff;
    border: 1px solid #dce6f0;
    border-radius: 15px;
}

.dashboard-polished .receivable-heading {
    align-items: center;
    margin-bottom: 12px;
}

.dashboard-polished .dashboard-view-link {
    color: #2581ea;
    font-size: 8px;
    font-weight: 800;
}

.dashboard-polished .dashboard-receivable-grid {
    display: grid !important;
    grid-template-columns: repeat(3,minmax(0,1fr)) !important;
    gap: 9px !important;
}

.dashboard-polished .receivable-status {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 0 !important;
    padding: 12px !important;
    border: 1px solid #e1e8f0 !important;
    border-radius: 11px !important;
    background: #f9fbfd !important;
}

.dashboard-polished .receivable-status-icon {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: #e9f3ff;
    color: #2581ea;
    font-size: 12px;
    font-weight: 900;
}

.dashboard-polished .overdue-status .receivable-status-icon {
    background: #fff0ef;
    color: #d1453d;
}

.dashboard-polished .receivable-status small {
    display: block;
    color: #78889b;
    font-size: 7px;
    font-weight: 900;
}

.dashboard-polished .receivable-status strong {
    display: block;
    margin-top: 3px;
    color: #102642;
    font-size: 15px;
}

.dashboard-polished .overdue-status strong {
    color: #c53b33;
}

.dashboard-polished .receivable-status p {
    margin: 3px 0 0;
    color: #8b98a8;
    font-size: 7px;
}


/* CELULAR */

@media (max-width: 760px) {

    .dashboard-polished {
        padding: 16px !important;
    }

    .dashboard-polished .dashboard-polished-header {
        align-items: stretch;
        flex-direction: column;
        margin-bottom: 15px;
    }

    .dashboard-polished .real-dashboard-header h3 {
        font-size: 26px;
    }

    .dashboard-polished .real-dashboard-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .dashboard-polished .real-dashboard-actions span {
        justify-content: center;
    }

    .dashboard-polished .dashboard-metrics {
        grid-template-columns: repeat(2,minmax(0,1fr)) !important;
        gap: 9px !important;
    }

    .dashboard-polished .metric-card {
        padding: 12px !important;
    }

    .dashboard-polished .metric-card strong {
        font-size: 17px !important;
    }

    .dashboard-polished .dashboard-main-grid {
        grid-template-columns: 1fr;
    }

    .dashboard-polished .dashboard-chart-panel {
        padding: 14px;
    }

    .dashboard-polished .dashboard-chart {
        height: 170px;
        gap: 8px;
    }

    .dashboard-polished .chart-bars {
        height: 125px;
        gap: 3px;
    }

    .dashboard-polished .chart-bars i {
        width: 10px;
    }

    .dashboard-polished .dashboard-summary-column {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
    }

    .dashboard-polished .dashboard-summary-card {
        padding: 12px;
    }

    .dashboard-polished .summary-card-heading strong {
        font-size: 15px;
    }

    .dashboard-polished .summary-line {
        flex-direction: column;
        gap: 2px;
        padding: 6px 0;
    }

    .dashboard-polished .dashboard-receivable {
        padding: 13px;
    }

    .dashboard-polished .dashboard-receivable-grid {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .dashboard-polished .receivable-status {
        padding: 10px !important;
    }
}


/* ==========================================================
   SEGURANÇA V2
   Escopo restrito à .security-v2
   ========================================================== */

.security-v2 {
    position: relative;
    overflow: hidden;
    padding: 82px 0 !important;

    background:
        radial-gradient(
            circle at 78% 32%,
            rgba(26, 126, 255, .22),
            transparent 28%
        ),
        linear-gradient(
            135deg,
            #061d3d 0%,
            #082b57 100%
        ) !important;
}

.security-v2::before {
    content: "";

    position: absolute;
    width: 520px;
    height: 520px;

    right: -220px;
    top: -210px;

    border-radius: 50%;

    border: 1px solid rgba(72, 160, 255, .08);
}


/* TOPO */

.security-v2 .security-v2-top {
    display: grid;

    grid-template-columns:
        minmax(0, .95fr)
        minmax(380px, 1.05fr);

    gap: 70px;

    align-items: center;
}


/* TEXTO */

.security-v2 .security-v2-copy {
    max-width: 600px;
}

.security-v2 .security-v2-copy h2 {
    margin: 15px 0 20px;

    color: #fff;

    font-size: clamp(38px, 4vw, 56px);

    line-height: 1.06;

    letter-spacing: -1.4px;
}

.security-v2 .security-v2-copy h2 span {
    color: #4aa4ff;
}

.security-v2 .security-v2-copy > p {
    margin: 0;

    max-width: 570px;

    color: #b9c9dc;

    font-size: 15px;

    line-height: 1.8;
}


/* MINI SELOS */

.security-v2 .security-v2-trust {
    display: flex;
    flex-wrap: wrap;

    gap: 9px;

    margin-top: 26px;
}

.security-v2 .security-v2-trust span {
    display: inline-flex;

    align-items: center;

    gap: 7px;

    min-height: 34px;

    padding: 0 11px;

    border:
        1px solid rgba(106, 177, 255, .16);

    border-radius: 999px;

    background:
        rgba(255,255,255,.04);

    color: #c8d6e7;

    font-size: 10px;

    font-weight: 700;
}

.security-v2 .security-v2-trust i {
    width: 18px;
    height: 18px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        rgba(34, 197, 94, .13);

    color: #51d991;

    font-style: normal;

    font-size: 9px;
}


/* PAINEL VISUAL */

.security-v2 .security-v2-visual {
    position: relative;

    min-height: 390px;

    display: flex;

    align-items: center;

    justify-content: center;
}

.security-v2 .security-v2-visual::before {
    content: "";

    position: absolute;

    width: 290px;
    height: 290px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(35,135,255,.35),
            rgba(35,135,255,.08) 50%,
            transparent 72%
        );

    filter: blur(12px);
}


/* ESCUDO */

.security-v2 .security-main-shield {
    position: relative;

    z-index: 3;

    width: 190px;
    height: 210px;

    display: grid;

    place-items: center;

    clip-path:
        polygon(
            50% 0,
            92% 15%,
            92% 53%,
            82% 75%,
            50% 100%,
            18% 75%,
            8% 53%,
            8% 15%
        );

    background:
        linear-gradient(
            145deg,
            #2293ff,
            #0a54bd
        );

    box-shadow:
        0 35px 70px rgba(0,0,0,.25);
}

.security-v2 .security-main-shield::before {
    content: "";

    position: absolute;

    inset: 10px;

    clip-path: inherit;

    background:
        linear-gradient(
            145deg,
            #0c3974,
            #061e43
        );
}

.security-v2 .security-main-shield svg {
    position: relative;

    z-index: 2;

    width: 78px;
    height: 78px;

    stroke: #fff;

    stroke-width: 1.5;

    fill: none;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* ÓRBITAS */

.security-v2 .security-orbit {
    position: absolute;

    border:
        1px solid rgba(62, 158, 255, .18);

    border-radius: 50%;
}

.security-v2 .security-orbit-one {
    width: 340px;
    height: 170px;

    transform: rotate(-14deg);
}

.security-v2 .security-orbit-two {
    width: 390px;
    height: 195px;

    transform: rotate(24deg);
}


/* CARDS FLUTUANTES */

.security-v2 .security-floating-card {
    position: absolute;

    z-index: 5;

    min-width: 210px;

    display: grid;

    grid-template-columns:
        36px 1fr 24px;

    gap: 9px;

    align-items: center;

    padding: 11px 12px;

    border:
        1px solid rgba(160,203,255,.22);

    border-radius: 13px;

    background:
        rgba(8, 36, 75, .91);

    box-shadow:
        0 14px 35px rgba(0,0,0,.22);

    backdrop-filter: blur(12px);
}

.security-v2 .security-card-email {
    right: 1%;

    top: 47px;
}

.security-v2 .security-card-account {
    left: 1%;

    bottom: 50px;
}

.security-v2 .security-floating-icon {
    width: 36px;
    height: 36px;

    display: grid;

    place-items: center;

    border-radius: 10px;

    background:
        linear-gradient(
            135deg,
            #1d8dff,
            #2563eb
        );
}

.security-v2 .security-floating-icon svg {
    width: 18px;
    height: 18px;

    stroke: #fff;

    stroke-width: 1.8;

    fill: none;

    stroke-linecap: round;

    stroke-linejoin: round;
}

.security-v2 .security-floating-card small {
    display: block;

    color: #718cab;

    font-size: 7px;

    font-weight: 900;

    letter-spacing: .7px;
}

.security-v2 .security-floating-card strong {
    display: block;

    margin-top: 2px;

    color: #fff;

    font-size: 10px;
}

.security-v2 .security-floating-card > span {
    width: 23px;
    height: 23px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background:
        #18a865;

    color: #fff;

    font-size: 10px;

    font-weight: 900;
}


/* HTTPS PILL */

.security-v2 .security-secure-pill {
    position: absolute;

    z-index: 5;

    bottom: 0;

    left: 50%;

    transform:
        translateX(-50%);

    min-width: 145px;

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 9px 12px;

    border:
        1px solid rgba(107,177,255,.2);

    border-radius: 999px;

    background:
        rgba(5,28,60,.92);

    box-shadow:
        0 12px 30px rgba(0,0,0,.2);
}

.security-v2 .security-pill-dot {
    width: 9px;
    height: 9px;

    border-radius: 50%;

    background: #29d980;

    box-shadow:
        0 0 0 5px
        rgba(41,217,128,.1);
}

.security-v2 .security-secure-pill small {
    display: block;

    color: #718cab;

    font-size: 6px;

    font-weight: 900;
}

.security-v2 .security-secure-pill strong {
    display: block;

    margin-top: 1px;

    color: #fff;

    font-size: 9px;
}


/* 4 CARDS */

.security-v2 .security-v2-grid {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0,1fr));

    gap: 13px;

    margin-top: 48px;
}

.security-v2 .security-v2-card {
    display: grid;

    grid-template-columns:
        48px 1fr;

    gap: 13px;

    align-items: start;

    padding: 20px;

    border:
        1px solid rgba(112,180,255,.17);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);

    box-shadow:
        inset 0 1px 0
        rgba(255,255,255,.025);
}

.security-v2 .security-v2-icon {
    width: 46px;
    height: 46px;

    display: grid;

    place-items: center;

    border-radius: 13px;

    background:
        linear-gradient(
            145deg,
            rgba(44,145,255,.22),
            rgba(37,99,235,.10)
        );

    border:
        1px solid rgba(71,156,255,.15);
}

.security-v2 .security-v2-icon svg {
    width: 22px;
    height: 22px;

    stroke: #5baeff;

    stroke-width: 1.7;

    fill: none;

    stroke-linecap: round;

    stroke-linejoin: round;
}

.security-v2 .security-v2-card h3 {
    margin: 1px 0 6px;

    color: #fff;

    font-size: 15px;
}

.security-v2 .security-v2-card p {
    margin: 0;

    color: #aebfd2;

    font-size: 11px;

    line-height: 1.55;
}


/* TABLET */

@media (max-width: 950px) {

    .security-v2 .security-v2-top {
        grid-template-columns: 1fr;

        gap: 35px;
    }

    .security-v2 .security-v2-copy {
        max-width: 700px;
    }

    .security-v2 .security-v2-visual {
        min-height: 330px;
    }
}


/* CELULAR */

@media (max-width: 760px) {

    .security-v2 {
        padding: 54px 0 !important;
    }

    .security-v2 .security-v2-top {
        gap: 27px;
    }

    .security-v2 .security-v2-copy h2 {
        margin-top: 12px;

        font-size: 35px;

        letter-spacing: -.8px;
    }

    .security-v2 .security-v2-copy > p {
        font-size: 13px;

        line-height: 1.7;
    }

    .security-v2 .security-v2-trust {
        margin-top: 19px;
    }

    .security-v2 .security-v2-trust span {
        min-height: 30px;

        font-size: 9px;
    }


    /* Visual menor no mobile */

    .security-v2 .security-v2-visual {
        min-height: 245px;
    }

    .security-v2 .security-main-shield {
        width: 120px;
        height: 138px;
    }

    .security-v2 .security-main-shield svg {
        width: 49px;
        height: 49px;
    }

    .security-v2 .security-orbit-one {
        width: 220px;
        height: 110px;
    }

    .security-v2 .security-orbit-two {
        width: 255px;
        height: 125px;
    }

    .security-v2 .security-floating-card {
        min-width: 150px;

        grid-template-columns:
            30px 1fr 20px;

        padding: 8px;

        gap: 7px;
    }

    .security-v2 .security-floating-icon {
        width: 30px;
        height: 30px;

        border-radius: 8px;
    }

    .security-v2 .security-floating-card strong {
        font-size: 8px;
    }

    .security-v2 .security-card-email {
        top: 17px;

        right: 0;
    }

    .security-v2 .security-card-account {
        bottom: 34px;

        left: 0;
    }

    .security-v2 .security-secure-pill {
        bottom: -2px;
    }


    /* Cards compactos */

    .security-v2 .security-v2-grid {
        grid-template-columns: 1fr;

        gap: 9px;

        margin-top: 29px;
    }

    .security-v2 .security-v2-card {
        grid-template-columns:
            42px 1fr;

        gap: 11px;

        padding: 14px;

        border-radius: 13px;
    }

    .security-v2 .security-v2-icon {
        width: 40px;
        height: 40px;

        border-radius: 11px;
    }

    .security-v2 .security-v2-icon svg {
        width: 19px;
        height: 19px;
    }

    .security-v2 .security-v2-card h3 {
        font-size: 14px;

        margin-bottom: 4px;
    }

    .security-v2 .security-v2-card p {
        font-size: 10px;

        line-height: 1.5;
    }
}


/* ==========================================================
   CORREÇÃO - BOLHA HTTPS ATIVO
   ========================================================== */

.security-v2 .security-secure-pill {
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;

    left: 50% !important;
    right: auto !important;

    transform: translateX(-50%) !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 10px !important;

    padding: 10px 16px !important;

    border-radius: 16px !important;

    white-space: nowrap !important;
}

.security-v2 .security-secure-pill > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    min-width: 0 !important;
}

.security-v2 .security-secure-pill small {
    margin: 0 !important;

    font-size: 7px !important;
    line-height: 1.1 !important;

    letter-spacing: .7px !important;
}

.security-v2 .security-secure-pill strong {
    margin: 3px 0 0 !important;

    font-size: 11px !important;
    line-height: 1.1 !important;

    white-space: nowrap !important;
}

.security-v2 .security-pill-dot {
    flex: 0 0 auto !important;

    width: 10px !important;
    height: 10px !important;
}


/* MOBILE */

@media (max-width: 760px) {

    .security-v2 .security-secure-pill {
        bottom: 0 !important;

        padding: 9px 14px !important;

        gap: 9px !important;

        border-radius: 14px !important;
    }

    .security-v2 .security-secure-pill small {
        font-size: 6px !important;
    }

    .security-v2 .security-secure-pill strong {
        font-size: 10px !important;
    }

    .security-v2 .security-pill-dot {
        width: 9px !important;
        height: 9px !important;
    }
}


/* ==========================================================
   HTTPS ATIVO - CARD FLUTUANTE À DIREITA
   ========================================================== */

.security-v2 .security-secure-pill {
    position: absolute !important;

    z-index: 5 !important;

    left: auto !important;
    right: 1% !important;
    bottom: 38px !important;

    transform: none !important;

    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;

    display: grid !important;
    grid-template-columns: 36px 1fr 24px !important;

    align-items: center !important;
    justify-content: initial !important;

    gap: 9px !important;

    padding: 11px 12px !important;

    border:
        1px solid rgba(160,203,255,.22) !important;

    border-radius: 13px !important;

    background:
        rgba(8,36,75,.91) !important;

    box-shadow:
        0 14px 35px rgba(0,0,0,.22) !important;

    backdrop-filter: blur(12px) !important;

    white-space: normal !important;
}


/* ícone verde à esquerda */
.security-v2 .security-pill-dot {
    width: 36px !important;
    height: 36px !important;

    display: grid !important;
    place-items: center !important;

    border-radius: 10px !important;

    background:
        linear-gradient(
            135deg,
            #16b86d,
            #0f9f5e
        ) !important;

    box-shadow: none !important;

    position: relative !important;
}

.security-v2 .security-pill-dot::after {
    content: "✓";

    color: #fff;

    font-size: 16px;
    font-weight: 900;
}


/* texto */
.security-v2 .security-secure-pill > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;

    min-width: 0 !important;
}

.security-v2 .security-secure-pill small {
    margin: 0 !important;

    color: #718cab !important;

    font-size: 7px !important;
    font-weight: 900 !important;

    letter-spacing: .7px !important;

    line-height: 1.1 !important;
}

.security-v2 .security-secure-pill strong {
    margin: 2px 0 0 !important;

    color: #fff !important;

    font-size: 10px !important;
    line-height: 1.15 !important;

    white-space: nowrap !important;
}


/* check do lado direito */
.security-v2 .security-secure-pill::after {
    content: "✓";

    width: 23px;
    height: 23px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    background: #18a865;

    color: #fff;

    font-size: 10px;
    font-weight: 900;
}


/* MOBILE */
@media (max-width: 760px) {

    .security-v2 .security-secure-pill {
        right: 0 !important;
        bottom: 20px !important;

        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;

        grid-template-columns: 30px 1fr 20px !important;

        gap: 7px !important;

        padding: 8px !important;

        border-radius: 12px !important;
    }

    .security-v2 .security-pill-dot {
        width: 30px !important;
        height: 30px !important;

        border-radius: 8px !important;
    }

    .security-v2 .security-pill-dot::after {
        font-size: 13px !important;
    }

    .security-v2 .security-secure-pill strong {
        font-size: 8px !important;
    }

    .security-v2 .security-secure-pill small {
        font-size: 6px !important;
    }

    .security-v2 .security-secure-pill::after {
        width: 20px;
        height: 20px;

        font-size: 9px;
    }
}


/* ==========================================================
   SEGURANÇA - 4 BOLHAS SIMÉTRICAS
   ========================================================== */

/* superior esquerda */
.security-v2 .security-card-recovery {
    left: 1% !important;
    right: auto !important;
    top: 47px !important;
    bottom: auto !important;
}

/* superior direita */
.security-v2 .security-card-email {
    right: 1% !important;
    left: auto !important;
    top: 47px !important;
    bottom: auto !important;
}

/* inferior esquerda */
.security-v2 .security-card-account {
    left: 1% !important;
    right: auto !important;
    bottom: 50px !important;
    top: auto !important;
}

/* inferior direita */
.security-v2 .security-secure-pill {
    right: 1% !important;
    left: auto !important;
    bottom: 50px !important;
    top: auto !important;

    transform: none !important;
}


/* HTTPS com as mesmas dimensões das outras bolhas */

.security-v2 .security-secure-pill {
    width: 210px !important;
    min-width: 210px !important;
    max-width: 210px !important;

    display: grid !important;
    grid-template-columns: 36px 1fr 24px !important;

    gap: 9px !important;
    align-items: center !important;

    padding: 11px 12px !important;

    border-radius: 13px !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* mesma largura para as quatro */
    .security-v2 .security-card-recovery,
    .security-v2 .security-card-email,
    .security-v2 .security-card-account,
    .security-v2 .security-secure-pill {
        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }


    /* superior esquerda */
    .security-v2 .security-card-recovery {
        top: 17px !important;
        left: 0 !important;
        right: auto !important;
    }

    /* superior direita */
    .security-v2 .security-card-email {
        top: 17px !important;
        right: 0 !important;
        left: auto !important;
    }

    /* inferior esquerda */
    .security-v2 .security-card-account {
        bottom: 25px !important;
        left: 0 !important;
        right: auto !important;
    }

    /* inferior direita */
    .security-v2 .security-secure-pill {
        bottom: 25px !important;
        right: 0 !important;
        left: auto !important;

        transform: none !important;

        grid-template-columns: 30px 1fr 20px !important;

        gap: 7px !important;

        padding: 8px !important;
    }
}


/* ==========================================================
   MOBILE - TRANSFORMAÇÃO ANTES / DEPOIS V2
   SOMENTE CELULAR
   ========================================================== */

@media (max-width: 760px) {

    /* seção */
    .transformation-section {
        padding: 48px 0 !important;
    }

    .transformation-heading {
        margin-bottom: 24px !important;
    }

    /* remove completamente o elemento solto entre os cards */
    .transformation-arrow {
        display: none !important;
    }

    /* grid */
    .transformation-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    /* cards principais */
    .transformation-card {
        position: relative !important;
        overflow: hidden !important;

        padding: 22px 18px 18px !important;

        border-radius: 22px !important;

        box-shadow:
            0 14px 35px rgba(0,0,0,.10) !important;
    }

    /* card ANTES */
    .before-card {
        border:
            1px solid rgba(239,68,68,.18) !important;

        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(239,68,68,.08),
                transparent 34%
            ),
            #ffffff !important;
    }

    .before-card::after {
        content: "";

        position: absolute;

        left: 0;
        top: 0;

        width: 100%;
        height: 4px;

        background:
            linear-gradient(
                90deg,
                #ef4444,
                #fca5a5
            );
    }

    /* card DEPOIS */
    .after-card {
        border:
            1px solid rgba(37,99,235,.18) !important;

        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(37,99,235,.10),
                transparent 36%
            ),
            #ffffff !important;
    }

    .after-card::after {
        content: "";

        position: absolute;

        left: 0;
        top: 0;

        width: 100%;
        height: 4px;

        background:
            linear-gradient(
                90deg,
                #1683ff,
                #2563eb
            );
    }

    /* cabeçalho */
    .transformation-card-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        margin-bottom: 18px !important;
    }

    .transformation-label {
        min-height: 28px !important;

        display: inline-flex !important;
        align-items: center !important;

        padding: 0 11px !important;

        border-radius: 999px !important;

        font-size: 9px !important;
        font-weight: 900 !important;

        letter-spacing: .8px !important;
    }

    .before-card .transformation-label {
        color: #c13a32 !important;
        background: #fff1f0 !important;
    }

    .after-card .transformation-label {
        color: #176bc8 !important;
        background: #eaf4ff !important;
    }

    /* ícone canto superior */
    .transformation-icon {
        width: 42px !important;
        height: 42px !important;

        display: grid !important;
        place-items: center !important;

        border-radius: 13px !important;

        font-size: 18px !important;
        font-weight: 900 !important;
    }

    .before-icon {
        color: #d33e35 !important;
        background: #fff0ef !important;
    }

    .after-icon {
        color: #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #1683ff,
                #2563eb
            ) !important;

        box-shadow:
            0 8px 20px rgba(37,99,235,.22) !important;
    }

    /* títulos */
    .transformation-card h3 {
        margin: 0 !important;

        color: #10223c !important;

        font-size: 25px !important;
        line-height: 1.15 !important;

        letter-spacing: -.6px !important;
    }

    .transformation-description {
        margin: 10px 0 0 !important;

        color: #75869a !important;

        font-size: 13px !important;
        line-height: 1.55 !important;
    }

    /* lista interna */
    .transformation-items {
        display: grid !important;

        gap: 8px !important;

        margin-top: 18px !important;
    }

    .transformation-items > div {
        display: grid !important;

        grid-template-columns: 38px 1fr !important;

        gap: 10px !important;

        align-items: center !important;

        min-height: 0 !important;

        padding: 11px 12px !important;

        border-radius: 13px !important;

        border:
            1px solid #e7edf4 !important;

        background:
            rgba(255,255,255,.92) !important;

        box-shadow:
            0 4px 12px rgba(15,23,42,.035) !important;
    }

    /* quadradinhos internos */
    .item-icon {
        width: 36px !important;
        height: 36px !important;

        display: grid !important;
        place-items: center !important;

        border-radius: 10px !important;

        font-size: 15px !important;
        font-weight: 900 !important;
    }

    .item-icon.negative {
        color: #c83c34 !important;
        background: #fff1f0 !important;
    }

    .item-icon.positive {
        color: #128553 !important;
        background: #e9f8f0 !important;
    }

    .transformation-items strong {
        display: block !important;

        color: #16324f !important;

        font-size: 13px !important;
        line-height: 1.25 !important;
    }

    .transformation-items small {
        display: block !important;

        margin-top: 3px !important;

        color: #8593a3 !important;

        font-size: 10px !important;
        line-height: 1.4 !important;
    }

    /* CTA final */
    .transformation-cta {
        margin-top: 18px !important;

        padding: 20px !important;

        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 14px !important;

        border:
            1px solid rgba(69,149,255,.24) !important;

        border-radius: 20px !important;

        background:
            linear-gradient(
                145deg,
                #f4f9ff 0%,
                #eaf4ff 100%
            ) !important;

        box-shadow:
            0 14px 32px rgba(0,0,0,.08) !important;
    }

    .transformation-cta div {
        gap: 4px !important;
    }

    .transformation-cta strong {
        color: #10223c !important;

        font-size: 19px !important;
        line-height: 1.2 !important;
    }

    .transformation-cta span {
        color: #74869a !important;

        font-size: 12px !important;
        line-height: 1.5 !important;
    }

    .transformation-cta .btn {
        width: 100% !important;

        min-height: 54px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        border-radius: 13px !important;

        font-size: 14px !important;
        font-weight: 800 !important;

        box-shadow:
            0 10px 22px rgba(37,99,235,.20) !important;
    }
}


/* ==========================================================
   MOBILE - SOMENTE ALINHAMENTO ANTES / DEPOIS
   ========================================================== */

@media (max-width: 760px) {

    /*
     * Remove somente no celular qualquer elemento
     * existente entre o card ANTES e o card COM O GEST MONTE.
     */
    .transformation-arrow {
        display: none !important;
    }

    /*
     * Não altera cores, fundo ou estrutura geral dos cards.
     * Apenas organiza as linhas internas.
     */
    .transformation-items > div {
        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) !important;
        column-gap: 11px !important;
        align-items: center !important;
    }

    /*
     * Mantém todos os X e ✓ exatamente na mesma posição.
     */
    .transformation-items .item-icon {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;
        text-align: center !important;
    }

    /*
     * Garante que título + descrição formem um único bloco,
     * inclusive quando a descrição ocupa duas linhas.
     */
    .transformation-items > div > div {
        min-width: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }

    .transformation-items strong {
        margin: 0 !important;
    }

    .transformation-items small {
        margin-top: 3px !important;
    }
}


/* ==========================================================
   MOBILE - ALINHAMENTO FINAL DOS ITENS ANTES / DEPOIS
   ========================================================== */

@media (max-width: 760px) {

    /* aproxima os dois cards */
    .transformation-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }

    /*
     * Cada linha passa a ser flex.
     * O ícone fica centralizado em relação ao bloco completo
     * de título + descrição, mesmo com várias linhas.
     */
    .transformation-items > div {
        display: flex !important;
        flex-direction: row !important;

        align-items: center !important;

        gap: 12px !important;

        padding: 11px 12px !important;

        min-height: 0 !important;
        height: auto !important;
    }

    /* × e ✓ */
    .transformation-items .item-icon {
        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        flex: 0 0 36px !important;

        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        align-self: center !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1 !important;
        text-align: center !important;

        vertical-align: middle !important;
    }

    /*
     * Bloco de texto.
     * Pode ter 1, 2 ou mais linhas sem deslocar o ícone.
     */
    .transformation-items > div > div {
        flex: 1 1 auto !important;

        min-width: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        justify-content: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    .transformation-items strong {
        display: block !important;

        margin: 0 !important;
        padding: 0 !important;

        line-height: 1.25 !important;
    }

    .transformation-items small {
        display: block !important;

        margin: 3px 0 0 !important;
        padding: 0 !important;

        line-height: 1.4 !important;
    }

    /* segurança extra: nenhum antigo separador aparece */
    .transformation-arrow,
    .transformation-bridge,
    .transformation-divider {
        display: none !important;
    }
}


/* ==========================================================
   MOBILE - BLOCO "POR QUE VALE A PENA?"
   Corrige texto ilegível + aumenta textos dos cards
   ========================================================== */

@media (max-width: 760px) {

  /* seção do topo escuro com texto "Por que vale a pena?" */
  .plan-section,
  .pricing-section,
  .trial-section,
  .value-section,
  .offer-section {
    position: relative;
  }

  /* subtítulo pequeno */
  .plan-section .section-eyebrow,
  .pricing-section .section-eyebrow,
  .trial-section .section-eyebrow,
  .value-section .section-eyebrow,
  .offer-section .section-eyebrow,
  .plan-section .eyebrow,
  .pricing-section .eyebrow,
  .trial-section .eyebrow,
  .value-section .eyebrow,
  .offer-section .eyebrow {
    color: #67a8ff !important;
    opacity: 1 !important;
    font-size: 0.95rem !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    margin-bottom: 14px !important;
  }

  /* título principal que estava ilegível */
  .plan-section h2,
  .pricing-section h2,
  .trial-section h2,
  .value-section h2,
  .offer-section h2,
  .plan-section .section-title,
  .pricing-section .section-title,
  .trial-section .section-title,
  .value-section .section-title,
  .offer-section .section-title {
    color: #ffffff !important;
    opacity: 1 !important;
    font-size: clamp(2rem, 8vw, 2.7rem) !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em !important;
    margin-bottom: 16px !important;
    text-shadow: none !important;
  }

  /* destaque azul dentro do título */
  .plan-section h2 span,
  .pricing-section h2 span,
  .trial-section h2 span,
  .value-section h2 span,
  .offer-section h2 span,
  .plan-section .section-title span,
  .pricing-section .section-title span,
  .trial-section .section-title span,
  .value-section .section-title span,
  .offer-section .section-title span {
    color: #2f86ff !important;
    opacity: 1 !important;
  }

  /* parágrafo explicativo */
  .plan-section .section-description,
  .pricing-section .section-description,
  .trial-section .section-description,
  .value-section .section-description,
  .offer-section .section-description,
  .plan-section p,
  .pricing-section p,
  .trial-section p,
  .value-section p,
  .offer-section p {
    color: rgba(255,255,255,0.86) !important;
    opacity: 1 !important;
    font-size: 1.04rem !important;
    line-height: 1.75 !important;
  }

  /* ======================================================
     LISTA DE BENEFÍCIOS BRANCOS
     Ex: "7 dias grátis", "Sem pagamento para começar" etc
     ====================================================== */

  .plan-benefits,
  .pricing-benefits,
  .offer-benefits,
  .value-benefits,
  .trial-benefits {
    display: grid !important;
    gap: 14px !important;
    margin-top: 22px !important;
  }

  .plan-benefits .benefit-item,
  .pricing-benefits .benefit-item,
  .offer-benefits .benefit-item,
  .value-benefits .benefit-item,
  .trial-benefits .benefit-item,
  .plan-benefits li,
  .pricing-benefits li,
  .offer-benefits li,
  .value-benefits li,
  .trial-benefits li {
    display: grid !important;
    grid-template-columns: 52px 1fr !important;
    align-items: center !important;
    gap: 14px !important;

    padding: 18px 16px !important;
    border-radius: 22px !important;

    background: rgba(255,255,255,0.96) !important;
    border: 1px solid rgba(30,70,130,0.10) !important;
    box-shadow: 0 10px 28px rgba(0,0,0,0.10) !important;

    min-height: 88px !important;
  }

  /* ícone azul do lado esquerdo */
  .plan-benefits .benefit-icon,
  .pricing-benefits .benefit-icon,
  .offer-benefits .benefit-icon,
  .value-benefits .benefit-icon,
  .trial-benefits .benefit-icon,
  .plan-benefits li::before,
  .pricing-benefits li::before,
  .offer-benefits li::before,
  .value-benefits li::before,
  .trial-benefits li::before {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    min-height: 52px !important;
    border-radius: 16px !important;
  }

  /* bloco textual do item */
  .plan-benefits .benefit-text,
  .pricing-benefits .benefit-text,
  .offer-benefits .benefit-text,
  .value-benefits .benefit-text,
  .trial-benefits .benefit-text,
  .plan-benefits li > div,
  .pricing-benefits li > div,
  .offer-benefits li > div,
  .value-benefits li > div,
  .trial-benefits li > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
  }

  /* título do card branco */
  .plan-benefits .benefit-text strong,
  .pricing-benefits .benefit-text strong,
  .offer-benefits .benefit-text strong,
  .value-benefits .benefit-text strong,
  .trial-benefits .benefit-text strong,
  .plan-benefits .benefit-title,
  .pricing-benefits .benefit-title,
  .offer-benefits .benefit-title,
  .value-benefits .benefit-title,
  .trial-benefits .benefit-title,
  .plan-benefits li strong,
  .pricing-benefits li strong,
  .offer-benefits li strong,
  .value-benefits li strong,
  .trial-benefits li strong {
    color: #10243f !important;
    font-size: 1.28rem !important;
    line-height: 1.2 !important;
    font-weight: 800 !important;
    margin: 0 0 4px 0 !important;
  }

  /* texto menor abaixo do título */
  .plan-benefits .benefit-text span,
  .pricing-benefits .benefit-text span,
  .offer-benefits .benefit-text span,
  .value-benefits .benefit-text span,
  .trial-benefits .benefit-text span,
  .plan-benefits .benefit-text small,
  .pricing-benefits .benefit-text small,
  .offer-benefits .benefit-text small,
  .value-benefits .benefit-text small,
  .trial-benefits .benefit-text small,
  .plan-benefits .benefit-description,
  .pricing-benefits .benefit-description,
  .offer-benefits .benefit-description,
  .value-benefits .benefit-description,
  .trial-benefits .benefit-description,
  .plan-benefits li small,
  .pricing-benefits li small,
  .offer-benefits li small,
  .value-benefits li small,
  .trial-benefits li small {
    color: #6a7890 !important;
    font-size: 1rem !important;
    line-height: 1.45 !important;
    margin: 0 !important;
  }
}


/* ==========================================================
   MOBILE - COR DO TÍTULO "MAIS CLAREZA FINANCEIRA..."
   ========================================================== */

@media (max-width: 760px) {

    .pricing-value h3,
    .pricing-section .pricing-value h3,
    .pricing-offer-section .pricing-value h3 {
        color: #9fd0ff !important;
    }

}


/* ==========================================================
   BANNER DO PLANO / PREÇO
   ========================================================== */

.pricing-offer-section {
    padding: 28px 0 48px;
}

.pricing-offer-card {
    background: #ffffff;
    border-radius: 28px;
    border: 1px solid rgba(255,255,255,0.10);
    box-shadow:
        0 18px 50px rgba(5, 21, 53, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.65);
    overflow: hidden;
    position: relative;
}

.pricing-offer-card::before {
    content: "";
    position: absolute;
    top: -80px;
    right: -80px;
    width: 240px;
    height: 240px;
    background: radial-gradient(circle, rgba(45,127,255,0.10), rgba(45,127,255,0.03), transparent 70%);
    pointer-events: none;
}

.pricing-offer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 28px 28px 0;
    flex-wrap: wrap;
}

.pricing-badge {
    display: inline-flex;
    align-items: center;
    padding: 12px 18px;
    border-radius: 999px;
    background: #eef7ff;
    color: #1d70ea;
    font-size: 0.90rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pricing-plan-label {
    color: #7d8797;
    font-size: 0.95rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.pricing-offer-content {
    padding: 24px 28px 28px;
}

.pricing-offer-kicker {
    margin: 0 0 10px;
    color: #6e7787;
    font-size: 1.02rem;
    line-height: 1.5;
}

.pricing-offer-price-row {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.pricing-offer-price-row h3 {
    margin: 0;
    font-size: clamp(2.8rem, 5vw, 4.3rem);
    line-height: 0.95;
    font-weight: 900;
    color: #0d1b3d;
    letter-spacing: -0.03em;
}

.pricing-offer-price-row span {
    color: #6f7888;
    font-size: 1.6rem;
    line-height: 1.2;
    padding-bottom: 8px;
}

.pricing-offer-highlight {
    margin: 0 0 22px;
    color: #2d7fff;
    font-size: 1.15rem;
    font-weight: 800;
}

.pricing-offer-divider {
    height: 1px;
    background: linear-gradient(90deg, rgba(13,27,61,0.08), rgba(13,27,61,0.14), rgba(13,27,61,0.08));
    margin-bottom: 22px;
}

.pricing-offer-features {
    list-style: none;
    padding: 0;
    margin: 0 0 26px;
    display: grid;
    gap: 14px;
}

.pricing-offer-features li {
    position: relative;
    padding-left: 30px;
    color: #2a3345;
    font-size: 1.06rem;
    line-height: 1.55;
    font-weight: 500;
}

.pricing-offer-features li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: #2d7fff;
    font-weight: 900;
    font-size: 1.15rem;
}

.pricing-offer-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 68px;
    padding: 18px 24px;
    border-radius: 20px;
    background: linear-gradient(135deg, #2d8cff 0%, #2b6fff 100%);
    color: #ffffff;
    text-decoration: none;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: -0.01em;
    box-shadow: 0 14px 30px rgba(45,127,255,0.28);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pricing-offer-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 34px rgba(45,127,255,0.34);
}

.pricing-offer-note {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 16px;
    background: #f7fbff;
    border: 1px solid #e4eefb;
    border-radius: 16px;
}

.pricing-offer-note-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #e8f4ff;
    color: #2d7fff;
    font-weight: 900;
    font-size: 0.95rem;
}

.pricing-offer-note p {
    margin: 0;
    color: #637084;
    font-size: 0.98rem;
    line-height: 1.45;
}

/* ---------------- MOBILE ---------------- */

@media (max-width: 760px) {
    .pricing-offer-section {
        padding: 20px 0 36px;
    }

    .pricing-offer-card {
        border-radius: 24px;
    }

    .pricing-offer-top {
        padding: 22px 20px 0;
        gap: 10px;
    }

    .pricing-offer-content {
        padding: 18px 20px 22px;
    }

    .pricing-badge,
    .pricing-plan-label {
        font-size: 0.86rem;
    }

    .pricing-offer-kicker {
        font-size: 0.98rem;
        margin-bottom: 8px;
    }

    .pricing-offer-price-row {
        gap: 8px;
        margin-bottom: 8px;
    }

    .pricing-offer-price-row h3 {
        font-size: clamp(2.7rem, 10vw, 4rem);
    }

    .pricing-offer-price-row span {
        font-size: 1.5rem;
        padding-bottom: 6px;
    }

    .pricing-offer-highlight {
        font-size: 1.02rem;
        margin-bottom: 18px;
    }

    .pricing-offer-divider {
        margin-bottom: 18px;
    }

    .pricing-offer-features {
        gap: 12px;
        margin-bottom: 20px;
    }

    .pricing-offer-features li {
        font-size: 1rem;
        line-height: 1.45;
        padding-left: 28px;
    }

    .pricing-offer-button {
        min-height: 60px;
        font-size: 1.1rem;
        border-radius: 18px;
        padding: 16px 18px;
    }

    .pricing-offer-note {
        margin-top: 14px;
        padding: 12px 14px;
        border-radius: 14px;
    }

    .pricing-offer-note p {
        font-size: 0.92rem;
    }
}


/* ==========================================================
   RODAPÉ - LINKS ORGANIZADOS
   ========================================================== */

.footer-links {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    margin-top: 26px;
    width: 100%;
}

.footer-links-row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 28px;
    width: 100%;
    text-align: center;
}

.footer-links-row a {
    color: rgba(255, 255, 255, 0.78);
    text-decoration: none;
    font-size: 1rem;
    font-weight: 500;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.footer-links-row a:hover {
    color: #ffffff;
}

.footer-links-row-bottom a {
    font-size: 0.98rem;
    color: rgba(255, 255, 255, 0.72);
}

@media (max-width: 760px) {
    .footer-links {
        gap: 12px;
        margin-top: 22px;
    }

    .footer-links-row {
        gap: 12px 24px;
    }

    .footer-links-row-top {
        max-width: 320px;
    }

    .footer-links-row-bottom {
        max-width: 340px;
    }

    .footer-links-row a {
        font-size: 0.98rem;
    }
}


/* ==========================================================
   MOBILE - RODAPÉ PREMIUM
   ========================================================== */

@media (max-width: 760px) {

    .site-footer {
        padding-top: 42px !important;
        padding-bottom: 34px !important;
    }

    .footer-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 22px !important;

        text-align: center !important;
    }

    /* bloco da marca */
    .footer-inner > div:first-child {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        text-align: center !important;
    }

    .footer-brand {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 auto !important;

        font-size: 22px !important;
        font-weight: 900 !important;

        text-align: center !important;
    }

    .footer-brand .brand-mark {
        margin-right: 9px !important;
    }

    .footer-inner > div:first-child > p {
        max-width: 320px !important;

        margin: 10px auto 0 !important;

        color: rgba(255,255,255,.62) !important;

        font-size: 13px !important;
        line-height: 1.55 !important;

        text-align: center !important;
    }

    /* bloco dos links */
    .footer-links {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 12px !important;

        margin-top: 4px !important;
    }

    .footer-links-row {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex-wrap: wrap !important;

        text-align: center !important;
    }

    /* linha 1 */
    .footer-links-row-top {
        gap: 10px 26px !important;
    }

    /* linha 2 */
    .footer-links-row-bottom {
        gap: 10px 22px !important;

        padding-top: 12px !important;

        border-top:
            1px solid rgba(255,255,255,.07) !important;
    }

    .footer-links-row a {
        margin: 0 !important;

        color: rgba(255,255,255,.76) !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        text-decoration: none !important;
    }

    .footer-links-row-top a {
        font-weight: 700 !important;
    }

    .footer-links-row-bottom a {
        color: rgba(255,255,255,.58) !important;

        font-size: 12px !important;
        font-weight: 500 !important;
    }

    /* remove qualquer espaçamento antigo lateral */
    .footer-inner,
    .footer-links,
    .footer-links-row {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* ==========================================================
   MOBILE - RODAPÉ PREMIUM
   ========================================================== */

@media (max-width: 760px) {

    .site-footer {
        padding-top: 42px !important;
        padding-bottom: 34px !important;
    }

    .footer-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 22px !important;

        text-align: center !important;
    }

    /* bloco da marca */
    .footer-inner > div:first-child {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        text-align: center !important;
    }

    .footer-brand {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 auto !important;

        font-size: 22px !important;
        font-weight: 900 !important;

        text-align: center !important;
    }

    .footer-brand .brand-mark {
        margin-right: 9px !important;
    }

    .footer-inner > div:first-child > p {
        max-width: 320px !important;

        margin: 10px auto 0 !important;

        color: rgba(255,255,255,.62) !important;

        font-size: 13px !important;
        line-height: 1.55 !important;

        text-align: center !important;
    }

    /* bloco dos links */
    .footer-links {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 12px !important;

        margin-top: 4px !important;
    }

    .footer-links-row {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex-wrap: wrap !important;

        text-align: center !important;
    }

    /* linha 1 */
    .footer-links-row-top {
        gap: 10px 26px !important;
    }

    /* linha 2 */
    .footer-links-row-bottom {
        gap: 10px 22px !important;

        padding-top: 12px !important;

        border-top:
            1px solid rgba(255,255,255,.07) !important;
    }

    .footer-links-row a {
        margin: 0 !important;

        color: rgba(255,255,255,.76) !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        text-decoration: none !important;
    }

    .footer-links-row-top a {
        font-weight: 700 !important;
    }

    .footer-links-row-bottom a {
        color: rgba(255,255,255,.58) !important;

        font-size: 12px !important;
        font-weight: 500 !important;
    }

    /* remove qualquer espaçamento antigo lateral */
    .footer-inner,
    .footer-links,
    .footer-links-row {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* ==========================================================
   DESKTOP - REDUZIR BORDAS LATERAIS
   SOMENTE TELAS GRANDES
   ========================================================== */

@media (min-width: 1000px) {

    /*
     * Container geral mais largo.
     * Reduz bastante o espaço vazio nas laterais.
     */
    .container {
        width: min(100% - 48px, 1380px) !important;
        max-width: 1380px !important;
    }

    /*
     * Header acompanha a nova largura
     */
    .header-inner {
        width: 100% !important;
    }

    /*
     * Hero mais aproveitado horizontalmente
     */
    .hero-grid {
        grid-template-columns: 0.92fr 1.08fr !important;
        gap: 54px !important;
    }

    .hero-copy {
        max-width: 620px !important;
    }

    .hero h1 {
        font-size: clamp(48px, 4vw, 68px) !important;
    }

    .hero-text {
        max-width: 600px !important;
        font-size: 17px !important;
    }

    /*
     * Imagem dos dispositivos pode crescer um pouco
     */
    .hero-product-image {
        width: 100% !important;
        justify-content: center !important;
    }

    .hero-device-image {
        width: 118% !important;
        max-width: 860px !important;
        margin-left: -6% !important;
    }

    /*
     * Seções ficam visualmente mais largas
     */
    .section-heading {
        max-width: 900px !important;
    }

    /*
     * Grids gerais mais abertos
     */
    .pain-grid,
    .features-grid,
    .security-grid,
    .compact-clarity-grid,
    .pricing-offer-grid {
        width: 100% !important;
    }

    /*
     * Dashboard demonstrativo ocupa melhor o espaço
     */
    .real-dashboard,
    .dashboard-polished {
        width: 100% !important;
    }

    /*
     * Antes / Depois mais largos
     */
    .transformation-grid {
        gap: 28px !important;
    }

    /*
     * Rodapé acompanha o novo container
     */
    .footer-inner {
        width: 100% !important;
    }
}


/* ==========================================================
   DESKTOP GRANDE
   ========================================================== */

@media (min-width: 1400px) {

    .container {
        width: min(100% - 64px, 1480px) !important;
        max-width: 1480px !important;
    }

    .hero-grid {
        gap: 64px !important;
    }

    .hero-device-image {
        max-width: 920px !important;
    }
}


/* ==========================================================
   DESKTOP - TEXTOS COMPLEMENTARES MAIORES
   ========================================================== */

@media (min-width: 1000px) {

    /* textos gerais de seção */
    .section-heading p,
    .hero-text,
    .transformation-description,
    .pricing-value > p,
    .security-v2 .security-v2-copy > p,
    .showcase-v2-heading p,
    .final-cta p,
    .cta-final p {
        font-size: 18px !important;
        line-height: 1.7 !important;
    }

    /* textos dos cards principais */
    .pain-card p,
    .feature-card p,
    .clarity-card-content p,
    .security-v2-card p,
    .transformation-items small,
    .pricing-benefits small,
    .price-security p,
    .faq-item p,
    .faq-answer {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    /* títulos internos dos cards */
    .pain-card h3,
    .feature-card h3,
    .clarity-card-content h3,
    .security-v2-card h3,
    .transformation-items strong,
    .pricing-benefits strong,
    .faq-item h3,
    .faq-question {
        font-size: 17px !important;
        line-height: 1.35 !important;
    }

    /* textos pequenos / labels */
    .eyebrow,
    .pricing-kicker,
    .transformation-label,
    .trial-badge,
    .single-plan,
    .dashboard-demo-badge,
    .metric-card small,
    .summary-card-heading span,
    .receivable-status small {
        font-size: 11px !important;
    }

    /* textos do dashboard demonstrativo */
    .dashboard-polished .real-dashboard-header p,
    .dashboard-polished .metric-card p,
    .dashboard-polished .dashboard-panel-heading p,
    .dashboard-polished .summary-line,
    .dashboard-polished .receivable-status p,
    .dashboard-polished .dashboard-view-link {
        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    /* textos do plano */
    .price-label,
    .price-per-day,
    .price-card .premium-list li {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    /* rodapé */
    .site-footer p,
    .footer-links a {
        font-size: 14px !important;
    }
}


/* ==========================================================
   MOBILE - RODAPÉ PREMIUM
   ========================================================== */

@media (max-width: 760px) {

    .site-footer {
        padding-top: 42px !important;
        padding-bottom: 34px !important;
    }

    .footer-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 22px !important;

        text-align: center !important;
    }

    /* bloco da marca */
    .footer-inner > div:first-child {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        text-align: center !important;
    }

    .footer-brand {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        margin: 0 auto !important;

        font-size: 22px !important;
        font-weight: 900 !important;

        text-align: center !important;
    }

    .footer-brand .brand-mark {
        margin-right: 9px !important;
    }

    .footer-inner > div:first-child > p {
        max-width: 320px !important;

        margin: 10px auto 0 !important;

        color: rgba(255,255,255,.62) !important;

        font-size: 13px !important;
        line-height: 1.55 !important;

        text-align: center !important;
    }

    /* bloco dos links */
    .footer-links {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;

        gap: 12px !important;

        margin-top: 4px !important;
    }

    .footer-links-row {
        width: 100% !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        flex-wrap: wrap !important;

        text-align: center !important;
    }

    /* linha 1 */
    .footer-links-row-top {
        gap: 10px 26px !important;
    }

    /* linha 2 */
    .footer-links-row-bottom {
        gap: 10px 22px !important;

        padding-top: 12px !important;

        border-top:
            1px solid rgba(255,255,255,.07) !important;
    }

    .footer-links-row a {
        margin: 0 !important;

        color: rgba(255,255,255,.76) !important;

        font-size: 13px !important;
        line-height: 1.4 !important;

        text-decoration: none !important;
    }

    .footer-links-row-top a {
        font-weight: 700 !important;
    }

    .footer-links-row-bottom a {
        color: rgba(255,255,255,.58) !important;

        font-size: 12px !important;
        font-weight: 500 !important;
    }

    /* remove qualquer espaçamento antigo lateral */
    .footer-inner,
    .footer-links,
    .footer-links-row {
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* ==========================================================
   DESKTOP - BANNER LATERAL DO DASHBOARD
   ========================================================== */

@media (min-width: 1000px) {

    /*
     * A coluna principal continua maior,
     * mas a lateral recebe espaço suficiente para conteúdo.
     */
    .showcase-grid {
        grid-template-columns:
            minmax(0, 3.15fr)
            minmax(300px, 1fr) !important;

        gap: 20px !important;

        align-items: stretch !important;
    }


    /* banner lateral inteiro */

    .showcase-benefits-expanded {
        width: 100% !important;
        height: 100% !important;
        min-height: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        padding: 22px !important;

        border-radius: 18px !important;

        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(54,143,255,.10),
                transparent 27%
            ),
            linear-gradient(
                180deg,
                #ffffff 0%,
                #f2f7fd 100%
            ) !important;

        border:
            1px solid #d9e5f2 !important;

        box-shadow:
            0 18px 42px rgba(9,45,91,.10) !important;

        overflow: hidden !important;
    }


    /* cabeçalho */

    .showcase-benefits-expanded .showcase-benefits-header {
        padding: 0 !important;
    }

    .showcase-benefits-expanded .benefits-badge {
        display: inline-flex !important;

        align-items: center !important;

        min-height: 28px !important;

        padding: 0 11px !important;

        margin-bottom: 13px !important;

        border-radius: 999px !important;

        background: #e8f3ff !important;

        color: #2277d9 !important;

        font-size: 10px !important;
        font-weight: 900 !important;

        letter-spacing: .8px !important;
    }

    .showcase-benefits-expanded .showcase-benefits-header h3 {
        margin: 0 !important;

        color: #0d2344 !important;

        font-size: 23px !important;
        line-height: 1.13 !important;

        letter-spacing: -.5px !important;
    }

    .showcase-benefits-expanded .showcase-benefits-header > p {
        margin: 10px 0 0 !important;

        color: #6d8097 !important;

        font-size: 14px !important;
        line-height: 1.55 !important;
    }


    /* lista */

    .showcase-benefits-list {
        display: grid !important;

        gap: 10px !important;

        margin-top: 20px !important;
    }

    .showcase-benefit-item {
        display: grid !important;

        grid-template-columns:
            42px minmax(0,1fr) !important;

        align-items: center !important;

        gap: 11px !important;

        padding: 12px !important;

        border:
            1px solid #e0e8f1 !important;

        border-radius: 12px !important;

        background:
            rgba(255,255,255,.94) !important;

        box-shadow:
            0 5px 14px rgba(15,49,91,.04) !important;
    }

    .showcase-benefit-icon {
        width: 40px !important;
        height: 40px !important;

        display: grid !important;

        place-items: center !important;

        border-radius: 11px !important;

        background:
            linear-gradient(
                135deg,
                #1683ff,
                #2563eb
            ) !important;

        box-shadow:
            0 7px 15px rgba(37,99,235,.17) !important;
    }

    .showcase-benefit-icon svg {
        width: 19px !important;
        height: 19px !important;

        fill: none !important;

        stroke: #ffffff !important;
        stroke-width: 1.8 !important;

        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .showcase-benefit-item strong {
        display: block !important;

        margin: 0 !important;

        color: #173758 !important;

        font-size: 14px !important;
        line-height: 1.25 !important;
    }

    .showcase-benefit-item p {
        margin: 4px 0 0 !important;

        color: #77899c !important;

        font-size: 11px !important;
        line-height: 1.45 !important;
    }


    /* destaque inferior */

    .showcase-benefits-highlight {
        margin-top: auto !important;

        padding: 16px !important;

        border-radius: 14px !important;

        background:
            linear-gradient(
                135deg,
                #1683ff,
                #2563eb
            ) !important;

        box-shadow:
            0 12px 25px rgba(37,99,235,.20) !important;
    }

    .showcase-benefits-highlight > span {
        display: block !important;

        margin-bottom: 7px !important;

        color: rgba(255,255,255,.70) !important;

        font-size: 8px !important;
        font-weight: 900 !important;

        letter-spacing: 1px !important;
    }

    .showcase-benefits-highlight strong {
        display: block !important;

        color: #ffffff !important;

        font-size: 15px !important;
        line-height: 1.3 !important;
    }

    .showcase-benefits-highlight p {
        margin: 6px 0 0 !important;

        color: rgba(255,255,255,.86) !important;

        font-size: 11px !important;
        line-height: 1.45 !important;
    }
}


@media (min-width: 1000px) {

    .showcase-benefits-expanded {
        height: auto !important;
        min-height: 0 !important;
        align-self: start !important;
    }

    .showcase-benefits-list {
        margin-bottom: 0 !important;
    }

}


/* ==========================================================
   DESKTOP - CORREÇÃO ANTES / COM O GEST MONTE
   ========================================================== */

@media (min-width: 761px) {

    .transformation-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 24px !important;
        align-items: stretch !important;
        width: 100% !important;
    }

    .transformation-card {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        height: auto !important;
    }

    .before-card,
    .after-card {
        grid-column: auto !important;
        margin: 0 !important;
    }

    /* garante que qualquer separador antigo continue invisível */
    .transformation-arrow,
    .transformation-bridge,
    .transformation-divider {
        display: none !important;
    }
}


/* ==========================================================
   DESKTOP - RODAPÉ FINAL
   MOBILE NÃO É ALTERADO
   ========================================================== */

@media (min-width: 1000px) {

    .site-footer {
        padding: 0 !important;

        background:
            linear-gradient(
                180deg,
                #061d3a 0%,
                #04182f 100%
            ) !important;

        border-top:
            1px solid rgba(255,255,255,.06) !important;
    }

    .site-footer .container {
        padding-top: 38px !important;
        padding-bottom: 34px !important;
    }

    .footer-inner {
        width: 100% !important;

        display: grid !important;

        grid-template-columns:
            minmax(300px, 1fr)
            auto !important;

        align-items: center !important;

        column-gap: 80px !important;

        margin: 0 !important;
    }


    /* ======================================================
       MARCA
       ====================================================== */

    .footer-inner > div:first-child {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;

        max-width: 360px !important;

        text-align: left !important;
    }

    .footer-brand {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: flex-start !important;

        margin: 0 !important;

        color: #ffffff !important;

        font-size: 21px !important;
        line-height: 1 !important;

        font-weight: 900 !important;

        letter-spacing: -.3px !important;
    }

    .footer-brand .brand-mark {
        margin-right: 10px !important;
    }

    .footer-inner > div:first-child > p {
        max-width: 285px !important;

        margin: 11px 0 0 !important;

        color: rgba(205,220,239,.68) !important;

        font-size: 14px !important;
        line-height: 1.55 !important;

        text-align: left !important;
    }


    /* ======================================================
       LINKS
       ====================================================== */

    .footer-links {
        width: auto !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: flex-end !important;

        gap: 13px !important;

        margin: 0 !important;
    }

    .footer-links-row {
        width: auto !important;

        display: flex !important;

        align-items: center !important;
        justify-content: flex-end !important;

        flex-wrap: nowrap !important;

        text-align: right !important;
    }

    .footer-links-row-top {
        gap: 30px !important;
    }

    .footer-links-row-bottom {
        gap: 26px !important;

        padding: 0 !important;

        border: 0 !important;
    }

    .footer-links-row a {
        position: relative !important;

        margin: 0 !important;

        color: rgba(226,235,246,.80) !important;

        font-size: 14px !important;
        line-height: 1.3 !important;

        font-weight: 600 !important;

        text-decoration: none !important;

        transition:
            color .18s ease,
            transform .18s ease !important;
    }

    .footer-links-row-top a {
        color: rgba(240,246,253,.90) !important;

        font-weight: 700 !important;
    }

    .footer-links-row-bottom a {
        color: rgba(190,207,226,.62) !important;

        font-size: 13px !important;

        font-weight: 500 !important;
    }

    .footer-links-row a:hover {
        color: #ffffff !important;

        transform: translateY(-1px) !important;
    }

    .footer-links-row-top a::after {
        content: "";

        position: absolute;

        left: 0;
        right: 100%;
        bottom: -6px;

        height: 2px;

        border-radius: 999px;

        background: #3292ff;

        transition: right .18s ease;
    }

    .footer-links-row-top a:hover::after {
        right: 0;
    }


    /* ======================================================
       LINHA DE ACABAMENTO
       ====================================================== */

    .footer-inner {
        position: relative !important;

        padding-bottom: 26px !important;
    }

    .footer-inner::after {
        content: "";

        position: absolute;

        left: 0;
        right: 0;
        bottom: 0;

        height: 1px;

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(255,255,255,.10),
                transparent
            );
    }
}


/* ==========================================================
   DESKTOP - CENTRALIZAR CTA FINAL E RODAPÉ
   ========================================================== */

@media (min-width: 1000px) {

    /* ======================================================
       CTA FINAL
       ====================================================== */

    .final-cta .container,
    .cta-final .container {
        width: min(100% - 80px, 1120px) !important;
        max-width: 1120px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .final-cta,
    .cta-final {
        padding-top: 52px !important;
        padding-bottom: 52px !important;
    }

    .final-cta-inner,
    .cta-final-inner {
        width: 100% !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(360px, .82fr) !important;

        align-items: center !important;

        gap: 75px !important;

        margin: 0 auto !important;
    }

    /*
     * Mantém o texto à esquerda,
     * mas não grudado na borda da página.
     */
    .final-cta-copy,
    .cta-final-copy {
        max-width: 520px !important;
        margin: 0 !important;
    }

    /*
     * Área do botão mais próxima do centro.
     */
    .final-cta-actions,
    .cta-final-actions {
        width: 100% !important;
        max-width: 390px !important;

        margin-left: auto !important;
        margin-right: 0 !important;
    }

    .final-cta .btn,
    .cta-final .btn {
        width: 100% !important;
    }


    /* ======================================================
       RODAPÉ
       ====================================================== */

    .site-footer .container {
        width: min(100% - 80px, 1120px) !important;
        max-width: 1120px !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .footer-inner {
        width: 100% !important;

        grid-template-columns:
            minmax(300px, 1fr)
            minmax(420px, 1fr) !important;

        column-gap: 90px !important;

        align-items: center !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    /*
     * Marca continua à esquerda,
     * mas agora mais próxima do centro.
     */
    .footer-inner > div:first-child {
        justify-self: start !important;
        max-width: 330px !important;
    }

    /*
     * Links também são puxados para dentro.
     */
    .footer-links {
        justify-self: end !important;

        align-items: center !important;

        width: auto !important;
        min-width: 420px !important;
    }

    .footer-links-row {
        justify-content: center !important;
        text-align: center !important;
    }

    .footer-links-row-top {
        gap: 34px !important;
    }

    .footer-links-row-bottom {
        gap: 30px !important;
    }
}


/* ==========================================================
   MOBILE - NÃO ALTERAR
   ========================================================== */

@media (max-width: 999px) {

    .pricing-split-grid {
        display: block !important;
    }

    .pricing-card-left {
        display: contents !important;
    }

    .pricing-card-right {
        display: none !important;
    }
}


/* FIX AUTOMATICO - PRECO LADO A LADO */

@media (min-width: 1000px) {

    .pricing-offer-section .container {
        width: min(100% - 48px, 1400px) !important;
        max-width: 1400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .pricing-split-grid {
        display: grid !important;
        grid-template-columns:
            minmax(0, 1.55fr)
            minmax(380px, .9fr) !important;

        gap: 28px !important;
        align-items: start !important;
        width: 100% !important;
    }

    .pricing-card-left,
    .pricing-card-right,
    .pricing-desktop-side {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;
    }

    .pricing-card-left {
        display: block !important;
        padding: 30px !important;
        border-radius: 28px !important;
        background: #ffffff !important;
        border: 1px solid rgba(80,120,180,.14) !important;
        box-shadow: 0 14px 36px rgba(7,31,73,.10) !important;
    }

    .pricing-card-right,
    .pricing-desktop-side {
        display: flex !important;
        flex-direction: column !important;
        padding: 28px !important;
        border-radius: 28px !important;

        background:
            radial-gradient(
                circle at 100% 0%,
                rgba(53,145,255,.12),
                transparent 30%
            ),
            linear-gradient(
                180deg,
                #f7fbff 0%,
                #edf5ff 100%
            ) !important;

        border: 1px solid rgba(80,120,180,.14) !important;
        box-shadow: 0 14px 36px rgba(7,31,73,.10) !important;
    }

    .pricing-offer-card {
        display: contents !important;
    }

    .pricing-card-left .pricing-offer-features {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        gap: 10px 28px !important;
    }

    .pricing-card-left .pricing-offer-button {
        width: 72% !important;
        max-width: 620px !important;

        margin: 22px auto 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 58px !important;
        border-radius: 18px !important;
    }

    .pricing-card-left .pricing-offer-note {
        margin-top: 14px !important;

        padding: 14px 16px !important;

        border-radius: 14px !important;

        background: #f6f9fd !important;
        border: 1px solid #dce7f3 !important;
    }

    .pricing-card-right .pricing-side-benefits {
        display: grid !important;
        gap: 12px !important;
        margin-top: 22px !important;
    }

    .pricing-card-right .pricing-side-benefits article {
        display: grid !important;
        grid-template-columns: 44px minmax(0,1fr) !important;

        align-items: center !important;
        gap: 12px !important;

        padding: 14px !important;

        border-radius: 16px !important;

        background: rgba(255,255,255,.86) !important;
        border: 1px solid #dbe6f2 !important;
    }

    .pricing-card-right .pricing-side-trial {
        display: none !important;
    }

    .pricing-card-right .pricing-side-benefits::after {
        content:
            "Teste antes de decidir\A"
            "7 dias grátis para conhecer o sistema antes de continuar.";

        white-space: pre-line !important;

        display: block !important;

        padding: 16px 18px !important;

        border-radius: 16px !important;

        background: rgba(255,255,255,.86) !important;
        border: 1px solid #dbe6f2 !important;

        color: #6f8197 !important;

        font-size: 13px !important;
        line-height: 1.5 !important;
    }
}


/* MOBILE PRESERVADO */

@media (max-width: 999px) {

    .pricing-split-grid {
        display: block !important;
    }

    .pricing-card-right,
    .pricing-desktop-side {
        display: none !important;
    }

    .pricing-card-left {
        display: contents !important;
    }
}




/* PRICING ICONS FINAL FIX */

@media (min-width: 1000px) {

    .pricing-card-right .pricing-side-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 12px !important;

        background:
            linear-gradient(
                135deg,
                #1683ff,
                #2563eb
            ) !important;

        box-shadow:
            0 7px 16px rgba(37,99,235,.18) !important;

        overflow: hidden !important;
    }

    .pricing-card-right .pricing-side-icon svg {
        width: 21px !important;
        height: 21px !important;

        display: block !important;

        fill: none !important;
        stroke: #ffffff !important;
        stroke-width: 1.8 !important;

        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .pricing-card-right .pricing-side-icon svg path,
    .pricing-card-right .pricing-side-icon svg rect,
    .pricing-card-right .pricing-side-icon svg circle,
    .pricing-card-right .pricing-side-icon svg line,
    .pricing-card-right .pricing-side-icon svg polyline {
        fill: none !important;
        stroke: #ffffff !important;
        stroke-width: 1.8 !important;

        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }
}



/* MOBILE FINAL FIX - SHOWCASE + PRICING */

@media screen and (max-width: 999px) {

    /* ======================================================
       1. ÍCONES DO BLOCO "VISÃO COMPLETA"
       ====================================================== */

    .showcase-benefits-expanded .showcase-benefit-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        border-radius: 12px !important;

        background:
            linear-gradient(
                135deg,
                #1683ff,
                #2563eb
            ) !important;

        box-shadow:
            0 7px 16px rgba(37,99,235,.16) !important;

        overflow: hidden !important;
    }

    .showcase-benefits-expanded .showcase-benefit-icon svg {
        width: 21px !important;
        height: 21px !important;

        display: block !important;

        fill: none !important;
        stroke: #ffffff !important;
        stroke-width: 1.8 !important;

        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .showcase-benefits-expanded .showcase-benefit-icon svg path,
    .showcase-benefits-expanded .showcase-benefit-icon svg rect,
    .showcase-benefits-expanded .showcase-benefit-icon svg circle,
    .showcase-benefits-expanded .showcase-benefit-icon svg line,
    .showcase-benefits-expanded .showcase-benefit-icon svg polyline {
        fill: none !important;
        stroke: #ffffff !important;
        stroke-width: 1.8 !important;

        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }


    /* ======================================================
       2. CARD DE PREÇO MOBILE
       Recupera o card branco original
       ====================================================== */

    .pricing-offer-section {
        padding: 28px 0 38px !important;
    }

    .pricing-offer-section .pricing-split-grid {
        display: block !important;
        width: 100% !important;
    }

    /*
     * MUITO IMPORTANTE:
     * desfaz o display:contents que fez o fundo desaparecer.
     */
    .pricing-offer-section .pricing-card-left {
        display: block !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 22px 20px !important;

        box-sizing: border-box !important;

        border-radius: 24px !important;

        background: #ffffff !important;

        border:
            1px solid rgba(80,120,180,.12) !important;

        box-shadow:
            0 14px 32px rgba(7,31,73,.10) !important;

        color: #10223f !important;
    }

    /* painel direito continua exclusivo do desktop */
    .pricing-offer-section .pricing-card-right,
    .pricing-offer-section .pricing-desktop-side {
        display: none !important;
    }


    /* TOPO */

    .pricing-card-left .pricing-offer-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 12px !important;

        margin: 0 0 24px !important;
        padding: 0 !important;
    }

    .pricing-card-left .pricing-badge {
        color: #2175d8 !important;
        background: #edf6ff !important;
    }

    .pricing-card-left .pricing-plan-label {
        color: #707b8c !important;
    }


    /* PREÇO */

    .pricing-card-left .pricing-offer-content {
        padding: 0 !important;
        color: #10223f !important;
    }

    .pricing-card-left .pricing-offer-kicker {
        color: #788597 !important;
        opacity: 1 !important;

        font-size: 16px !important;
    }

    .pricing-card-left .pricing-offer-price-row h3 {
        color: #0d2045 !important;
        opacity: 1 !important;

        font-size: 52px !important;
        line-height: 1 !important;
    }

    .pricing-card-left .pricing-offer-price-row span {
        color: #687587 !important;
        opacity: 1 !important;

        font-size: 23px !important;
    }

    .pricing-card-left .pricing-offer-highlight {
        color: #2782f4 !important;
        opacity: 1 !important;
    }


    /* LINHA DIVISÓRIA */

    .pricing-card-left .pricing-offer-divider {
        background: #e3e9f0 !important;
    }


    /* BENEFÍCIOS */

    .pricing-card-left .pricing-offer-features {
        display: grid !important;
        grid-template-columns: 1fr !important;

        gap: 11px !important;

        margin-bottom: 22px !important;
    }

    .pricing-card-left .pricing-offer-features li {
        color: #26394f !important;
        opacity: 1 !important;

        font-size: 15px !important;
        line-height: 1.4 !important;

        padding-left: 28px !important;
    }

    .pricing-card-left .pricing-offer-features li::before {
        color: #2586f5 !important;
        opacity: 1 !important;
    }


    /* BOTÃO */

    .pricing-card-left .pricing-offer-button {
        width: 100% !important;
        max-width: none !important;

        min-height: 58px !important;

        margin: 20px 0 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 15px 18px !important;

        border-radius: 16px !important;

        color: #ffffff !important;

        background:
            linear-gradient(
                135deg,
                #248cff,
                #2869f3
            ) !important;

        font-size: 17px !important;
        font-weight: 800 !important;

        text-decoration: none !important;

        box-shadow:
            0 12px 26px rgba(37,118,242,.22) !important;
    }


    /* AVISO ABAIXO */

    .pricing-card-left .pricing-offer-note {
        display: flex !important;

        align-items: center !important;

        gap: 11px !important;

        margin-top: 14px !important;

        padding: 13px 14px !important;

        border-radius: 14px !important;

        background: #f7faff !important;

        border:
            1px solid #e0e8f1 !important;
    }

    .pricing-card-left .pricing-offer-note p {
        margin: 0 !important;

        color: #69798d !important;
        opacity: 1 !important;

        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    .pricing-card-left .pricing-offer-note-icon {
        color: #2586f5 !important;
        background: #eaf4ff !important;
    }
}

/* MOBILE FIX - SHOWCASE ICON SPACING START */
@media screen and (max-width: 999px) {

    .showcase-benefits-expanded article {
        display: grid !important;
        grid-template-columns: 64px 1fr !important;
        column-gap: 18px !important;
        align-items: start !important;
    }

    .showcase-benefits-expanded .showcase-benefit-icon {
        width: 50px !important;
        height: 50px !important;
        min-width: 50px !important;
        margin: 2px 0 0 0 !important;
        align-self: start !important;
        justify-self: start !important;
    }

    .showcase-benefits-expanded article > div:last-child {
        min-width: 0 !important;
    }

    .showcase-benefits-expanded article strong {
        display: block !important;
        margin-bottom: 6px !important;
        line-height: 1.25 !important;
    }

    .showcase-benefits-expanded article p {
        margin: 0 !important;
        line-height: 1.35 !important;
    }
}
/* MOBILE FIX - SHOWCASE ICON SPACING END */

/* ==========================================================
   DESKTOP - CARD DIREITO DO PLANO RESTAURADO
   ========================================================== */

@media (min-width: 1000px) {

    .pricing-card-right .pricing-side-benefits {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-top: 22px !important;
    }

    .pricing-card-right .pricing-side-benefits article {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) !important;

        gap: 13px !important;
        align-items: center !important;

        padding: 14px !important;

        border-radius: 15px !important;

        background: rgba(255,255,255,.90) !important;

        border:
            1px solid #dce7f2 !important;

        box-shadow:
            0 4px 12px rgba(26,69,119,.04) !important;
    }

    .pricing-card-right .pricing-side-icon {
        width: 44px !important;
        height: 44px !important;
        min-width: 44px !important;

        display: grid !important;
        place-items: center !important;

        border-radius: 12px !important;

        background:
            linear-gradient(
                135deg,
                #1683ff,
                #2563eb
            ) !important;

        box-shadow:
            0 7px 16px rgba(37,99,235,.18) !important;
    }

    .pricing-card-right .pricing-side-icon svg {
        width: 21px !important;
        height: 21px !important;

        fill: none !important;
        stroke: #ffffff !important;
        stroke-width: 1.8 !important;

        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .pricing-card-right .pricing-side-icon svg path,
    .pricing-card-right .pricing-side-icon svg rect,
    .pricing-card-right .pricing-side-icon svg circle {
        fill: none !important;
        stroke: #ffffff !important;
    }

    .pricing-card-right .pricing-side-benefits strong {
        display: block !important;

        margin: 0 !important;

        color: #153556 !important;

        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    .pricing-card-right .pricing-side-benefits p {
        margin: 4px 0 0 !important;

        color: #74879c !important;

        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    /* elimina qualquer pseudo-card antigo */
    .pricing-card-right .pricing-side-benefits::after {
        content: none !important;
        display: none !important;
    }

    /* antigo bloco separado não deve existir/aparecer */
    .pricing-card-right .pricing-side-trial {
        display: none !important;
    }
}


/* ==========================================================
   DESKTOP - PREÇO: CARD DIREITO COM MESMA ALTURA + CABEÇALHO AZUL
   ========================================================== */
@media (min-width: 1000px) {

    .pricing-split-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1.7fr) minmax(360px, 0.95fr) !important;
        gap: 28px !important;
        align-items: stretch !important;
    }

    .pricing-card-left,
    .pricing-card-right {
        height: 100% !important;
        align-self: stretch !important;
    }

    .pricing-card-right {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        min-height: 100% !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 24px !important;
    }

    /* cabeçalho azul */
    .pricing-card-right .pricing-side-heading {
        margin: 0 !important;
        padding: 26px 26px 22px !important;
        background: linear-gradient(135deg, #0f4fc5 0%, #1f6fff 100%) !important;
        border-radius: 24px 24px 0 0 !important;
        border-bottom: 1px solid rgba(255,255,255,0.12) !important;
    }

    .pricing-card-right .pricing-side-heading span {
        display: inline-block !important;
        margin-bottom: 10px !important;
        color: #d9e8ff !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    .pricing-card-right .pricing-side-heading h3 {
        margin: 0 0 12px 0 !important;
        color: #ffffff !important;
        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 800 !important;
    }

    .pricing-card-right .pricing-side-heading p {
        margin: 0 !important;
        color: rgba(255,255,255,0.88) !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    /* área interna ocupa o restante da altura */
    .pricing-card-right .pricing-side-benefits {
        flex: 1 1 auto !important;
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        padding: 20px 24px 24px !important;
        align-content: start !important;
    }

    .pricing-card-right .pricing-side-benefits article {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        gap: 14px !important;
        align-items: center !important;
        padding: 16px !important;
        min-height: 90px !important;
        background: rgba(255,255,255,0.92) !important;
        border: 1px solid #dbe6f2 !important;
        border-radius: 16px !important;
        box-shadow: 0 4px 12px rgba(15, 40, 80, 0.04) !important;
    }

    .pricing-card-right .pricing-side-icon {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 12px !important;
        background: linear-gradient(135deg, #1683ff, #2563eb) !important;
        box-shadow: 0 8px 20px rgba(37, 99, 235, 0.16) !important;
    }

    .pricing-card-right .pricing-side-icon svg {
        width: 20px !important;
        height: 20px !important;
        fill: none !important;
        stroke: #ffffff !important;
        stroke-width: 1.9 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    .pricing-card-right .pricing-side-icon svg path,
    .pricing-card-right .pricing-side-icon svg rect,
    .pricing-card-right .pricing-side-icon svg circle,
    .pricing-card-right .pricing-side-icon svg polyline,
    .pricing-card-right .pricing-side-icon svg line {
        fill: none !important;
        stroke: #ffffff !important;
    }

    .pricing-card-right .pricing-side-benefits strong {
        display: block !important;
        margin: 0 0 4px 0 !important;
        color: #16385f !important;
        font-size: 15px !important;
        line-height: 1.25 !important;
        font-weight: 800 !important;
    }

    .pricing-card-right .pricing-side-benefits p {
        margin: 0 !important;
        color: #6d8198 !important;
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    /* se existir qualquer bloco antigo separado, some com ele */
    .pricing-card-right .pricing-side-trial {
        display: none !important;
    }
}



/* ==========================================================
   GEST MONTE - Landing P0/P1
   Conversão desktop - 2026-09-28
   ========================================================== */

.product-conversion-strip {
    padding: 0 0 72px;
    background: #071a38;
}

.product-conversion-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 28px 32px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 20px;
    background:
        linear-gradient(
            135deg,
            rgba(24, 86, 185, .20),
            rgba(255, 255, 255, .04)
        );
    box-shadow: 0 18px 46px rgba(0, 0, 0, .16);
}

.product-conversion-inner > div {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.product-conversion-inner strong {
    color: #fff;
    font-size: 20px;
    line-height: 1.25;
}

.product-conversion-inner > div > span {
    color: rgba(255, 255, 255, .72);
    font-size: 14px;
    line-height: 1.6;
}


.how-it-works-section {
    position: relative;
    background: #f7f9fc;
}

.how-it-works-heading {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.how-it-works-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    margin-top: 38px;
}

.how-step {
    position: relative;
    padding: 30px 28px 28px;
    overflow: hidden;
    border: 1px solid #e5eaf2;
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 14px 36px rgba(13, 38, 76, .07);
}

.how-step-number {
    position: absolute;
    top: 20px;
    right: 22px;
    color: #dbe5f3;
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -1px;
}

.how-step-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin-bottom: 24px;
    border-radius: 14px;
    background: #eef5ff;
    color: #1769d2;
}

.how-step-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.how-step h3 {
    margin: 0 0 10px;
    color: #10294d;
    font-size: 19px;
    line-height: 1.3;
}

.how-step p {
    margin: 0;
    color: #66758b;
    font-size: 14px;
    line-height: 1.7;
}

.how-it-works-cta {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 34px;
}

.how-it-works-cta small {
    color: #748198;
    font-size: 12px;
}


@media (max-width: 900px) {

    .product-conversion-inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .how-it-works-grid {
        grid-template-columns: 1fr;
    }

}


@media (max-width: 640px) {

    .product-conversion-strip {
        padding-bottom: 44px;
    }

    .product-conversion-inner {
        padding: 22px 20px;
    }

    .product-conversion-inner .btn,
    .how-it-works-cta .btn {
        width: 100%;
        justify-content: center;
    }

    .how-step {
        padding: 26px 22px 24px;
    }

}



/* ==========================================================
   GEST MONTE - P0/P1 VISUAL FIX 01
   Correcoes desktop apos validacao visual
   2026-09-28
   ========================================================== */

@media (min-width: 901px) {

    /* ------------------------------------------------------
       CTA intermediario apos demonstracao
       ------------------------------------------------------ */

    .product-conversion-strip {
        padding: 20px 0 28px;
        min-height: 0;
    }

    .product-conversion-inner {
        min-height: 0;
        padding: 24px 32px;
        border-radius: 18px;
    }

    .product-conversion-inner strong {
        font-size: 19px;
    }

    .product-conversion-inner > div > span {
        font-size: 13.5px;
    }

    .product-conversion-inner .btn {
        min-height: 48px;
        padding: 13px 24px;
        white-space: nowrap;
    }


    /* ------------------------------------------------------
       COMO FUNCIONA - numeros 01 / 02 / 03
       ------------------------------------------------------ */

    .how-step-number {
        color: #b7c9e2;
        opacity: 1;
        font-size: 35px;
        font-weight: 800;
    }


    /* ------------------------------------------------------
       PLANO - equilibrio geral
       ------------------------------------------------------ */

    .pricing-split-grid {
        align-items: stretch;
        gap: 26px;
    }

    .pricing-card {
        border-radius: 22px;
    }

    .pricing-card-left {
        padding-top: 0;
    }

    .pricing-offer-content {
        padding-left: 38px;
        padding-right: 38px;
        padding-bottom: 34px;
    }

    .pricing-offer-price-row {
        align-items: baseline;
    }

    .pricing-offer-price-row h3 {
        font-size: 54px;
        line-height: 1;
        letter-spacing: -2px;
    }

    .pricing-offer-price-row span {
        font-size: 19px;
    }

    .pricing-offer-highlight {
        margin-top: 10px;
        font-size: 16px;
    }

    .pricing-offer-features {
        row-gap: 13px;
        column-gap: 30px;
    }

    .pricing-offer-features li {
        font-size: 15px;
        line-height: 1.45;
    }

    .pricing-offer-button {
        width: auto;
        min-width: 390px;
        max-width: 480px;
        min-height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: auto;
        margin-right: auto;
        padding: 14px 28px;
        border-radius: 14px;
        font-size: 18px;
        line-height: 1.2;
        box-shadow:
            0 12px 24px rgba(30, 119, 255, .20);
    }

    .pricing-offer-note {
        max-width: 100%;
        margin-top: 14px;
    }


    /* ------------------------------------------------------
       PLANO - card direito mais refinado
       ------------------------------------------------------ */

    .pricing-card-right {
        overflow: hidden;
        border: 1px solid rgba(54, 126, 228, .28);
        background:
            linear-gradient(
                180deg,
                #edf5ff 0%,
                #f7faff 55%,
                #eef5ff 100%
            );
        box-shadow:
            0 20px 48px rgba(5, 35, 76, .14);
    }

    .pricing-side-heading {
        position: relative;
        padding: 28px 28px 24px;
        background:
            linear-gradient(
                135deg,
                #145bd3 0%,
                #2478f5 100%
            );
    }

    .pricing-side-heading::after {
        content: "";
        position: absolute;
        left: 28px;
        bottom: 0;
        width: 54px;
        height: 3px;
        border-radius: 99px;
        background: rgba(255, 255, 255, .72);
    }

    .pricing-side-heading > span {
        font-size: 11px;
        letter-spacing: 1.2px;
    }

    .pricing-side-heading h3 {
        max-width: 430px;
        margin-top: 10px;
        font-size: 21px;
        line-height: 1.22;
    }

    .pricing-side-heading p {
        max-width: 460px;
        margin-top: 10px;
        font-size: 13.5px;
        line-height: 1.55;
    }

    .pricing-side-benefits {
        padding: 24px;
        gap: 13px;
    }

    .pricing-side-benefits article {
        position: relative;
        min-height: 82px;
        padding: 16px 17px;
        border: 1px solid #dbe6f4;
        border-radius: 16px;
        background:
            linear-gradient(
                135deg,
                #ffffff 0%,
                #f9fbff 100%
            );
        box-shadow:
            0 7px 18px rgba(28, 64, 108, .055);
    }

    .pricing-side-benefits article::after {
        content: "";
        position: absolute;
        top: 17px;
        right: 17px;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        background: #2d7cf4;
        opacity: .35;
    }

    .pricing-side-icon {
        width: 42px;
        height: 42px;
        flex: 0 0 42px;
        border-radius: 13px;
        box-shadow:
            0 7px 16px rgba(27, 112, 245, .16);
    }

    .pricing-side-benefits strong {
        font-size: 15px;
    }

    .pricing-side-benefits p {
        margin-top: 3px;
        font-size: 12.5px;
        line-height: 1.45;
    }

}



/* ==========================================================
   GEST MONTE - P0/P1 VISUAL FIX 02
   Refinamento desktop
   2026-09-28
   ========================================================== */

@media (min-width: 901px) {

    /* ======================================================
       HERO — reduzir espaço excessivo
       ====================================================== */

    .hero {
        min-height: 0 !important;
        padding-top: 70px !important;
        padding-bottom: 68px !important;
    }

    .hero-grid {
        min-height: 0 !important;
        align-items: center !important;
    }

    .hero-copy {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .hero-product,
    .hero-product-image {
        min-height: 0 !important;
    }


    /* ======================================================
       CTA INTERMEDIARIO — mais compacto
       ====================================================== */

    .product-conversion-strip {
        padding-top: 16px !important;
        padding-bottom: 20px !important;
        min-height: 0 !important;
    }

    .product-conversion-inner {
        padding: 21px 28px !important;
        min-height: 0 !important;
        border-radius: 17px;
    }

    .product-conversion-inner strong {
        font-size: 18px;
    }

    .product-conversion-inner > div > span {
        font-size: 13px;
    }

    .product-conversion-inner .btn {
        min-height: 45px;
        padding: 11px 22px;
        font-size: 14px;
        border-radius: 12px;
    }


    /* ======================================================
       COMO FUNCIONA
       ====================================================== */

    .how-it-works-grid {
        gap: 22px;
    }

    .how-step {
        min-height: 210px;
        padding: 28px 28px 27px;
        border-color: #dce5f1;
        box-shadow:
            0 10px 28px rgba(15, 49, 91, .075);
    }

    .how-step-number {
        top: 20px;
        right: 20px;

        width: 38px;
        height: 38px;

        display: flex;
        align-items: center;
        justify-content: center;

        color: #ffffff !important;
        background:
            linear-gradient(
                135deg,
                #1672ed 0%,
                #2d85f7 100%
            );

        border-radius: 12px;

        font-size: 16px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: 0 !important;

        box-shadow:
            0 7px 16px rgba(29, 112, 235, .22);
    }

    .how-step-icon {
        width: 46px;
        height: 46px;
        margin-bottom: 23px;
    }

    .how-step h3 {
        font-size: 18px;
        margin-bottom: 9px;
    }

    .how-step p {
        max-width: 92%;
        font-size: 13.5px;
        line-height: 1.65;
    }


    /* ======================================================
       PRECO — proporcao geral
       ====================================================== */

    .pricing-split-grid {
        grid-template-columns:
            minmax(0, 1.65fr)
            minmax(360px, .92fr);

        gap: 24px;
        align-items: stretch;
    }

    .pricing-card {
        border-radius: 20px !important;
    }


    /* ======================================================
       CARD ESQUERDO
       ====================================================== */

    .pricing-card-left {
        overflow: hidden;
        border: 1px solid #e0e7f0;
        box-shadow:
            0 18px 44px rgba(10, 37, 75, .11);
    }

    .pricing-offer-top {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }

    .pricing-offer-content {
        padding:
            20px
            34px
            28px
            !important;
    }

    .pricing-offer-kicker {
        margin-bottom: 14px;
        font-size: 14px;
        line-height: 1.5;
    }

    .pricing-offer-price-row {
        gap: 11px;
    }

    .pricing-offer-price-row h3 {
        font-size: 46px !important;
        line-height: .98;
        letter-spacing: -1.7px;
    }

    .pricing-offer-price-row span {
        font-size: 17px !important;
        color: #758195;
    }

    .pricing-offer-highlight {
        margin-top: 9px !important;
        font-size: 14px !important;
        font-weight: 700;
    }

    .pricing-offer-divider {
        margin-top: 20px !important;
        margin-bottom: 19px !important;
    }

    .pricing-offer-features {
        row-gap: 11px !important;
        column-gap: 24px !important;
    }

    .pricing-offer-features li {
        font-size: 14px !important;
        line-height: 1.4;
    }

    .pricing-offer-button {
        width: auto !important;
        min-width: 340px !important;
        max-width: 410px !important;

        min-height: 48px !important;

        margin-top: 24px !important;
        margin-left: auto !important;
        margin-right: auto !important;

        padding:
            12px
            26px
            !important;

        border-radius: 13px !important;

        font-size: 16px !important;
        font-weight: 700;

        box-shadow:
            0 10px 22px rgba(31, 119, 255, .18)
            !important;
    }

    .pricing-offer-note {
        margin-top: 12px !important;
        padding: 12px 14px !important;
        border-radius: 12px !important;
    }

    .pricing-offer-note p {
        font-size: 13px !important;
    }


    /* ======================================================
       CARD DIREITO — redesign mais premium
       ====================================================== */

    .pricing-card-right {
        display: flex;
        flex-direction: column;

        overflow: hidden;

        border:
            1px solid
            rgba(31, 103, 202, .22)
            !important;

        background:
            linear-gradient(
                180deg,
                #f6f9fe 0%,
                #eef4fb 100%
            )
            !important;

        box-shadow:
            0 18px 44px rgba(9, 38, 78, .13)
            !important;
    }

    .pricing-side-heading {
        position: relative;

        padding:
            27px
            27px
            25px
            !important;

        background:
            linear-gradient(
                135deg,
                #0d3977 0%,
                #145bc4 58%,
                #2477ed 100%
            )
            !important;
    }

    .pricing-side-heading::before {
        content: "";

        position: absolute;
        top: -65px;
        right: -65px;

        width: 175px;
        height: 175px;

        border-radius: 50%;

        background:
            rgba(255, 255, 255, .055);
    }

    .pricing-side-heading::after {
        content: "";

        position: absolute;
        left: 27px;
        bottom: 0;

        width: 44px;
        height: 3px;

        border-radius: 99px;

        background:
            #72aeff;
    }

    .pricing-side-heading > span {
        position: relative;
        z-index: 1;

        font-size: 10px !important;
        letter-spacing: 1.4px;
        color: #a9ceff;
    }

    .pricing-side-heading h3 {
        position: relative;
        z-index: 1;

        margin-top: 9px !important;

        font-size: 20px !important;
        line-height: 1.25;

        color: #ffffff;
    }

    .pricing-side-heading p {
        position: relative;
        z-index: 1;

        margin-top: 9px !important;

        font-size: 13px !important;
        line-height: 1.55;

        color:
            rgba(255, 255, 255, .79)
            !important;
    }


    /* benefícios deixam de parecer cards soltos */

    .pricing-side-benefits {
        display: flex !important;
        flex-direction: column;

        gap: 0 !important;

        flex: 1;

        padding:
            15px
            25px
            17px
            !important;
    }

    .pricing-side-benefits article {
        position: relative;

        display: flex;
        align-items: center;

        min-height: 80px !important;

        padding:
            15px
            4px
            !important;

        border: 0 !important;
        border-bottom:
            1px solid #dce5f0
            !important;

        border-radius: 0 !important;

        background:
            transparent
            !important;

        box-shadow:
            none
            !important;
    }

    .pricing-side-benefits article:last-child {
        border-bottom: 0 !important;
    }

    .pricing-side-benefits article::after {
        display: none !important;
    }

    .pricing-side-icon {
        width: 40px !important;
        height: 40px !important;
        flex: 0 0 40px !important;

        margin-right: 14px;

        border-radius: 12px !important;

        background:
            linear-gradient(
                135deg,
                #176de1,
                #3388f7
            )
            !important;

        box-shadow:
            0 7px 15px rgba(22, 102, 217, .18)
            !important;
    }

    .pricing-side-icon svg {
        width: 20px;
        height: 20px;
    }

    .pricing-side-benefits strong {
        display: block;

        color: #102c52;

        font-size: 14.5px !important;
        line-height: 1.25;
    }

    .pricing-side-benefits p {
        margin-top: 3px !important;

        color: #738197;

        font-size: 12px !important;
        line-height: 1.45;
    }

}



/* ==========================================================
   GEST MONTE - P0/P1 VISUAL FIX 03
   Refinamento final desktop antes da P2
   2026-09-28
   ========================================================== */

@media (min-width: 901px) {

    /* ======================================================
       HERO — remover espaco morto superior
       ====================================================== */

    .hero {
        min-height: 0 !important;
        height: auto !important;

        padding-top: 34px !important;
        padding-bottom: 42px !important;
    }

    .hero-grid {
        min-height: 0 !important;
        height: auto !important;

        padding-top: 0 !important;
        padding-bottom: 0 !important;

        margin-top: 0 !important;

        align-items: center !important;
    }

    .hero-copy {
        padding-top: 0 !important;
        padding-bottom: 0 !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        transform: none !important;
    }

    .hero-product,
    .hero-product-image {
        min-height: 0 !important;
        height: auto !important;

        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .hero-product-image .hero-device-image {
        margin-top: 0 !important;
    }


    /* ======================================================
       PRECO — organizar bloco principal
       ====================================================== */

    .pricing-offer-top {
        padding:
            27px
            34px
            5px
            !important;

        align-items: center !important;
    }

    .pricing-offer-content {
        padding:
            14px
            34px
            28px
            !important;
    }

    .pricing-offer-kicker {
        max-width: 560px;

        margin:
            0
            0
            14px
            !important;

        color: #67758a;

        font-size: 13.5px !important;
        line-height: 1.5;
    }

    .pricing-offer-price-row {
        display: flex;
        align-items: baseline;

        gap: 9px;

        margin: 0 !important;
    }

    .pricing-offer-price-row h3 {
        margin: 0 !important;

        font-size: 43px !important;
        line-height: .98 !important;

        letter-spacing: -1.8px;
    }

    .pricing-offer-price-row span {
        font-size: 15px !important;
        font-weight: 500;

        color: #7a8799 !important;
    }


    /* "R$ 1 por dia" vira informacao secundaria */

    .pricing-offer-highlight {
        display: inline-flex;

        width: fit-content;

        margin:
            10px
            0
            0
            !important;

        padding:
            6px
            10px;

        border:
            1px solid #e0e8f4;

        border-radius: 8px;

        background: #f5f8fc;

        color: #65758c !important;

        font-size: 12.5px !important;
        font-weight: 600 !important;

        line-height: 1.2;
    }

    .pricing-offer-divider {
        margin:
            19px
            0
            18px
            !important;
    }


    /* ======================================================
       LISTA DE RECURSOS
       ====================================================== */

    .pricing-offer-features {
        margin-top: 0 !important;

        row-gap: 10px !important;
        column-gap: 28px !important;
    }

    .pricing-offer-features li {
        font-size: 13.5px !important;
        line-height: 1.4;
    }


    /* ======================================================
       BOTAO E AVISO — MESMA LARGURA
       ====================================================== */

    .pricing-offer-button {
        width: 410px !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height: 47px !important;

        margin:
            23px
            auto
            0
            !important;

        padding:
            12px
            22px
            !important;

        border-radius: 12px !important;

        font-size: 15.5px !important;
        font-weight: 700;

        box-shadow:
            0 9px 20px
            rgba(31, 119, 255, .18)
            !important;
    }

    .pricing-offer-note {
        box-sizing: border-box;

        width: 410px !important;
        max-width: 100% !important;

        min-height: 47px;

        margin:
            11px
            auto
            0
            !important;

        padding:
            11px
            14px
            !important;

        border:
            1px solid #dee7f2
            !important;

        border-radius: 12px !important;

        background:
            #f7faff
            !important;
    }

    .pricing-offer-note p {
        font-size: 12.5px !important;
        line-height: 1.35;
    }

    .pricing-offer-note-icon {
        flex: 0 0 auto;
    }


    /* ======================================================
       CARD DIREITO — CABECALHO MAIS VISUAL
       ====================================================== */

    .pricing-side-heading {
        position: relative;

        min-height: 170px;

        padding:
            27px
            108px
            25px
            27px
            !important;

        overflow: hidden;

        background:
            linear-gradient(
                135deg,
                #0a326b 0%,
                #1153b7 52%,
                #287cf2 100%
            )
            !important;
    }


    /* bloco visual no canto direito */

    .pricing-side-heading::before {
        content: "";

        position: absolute;

        top: 25px;
        right: 25px;

        width: 62px;
        height: 62px;

        border:
            1px solid
            rgba(255, 255, 255, .22);

        border-radius: 18px;

        background-color:
            rgba(255, 255, 255, .10);

        background-image:
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='3'/%3E%3Cpath d='M7 10h4M7 14h7M16 10h1'/%3E%3C/svg%3E");

        background-repeat: no-repeat;
        background-position: center;
        background-size: 29px 29px;

        box-shadow:
            inset 0 1px 0
            rgba(255, 255, 255, .15),
            0 12px 24px
            rgba(0, 22, 61, .15);
    }


    /* pequeno detalhe inferior */

    .pricing-side-heading::after {
        content: "";

        position: absolute;

        left: 27px;
        bottom: 0;

        width: 54px;
        height: 3px;

        border-radius: 99px;

        background:
            linear-gradient(
                90deg,
                #7db7ff,
                #ffffff
            );
    }

    .pricing-side-heading > span {
        position: relative;
        z-index: 2;

        display: inline-flex;

        width: fit-content;

        padding:
            5px
            9px;

        border:
            1px solid
            rgba(255, 255, 255, .17);

        border-radius: 7px;

        background:
            rgba(255, 255, 255, .07);

        color: #c8e0ff !important;

        font-size: 9.5px !important;
        font-weight: 800;

        letter-spacing: 1.25px;
    }

    .pricing-side-heading h3 {
        position: relative;
        z-index: 2;

        max-width: 330px;

        margin:
            13px
            0
            0
            !important;

        color: #ffffff;

        font-size: 19px !important;
        line-height: 1.25;
    }

    .pricing-side-heading p {
        position: relative;
        z-index: 2;

        max-width: 345px;

        margin:
            9px
            0
            0
            !important;

        color:
            rgba(255, 255, 255, .76)
            !important;

        font-size: 12.5px !important;
        line-height: 1.5;
    }


    /* ======================================================
       BENEFICIOS DO CARD DIREITO
       ====================================================== */

    .pricing-side-benefits {
        padding:
            12px
            25px
            15px
            !important;
    }

    .pricing-side-benefits article {
        min-height: 74px !important;

        padding:
            13px
            3px
            !important;
    }

    .pricing-side-icon {
        width: 38px !important;
        height: 38px !important;

        flex-basis: 38px !important;

        margin-right: 13px;

        border-radius: 11px !important;
    }

    .pricing-side-icon svg {
        width: 18px;
        height: 18px;
    }

    .pricing-side-benefits strong {
        font-size: 14px !important;
    }

    .pricing-side-benefits p {
        font-size: 11.8px !important;
    }

}



/* ==========================================================
   GEST MONTE DASHBOARD DEMO FINAL 20260928
   ========================================================== */

@media (min-width: 901px) {

    /* ======================================================
       HERO COM DASHBOARD ATUAL
       ====================================================== */

    .hero {
        padding-top: 26px !important;
        padding-bottom: 34px !important;
        min-height: 0 !important;
    }

    .hero-grid {
        min-height: 0 !important;
        align-items: center !important;
        gap: 42px;
    }

    .hero-product-dashboard {
        display: flex;
        align-items: center;
        justify-content: center;

        min-height: 0 !important;

        padding: 0 !important;
        margin: 0 !important;

        background: transparent !important;
    }

    .hero-product-dashboard::before,
    .hero-product-dashboard::after {
        display: none !important;
    }

    .hero-product-dashboard .hero-device-image {
        width: 100% !important;
        max-width: 810px !important;
        height: auto !important;

        margin: 0 !important;

        display: block;

        object-fit: contain !important;

        border:
            1px solid
            rgba(255, 255, 255, .16);

        border-radius: 20px;

        background: #ffffff;

        box-shadow:
            0 28px 70px rgba(2, 20, 51, .28),
            0 8px 26px rgba(2, 20, 51, .18);
    }


    /* ======================================================
       CABECALHO DO CARD ESQUERDO DO PLANO
       ====================================================== */

    .pricing-offer-top {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 18px;

        margin:
            0
            30px
            12px
            30px
            !important;

        padding:
            15px
            17px
            !important;

        border:
            1px solid #dce6f3 !important;

        border-radius: 16px !important;

        background:
            linear-gradient(
                180deg,
                #f8fbff 0%,
                #eef5fd 100%
            ) !important;

        box-shadow:
            inset 0 1px 0 #ffffff,
            0 7px 18px rgba(14, 47, 91, .05);
    }

    .pricing-badge {
        min-height: 38px;

        display: inline-flex;
        align-items: center;

        padding:
            0
            16px
            !important;

        border-radius: 999px !important;

        background: #e9f2ff !important;

        color: #2470ec !important;

        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: 1.1px !important;
    }

    .pricing-plan-label {
        min-height: 38px;

        display: inline-flex !important;
        align-items: center;
        justify-content: center;

        padding:
            0
            15px
            !important;

        border:
            1px solid #cbd8e9 !important;

        border-radius: 11px !important;

        background: #ffffff !important;

        color: #53647c !important;

        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: 1.15px !important;

        box-shadow:
            0 5px 14px rgba(15, 48, 89, .06);
    }


    /* ======================================================
       CONTEUDO DO PLANO
       ====================================================== */

    .pricing-offer-content {
        padding:
            8px
            30px
            27px
            !important;
    }

    .pricing-offer-kicker {
        margin:
            0
            0
            13px
            !important;

        color: #6d7b8f !important;

        font-size: 13px !important;
    }

    .pricing-offer-price-row h3 {
        font-size: 42px !important;
        letter-spacing: -1.5px !important;
    }

    .pricing-offer-price-row span {
        font-size: 14px !important;
    }

    .pricing-offer-highlight {
        margin-top: 10px !important;

        padding:
            6px
            10px
            !important;

        border:
            1px solid #d7e2f0 !important;

        border-radius: 9px !important;

        background: #f4f8fd !important;

        color: #627189 !important;

        font-size: 12px !important;
    }


    /* ======================================================
       BOTAO + INFORMACAO SEM CARTAO
       ====================================================== */

    .pricing-offer-button,
    .pricing-offer-note {
        box-sizing: border-box;

        width: 410px !important;
        max-width: 100% !important;

        margin-left: auto !important;
        margin-right: auto !important;
    }

    .pricing-offer-button {
        min-height: 52px !important;

        margin-top: 22px !important;

        border-radius: 13px !important;

        font-size: 15px !important;

        box-shadow:
            0 11px 26px
            rgba(31, 116, 245, .20)
            !important;
    }

    .pricing-offer-note {
        min-height: 52px;

        margin-top: 11px !important;

        padding:
            12px
            15px
            !important;

        border:
            2px solid #cfdbeb !important;

        border-radius: 13px !important;

        background:
            linear-gradient(
                180deg,
                #fafcff 0%,
                #f2f7fd 100%
            ) !important;

        box-shadow:
            0 7px 17px rgba(10, 42, 83, .055),
            inset 0 1px 0 #ffffff;
    }

    .pricing-offer-note p {
        color: #566981 !important;

        font-size: 12.5px !important;
        font-weight: 600 !important;
    }

}



/* ==========================================================
   GEST MONTE - PRODUCT DASHBOARD IMAGE FIX
   2026-09-28
   ========================================================== */

.dashboard-image-demo {
    position: relative;
    overflow: hidden;

    padding: 0 !important;

    border: 1px solid #dbe5f1;
    border-radius: 20px;

    background: #ffffff;

    box-shadow:
        0 18px 48px rgba(8, 37, 78, .12);
}

.dashboard-demo-image {
    display: block;

    width: 100%;
    height: auto;

    margin: 0;

    object-fit: contain;

    border: 0;
}


@media (min-width: 901px) {

    .dashboard-image-demo {
        align-self: start;
    }

    .dashboard-demo-image {
        max-width: 100%;
    }

}



/* ==========================================================
   GEST MONTE - DASHBOARD IMAGE SIZE FIX
   2026-09-28
   ========================================================== */

.product-showcase .dashboard-image-demo {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    display: block !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;

    border: 1px solid #dbe5f1 !important;
    border-radius: 20px !important;

    background: #ffffff !important;

    transform: none !important;

    box-shadow:
        0 18px 48px rgba(8, 37, 78, .12)
        !important;
}


.product-showcase .dashboard-image-demo::before,
.product-showcase .dashboard-image-demo::after {
    display: none !important;
    content: none !important;
}


.product-showcase .dashboard-image-demo .dashboard-demo-image {
    position: static !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 100% !important;

    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    object-fit: contain !important;
    object-position: center top !important;

    transform: none !important;

    opacity: 1 !important;
}


@media (min-width: 901px) {

    .product-showcase {
        align-items: flex-start !important;
    }

    .product-showcase .dashboard-image-demo {
        align-self: flex-start !important;
    }

}



/* ==========================================================
   GEST MONTE - PRODUCT SHOWCASE SIZE / QUALITY FIX
   2026-09-28
   ========================================================== */

.product-showcase {
    align-items: start !important;
}


.product-showcase .dashboard-image-demo {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;

    width: 100% !important;
    max-width: 100% !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;

    background: #ffffff !important;
    border: 1px solid #dbe5f1 !important;
    border-radius: 24px !important;

    box-shadow: 0 20px 48px rgba(7, 31, 71, 0.12) !important;
}


.product-showcase .dashboard-image-demo::before,
.product-showcase .dashboard-image-demo::after {
    display: none !important;
    content: none !important;
}


.product-showcase .dashboard-image-demo .dashboard-demo-image {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 auto !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    object-fit: contain !important;
    object-position: center top !important;

    transform: none !important;
    image-rendering: auto !important;
}


.product-showcase .product-feature-card,
.product-showcase .product-benefits-card,
.product-showcase .product-side-card {
    align-self: start !important;
}


/* Desktop: deixa a imagem proporcional ao card lateral direito */
@media (min-width: 1025px) {
    .product-showcase {
        grid-template-columns: minmax(0, 1.42fr) minmax(280px, 0.58fr) !important;
        gap: 24px !important;
    }

    .product-showcase .dashboard-image-demo {
        max-height: 620px !important;
    }

    .product-showcase .dashboard-image-demo .dashboard-demo-image {
        max-height: 620px !important;
        width: auto !important;
        max-width: 100% !important;
    }

    .product-showcase .product-feature-card,
    .product-showcase .product-benefits-card,
    .product-showcase .product-side-card {
        max-height: 620px !important;
    }
}


/* Desktop maior */
@media (min-width: 1280px) {
    .product-showcase {
        grid-template-columns: minmax(0, 1.38fr) minmax(300px, 0.62fr) !important;
    }

    .product-showcase .dashboard-image-demo {
        max-height: 600px !important;
    }

    .product-showcase .dashboard-image-demo .dashboard-demo-image {
        max-height: 600px !important;
    }

    .product-showcase .product-feature-card,
    .product-showcase .product-benefits-card,
    .product-showcase .product-side-card {
        max-height: 600px !important;
    }
}



/* ==========================================================
   GEST MONTE - DASHBOARD DEMO EMBED
   2026-09-28
   ========================================================== */

.product-showcase .dashboard-embed-wrap {
    position: relative !important;

    width: 100% !important;

    min-width: 0 !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;

    border:
        1px solid
        rgba(215, 227, 241, .95)
        !important;

    border-radius: 24px !important;

    background: #edf4fb !important;

    box-shadow:
        0 20px 50px
        rgba(5, 31, 69, .12)
        !important;

    transform: none !important;
}


.product-showcase .dashboard-embed-wrap::before,
.product-showcase .dashboard-embed-wrap::after {
    display: none !important;
    content: none !important;
}


.product-showcase .dashboard-demo-frame {
    display: block !important;

    width: 100% !important;
    height: 680px !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    background: #edf4fb;
}


@media (min-width: 1025px) {

    .product-showcase {
        grid-template-columns:
            minmax(0, 1.68fr)
            minmax(300px, .55fr)
            !important;

        gap: 24px !important;

        align-items: stretch !important;
    }

    .product-showcase .dashboard-embed-wrap,
    .product-showcase .showcase-benefits-expanded {
        height: 680px !important;
        max-height: 680px !important;
    }

}


/* Apenas proteção para telas menores.
   O redesign mobile ainda será tratado separadamente. */

@media (max-width: 1024px) {

    .product-showcase .dashboard-demo-frame {
        height: 700px !important;
    }

}



/* ==========================================================
   GEST MONTE — NATIVE PRODUCT BANNER
   2026-09-28
   ========================================================== */

#produto .gm-native-product-banner {
    position: relative;

    width: 100%;
    min-width: 0;
    min-height: 610px;

    display: flex;
    align-items: center;

    overflow: hidden;

    padding: 58px 56px;

    border:
        1px solid
        rgba(99, 167, 255, .22);

    border-radius: 24px;

    background:
        radial-gradient(
            circle at 88% 10%,
            rgba(34, 126, 255, .26),
            transparent 33%
        ),
        linear-gradient(
            145deg,
            #061b3a 0%,
            #082753 55%,
            #0b3971 100%
        );

    box-shadow:
        0 24px 58px
        rgba(3, 21, 48, .20);

    isolation: isolate;
}


#produto .gm-native-product-banner::before {
    content: "";

    position: absolute;
    inset: 0;

    z-index: -1;

    opacity: .13;

    background-image:
        linear-gradient(
            rgba(255,255,255,.16) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.16) 1px,
            transparent 1px
        );

    background-size: 44px 44px;

    mask-image:
        linear-gradient(
            125deg,
            #000 0%,
            transparent 76%
        );
}


#produto .gm-native-orb {
    position: absolute;

    border-radius: 999px;

    pointer-events: none;

    z-index: -1;
}


#produto .gm-native-orb-one {
    width: 340px;
    height: 340px;

    top: -185px;
    right: -95px;

    background:
        rgba(46, 139, 255, .20);
}


#produto .gm-native-orb-two {
    width: 280px;
    height: 280px;

    bottom: -180px;
    left: 34%;

    background:
        rgba(52, 136, 255, .12);
}


#produto .gm-native-product-content {
    width: 100%;
    max-width: 720px;

    position: relative;
    z-index: 1;
}


#produto .gm-native-eyebrow {
    display: inline-flex;

    margin-bottom: 18px;
    padding: 7px 12px;

    border:
        1px solid
        rgba(103, 177, 255, .28);

    border-radius: 999px;

    background:
        rgba(29, 117, 241, .15);

    color: #72b7ff;

    font-size: 11px;
    font-weight: 800;

    letter-spacing: .11em;
}


#produto .gm-native-product-content h3 {
    max-width: 650px;

    margin: 0;

    color: #ffffff;

    font-size:
        clamp(36px, 3.2vw, 52px);

    font-weight: 800;

    line-height: 1.04;

    letter-spacing: -.035em;
}


#produto .gm-native-product-content h3 span {
    display: block;

    color: #48a1ff;
}


#produto .gm-native-description {
    max-width: 610px;

    margin: 22px 0 30px;

    color:
        rgba(233, 242, 252, .76);

    font-size: 16px;
    line-height: 1.65;
}


#produto .gm-native-feature-grid {
    max-width: 670px;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}


#produto .gm-native-feature {
    min-width: 0;

    display: flex;
    align-items: center;

    gap: 13px;

    padding: 15px 16px;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius: 14px;

    background:
        rgba(255,255,255,.065);
}


#produto .gm-native-feature-icon {
    flex: 0 0 38px;

    width: 38px;
    height: 38px;

    display: grid;
    place-items: center;

    border-radius: 10px;

    background: #247ef1;

    color: #ffffff;

    font-size: 18px;
    font-weight: 800;

    box-shadow:
        0 8px 20px
        rgba(13, 100, 220, .26);
}


#produto .gm-native-feature div:last-child {
    min-width: 0;
}


#produto .gm-native-feature span {
    display: block;

    margin-bottom: 3px;

    color: #7db9ff;

    font-size: 10px;
    font-weight: 800;

    letter-spacing: .07em;

    text-transform: uppercase;
}


#produto .gm-native-feature strong {
    display: block;

    color: #f7faff;

    font-size: 13px;
    font-weight: 650;

    line-height: 1.35;
}


#produto .gm-native-product-bottom {
    display: flex;
    align-items: center;

    gap: 9px;

    margin-top: 25px;

    color:
        rgba(228, 239, 251, .68);

    font-size: 12px;
    font-weight: 600;
}


#produto .gm-native-check {
    width: 21px;
    height: 21px;

    display: grid;
    place-items: center;

    flex: 0 0 21px;

    border-radius: 999px;

    background:
        rgba(41, 137, 255, .18);

    color: #6bb2ff;

    font-size: 11px;
    font-weight: 900;
}


@media (min-width: 1025px) {

    #produto .product-showcase {
        grid-template-columns:
            minmax(0, 1.68fr)
            minmax(300px, .55fr)
            !important;

        gap: 24px !important;

        align-items: stretch !important;
    }

    #produto .gm-native-product-banner,
    #produto .showcase-benefits-expanded {
        min-height: 610px;
    }

}


@media (max-width: 1024px) {

    #produto .gm-native-product-banner {
        min-height: auto;

        padding: 44px 32px;
    }

}


@media (max-width: 640px) {

    #produto .gm-native-product-banner {
        padding: 34px 22px;

        border-radius: 20px;
    }

    #produto .gm-native-product-content h3 {
        font-size: 34px;
    }

    #produto .gm-native-description {
        font-size: 15px;
    }

    #produto .gm-native-feature-grid {
        grid-template-columns: 1fr;
    }

}



/* ==========================================================
   GEST MONTE
   PRICING PREMIUM V2 — DESKTOP ONLY
   2026-09-28
   ========================================================== */

@media (min-width: 1025px) {

    /* ------------------------------------------------------
       SECAO / GRID
       ------------------------------------------------------ */

    .pricing-premium-v2 {
        position: relative;

        padding-top: 78px;
        padding-bottom: 86px;
    }


    .pricing-premium-v2 .pricing-split-grid {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1.72fr)
            minmax(340px, .92fr)
            !important;

        gap: 28px !important;

        align-items: stretch !important;
    }


    .pricing-premium-v2 .pricing-card {
        min-width: 0;

        border-radius: 26px !important;

        overflow: hidden;

        box-shadow:
            0 24px 70px rgba(4, 25, 55, .12)
            !important;

        transition:
            transform .22s ease,
            box-shadow .22s ease;
    }


    /* ------------------------------------------------------
       CARD ESQUERDO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-card-left {
        position: relative;

        display: flex;
        flex-direction: column;

        padding: 0 !important;

        border:
            1px solid
            rgba(200, 216, 236, .92)
            !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #fbfdff 100%
            )
            !important;
    }


    .pricing-premium-v2 .pricing-card-left::before {
        content: "";

        position: absolute;

        top: 0;
        left: 0;
        right: 0;

        height: 4px;

        background:
            linear-gradient(
                90deg,
                #1478ff,
                #55a6ff
            );

        z-index: 2;
    }


    /* ------------------------------------------------------
       TOPO DO CARD ESQUERDO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-top {
        position: relative;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 16px;

        min-height: 82px;

        margin: 0 !important;

        padding:
            22px
            24px
            20px
            !important;

        border: 0 !important;

        border-bottom:
            1px solid
            #dce8f5
            !important;

        border-radius: 0 !important;

        background:
            linear-gradient(
                135deg,
                #f5f9ff 0%,
                #edf5ff 100%
            )
            !important;
    }


    .pricing-premium-v2 .pricing-offer-top::after {
        content: "";

        position: absolute;

        right: -35px;
        top: -70px;

        width: 190px;
        height: 190px;

        border-radius: 50%;

        background:
            rgba(28, 123, 255, .055);

        pointer-events: none;
    }


    .pricing-premium-v2 .pricing-badge {
        position: relative;
        z-index: 1;

        display: inline-flex !important;
        align-items: center !important;

        min-height: 40px;

        padding:
            0
            17px
            !important;

        margin: 0 !important;

        border:
            1px solid
            rgba(36, 126, 244, .10)
            !important;

        border-radius: 999px !important;

        background:
            #e8f2ff
            !important;

        color:
            #1674eb
            !important;

        font-size: 12px !important;
        font-weight: 800 !important;

        letter-spacing: .105em !important;
    }


    .pricing-premium-v2 .pricing-plan-label {
        position: relative;
        z-index: 1;

        display: inline-flex !important;
        align-items: center !important;

        min-height: 40px;

        padding:
            0
            17px
            !important;

        margin: 0 !important;

        border:
            1px solid
            #d5e1ee
            !important;

        border-radius: 11px !important;

        background:
            rgba(255, 255, 255, .92)
            !important;

        color:
            #445a78
            !important;

        box-shadow:
            0 5px 14px
            rgba(17, 54, 99, .07)
            !important;

        font-size: 11px !important;
        font-weight: 800 !important;

        letter-spacing: .11em !important;
    }


    /* ------------------------------------------------------
       CONTEUDO DO CARD ESQUERDO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-content {
        flex: 1;

        display: flex;
        flex-direction: column;

        padding:
            26px
            34px
            28px
            !important;
    }


    .pricing-premium-v2 .pricing-offer-kicker {
        margin:
            0
            0
            12px
            !important;

        color:
            #637895
            !important;

        font-size: 14px !important;
        font-weight: 500 !important;

        line-height: 1.5 !important;
    }


    .pricing-premium-v2 .pricing-offer-price-row {
        display: flex !important;
        align-items: flex-end !important;

        gap: 9px !important;

        margin:
            0
            0
            11px
            !important;
    }


    .pricing-premium-v2 .pricing-offer-price-row h3 {
        margin: 0 !important;

        color:
            #071e43
            !important;

        font-size: 50px !important;
        font-weight: 850 !important;

        line-height: .98 !important;

        letter-spacing: -.045em !important;
    }


    .pricing-premium-v2 .pricing-offer-price-row span {
        margin-bottom: 6px !important;

        color:
            #71829a
            !important;

        font-size: 14px !important;
        font-weight: 600 !important;
    }


    .pricing-premium-v2 .pricing-offer-highlight {
        align-self: flex-start;

        display: inline-flex !important;
        align-items: center !important;

        min-height: 31px;

        margin:
            2px
            0
            20px
            !important;

        padding:
            0
            12px
            !important;

        border:
            1px solid
            #cfdef0
            !important;

        border-radius: 999px !important;

        background:
            #f4f8fd
            !important;

        color:
            #506986
            !important;

        font-size: 11px !important;
        font-weight: 750 !important;

        line-height: 1 !important;

        box-shadow:
            inset 0 1px 0
            rgba(255,255,255,.95);
    }


    .pricing-premium-v2 .pricing-offer-divider {
        width: 100% !important;

        height: 1px !important;

        margin:
            0
            0
            19px
            !important;

        background:
            linear-gradient(
                90deg,
                #e1eaf5,
                #edf3f9
            )
            !important;

        border: 0 !important;
    }


    /* ------------------------------------------------------
       LISTA DE BENEFICIOS
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-features {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        column-gap: 36px !important;
        row-gap: 13px !important;

        margin:
            0
            0
            24px
            !important;

        padding: 0 !important;

        list-style: none !important;
    }


    .pricing-premium-v2 .pricing-offer-features li {
        position: relative;

        display: flex !important;
        align-items: center !important;

        min-height: 27px;

        margin: 0 !important;

        padding:
            0
            0
            0
            29px
            !important;

        color:
            #28405f
            !important;

        font-size: 13px !important;
        font-weight: 550 !important;

        line-height: 1.4 !important;
    }


    .pricing-premium-v2 .pricing-offer-features li::before {
        content: "✓" !important;

        position: absolute !important;

        left: 0 !important;
        top: 50% !important;

        width: 19px !important;
        height: 19px !important;

        display: grid !important;
        place-items: center !important;

        transform:
            translateY(-50%)
            !important;

        border-radius:
            50%
            !important;

        background:
            #eaf3ff
            !important;

        color:
            #1d7cf2
            !important;

        font-size: 11px !important;
        font-weight: 900 !important;

        line-height: 1 !important;
    }


    /* ------------------------------------------------------
       CTA
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-button {
        width: min(100%, 575px) !important;

        min-height: 58px !important;

        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        align-self: center;

        margin:
            auto
            auto
            14px
            !important;

        padding:
            0
            26px
            !important;

        border:
            1px solid
            rgba(255,255,255,.16)
            !important;

        border-radius:
            16px
            !important;

        background:
            linear-gradient(
                135deg,
                #2387ff 0%,
                #236ef0 100%
            )
            !important;

        color:
            #ffffff
            !important;

        box-shadow:
            0 13px 26px
            rgba(29, 112, 236, .22)
            !important;

        font-size: 14px !important;
        font-weight: 750 !important;

        text-decoration:
            none
            !important;

        transition:
            transform .18s ease,
            box-shadow .18s ease,
            filter .18s ease;
    }


    .pricing-premium-v2 .pricing-offer-button:hover {
        transform:
            translateY(-2px);

        box-shadow:
            0 17px 30px
            rgba(29, 112, 236, .27)
            !important;

        filter:
            brightness(1.025);
    }


    /* ------------------------------------------------------
       NOTA SEM CARTAO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-note {
        width: min(100%, 430px) !important;

        min-height: 45px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        gap: 9px !important;

        align-self: center;

        margin:
            0
            auto
            !important;

        padding:
            9px
            14px
            !important;

        border:
            1px solid
            #d7e4f2
            !important;

        border-radius:
            13px
            !important;

        background:
            #f8fbff
            !important;

        box-shadow:
            0 5px 14px
            rgba(18, 58, 105, .045)
            !important;
    }


    .pricing-premium-v2 .pricing-offer-note-icon {
        flex:
            0
            0
            25px;

        width: 25px !important;
        height: 25px !important;

        display: grid !important;
        place-items: center !important;

        margin: 0 !important;

        border-radius:
            50%
            !important;

        background:
            #e9f4ff
            !important;

        color:
            #2082f8
            !important;

        font-size: 12px !important;
        font-weight: 900 !important;
    }


    .pricing-premium-v2 .pricing-offer-note p {
        margin: 0 !important;

        color:
            #526b89
            !important;

        font-size: 11px !important;
        font-weight: 650 !important;

        line-height: 1.35 !important;
    }


    /* ======================================================
       CARD DIREITO
       ====================================================== */

    .pricing-premium-v2 .pricing-card-right {
        position: relative;

        display: flex !important;
        flex-direction: column !important;

        padding: 0 !important;

        border:
            1px solid
            rgba(181, 207, 239, .74)
            !important;

        background:
            linear-gradient(
                180deg,
                #edf5ff 0%,
                #f8fbff 100%
            )
            !important;

        box-shadow:
            0 24px 70px
            rgba(4, 25, 55, .14)
            !important;
    }


    /* ------------------------------------------------------
       CABECALHO AZUL
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-side-heading {
        position: relative;

        min-height: 198px;

        margin: 0 !important;

        padding:
            27px
            92px
            26px
            28px
            !important;

        overflow: hidden;

        border: 0 !important;

        border-radius: 0 !important;

        background:
            linear-gradient(
                135deg,
                #145fce 0%,
                #1d75ea 45%,
                #267fff 100%
            )
            !important;
    }


    .pricing-premium-v2 .pricing-side-heading::before {
        content: "";

        position: absolute;

        width: 210px;
        height: 210px;

        right: -92px;
        top: -115px;

        border-radius: 50%;

        background:
            rgba(255,255,255,.10);

        border:
            1px solid
            rgba(255,255,255,.08);
    }


    .pricing-premium-v2 .pricing-side-heading::after {
        content: "▤";

        position: absolute;

        top: 27px;
        right: 27px;

        width: 58px;
        height: 58px;

        display: grid;
        place-items: center;

        border:
            1px solid
            rgba(255,255,255,.20);

        border-radius:
            16px;

        background:
            rgba(255,255,255,.10);

        color:
            #ffffff;

        box-shadow:
            inset 0 1px 0
            rgba(255,255,255,.16);

        font-size: 25px;
        font-weight: 700;
    }


    .pricing-premium-v2 .pricing-side-heading > span {
        position: relative;
        z-index: 1;

        display: inline-flex !important;
        align-items: center !important;

        min-height: 29px;

        margin:
            0
            0
            14px
            !important;

        padding:
            0
            10px
            !important;

        border:
            1px solid
            rgba(255,255,255,.17)
            !important;

        border-radius:
            7px
            !important;

        background:
            rgba(8, 67, 154, .18)
            !important;

        color:
            #ffffff
            !important;

        font-size: 10px !important;
        font-weight: 850 !important;

        letter-spacing: .11em !important;
    }


    .pricing-premium-v2 .pricing-side-heading h3 {
        position: relative;
        z-index: 1;

        max-width: 315px;

        margin:
            0
            0
            11px
            !important;

        color:
            #ffffff
            !important;

        font-size: 21px !important;
        font-weight: 800 !important;

        line-height: 1.17 !important;

        letter-spacing: -.018em !important;
    }


    .pricing-premium-v2 .pricing-side-heading p {
        position: relative;
        z-index: 1;

        max-width: 330px;

        margin: 0 !important;

        color:
            rgba(255,255,255,.83)
            !important;

        font-size: 13px !important;
        font-weight: 450 !important;

        line-height: 1.52 !important;
    }


    /* ------------------------------------------------------
       AREA DE BENEFICIOS DO CARD DIREITO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-side-benefits {
        flex: 1;

        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        align-content: center;

        gap: 13px !important;

        margin: 0 !important;

        padding:
            24px
            24px
            26px
            !important;

        background:
            linear-gradient(
                180deg,
                #eef5fe 0%,
                #f7faff 100%
            )
            !important;
    }


    .pricing-premium-v2 .pricing-side-benefits::after {
        display:
            none
            !important;
    }


    .pricing-premium-v2 .pricing-side-benefits article {
        position: relative;

        display: flex !important;
        align-items: center !important;

        gap: 14px !important;

        min-height: 86px !important;

        margin: 0 !important;

        padding:
            16px
            17px
            !important;

        overflow: hidden;

        border:
            1px solid
            #d8e5f3
            !important;

        border-radius:
            15px
            !important;

        background:
            rgba(255,255,255,.94)
            !important;

        box-shadow:
            0 7px 18px
            rgba(11, 48, 91, .06)
            !important;

        transition:
            transform .18s ease,
            border-color .18s ease,
            box-shadow .18s ease;
    }


    .pricing-premium-v2 .pricing-side-benefits article:hover {
        transform:
            translateY(-2px);

        border-color:
            #c4d9f1
            !important;

        box-shadow:
            0 11px 23px
            rgba(11, 48, 91, .09)
            !important;
    }


    .pricing-premium-v2 .pricing-side-benefits article::after {
        content: "";

        position: absolute;

        left: 0;
        top: 15px;
        bottom: 15px;

        width: 3px;

        border-radius:
            0
            999px
            999px
            0;

        background:
            #2682f5;

        opacity: .8;
    }


    .pricing-premium-v2 .pricing-side-icon {
        flex:
            0
            0
            43px
            !important;

        width: 43px !important;
        height: 43px !important;

        display: grid !important;
        place-items: center !important;

        margin: 0 !important;

        border:
            1px solid
            rgba(255,255,255,.28)
            !important;

        border-radius:
            12px
            !important;

        background:
            linear-gradient(
                145deg,
                #2589ff 0%,
                #176eea 100%
            )
            !important;

        box-shadow:
            0 8px 18px
            rgba(31, 119, 235, .22)
            !important;
    }


    .pricing-premium-v2 .pricing-side-icon svg {
        width: 20px !important;
        height: 20px !important;

        fill: none !important;

        stroke: #ffffff !important;
        stroke-width: 1.8 !important;

        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }


    .pricing-premium-v2 .pricing-side-benefits article > div:last-child {
        min-width: 0;
    }


    .pricing-premium-v2 .pricing-side-benefits strong {
        display: block !important;

        margin:
            0
            0
            4px
            !important;

        color:
            #102f59
            !important;

        font-size: 14px !important;
        font-weight: 780 !important;

        line-height: 1.28 !important;
    }


    .pricing-premium-v2 .pricing-side-benefits p {
        margin: 0 !important;

        color:
            #6f8199
            !important;

        font-size: 11px !important;
        font-weight: 450 !important;

        line-height: 1.45 !important;
    }

}



/* ==========================================================
   GEST MONTE
   PRICING PREMIUM V2 - FIX 1
   Desktop
   ========================================================== */

@media (min-width: 1025px) {

    /* ======================================================
       EQUILIBRIO GERAL DOS DOIS CARDS
       ====================================================== */

    .pricing-premium-v2 .pricing-split-grid {
        align-items: stretch !important;

        grid-template-columns:
            minmax(0, 1.72fr)
            minmax(350px, .92fr)
            !important;

        gap: 28px !important;
    }


    .pricing-premium-v2 .pricing-card-left,
    .pricing-premium-v2 .pricing-card-right {
        height: auto !important;
        min-height: 0 !important;
    }


    /* ======================================================
       CARD ESQUERDO
       ====================================================== */

    .pricing-premium-v2 .pricing-card-left {
        display: block !important;

        padding: 0 !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #fbfdff 100%
            )
            !important;
    }


    /* ------------------------------------------------------
       CABECALHO: MAIS COMPACTO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-top {
        min-height: 70px !important;

        padding:
            15px
            24px
            !important;

        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 16px !important;
    }


    .pricing-premium-v2 .pricing-badge,
    .pricing-premium-v2 .pricing-plan-label {
        min-height: 38px !important;

        margin: 0 !important;
    }


    /* ------------------------------------------------------
       CORPO: REMOVE O ESTICAMENTO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-content {
        display: block !important;

        padding:
            23px
            34px
            27px
            !important;

        min-height: 0 !important;
        height: auto !important;
    }


    .pricing-premium-v2 .pricing-offer-kicker {
        margin:
            0
            0
            11px
            !important;

        font-size: 13px !important;
        line-height: 1.45 !important;
    }


    /* ------------------------------------------------------
       PRECO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-price-row {
        margin:
            0
            0
            9px
            !important;

        gap: 8px !important;

        align-items: flex-end !important;
    }


    .pricing-premium-v2 .pricing-offer-price-row h3 {
        font-size: 49px !important;

        line-height: 1 !important;

        letter-spacing: -.045em !important;
    }


    .pricing-premium-v2 .pricing-offer-price-row span {
        margin-bottom: 6px !important;

        font-size: 13px !important;
    }


    .pricing-premium-v2 .pricing-offer-highlight {
        min-height: 29px !important;

        margin:
            0
            0
            18px
            !important;

        padding:
            0
            11px
            !important;
    }


    /* ------------------------------------------------------
       DIVISOR
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-divider {
        margin:
            0
            0
            18px
            !important;
    }


    /* ------------------------------------------------------
       BENEFICIOS
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-features {
        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        column-gap: 34px !important;
        row-gap: 11px !important;

        margin:
            0
            0
            25px
            !important;
    }


    .pricing-premium-v2 .pricing-offer-features li {
        min-height: 28px !important;

        font-size: 12.5px !important;

        padding-left: 29px !important;
    }


    .pricing-premium-v2 .pricing-offer-features li::before {
        width: 19px !important;
        height: 19px !important;
    }


    /* ======================================================
       CTA
       REMOVE O margin:auto QUE ESTAVA ESTICANDO O CARD
       ====================================================== */

    .pricing-premium-v2 .pricing-offer-button {
        width: min(100%, 575px) !important;

        min-height: 56px !important;

        display: flex !important;

        margin:
            0
            auto
            13px
            !important;

        padding:
            0
            25px
            !important;

        border-radius: 15px !important;
    }


    /* ------------------------------------------------------
       AVISO SEM CARTAO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-offer-note {
        width: min(100%, 430px) !important;

        min-height: 43px !important;

        margin:
            0
            auto
            !important;

        padding:
            8px
            14px
            !important;
    }


    /* ======================================================
       CARD DIREITO
       ====================================================== */

    .pricing-premium-v2 .pricing-card-right {
        display: flex !important;
        flex-direction: column !important;

        min-height: 100% !important;
    }


    /* ------------------------------------------------------
       CABECALHO DIREITO
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-side-heading {
        min-height: 185px !important;

        padding:
            27px
            29px
            25px
            !important;
    }


    /*
       Remove o icone decorativo que entrou desalinhado
       entre a badge e o titulo.
    */

    .pricing-premium-v2 .pricing-side-heading::after {
        content: none !important;
        display: none !important;
    }


    /*
       Mantem apenas o circulo decorativo no canto superior.
    */

    .pricing-premium-v2 .pricing-side-heading::before {
        content: "" !important;

        position: absolute !important;

        width: 205px !important;
        height: 205px !important;

        right: -92px !important;
        top: -115px !important;

        border-radius: 50% !important;

        background:
            rgba(255,255,255,.10)
            !important;

        border:
            1px solid
            rgba(255,255,255,.07)
            !important;

        pointer-events: none !important;
    }


    .pricing-premium-v2 .pricing-side-heading > span {
        margin:
            0
            0
            14px
            !important;
    }


    .pricing-premium-v2 .pricing-side-heading h3 {
        max-width: 340px !important;

        margin:
            0
            0
            10px
            !important;

        font-size: 21px !important;

        line-height: 1.16 !important;
    }


    .pricing-premium-v2 .pricing-side-heading p {
        max-width: 350px !important;

        font-size: 12.5px !important;

        line-height: 1.5 !important;
    }


    /* ------------------------------------------------------
       CARDS DE BENEFICIO DA DIREITA
       ------------------------------------------------------ */

    .pricing-premium-v2 .pricing-side-benefits {
        flex: 1 !important;

        padding:
            24px
            24px
            25px
            !important;

        gap: 12px !important;

        align-content: stretch !important;
    }


    .pricing-premium-v2 .pricing-side-benefits article {
        min-height: 82px !important;

        padding:
            14px
            16px
            !important;

        gap: 14px !important;

        border-radius: 14px !important;
    }


    .pricing-premium-v2 .pricing-side-icon {
        flex:
            0
            0
            42px
            !important;

        width: 42px !important;
        height: 42px !important;
    }


    .pricing-premium-v2 .pricing-side-benefits strong {
        font-size: 13.5px !important;

        margin-bottom: 3px !important;
    }


    .pricing-premium-v2 .pricing-side-benefits p {
        font-size: 10.5px !important;

        line-height: 1.4 !important;
    }

}



/* ==========================================================
   GEST MONTE
   P2 FAQ PREMIUM V2 — DESKTOP
   2026-09-28
   ========================================================== */

@media (min-width: 1025px) {

    /* ------------------------------------------------------
       SECAO
       ------------------------------------------------------ */

    .faq-premium-v2 {
        position: relative;

        padding-top: 84px !important;
        padding-bottom: 92px !important;

        background:
            linear-gradient(
                180deg,
                #f7faff 0%,
                #ffffff 100%
            )
            !important;
    }


    .faq-premium-v2 .section-heading {
        max-width: 720px;

        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 38px !important;

        text-align: center;
    }


    .faq-premium-v2 .section-heading .eyebrow {
        margin-bottom: 12px !important;
    }


    .faq-premium-v2 .section-heading h2 {
        margin-bottom: 12px !important;
    }


    .faq-premium-v2 .section-heading p {
        max-width: 560px;

        margin:
            0
            auto
            !important;
    }


    /* ------------------------------------------------------
       GRID
       ------------------------------------------------------ */

    .faq-premium-v2 .faq-grid {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        align-items: start !important;

        gap:
            14px
            18px
            !important;

        max-width: 1120px;

        margin:
            0
            auto
            !important;
    }


    /* ------------------------------------------------------
       CARD
       ------------------------------------------------------ */

    .faq-premium-v2 .faq-grid details {
        position: relative;

        width: 100%;

        margin: 0 !important;

        overflow: hidden;

        border:
            1px solid
            #dce7f3
            !important;

        border-radius:
            16px
            !important;

        background:
            #ffffff
            !important;

        box-shadow:
            0 7px 20px
            rgba(13, 48, 89, .045)
            !important;

        transition:
            border-color .18s ease,
            box-shadow .18s ease,
            transform .18s ease,
            background .18s ease;
    }


    .faq-premium-v2 .faq-grid details:hover {
        border-color:
            #c9dced
            !important;

        box-shadow:
            0 11px 26px
            rgba(13, 48, 89, .07)
            !important;

        transform:
            translateY(-1px);
    }


    .faq-premium-v2 .faq-grid details[open] {
        border-color:
            #bad6f4
            !important;

        background:
            linear-gradient(
                180deg,
                #ffffff 0%,
                #f8fbff 100%
            )
            !important;

        box-shadow:
            0 13px 30px
            rgba(18, 73, 135, .08)
            !important;
    }


    /* ------------------------------------------------------
       PERGUNTA
       ------------------------------------------------------ */

    .faq-premium-v2 .faq-grid summary {
        position: relative;

        min-height: 66px;

        display: flex !important;
        align-items: center !important;

        margin: 0 !important;

        padding:
            18px
            58px
            18px
            20px
            !important;

        list-style: none !important;

        cursor: pointer;

        color:
            #16365f
            !important;

        font-size: 14px !important;
        font-weight: 720 !important;

        line-height: 1.35 !important;

        transition:
            color .18s ease,
            background .18s ease;
    }


    .faq-premium-v2 .faq-grid summary::-webkit-details-marker {
        display: none !important;
    }


    .faq-premium-v2 .faq-grid summary::marker {
        content: "";
    }


    .faq-premium-v2 .faq-grid details:hover summary {
        color:
            #0e67d7
            !important;
    }


    .faq-premium-v2 .faq-grid details[open] summary {
        color:
            #0e67d7
            !important;

        background:
            rgba(232, 243, 255, .46)
            !important;
    }


    /* ------------------------------------------------------
       ICONE + / -
       ------------------------------------------------------ */

    .faq-premium-v2 .faq-grid summary::after {
        content: "+" !important;

        position: absolute !important;

        top: 50% !important;
        right: 18px !important;

        width: 30px !important;
        height: 30px !important;

        display: grid !important;
        place-items: center !important;

        transform:
            translateY(-50%)
            !important;

        border:
            1px solid
            #d4e3f3
            !important;

        border-radius:
            9px
            !important;

        background:
            #f3f8fe
            !important;

        color:
            #297ee9
            !important;

        font-size: 20px !important;
        font-weight: 500 !important;

        line-height: 1 !important;

        transition:
            background .18s ease,
            border-color .18s ease,
            color .18s ease,
            transform .18s ease;
    }


    .faq-premium-v2 .faq-grid details[open] summary::after {
        content: "−" !important;

        background:
            #207cf0
            !important;

        border-color:
            #207cf0
            !important;

        color:
            #ffffff
            !important;
    }


    /* ------------------------------------------------------
       RESPOSTA
       ------------------------------------------------------ */

    .faq-premium-v2 .faq-grid details > p {
        position: relative;

        margin:
            0
            20px
            19px
            !important;

        padding:
            15px
            18px
            0
            !important;

        border-top:
            1px solid
            #e7eef6;

        color:
            #647991
            !important;

        font-size: 13px !important;
        font-weight: 450 !important;

        line-height: 1.6 !important;
    }


    /* ------------------------------------------------------
       ACESSIBILIDADE DE TECLADO
       ------------------------------------------------------ */

    .faq-premium-v2 .faq-grid summary:focus-visible {
        outline:
            3px solid
            rgba(35, 126, 241, .24);

        outline-offset:
            -3px;

        border-radius:
            14px;
    }

}



/* ==========================================================
   GEST MONTE
   P2 FAQ HOTFIX V3 — DESKTOP
   ========================================================== */

@media (min-width: 1025px) {

    .faq-premium-v2 {
        padding-top: 72px !important;
        padding-bottom: 88px !important;
        background:
            linear-gradient(
                180deg,
                #f4f8fd 0%,
                #f8fbff 100%
            ) !important;
    }

    .faq-premium-v2 .container {
        max-width: 1180px !important;
    }

    .faq-premium-v2 .section-heading {
        max-width: 760px !important;
        margin: 0 auto 34px !important;
        text-align: center !important;
    }

    .faq-premium-v2 .section-heading .eyebrow {
        display: inline-block !important;
        margin-bottom: 12px !important;
        color: #2d80ef !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: 1.6px !important;
        text-transform: uppercase !important;
    }

    .faq-premium-v2 .section-heading h2 {
        margin: 0 0 12px !important;
        color: #13345c !important;
        font-size: 42px !important;
        font-weight: 800 !important;
        line-height: 1.08 !important;
    }

    .faq-premium-v2 .section-heading p {
        margin: 0 auto !important;
        max-width: 560px !important;
        color: #6d829d !important;
        font-size: 18px !important;
        font-weight: 500 !important;
        line-height: 1.6 !important;
    }

    .faq-premium-v2 .faq-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 16px 18px !important;
        max-width: 1120px !important;
        margin: 0 auto !important;
        align-items: start !important;
    }

    .faq-premium-v2 .faq-grid details {
        margin: 0 !important;
        border: 1px solid #d9e5f2 !important;
        border-radius: 18px !important;
        background: #ffffff !important;
        box-shadow: 0 10px 24px rgba(15, 52, 94, 0.05) !important;
        overflow: hidden !important;
        transition:
            transform .18s ease,
            box-shadow .18s ease,
            border-color .18s ease !important;
    }

    .faq-premium-v2 .faq-grid details:hover {
        transform: translateY(-2px) !important;
        border-color: #c2d9f1 !important;
        box-shadow: 0 16px 34px rgba(20, 67, 120, 0.08) !important;
    }

    .faq-premium-v2 .faq-grid details[open] {
        border-color: #b9d3f1 !important;
        box-shadow: 0 18px 38px rgba(29, 93, 175, 0.10) !important;
    }

    .faq-premium-v2 .faq-grid summary {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        min-height: 72px !important;
        margin: 0 !important;
        padding: 20px 72px 20px 22px !important;
        cursor: pointer !important;
        list-style: none !important;
        color: #163964 !important;
        font-size: 16px !important;
        font-weight: 700 !important;
        line-height: 1.4 !important;
        background: #ffffff !important;
    }

    .faq-premium-v2 .faq-grid summary::-webkit-details-marker {
        display: none !important;
    }

    .faq-premium-v2 .faq-grid summary::marker {
        content: "" !important;
    }

    .faq-premium-v2 .faq-grid summary::after {
        content: "+" !important;
        position: absolute !important;
        top: 50% !important;
        right: 18px !important;
        transform: translateY(-50%) !important;
        width: 34px !important;
        height: 34px !important;
        display: grid !important;
        place-items: center !important;
        border-radius: 10px !important;
        border: 1px solid #d5e3f2 !important;
        background: #f3f8ff !important;
        color: #2e83f2 !important;
        font-size: 22px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        box-shadow: inset 0 1px 0 rgba(255,255,255,.65) !important;
    }

    .faq-premium-v2 .faq-grid details[open] summary {
        color: #1354a6 !important;
        background: linear-gradient(
            180deg,
            #f8fbff 0%,
            #f2f8ff 100%
        ) !important;
        border-bottom: 1px solid #e6eef7 !important;
    }

    .faq-premium-v2 .faq-grid details[open] summary::after {
        content: "−" !important;
        background: linear-gradient(
            180deg,
            #3190ff 0%,
            #1f74ec 100%
        ) !important;
        border-color: #1f74ec !important;
        color: #ffffff !important;
    }

    .faq-premium-v2 .faq-grid details > p {
        margin: 0 !important;
        padding: 18px 22px 20px !important;
        color: #617792 !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1.7 !important;
        background: #ffffff !important;
    }

    .faq-premium-v2 .faq-grid summary:focus-visible {
        outline: 3px solid rgba(45, 128, 239, 0.22) !important;
        outline-offset: -3px !important;
        border-radius: 16px !important;
    }
}



/* ==========================================================
   GEST MONTE
   P2 FAQ V4 - BACKGROUND AND GRID
   2026-09-28
   ========================================================== */

@media (min-width: 1025px) {

    /*
       Fundo mais definido para separar visualmente
       a FAQ das secoes predominantemente brancas.
    */

    .faq-premium-v2 {
        position: relative !important;

        background:
            linear-gradient(
                180deg,
                #edf5ff 0%,
                #f4f8fd 52%,
                #eef6ff 100%
            )
            !important;

        border-top:
            1px solid
            rgba(194, 216, 239, .58)
            !important;

        border-bottom:
            1px solid
            rgba(194, 216, 239, .52)
            !important;
    }


    /*
       Detalhe de luz muito suave no topo.
    */

    .faq-premium-v2::before {
        content: "";

        position: absolute;

        width: 560px;
        height: 260px;

        top: -150px;
        left: 50%;

        transform:
            translateX(-50%);

        border-radius:
            50%;

        background:
            rgba(78, 151, 245, .07);

        filter:
            blur(2px);

        pointer-events: none;
    }


    .faq-premium-v2 .container {
        position: relative;
        z-index: 1;
    }


    /*
       Grade fechada: 12 perguntas = 6 linhas completas.
    */

    .faq-premium-v2 .faq-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        gap:
            16px
            18px
            !important;
    }


    /*
       Cards um pouco mais contrastados com o novo fundo.
    */

    .faq-premium-v2 .faq-grid details {
        border-color:
            #d3e2f1
            !important;

        background:
            rgba(255,255,255,.97)
            !important;

        box-shadow:
            0 9px 22px
            rgba(20, 61, 108, .055)
            !important;
    }


    .faq-premium-v2 .faq-grid details:hover {
        border-color:
            #bcd5ef
            !important;

        box-shadow:
            0 15px 30px
            rgba(20, 67, 120, .085)
            !important;
    }


    /*
       Heading com contraste garantido.
    */

    .faq-premium-v2 .section-heading h2 {
        color:
            #102f57
            !important;
    }


    .faq-premium-v2 .section-heading p {
        color:
            #647b97
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   P2 FAQ V5 - VISIBLE BACKGROUND
   2026-09-28
   ========================================================== */

@media (min-width: 1025px) {

    .faq-premium-v2 {
        position: relative !important;

        isolation: isolate !important;

        background:
            #eaf3ff
            !important;

        background-color:
            #eaf3ff
            !important;

        border-top:
            1px solid
            #d5e5f6
            !important;

        border-bottom:
            1px solid
            #d5e5f6
            !important;
    }


    /*
       Camada real de fundo.
       Isso impede regras antigas da landing de deixarem
       a secao visualmente branca.
    */

    .faq-premium-v2::after {
        content: "" !important;

        position: absolute !important;
        inset: 0 !important;

        z-index: 0 !important;

        background:
            linear-gradient(
                180deg,
                #e8f2ff 0%,
                #eef6ff 48%,
                #e8f2ff 100%
            )
            !important;

        pointer-events: none !important;
    }


    /*
       Mantem o detalhe decorativo acima do fundo,
       mas abaixo do conteudo.
    */

    .faq-premium-v2::before {
        z-index: 0 !important;

        background:
            rgba(55, 137, 240, .08)
            !important;
    }


    .faq-premium-v2 > .container {
        position: relative !important;
        z-index: 2 !important;

        background:
            transparent
            !important;
    }


    /*
       Cards permanecem brancos para criar contraste.
    */

    .faq-premium-v2 .faq-grid details {
        background:
            #ffffff
            !important;

        border-color:
            #cddff2
            !important;

        box-shadow:
            0 9px 24px
            rgba(21, 68, 122, .07)
            !important;
    }


    .faq-premium-v2 .faq-grid summary {
        background:
            #ffffff
            !important;
    }


    .faq-premium-v2 .faq-grid details > p {
        background:
            #ffffff
            !important;
    }


    .faq-premium-v2 .faq-grid details[open] summary {
        background:
            #f5f9ff
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   P2 SECURITY SIMPLIFIED V1 — DESKTOP
   2026-09-28
   ========================================================== */

@media (min-width: 1025px) {

    .security-v2 {
        padding-top: 82px !important;
        padding-bottom: 88px !important;
    }


    .security-v2 .security-v2-top {
        min-height: 540px !important;

        align-items: center !important;

        gap: 56px !important;
    }


    .security-v2 .security-v2-copy {
        max-width: 560px !important;
    }


    .security-v2 .security-v2-copy h2 {
        max-width: 540px !important;

        margin-bottom: 20px !important;

        font-size:
            clamp(42px, 4vw, 58px)
            !important;

        line-height: 1.03 !important;

        letter-spacing: -.035em !important;
    }


    .security-v2 .security-v2-copy > p {
        max-width: 520px !important;

        margin-bottom: 27px !important;

        color:
            rgba(235, 243, 253, .76)
            !important;

        font-size: 16px !important;

        line-height: 1.65 !important;
    }


    .security-v2 .security-v2-trust {
        display: flex !important;
        flex-wrap: wrap !important;

        gap: 10px !important;

        margin-top: 0 !important;
    }


    .security-v2 .security-v2-trust span {
        min-height: 38px !important;

        display: inline-flex !important;
        align-items: center !important;

        gap: 8px !important;

        padding:
            0
            13px
            !important;

        border:
            1px solid
            rgba(126, 181, 248, .18)
            !important;

        border-radius:
            999px
            !important;

        background:
            rgba(255,255,255,.055)
            !important;

        color:
            rgba(241, 247, 255, .89)
            !important;

        font-size: 12px !important;
        font-weight: 650 !important;
    }


    .security-v2 .security-v2-trust i {
        width: 20px !important;
        height: 20px !important;

        display: grid !important;
        place-items: center !important;

        border-radius: 50% !important;

        background:
            rgba(56, 148, 255, .18)
            !important;

        color:
            #6db5ff
            !important;

        font-size: 10px !important;
        font-style: normal !important;
        font-weight: 900 !important;
    }


    /*
       O visual da direita permanece,
       mas ganha mais respiro porque o grid inferior foi removido.
    */

    .security-v2 .security-v2-visual {
        min-height: 470px !important;
    }


    .security-v2 .security-floating-card {
        box-shadow:
            0 14px 34px
            rgba(4, 25, 58, .18)
            !important;
    }


    .security-v2 .security-floating-card strong,
    .security-v2 .security-secure-pill strong {
        font-size: 12px !important;
    }


    .security-v2 .security-floating-card small,
    .security-v2 .security-secure-pill small {
        font-size: 9px !important;
    }

}



/* ==========================================================
   GEST MONTE
   P2 SECURITY COMPACT V2 — DESKTOP
   2026-09-28
   ========================================================== */

@media (min-width: 1025px) {

    /*
       Reduz altura geral da seção.
    */

    .security-v2 {
        padding-top: 58px !important;
        padding-bottom: 62px !important;
    }


    .security-v2 .security-v2-top {
        min-height: 410px !important;

        gap: 48px !important;

        align-items: center !important;
    }


    /*
       Mantém o texto proporcional à nova altura.
    */

    .security-v2 .security-v2-copy h2 {
        margin-bottom: 17px !important;

        font-size:
            clamp(40px, 3.7vw, 54px)
            !important;

        line-height: 1.02 !important;
    }


    .security-v2 .security-v2-copy > p {
        max-width: 510px !important;

        margin-bottom: 22px !important;

        font-size: 15px !important;

        line-height: 1.58 !important;
    }


    .security-v2 .security-v2-trust {
        gap: 9px !important;
    }


    .security-v2 .security-v2-trust span {
        min-height: 35px !important;

        padding:
            0
            12px
            !important;

        font-size: 11px !important;
    }


    /*
       Reduz o palco visual da direita.
    */

    .security-v2 .security-v2-visual {
        min-height: 390px !important;
        height: 390px !important;
    }


    /*
       Escudo levemente menor.
    */

    .security-v2 .security-main-shield {
        transform:
            translate(-50%, -50%)
            scale(.90)
            !important;
    }


    /*
       Aproxima as bolhas do escudo para evitar
       sensação de elementos espalhados.
    */

    .security-v2 .security-card-recovery {
        top: 42px !important;
        left: 18px !important;
    }


    .security-v2 .security-card-email {
        top: 42px !important;
        right: 18px !important;
    }


    .security-v2 .security-card-account {
        bottom: 28px !important;
        left: 18px !important;
    }


    .security-v2 .security-secure-pill {
        bottom: 28px !important;
        right: 18px !important;
    }


    /*
       Cards um pouco mais compactos.
    */

    .security-v2 .security-floating-card {
        min-height: 58px !important;

        padding:
            10px
            13px
            !important;
    }


    .security-v2 .security-secure-pill {
        min-height: 58px !important;

        padding:
            10px
            13px
            !important;
    }


    .security-v2 .security-floating-icon {
        width: 36px !important;
        height: 36px !important;
    }


    .security-v2 .security-floating-icon svg {
        width: 18px !important;
        height: 18px !important;
    }


    /*
       Órbitas acompanham a redução.
    */

    .security-v2 .security-orbit-one {
        transform:
            translate(-50%, -50%)
            scale(.88)
            rotate(10deg)
            !important;
    }


    .security-v2 .security-orbit-two {
        transform:
            translate(-50%, -50%)
            scale(.88)
            rotate(-16deg)
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   P2 SECURITY SYMBOLS FIX V3 — DESKTOP
   2026-09-28
   ========================================================== */

@media (min-width: 1025px) {

    /*
       Palco visual.
    */

    .security-v2 .security-v2-visual {
        position: relative !important;

        width: 100% !important;
        height: 390px !important;
        min-height: 390px !important;

        overflow: visible !important;
    }


    /*
       Escudo novamente centralizado.
       A compactacao anterior havia sobrescrito o transform.
    */

    .security-v2 .security-main-shield {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        right: auto !important;
        bottom: auto !important;

        transform:
            translate(-50%, -50%)
            scale(.86)
            !important;

        transform-origin:
            center center
            !important;

        z-index: 3 !important;
    }


    /*
       As duas orbitas usam exatamente o mesmo centro
       do escudo.
    */

    .security-v2 .security-orbit {
        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        right: auto !important;
        bottom: auto !important;

        transform-origin:
            center center
            !important;

        z-index: 1 !important;

        pointer-events: none !important;
    }


    .security-v2 .security-orbit-one {
        transform:
            translate(-50%, -50%)
            rotate(10deg)
            scale(.86)
            !important;
    }


    .security-v2 .security-orbit-two {
        transform:
            translate(-50%, -50%)
            rotate(-16deg)
            scale(.86)
            !important;
    }


    /*
       Cards superiores.
    */

    .security-v2 .security-card-recovery {
        top: 30px !important;
        left: 0 !important;

        right: auto !important;
        bottom: auto !important;

        transform: none !important;

        z-index: 5 !important;
    }


    .security-v2 .security-card-email {
        top: 30px !important;
        right: 0 !important;

        left: auto !important;
        bottom: auto !important;

        transform: none !important;

        z-index: 5 !important;
    }


    /*
       Cards inferiores.
    */

    .security-v2 .security-card-account {
        bottom: 22px !important;
        left: 0 !important;

        top: auto !important;
        right: auto !important;

        transform: none !important;

        z-index: 5 !important;
    }


    .security-v2 .security-secure-pill {
        bottom: 22px !important;
        right: 0 !important;

        top: auto !important;
        left: auto !important;

        transform: none !important;

        z-index: 5 !important;
    }


    /*
       Padroniza os quatro blocos.
    */

    .security-v2 .security-floating-card,
    .security-v2 .security-secure-pill {
        box-sizing: border-box !important;

        min-width: 210px !important;
        min-height: 58px !important;

        margin: 0 !important;

        padding:
            10px
            13px
            !important;
    }


    /*
       Icons alinhados no centro de seus quadrados.
    */

    .security-v2 .security-floating-icon {
        flex: 0 0 36px !important;

        width: 36px !important;
        height: 36px !important;

        display: grid !important;
        place-items: center !important;

        margin: 0 !important;
    }


    .security-v2 .security-floating-icon svg {
        display: block !important;

        width: 18px !important;
        height: 18px !important;

        margin: 0 !important;
    }


    /*
       Check verde lateral dos três floating cards.
    */

    .security-v2 .security-floating-card > span {
        flex: 0 0 22px !important;

        width: 22px !important;
        height: 22px !important;

        display: grid !important;
        place-items: center !important;

        margin-left: auto !important;

        border-radius: 50% !important;

        line-height: 1 !important;
    }


    /*
       Bolinha verde do card HTTPS.
    */

    .security-v2 .security-pill-dot {
        flex: 0 0 auto !important;

        margin: 0 !important;
    }

}



/* ==========================================================
   GEST MONTE
   P2 FOOTER PREMIUM V1
   2026-09-28
   ========================================================== */

.footer-premium-v1 {
    position: relative;

    padding: 0 !important;

    border-top:
        1px solid
        rgba(93, 143, 203, .18)
        !important;

    background:
        linear-gradient(
            180deg,
            #061b38 0%,
            #05162e 100%
        )
        !important;

    color: #ffffff;
}


@media (min-width: 1025px) {

    .footer-premium-v1 .container {
        max-width: 1240px !important;
    }


    .footer-premium-main {
        display: grid;

        grid-template-columns:
            minmax(0, 1.55fr)
            minmax(160px, .65fr)
            minmax(260px, .90fr);

        gap: 64px;

        align-items: start;

        padding:
            48px
            0
            36px;
    }


    /* MARCA */

    .footer-premium-brand {
        max-width: 420px;
    }


    .footer-premium-v1 .footer-brand {
        display: inline-flex !important;
        align-items: center !important;

        margin:
            0
            0
            14px
            !important;

        color: #ffffff !important;

        text-decoration: none !important;
    }


    .footer-premium-brand > p {
        max-width: 360px;

        margin:
            0
            0
            10px
            !important;

        color:
            rgba(226, 237, 251, .74)
            !important;

        font-size: 14px !important;

        line-height: 1.55 !important;
    }


    .footer-premium-tagline {
        display: block;

        color:
            rgba(145, 174, 210, .68);

        font-size: 11px;
        font-weight: 550;

        line-height: 1.45;
    }


    /* COLUNAS */

    .footer-premium-column {
        display: flex;

        flex-direction: column;
        align-items: flex-start;

        gap: 10px;
    }


    .footer-premium-column > strong {
        display: block;

        margin-bottom: 5px;

        color: #ffffff;

        font-size: 12px;
        font-weight: 800;

        letter-spacing: .08em;
        text-transform: uppercase;
    }


    .footer-premium-column > a {
        color:
            rgba(211, 226, 245, .74)
            !important;

        font-size: 13px !important;
        font-weight: 550 !important;

        line-height: 1.4 !important;

        text-decoration: none !important;

        transition:
            color .18s ease;
    }


    .footer-premium-column > a:hover {
        color:
            #72b5ff
            !important;
    }


    /* SUPORTE */

    .footer-support-label {
        color:
            rgba(205, 221, 241, .66);

        font-size: 12px;

        line-height: 1.4;
    }


    .footer-premium-v1 .footer-support-email {
        display: inline-flex !important;

        align-items: center !important;

        min-height: 38px;

        margin-top: 3px;

        padding:
            0
            13px
            !important;

        border:
            1px solid
            rgba(87, 158, 242, .23)
            !important;

        border-radius: 10px !important;

        background:
            rgba(37, 119, 218, .09)
            !important;

        color:
            #7ab9ff
            !important;

        font-size: 12px !important;
        font-weight: 650 !important;

        transition:
            background .18s ease,
            border-color .18s ease,
            color .18s ease;
    }


    .footer-premium-v1 .footer-support-email:hover {
        background:
            rgba(37, 119, 218, .16)
            !important;

        border-color:
            rgba(87, 158, 242, .36)
            !important;

        color:
            #a7d1ff
            !important;
    }


    /* LINHA INFERIOR */

    .footer-premium-bottom {
        min-height: 59px;

        display: flex;
        align-items: center;
        justify-content: space-between;

        gap: 30px;

        padding:
            17px
            0;

        border-top:
            1px solid
            rgba(115, 157, 207, .12);
    }


    .footer-premium-bottom > span {
        color:
            rgba(143, 170, 203, .55);

        font-size: 10px;
        font-weight: 750;

        letter-spacing: .09em;
    }


    .footer-premium-legal {
        display: flex;
        align-items: center;

        gap: 10px;
    }


    .footer-premium-legal > span {
        color:
            rgba(125, 157, 194, .36);

        font-size: 11px;
    }


    .footer-premium-legal a {
        color:
            rgba(173, 197, 226, .65)
            !important;

        font-size: 11px !important;
        font-weight: 500 !important;

        text-decoration: none !important;
    }


    .footer-premium-legal a:hover {
        color:
            #75b6ff
            !important;
    }

}


/*
   Fallback responsivo.
   O mobile será revisado depois.
*/

@media (max-width: 1024px) {

    .footer-premium-v1 {
        padding:
            36px
            0
            20px
            !important;
    }


    .footer-premium-main {
        display: grid;

        gap: 28px;
    }


    .footer-premium-column {
        display: flex;

        flex-direction: column;
        align-items: flex-start;

        gap: 9px;
    }


    .footer-premium-column > strong {
        color: #ffffff;

        font-size: 12px;
    }


    .footer-premium-column > a,
    .footer-support-email {
        color:
            rgba(218, 232, 249, .75)
            !important;

        text-decoration: none;
    }


    .footer-support-label {
        color:
            rgba(198, 216, 238, .62);

        font-size: 12px;
    }


    .footer-premium-bottom {
        display: flex;

        flex-direction: column;
        align-items: flex-start;

        gap: 10px;

        margin-top: 28px;

        padding-top: 18px;

        border-top:
            1px solid
            rgba(115, 157, 207, .12);
    }


    .footer-premium-legal {
        display: flex;

        flex-wrap: wrap;

        gap: 8px;
    }

}



/* ==========================================================
   GEST MONTE
   FOOTER PREMIUM V2
   Ajuste de alinhamento + remocao do email
   ========================================================== */

.footer-premium-v2 {
    padding: 0 !important;
    border-top: 1px solid rgba(93, 143, 203, .14) !important;
    background: linear-gradient(180deg, #051936 0%, #04142b 100%) !important;
    color: #ffffff;
}

.footer-premium-v2 .footer-premium-shell {
    width: 100%;
}

@media (min-width: 1025px) {

    .footer-premium-v2 .footer-premium-shell {
        max-width: 1180px !important;
        margin: 0 auto !important;
        padding-left: 24px !important;
        padding-right: 24px !important;
    }

    .footer-premium-v2 .footer-premium-main {
        display: grid;
        grid-template-columns: minmax(0, 1.55fr) minmax(180px, .7fr) minmax(220px, .8fr);
        gap: 56px;
        align-items: start;
        padding: 46px 0 30px;
    }

    .footer-premium-v2 .footer-premium-brand-block {
        max-width: 380px;
    }

    .footer-premium-v2 .footer-brand {
        display: inline-flex !important;
        align-items: center !important;
        margin: 0 0 14px !important;
        color: #ffffff !important;
        text-decoration: none !important;
    }

    .footer-premium-v2 .footer-premium-brand-block p {
        margin: 0 0 10px !important;
        color: rgba(220, 232, 247, .78) !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
        max-width: 340px;
    }

    .footer-premium-v2 .footer-premium-tagline {
        display: block;
        color: rgba(149, 178, 212, .72);
        font-size: 12px;
        font-weight: 550;
        line-height: 1.45;
    }

    .footer-premium-v2 .footer-premium-links-block {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 11px;
    }

    .footer-premium-v2 .footer-premium-links-block strong {
        display: block;
        margin-bottom: 6px;
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .footer-premium-v2 .footer-premium-links-block a {
        color: rgba(208, 223, 241, .78) !important;
        font-size: 14px !important;
        font-weight: 550 !important;
        line-height: 1.45 !important;
        text-decoration: none !important;
        transition: color .18s ease;
    }

    .footer-premium-v2 .footer-premium-links-block a:hover {
        color: #74b7ff !important;
    }

    .footer-premium-v2 .footer-premium-bottom {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        padding: 18px 0 20px;
        border-top: 1px solid rgba(115, 157, 207, .12);
    }

    .footer-premium-v2 .footer-premium-bottom span {
        color: rgba(147, 173, 205, .62);
        font-size: 11px;
        font-weight: 750;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .footer-premium-v2 .footer-premium-bottom small {
        color: rgba(170, 194, 224, .62);
        font-size: 12px;
        line-height: 1.4;
    }
}

@media (max-width: 1024px) {

    .footer-premium-v2 {
        padding: 34px 0 20px !important;
    }

    .footer-premium-v2 .footer-premium-shell {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .footer-premium-v2 .footer-premium-main {
        display: grid;
        gap: 26px;
    }

    .footer-premium-v2 .footer-premium-brand-block p {
        margin: 10px 0 8px !important;
        color: rgba(220, 232, 247, .78) !important;
    }

    .footer-premium-v2 .footer-premium-tagline {
        display: block;
        color: rgba(149, 178, 212, .72);
        font-size: 12px;
        line-height: 1.45;
    }

    .footer-premium-v2 .footer-premium-links-block {
        display: flex;
        flex-direction: column;
        gap: 9px;
    }

    .footer-premium-v2 .footer-premium-links-block strong {
        color: #ffffff;
        font-size: 12px;
        font-weight: 800;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .footer-premium-v2 .footer-premium-links-block a {
        color: rgba(208, 223, 241, .78) !important;
        text-decoration: none !important;
    }

    .footer-premium-v2 .footer-premium-bottom {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        margin-top: 24px;
        padding-top: 18px;
        border-top: 1px solid rgba(115, 157, 207, .12);
    }

    .footer-premium-v2 .footer-premium-bottom span {
        color: rgba(147, 173, 205, .62);
        font-size: 11px;
        font-weight: 750;
        letter-spacing: .08em;
        text-transform: uppercase;
    }

    .footer-premium-v2 .footer-premium-bottom small {
        color: rgba(170, 194, 224, .62);
        font-size: 12px;
    }
}



/* ==========================================================
   GEST MONTE
   P2 FAQ FINAL SPACING V6 — DESKTOP
   2026-09-28
   ========================================================== */

@media (min-width: 1025px) {

    .faq-premium-v2 {
        padding-top: 62px !important;
        padding-bottom: 66px !important;
    }

    .faq-premium-v2 .section-heading {
        margin-bottom: 30px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 1 HEADER HERO V1
   EXCLUSIVO MOBILE
   Desktop permanece intocado
   2026-09-28
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       HEADER MOBILE
       ====================================================== */

    .site-header {
        position: sticky !important;
        top: 0 !important;
        z-index: 1000 !important;

        background:
            rgba(5, 25, 54, .97)
            !important;

        border-bottom:
            1px solid
            rgba(255, 255, 255, .07)
            !important;

        box-shadow:
            0 4px 16px
            rgba(0, 0, 0, .08)
            !important;

        backdrop-filter:
            blur(12px);
    }


    .header-inner {
        min-height: 58px !important;

        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            auto
            !important;

        align-items: center !important;

        gap: 10px !important;
    }


    .site-header .brand {
        display: inline-flex !important;

        align-items: center !important;

        gap: 8px !important;

        margin: 0 !important;

        line-height: 1 !important;
    }


    .site-header .brand-mark {
        flex: 0 0 auto !important;

        margin: 0 !important;
    }


    .header-actions {
        display: flex !important;

        align-items: center !important;

        justify-content: flex-end !important;

        margin: 0 !important;
    }


    .btn-header {
        min-height: 34px !important;

        padding:
            0
            10px
            !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        border-radius: 10px !important;

        font-size: 10.5px !important;
        font-weight: 700 !important;

        line-height: 1.1 !important;

        white-space: nowrap !important;
    }


    /* Evita que o header sticky cubra destinos internos. */

    #recursos,
    #produto,
    #como-funciona,
    #transformacao,
    #seguranca,
    #plano,
    #faq {
        scroll-margin-top: 72px;
    }


    /* ======================================================
       HERO MOBILE
       ====================================================== */

    .hero {
        min-height: 0 !important;
        height: auto !important;

        padding-top: 30px !important;
        padding-bottom: 34px !important;
    }


    .hero-grid {
        min-height: 0 !important;

        grid-template-columns:
            1fr
            !important;

        gap: 12px !important;

        align-items: start !important;
    }


    .hero-copy {
        width: 100% !important;
        max-width: 100% !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    .hero .eyebrow {
        margin-bottom: 12px !important;
    }


    .hero h1 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        font-size: 38px !important;

        line-height: 1.04 !important;

        letter-spacing:
            -1.25px
            !important;
    }


    .hero-text {
        max-width: 37ch !important;

        margin-top: 15px !important;
        margin-bottom: 0 !important;

        color:
            rgba(225, 236, 249, .82)
            !important;

        font-size: 15px !important;
        font-weight: 450 !important;

        line-height: 1.68 !important;
    }


    /* ======================================================
       CTA PRINCIPAL + SECUNDARIO
       ====================================================== */

    .hero-actions {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 9px !important;

        margin-top: 20px !important;
    }


    .hero-actions .btn {
        width: 100% !important;

        min-height: 50px !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 8px !important;

        padding:
            0
            16px
            !important;

        line-height: 1.1 !important;
    }


    .hero-actions .btn-primary > span {
        display: inline-grid !important;

        place-items: center !important;

        width: 18px !important;
        height: 18px !important;

        margin: 0 !important;

        line-height: 1 !important;

        transform:
            translateY(-.5px)
            !important;
    }


    .hero-actions .btn-outline {
        min-height: 46px !important;

        font-size: 13px !important;
        font-weight: 650 !important;
    }


    .play-circle {
        flex: 0 0 24px !important;

        width: 24px !important;
        height: 24px !important;

        display: inline-grid !important;

        place-items: center !important;

        margin: 0 !important;

        font-size: 8px !important;

        line-height: 1 !important;

        transform:
            translateY(-.25px)
            !important;
    }


    /* ======================================================
       MICROCOPY / TRUST
       ====================================================== */

    .trust-row {
        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 6px !important;

        margin-top: 14px !important;
    }


    .trust-row > span {
        min-height: 20px !important;

        display: flex !important;

        align-items: center !important;

        margin: 0 !important;

        color:
            rgba(217, 231, 246, .80)
            !important;

        font-size: 11px !important;
        font-weight: 550 !important;

        line-height: 1.35 !important;
    }


    /* ======================================================
       MOCKUP NOTEBOOK + CELULAR
       ====================================================== */

    .hero-product,
    .hero-product-image {
        width: 100% !important;

        min-height: 235px !important;
        height: auto !important;

        margin-top: 0 !important;
        margin-bottom: 0 !important;

        padding: 0 !important;

        overflow: visible !important;
    }


    .hero-device-image {
        width: 118% !important;
        max-width: none !important;

        height: auto !important;

        margin-left: -9% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;

        transform:
            none
            !important;
    }


    .hero-product-image::before {
        width: 76% !important;
        height: 52% !important;

        left: 12% !important;
        top: 24% !important;

        opacity: .88 !important;
    }

}


/* ==========================================================
   MOBILE ESTREITO
   ========================================================== */

@media (max-width: 430px) {

    .header-inner {
        min-height: 56px !important;
    }


    .site-header .brand {
        font-size: 15px !important;
    }


    .btn-header {
        min-height: 33px !important;

        padding:
            0
            9px
            !important;

        font-size: 10px !important;
    }


    .hero {
        padding-top: 26px !important;
        padding-bottom: 30px !important;
    }


    .hero h1 {
        font-size: 35px !important;

        line-height: 1.045 !important;

        letter-spacing:
            -1.15px
            !important;
    }


    .hero-text {
        max-width: 35ch !important;

        font-size: 14.5px !important;

        line-height: 1.68 !important;
    }


    .hero-actions .btn {
        min-height: 49px !important;
    }


    .hero-product,
    .hero-product-image {
        min-height: 220px !important;
    }


    .hero-device-image {
        width: 120% !important;

        margin-left: -10% !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 2 CONTENT COMPACT V1
   EXCLUSIVO MOBILE
   Desktop permanece intocado
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       PADRAO DE SECOES
       ====================================================== */

    .pain-section,
    .clarity-section,
    #produto {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }


    .pain-section .section-heading,
    .clarity-section .section-heading,
    #produto > .container > .section-heading {
        margin-bottom: 26px !important;
    }


    .pain-section .section-heading p,
    .clarity-section .section-heading p,
    #produto > .container > .section-heading p {
        color: #617287 !important;

        font-size: 14px !important;
        font-weight: 450 !important;

        line-height: 1.6 !important;
    }


    /* ======================================================
       DORES
       ====================================================== */

    .pain-grid {
        grid-template-columns: 1fr !important;

        gap: 10px !important;
    }


    .pain-card {
        min-height: 0 !important;

        display: grid !important;

        grid-template-columns:
            42px
            minmax(0, 1fr)
            !important;

        align-items: center !important;

        column-gap: 13px !important;

        padding:
            14px
            14px
            !important;

        border-radius: 16px !important;
    }


    .pain-card-icon {
        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        min-height: 42px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        padding: 0 !important;

        border-radius: 12px !important;
    }


    .pain-card-icon svg {
        display: block !important;

        width: 20px !important;
        height: 20px !important;

        margin: 0 !important;

        transform: none !important;
    }


    .pain-card-content {
        min-width: 0 !important;
    }


    .pain-card-content h3 {
        margin:
            0
            0
            4px
            !important;

        font-size: 15.5px !important;

        line-height: 1.25 !important;
    }


    .pain-card-content p {
        margin: 0 !important;

        color: #65758a !important;

        font-size: 13.5px !important;

        line-height: 1.5 !important;
    }


    /* ======================================================
       TRANSFORME A BAGUNCA EM CLAREZA
       ====================================================== */

    .compact-clarity-grid {
        grid-template-columns: 1fr !important;

        gap: 11px !important;
    }


    .clarity-card {
        min-height: 0 !important;

        display: grid !important;

        grid-template-columns:
            92px
            minmax(0, 1fr)
            !important;

        align-items: center !important;

        gap: 14px !important;

        padding:
            15px
            14px
            !important;

        border-radius: 16px !important;
    }


    .clarity-visual {
        width: 92px !important;
        height: 76px !important;

        min-width: 92px !important;
        min-height: 76px !important;

        margin: 0 !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        align-self: center !important;

        border-radius: 13px !important;

        overflow: hidden !important;
    }


    .clarity-card-content {
        min-width: 0 !important;

        padding: 0 !important;

        margin: 0 !important;
    }


    .clarity-card-content h3 {
        margin:
            0
            0
            5px
            !important;

        font-size: 15.5px !important;

        line-height: 1.25 !important;
    }


    .clarity-card-content p {
        margin: 0 !important;

        color: #65758a !important;

        font-size: 13.5px !important;

        line-height: 1.5 !important;
    }


    /* Normaliza ilustracoes internas */

    .clarity-visual > * {
        max-width: 100% !important;
    }


    .visual-report .report-icon,
    .visual-simple .simple-check {
        flex: 0 0 auto !important;
    }


    /* ======================================================
       PRODUTO
       ====================================================== */

    #produto .product-showcase {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 14px !important;
    }


    #produto .gm-native-product-banner {
        min-height: 0 !important;

        border-radius: 18px !important;

        overflow: hidden !important;
    }


    #produto .gm-native-product-content {
        min-height: 0 !important;

        padding:
            24px
            18px
            20px
            !important;
    }


    #produto .gm-native-eyebrow {
        margin-bottom: 10px !important;

        font-size: 10px !important;
    }


    #produto .gm-native-product-content h3 {
        margin:
            0
            0
            10px
            !important;

        font-size: 25px !important;

        line-height: 1.08 !important;

        letter-spacing: -.55px !important;
    }


    #produto .gm-native-description {
        margin:
            0
            0
            17px
            !important;

        color:
            rgba(224, 235, 248, .80)
            !important;

        font-size: 13.5px !important;

        line-height: 1.55 !important;
    }


    #produto .gm-native-feature-grid {
        grid-template-columns:
            1fr
            1fr
            !important;

        gap: 8px !important;
    }


    #produto .gm-native-feature {
        min-height: 58px !important;

        display: grid !important;

        grid-template-columns:
            30px
            minmax(0, 1fr)
            !important;

        align-items: center !important;

        gap: 8px !important;

        padding:
            9px
            9px
            !important;

        border-radius: 12px !important;
    }


    #produto .gm-native-feature-icon {
        width: 30px !important;
        height: 30px !important;

        min-width: 30px !important;
        min-height: 30px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        padding: 0 !important;

        line-height: 1 !important;
    }


    #produto .gm-native-feature span {
        font-size: 9px !important;

        line-height: 1.2 !important;
    }


    #produto .gm-native-feature strong {
        font-size: 11px !important;

        line-height: 1.25 !important;
    }


    #produto .gm-native-product-bottom {
        margin-top: 14px !important;

        padding-top: 13px !important;

        gap: 8px !important;

        font-size: 11.5px !important;

        line-height: 1.4 !important;
    }


    #produto .gm-native-check {
        flex: 0 0 21px !important;

        width: 21px !important;
        height: 21px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        line-height: 1 !important;
    }


    /* ======================================================
       VISAO COMPLETA
       ====================================================== */

    #produto .showcase-benefits-expanded {
        min-height: 0 !important;

        padding:
            22px
            16px
            18px
            !important;

        border-radius: 18px !important;
    }


    #produto .showcase-benefits-header {
        margin-bottom: 17px !important;

        padding: 0 !important;
    }


    #produto .benefits-badge {
        margin-bottom: 9px !important;

        font-size: 10px !important;
    }


    #produto .showcase-benefits-header h3 {
        margin:
            0
            0
            7px
            !important;

        font-size: 21px !important;

        line-height: 1.12 !important;
    }


    #produto .showcase-benefits-header > p {
        margin: 0 !important;

        color: #65758a !important;

        font-size: 13.5px !important;

        line-height: 1.5 !important;
    }


    #produto .showcase-benefits-list {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 8px !important;
    }


    #produto .showcase-benefit-item {
        min-height: 0 !important;

        display: grid !important;

        grid-template-columns:
            38px
            minmax(0, 1fr)
            !important;

        align-items: start !important;

        gap: 11px !important;

        padding:
            11px
            10px
            !important;

        border-radius: 13px !important;
    }


    #produto .showcase-benefit-icon {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        padding: 0 !important;

        border-radius: 11px !important;
    }


    #produto .showcase-benefit-icon svg {
        display: block !important;

        width: 18px !important;
        height: 18px !important;

        margin: 0 !important;
    }


    #produto .showcase-benefit-item strong {
        display: block !important;

        margin:
            1px
            0
            3px
            !important;

        font-size: 14px !important;

        line-height: 1.28 !important;
    }


    #produto .showcase-benefit-item p {
        margin: 0 !important;

        color: #65758a !important;

        font-size: 13px !important;

        line-height: 1.48 !important;
    }


    /* ======================================================
       CTA INTERMEDIARIO
       ====================================================== */

    .product-conversion-strip {
        padding-top: 12px !important;
        padding-bottom: 12px !important;
    }


    .product-conversion-inner {
        min-height: 0 !important;

        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 15px !important;

        padding:
            20px
            17px
            !important;

        border-radius: 16px !important;
    }


    .product-conversion-inner > div {
        text-align: left !important;
    }


    .product-conversion-inner strong {
        display: block !important;

        margin-bottom: 5px !important;

        font-size: 18px !important;

        line-height: 1.22 !important;
    }


    .product-conversion-inner > div > span {
        display: block !important;

        font-size: 13px !important;

        line-height: 1.45 !important;
    }


    .product-conversion-inner .btn {
        width: 100% !important;

        min-height: 48px !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 8px !important;

        margin: 0 !important;
    }


    .product-conversion-inner .btn > span {
        display: inline-grid !important;

        place-items: center !important;

        width: 18px !important;
        height: 18px !important;

        line-height: 1 !important;

        transform:
            translateY(-.5px)
            !important;
    }

}


/* ==========================================================
   MOBILE ESTREITO
   ========================================================== */

@media (max-width: 430px) {

    .pain-section,
    .clarity-section,
    #produto {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }


    .clarity-card {
        grid-template-columns:
            84px
            minmax(0, 1fr)
            !important;

        gap: 12px !important;
    }


    .clarity-visual {
        width: 84px !important;
        min-width: 84px !important;
    }


    #produto .gm-native-product-content h3 {
        font-size: 23px !important;
    }


    #produto .gm-native-feature {
        grid-template-columns:
            28px
            minmax(0, 1fr)
            !important;
    }


    #produto .gm-native-feature-icon {
        width: 28px !important;
        height: 28px !important;

        min-width: 28px !important;
        min-height: 28px !important;
    }


    .product-conversion-inner {
        padding:
            18px
            15px
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 2B PRODUCT BALANCE V1
   Banner + alinhamento dos beneficios
   EXCLUSIVO MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       BANNER DO PRODUTO
       Mais presenca visual sem alterar o desktop
       ====================================================== */

    #produto .gm-native-product-content {
        padding:
            28px
            21px
            24px
            !important;
    }


    #produto .gm-native-eyebrow {
        margin-bottom: 13px !important;

        font-size: 10.5px !important;

        letter-spacing:
            .12em
            !important;
    }


    #produto .gm-native-product-content h3 {
        margin-bottom: 13px !important;

        font-size: 27px !important;

        line-height: 1.08 !important;

        letter-spacing:
            -.65px
            !important;
    }


    #produto .gm-native-description {
        margin-bottom: 20px !important;

        font-size: 14px !important;

        line-height: 1.6 !important;
    }


    #produto .gm-native-feature-grid {
        gap: 10px !important;
    }


    #produto .gm-native-feature {
        min-height: 66px !important;

        grid-template-columns:
            34px
            minmax(0, 1fr)
            !important;

        gap: 9px !important;

        padding:
            11px
            10px
            !important;
    }


    #produto .gm-native-feature-icon {
        width: 34px !important;
        height: 34px !important;

        min-width: 34px !important;
        min-height: 34px !important;

        font-size: 17px !important;
    }


    #produto .gm-native-feature span {
        font-size: 9.5px !important;

        line-height: 1.15 !important;
    }


    #produto .gm-native-feature strong {
        font-size: 11.75px !important;

        line-height: 1.27 !important;
    }


    #produto .gm-native-product-bottom {
        margin-top: 18px !important;

        padding-top: 15px !important;

        font-size: 12px !important;

        line-height: 1.45 !important;
    }


    #produto .gm-native-check {
        width: 23px !important;
        height: 23px !important;

        flex-basis: 23px !important;
    }


    /* ======================================================
       VISAO COMPLETA
       Corrige relacao optica entre icone e titulo
       ====================================================== */

    #produto .showcase-benefit-item {
        grid-template-columns:
            42px
            minmax(0, 1fr)
            !important;

        align-items: start !important;

        column-gap: 12px !important;

        padding:
            13px
            11px
            !important;
    }


    #produto .showcase-benefit-icon {
        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        min-height: 42px !important;

        align-self: start !important;

        margin:
            0
            !important;

        transform:
            translateY(1px)
            !important;
    }


    #produto .showcase-benefit-icon svg {
        width: 19px !important;
        height: 19px !important;

        display: block !important;

        margin: 0 !important;
    }


    #produto .showcase-benefit-item > div:last-child {
        min-width: 0 !important;

        padding: 0 !important;

        margin: 0 !important;
    }


    #produto .showcase-benefit-item strong {
        margin:
            0
            0
            4px
            !important;

        font-size: 14.5px !important;

        line-height: 1.3 !important;
    }


    #produto .showcase-benefit-item p {
        margin: 0 !important;

        font-size: 13.5px !important;

        line-height: 1.5 !important;
    }

}


@media (max-width: 430px) {

    #produto .gm-native-product-content {
        padding:
            26px
            18px
            22px
            !important;
    }


    #produto .gm-native-product-content h3 {
        font-size: 25px !important;
    }


    #produto .gm-native-feature {
        grid-template-columns:
            32px
            minmax(0, 1fr)
            !important;
    }


    #produto .gm-native-feature-icon {
        width: 32px !important;
        height: 32px !important;

        min-width: 32px !important;
        min-height: 32px !important;
    }


    #produto .showcase-benefit-item {
        grid-template-columns:
            40px
            minmax(0, 1fr)
            !important;

        column-gap: 11px !important;
    }


    #produto .showcase-benefit-icon {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;
        min-height: 40px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 2C PRODUCT FILL + ICON ALIGN V1
   Ajusta preenchimento interno do banner e centraliza icones
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* ------------------------------------------------------
       BLOCO GERAL DA SECAO PRODUTO
       ------------------------------------------------------ */

    #produto .product-showcase {
        gap: 18px !important;
    }


    /* ------------------------------------------------------
       BANNER AZUL
       Reduz espacos vazios internos
       ------------------------------------------------------ */

    #produto .gm-native-product-banner {
        min-height: auto !important;
    }


    #produto .gm-native-product-content {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;

        padding:
            18px
            16px
            16px
            !important;
    }


    #produto .gm-native-product-content > * {
        max-width: none !important;
    }


    #produto .gm-native-eyebrow {
        margin-bottom: 10px !important;
    }


    #produto .gm-native-product-content h3 {
        margin-bottom: 12px !important;

        font-size: 29px !important;
        line-height: 1.08 !important;
        letter-spacing: -.02em !important;
    }


    #produto .gm-native-description {
        margin-bottom: 18px !important;

        font-size: 14px !important;
        line-height: 1.58 !important;
    }


    #produto .gm-native-feature-grid {
        gap: 10px !important;
        margin-bottom: 14px !important;
    }


    #produto .gm-native-feature {
        min-height: 74px !important;

        padding:
            12px
            12px
            !important;

        align-items: center !important;
    }


    #produto .gm-native-feature-icon {
        width: 36px !important;
        height: 36px !important;

        min-width: 36px !important;
        min-height: 36px !important;
    }


    #produto .gm-native-feature span {
        font-size: 10px !important;
        line-height: 1.15 !important;
    }


    #produto .gm-native-feature strong {
        font-size: 13px !important;
        line-height: 1.28 !important;
    }


    #produto .gm-native-product-bottom {
        margin-top: 8px !important;
        padding-top: 12px !important;

        font-size: 12.5px !important;
        line-height: 1.45 !important;
    }


    #produto .gm-native-check {
        width: 22px !important;
        height: 22px !important;

        min-width: 22px !important;
        min-height: 22px !important;
    }


    /* ------------------------------------------------------
       CARD BRANCO - VISAO COMPLETA
       Centraliza os icones verticalmente dentro de cada card
       ------------------------------------------------------ */

    #produto .showcase-benefit-item {
        grid-template-columns:
            46px
            minmax(0, 1fr)
            !important;

        align-items: center !important;

        column-gap: 14px !important;

        padding:
            14px
            14px
            !important;
    }


    #produto .showcase-benefit-icon {
        width: 46px !important;
        height: 46px !important;

        min-width: 46px !important;
        min-height: 46px !important;

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;
        transform: none !important;
    }


    #produto .showcase-benefit-icon svg {
        width: 20px !important;
        height: 20px !important;

        display: block !important;
        margin: 0 auto !important;
    }


    #produto .showcase-benefit-item > div:last-child {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        min-width: 0 !important;
        min-height: 46px !important;
    }


    #produto .showcase-benefit-item strong {
        margin:
            0
            0
            5px
            !important;

        font-size: 15px !important;
        line-height: 1.28 !important;
    }


    #produto .showcase-benefit-item p {
        margin: 0 !important;

        font-size: 13.5px !important;
        line-height: 1.48 !important;
    }

}


@media (max-width: 430px) {

    #produto .gm-native-product-content {
        padding:
            16px
            14px
            14px
            !important;
    }


    #produto .gm-native-product-content h3 {
        font-size: 27px !important;
    }


    #produto .gm-native-feature {
        min-height: 72px !important;
        padding: 11px !important;
    }


    #produto .gm-native-feature-icon {
        width: 34px !important;
        height: 34px !important;

        min-width: 34px !important;
        min-height: 34px !important;
    }


    #produto .showcase-benefit-item {
        grid-template-columns:
            44px
            minmax(0, 1fr)
            !important;

        column-gap: 12px !important;
    }


    #produto .showcase-benefit-icon {
        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        min-height: 44px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 2D PRODUCT SPACING V1
   Remove espacos verticais excessivos
   EXCLUSIVO MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       BANNER AZUL
       ====================================================== */

    #produto .gm-native-product-banner {
        min-height: 0 !important;
        height: auto !important;

        display: block !important;

        padding: 0 !important;
        margin: 0 !important;
    }


    #produto .gm-native-product-content {
        min-height: 0 !important;
        height: auto !important;

        justify-content: flex-start !important;

        padding:
            12px
            16px
            13px
            !important;
    }


    #produto .gm-native-eyebrow {
        margin-top: 0 !important;
        margin-bottom: 9px !important;
    }


    #produto .gm-native-product-content h3 {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }


    #produto .gm-native-description {
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }


    #produto .gm-native-feature-grid {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }


    #produto .gm-native-product-bottom {
        margin-top: 4px !important;
        margin-bottom: 0 !important;

        padding-top: 10px !important;
        padding-bottom: 0 !important;
    }


    /* ======================================================
       VISAO COMPLETA
       Remove vazio entre cabecalho e cards
       e depois do ultimo card
       ====================================================== */

    #produto .showcase-benefits-expanded {
        min-height: 0 !important;
        height: auto !important;

        display: block !important;

        padding:
            20px
            16px
            16px
            !important;
    }


    #produto .showcase-benefits-header {
        margin:
            0
            0
            16px
            !important;

        padding: 0 !important;
    }


    #produto .showcase-benefits-header h3 {
        margin:
            0
            0
            7px
            !important;
    }


    #produto .showcase-benefits-header > p {
        margin:
            0
            !important;
    }


    #produto .showcase-benefits-list {
        margin:
            0
            !important;

        padding:
            0
            !important;

        gap: 9px !important;

        align-content: start !important;
    }


    #produto .showcase-benefit-item {
        margin:
            0
            !important;
    }


    #produto .showcase-benefit-item:last-child {
        margin-bottom:
            0
            !important;
    }


    /* Evita distribuicao vertical herdada */

    #produto .showcase-benefits-expanded,
    #produto .showcase-benefits-list {
        justify-content:
            flex-start
            !important;
    }

}


@media (max-width: 430px) {

    #produto .gm-native-product-content {
        padding:
            10px
            14px
            12px
            !important;
    }


    #produto .showcase-benefits-expanded {
        padding:
            18px
            14px
            14px
            !important;
    }


    #produto .showcase-benefits-header {
        margin-bottom:
            14px
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 2E SPACING FINE V1
   Ajuste fino de compactacao
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* BANNER AZUL */

    #produto .gm-native-product-content {
        padding:
            9px
            15px
            10px
            !important;
    }


    #produto .gm-native-eyebrow {
        margin-bottom:
            7px
            !important;
    }


    #produto .gm-native-product-content h3 {
        margin-bottom:
            8px
            !important;
    }


    #produto .gm-native-description {
        margin-bottom:
            12px
            !important;
    }


    #produto .gm-native-feature-grid {
        margin-bottom:
            7px
            !important;
    }


    #produto .gm-native-product-bottom {
        margin-top:
            2px
            !important;

        padding-top:
            8px
            !important;
    }


    /* VISAO COMPLETA */

    #produto .showcase-benefits-expanded {
        padding:
            17px
            15px
            12px
            !important;
    }


    #produto .showcase-benefits-header {
        margin-bottom:
            11px
            !important;
    }


    #produto .showcase-benefits-list {
        gap:
            8px
            !important;
    }

}


@media (max-width: 430px) {

    #produto .gm-native-product-content {
        padding:
            8px
            13px
            9px
            !important;
    }


    #produto .showcase-benefits-expanded {
        padding:
            16px
            13px
            11px
            !important;
    }


    #produto .showcase-benefits-header {
        margin-bottom:
            10px
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 2F PRODUCT SCALE BALANCE V1
   Reduz escala interna e devolve respiro
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       BANNER AZUL
       ====================================================== */

    #produto .gm-native-product-content {
        padding:
            16px
            15px
            15px
            !important;
    }


    #produto .gm-native-eyebrow {
        margin-bottom: 9px !important;

        font-size: 9.5px !important;
    }


    #produto .gm-native-product-content h3 {
        margin-bottom: 10px !important;

        font-size: 26px !important;

        line-height: 1.08 !important;
    }


    #produto .gm-native-description {
        margin-bottom: 16px !important;

        font-size: 13.5px !important;

        line-height: 1.55 !important;
    }


    #produto .gm-native-feature-grid {
        gap: 9px !important;

        margin-bottom: 12px !important;
    }


    #produto .gm-native-feature {
        min-height: 62px !important;

        grid-template-columns:
            32px
            minmax(0, 1fr)
            !important;

        gap: 8px !important;

        padding:
            10px
            9px
            !important;
    }


    #produto .gm-native-feature-icon {
        width: 32px !important;
        height: 32px !important;

        min-width: 32px !important;
        min-height: 32px !important;

        font-size: 15px !important;
    }


    #produto .gm-native-feature span {
        font-size: 9px !important;

        line-height: 1.15 !important;
    }


    #produto .gm-native-feature strong {
        font-size: 11.5px !important;

        line-height: 1.25 !important;
    }


    #produto .gm-native-product-bottom {
        margin-top: 6px !important;

        padding-top: 11px !important;

        font-size: 11.5px !important;

        line-height: 1.45 !important;
    }


    #produto .gm-native-check {
        width: 21px !important;
        height: 21px !important;

        min-width: 21px !important;
        min-height: 21px !important;
    }


    /* ======================================================
       VISAO COMPLETA
       ====================================================== */

    #produto .showcase-benefits-expanded {
        padding:
            19px
            15px
            15px
            !important;
    }


    #produto .showcase-benefits-header {
        margin-bottom: 16px !important;
    }


    #produto .showcase-benefits-header h3 {
        font-size: 20px !important;

        line-height: 1.13 !important;
    }


    #produto .showcase-benefits-header > p {
        font-size: 13px !important;

        line-height: 1.5 !important;
    }


    #produto .showcase-benefits-list {
        gap: 9px !important;
    }


    #produto .showcase-benefit-item {
        grid-template-columns:
            40px
            minmax(0, 1fr)
            !important;

        column-gap: 12px !important;

        padding:
            12px
            11px
            !important;
    }


    #produto .showcase-benefit-icon {
        width: 40px !important;
        height: 40px !important;

        min-width: 40px !important;
        min-height: 40px !important;
    }


    #produto .showcase-benefit-icon svg {
        width: 18px !important;
        height: 18px !important;
    }


    #produto .showcase-benefit-item > div:last-child {
        min-height: 40px !important;
    }


    #produto .showcase-benefit-item strong {
        margin-bottom: 4px !important;

        font-size: 14px !important;

        line-height: 1.28 !important;
    }


    #produto .showcase-benefit-item p {
        font-size: 13px !important;

        line-height: 1.48 !important;
    }


    /* pequeno respiro entre os dois blocos */

    #produto .product-showcase {
        gap: 16px !important;
    }

}


@media (max-width: 430px) {

    #produto .gm-native-product-content {
        padding:
            15px
            14px
            14px
            !important;
    }


    #produto .gm-native-product-content h3 {
        font-size: 25px !important;
    }


    #produto .gm-native-feature {
        min-height: 60px !important;
    }


    #produto .showcase-benefits-expanded {
        padding:
            18px
            14px
            14px
            !important;
    }


    #produto .showcase-benefit-item {
        grid-template-columns:
            38px
            minmax(0, 1fr)
            !important;

        column-gap: 11px !important;
    }


    #produto .showcase-benefit-icon {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 3 HOW TRANSFORMATION V1
   Como funciona + Antes / Depois
   EXCLUSIVO MOBILE
   Desktop permanece intocado
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       COMO FUNCIONA
       ====================================================== */

    #como-funciona {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }


    #como-funciona .how-it-works-heading {
        margin-bottom: 25px !important;
    }


    #como-funciona .how-it-works-heading p {
        color: #617287 !important;

        font-size: 14px !important;
        font-weight: 450 !important;

        line-height: 1.6 !important;
    }


    #como-funciona .how-it-works-grid {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 11px !important;
    }


    #como-funciona .how-step {
        position: relative !important;

        min-height: 0 !important;

        display: grid !important;

        grid-template-columns:
            44px
            minmax(0, 1fr)
            !important;

        grid-template-areas:
            "icon title"
            "icon description"
            !important;

        column-gap: 13px !important;
        row-gap: 4px !important;

        align-items: start !important;

        padding:
            15px
            44px
            15px
            14px
            !important;

        border-radius: 16px !important;
    }


    #como-funciona .how-step-icon {
        grid-area: icon !important;

        width: 44px !important;
        height: 44px !important;

        min-width: 44px !important;
        min-height: 44px !important;

        display: grid !important;

        place-items: center !important;

        align-self: center !important;

        margin: 0 !important;

        padding: 0 !important;

        border-radius: 12px !important;
    }


    #como-funciona .how-step-icon svg {
        display: block !important;

        width: 20px !important;
        height: 20px !important;

        margin: 0 !important;
    }


    #como-funciona .how-step h3 {
        grid-area: title !important;

        align-self: end !important;

        margin:
            1px
            0
            0
            !important;

        font-size: 15.5px !important;

        line-height: 1.27 !important;
    }


    #como-funciona .how-step p {
        grid-area: description !important;

        align-self: start !important;

        margin: 0 !important;

        color: #65758a !important;

        font-size: 13.5px !important;

        line-height: 1.5 !important;
    }


    /*
       Número passa a parecer proposital,
       mas continua secundário.
    */

    #como-funciona .how-step-number {
        position: absolute !important;

        top: 12px !important;
        right: 13px !important;

        width: 24px !important;
        height: 24px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        border:
            1px solid
            rgba(37, 99, 235, .13)
            !important;

        border-radius: 8px !important;

        background:
            rgba(37, 99, 235, .055)
            !important;

        color:
            rgba(35, 93, 172, .72)
            !important;

        font-size: 11px !important;
        font-weight: 800 !important;

        line-height: 1 !important;
    }


    /* CTA */

    #como-funciona .how-it-works-cta {
        margin-top: 20px !important;

        gap: 8px !important;
    }


    #como-funciona .how-it-works-cta .btn {
        width: 100% !important;

        min-height: 48px !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 8px !important;
    }


    #como-funciona .how-it-works-cta .btn > span {
        display: inline-grid !important;

        place-items: center !important;

        width: 18px !important;
        height: 18px !important;

        line-height: 1 !important;

        transform:
            translateY(-.5px)
            !important;
    }


    #como-funciona .how-it-works-cta small {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 5px !important;

        margin-top: 1px !important;

        color: #617287 !important;

        font-size: 12px !important;
        font-weight: 550 !important;

        line-height: 1.4 !important;
    }


    #como-funciona .how-it-works-cta small::before {
        content: "✓";

        display: inline-grid;

        place-items: center;

        width: 16px;
        height: 16px;

        border-radius: 50%;

        color: #15935c;

        background:
            rgba(21, 147, 92, .09);

        font-size: 10px;
        font-weight: 900;

        line-height: 1;
    }


    /* ======================================================
       TRANSFORMACAO
       ====================================================== */

    #transformacao {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }


    #transformacao .transformation-heading {
        margin-bottom: 24px !important;
    }


    #transformacao .transformation-heading p {
        color: #617287 !important;

        font-size: 14px !important;
        font-weight: 450 !important;

        line-height: 1.6 !important;
    }


    /*
       Arte retirada SOMENTE NO MOBILE.
       Continua existindo e aparecendo no desktop.
    */

    #transformacao .transformation-visual {
        display: none !important;
    }


    #transformacao .transformation-grid {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 13px !important;

        margin-top: 0 !important;
    }


    #transformacao .transformation-card {
        min-height: 0 !important;

        padding:
            17px
            15px
            !important;

        border-radius: 17px !important;
    }


    #transformacao .transformation-card-top {
        min-height: 30px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 12px !important;

        margin-bottom: 12px !important;
    }


    #transformacao .transformation-label {
        line-height: 1 !important;
    }


    #transformacao .transformation-icon {
        width: 30px !important;
        height: 30px !important;

        min-width: 30px !important;
        min-height: 30px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        line-height: 1 !important;
    }


    #transformacao .transformation-card h3 {
        margin:
            0
            0
            7px
            !important;

        font-size: 19px !important;

        line-height: 1.2 !important;
    }


    #transformacao .transformation-description {
        margin:
            0
            0
            14px
            !important;

        color: #596b81 !important;

        font-size: 13.5px !important;

        line-height: 1.55 !important;
    }


    #transformacao .transformation-items {
        display: grid !important;

        gap: 9px !important;
    }


    #transformacao .transformation-items > div {
        min-height: 0 !important;

        display: grid !important;

        grid-template-columns:
            25px
            minmax(0, 1fr)
            !important;

        align-items: start !important;

        gap: 9px !important;

        padding:
            9px
            0
            !important;

        margin: 0 !important;
    }


    #transformacao .transformation-items .item-icon {
        width: 25px !important;
        height: 25px !important;

        min-width: 25px !important;
        min-height: 25px !important;

        display: grid !important;

        place-items: center !important;

        align-self: start !important;

        margin:
            1px
            0
            0
            !important;

        padding: 0 !important;

        line-height: 1 !important;
    }


    #transformacao .transformation-items > div > div {
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    #transformacao .transformation-items strong {
        display: block !important;

        margin:
            0
            0
            3px
            !important;

        font-size: 14px !important;

        line-height: 1.3 !important;
    }


    /*
       Principal correção de legibilidade:
       descrições deixam de parecer miniatura.
    */

    #transformacao .transformation-items small {
        display: block !important;

        margin: 0 !important;

        color: #63748a !important;

        font-size: 13.5px !important;

        font-weight: 450 !important;

        line-height: 1.5 !important;
    }


    /* Elementos antigos entre os cards continuam ocultos. */

    #transformacao .transformation-arrow,
    #transformacao .transformation-bridge,
    #transformacao .transformation-divider {
        display: none !important;
    }

}


/* ==========================================================
   MOBILE ESTREITO
   ========================================================== */

@media (max-width: 430px) {

    #como-funciona,
    #transformacao {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }


    #como-funciona .how-step {
        grid-template-columns:
            42px
            minmax(0, 1fr)
            !important;

        column-gap: 12px !important;

        padding:
            14px
            41px
            14px
            13px
            !important;
    }


    #como-funciona .how-step-icon {
        width: 42px !important;
        height: 42px !important;

        min-width: 42px !important;
        min-height: 42px !important;
    }


    #como-funciona .how-step-number {
        top: 11px !important;
        right: 11px !important;
    }


    #transformacao .transformation-card {
        padding:
            16px
            14px
            !important;
    }


    #transformacao .transformation-items small {
        font-size: 13px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 3B TRANSFORMATION ICON CENTER V1
   Centraliza X e checks nos itens Antes / Depois
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    #transformacao .transformation-items > div {
        align-items: center !important;
    }


    #transformacao .transformation-items .item-icon {
        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;

        transform: none !important;
    }


    #transformacao .transformation-items > div > div {
        align-self: center !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
    }


    #transformacao .transformation-items strong {
        margin-top: 0 !important;
    }


    #transformacao .transformation-items small {
        margin-bottom: 0 !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 3C TRANSFORMATION ICON OFFSET V1
   Microajuste horizontal dos X e checks
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    #transformacao .transformation-items .item-icon {
        transform:
            translateX(3px)
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 4 SECURITY GRID V1
   Seguranca simplificada para celular
   SOMENTE MOBILE
   Desktop permanece intocado
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       SECAO
       ====================================================== */

    #seguranca.security-v2 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }


    #seguranca .security-v2-top {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 25px !important;

        min-height: 0 !important;

        align-items: start !important;
    }


    #seguranca .security-v2-copy {
        width: 100% !important;
        max-width: 100% !important;
    }


    #seguranca .security-v2-copy h2 {
        margin:
            11px
            0
            14px
            !important;

        font-size: 34px !important;

        line-height: 1.06 !important;

        letter-spacing:
            -.8px
            !important;
    }


    #seguranca .security-v2-copy > p {
        max-width: 100% !important;

        margin: 0 !important;

        color:
            rgba(222, 234, 248, .79)
            !important;

        font-size: 14px !important;
        font-weight: 450 !important;

        line-height: 1.62 !important;
    }


    /* ======================================================
       MINI SELOS
       ====================================================== */

    #seguranca .security-v2-trust {
        display: flex !important;

        flex-wrap: wrap !important;

        gap: 7px !important;

        margin-top: 17px !important;
    }


    #seguranca .security-v2-trust span {
        min-height: 32px !important;

        display: inline-flex !important;

        align-items: center !important;

        gap: 6px !important;

        padding:
            0
            10px
            !important;

        font-size: 10.5px !important;

        line-height: 1.2 !important;
    }


    #seguranca .security-v2-trust i {
        width: 18px !important;
        height: 18px !important;

        min-width: 18px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        font-size: 10px !important;

        line-height: 1 !important;
    }


    /* ======================================================
       VISUAL MOBILE
       Abandona composicao orbital
       ====================================================== */

    #seguranca .security-v2-visual {
        position: relative !important;

        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        grid-template-areas:
            "shield shield"
            "recovery email"
            "account https"
            !important;

        gap:
            10px
            10px
            !important;

        align-items: stretch !important;

        justify-content: stretch !important;

        padding:
            2px
            0
            0
            !important;

        margin: 0 !important;

        overflow: visible !important;
    }


    /*
       Remove elementos decorativos que funcionam
       no desktop mas poluem o celular.
    */

    #seguranca .security-v2-visual::before {
        display: none !important;
    }


    #seguranca .security-orbit {
        display: none !important;
    }


    /* ======================================================
       ESCUDO
       ====================================================== */

    #seguranca .security-main-shield {
        grid-area: shield !important;

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 112px !important;
        height: 124px !important;

        min-width: 112px !important;
        min-height: 124px !important;

        display: grid !important;

        place-items: center !important;

        justify-self: center !important;

        margin:
            0
            auto
            10px
            !important;

        transform: none !important;

        z-index: 2 !important;
    }


    #seguranca .security-main-shield svg {
        width: 48px !important;
        height: 48px !important;

        display: block !important;

        margin: 0 !important;
    }


    /* ======================================================
       POSICOES NO GRID
       ====================================================== */

    #seguranca .security-card-recovery {
        grid-area: recovery !important;
    }


    #seguranca .security-card-email {
        grid-area: email !important;
    }


    #seguranca .security-card-account {
        grid-area: account !important;
    }


    #seguranca .security-secure-pill {
        grid-area: https !important;
    }


    /* ======================================================
       3 CARDS
       ====================================================== */

    #seguranca .security-floating-card {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-width: 0 !important;

        min-height: 78px !important;

        display: grid !important;

        grid-template-columns:
            34px
            minmax(0, 1fr)
            20px
            !important;

        gap: 7px !important;

        align-items: center !important;

        margin: 0 !important;

        padding:
            10px
            9px
            !important;

        border-radius: 14px !important;

        transform: none !important;

        z-index: 3 !important;
    }


    #seguranca .security-floating-icon {
        width: 34px !important;
        height: 34px !important;

        min-width: 34px !important;
        min-height: 34px !important;

        display: grid !important;

        place-items: center !important;

        align-self: center !important;

        margin: 0 !important;

        padding: 0 !important;

        border-radius: 10px !important;
    }


    #seguranca .security-floating-icon svg {
        display: block !important;

        width: 17px !important;
        height: 17px !important;

        margin: 0 !important;
    }


    #seguranca .security-floating-card > div:nth-child(2) {
        min-width: 0 !important;

        align-self: center !important;
    }


    #seguranca .security-floating-card small {
        display: block !important;

        margin:
            0
            0
            3px
            !important;

        color:
            rgba(150, 180, 216, .78)
            !important;

        font-size: 7.5px !important;
        font-weight: 850 !important;

        letter-spacing:
            .055em
            !important;

        line-height: 1.1 !important;
    }


    #seguranca .security-floating-card strong {
        display: block !important;

        margin: 0 !important;

        color: #ffffff !important;

        font-size: 11px !important;
        font-weight: 700 !important;

        line-height: 1.3 !important;
    }


    /*
       Checks centralizados de verdade.
    */

    #seguranca .security-floating-card > span {
        width: 20px !important;
        height: 20px !important;

        min-width: 20px !important;
        min-height: 20px !important;

        display: grid !important;

        place-items: center !important;

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;

        padding: 0 !important;

        border-radius: 50% !important;

        font-size: 9px !important;

        line-height: 1 !important;

        transform: none !important;
    }


    /* ======================================================
       HTTPS
       Vira o quarto card do grid
       ====================================================== */

    #seguranca .security-secure-pill {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-width: 0 !important;

        min-height: 78px !important;

        display: grid !important;

        grid-template-columns:
            34px
            minmax(0, 1fr)
            !important;

        gap: 7px !important;

        align-items: center !important;

        margin: 0 !important;

        padding:
            10px
            9px
            !important;

        border:
            1px solid
            rgba(104, 171, 255, .18)
            !important;

        border-radius: 14px !important;

        background:
            rgba(7, 31, 67, .80)
            !important;

        box-shadow:
            0 10px 24px
            rgba(0, 0, 0, .10)
            !important;

        transform: none !important;

        z-index: 3 !important;
    }


    #seguranca .security-secure-pill::after {
        display: none !important;
    }


    #seguranca .security-pill-dot {
        width: 12px !important;
        height: 12px !important;

        min-width: 12px !important;
        min-height: 12px !important;

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;

        border-radius: 50% !important;

        transform: none !important;
    }


    #seguranca .security-secure-pill > div {
        min-width: 0 !important;

        align-self: center !important;
    }


    #seguranca .security-secure-pill small {
        display: block !important;

        margin:
            0
            0
            3px
            !important;

        color:
            rgba(150, 180, 216, .78)
            !important;

        font-size: 7.5px !important;
        font-weight: 850 !important;

        letter-spacing:
            .055em
            !important;

        line-height: 1.1 !important;
    }


    #seguranca .security-secure-pill strong {
        display: block !important;

        margin: 0 !important;

        color: #ffffff !important;

        font-size: 11px !important;
        font-weight: 700 !important;

        line-height: 1.3 !important;
    }

}


/* ==========================================================
   MOBILE ESTREITO
   ========================================================== */

@media (max-width: 430px) {

    #seguranca.security-v2 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }


    #seguranca .security-v2-copy h2 {
        font-size: 32px !important;
    }


    #seguranca .security-v2-visual {
        gap: 9px !important;
    }


    #seguranca .security-main-shield {
        width: 104px !important;
        height: 116px !important;

        min-width: 104px !important;
        min-height: 116px !important;
    }


    #seguranca .security-floating-card,
    #seguranca .security-secure-pill {
        min-height: 76px !important;

        padding:
            9px
            8px
            !important;
    }


    #seguranca .security-floating-card {
        grid-template-columns:
            31px
            minmax(0, 1fr)
            19px
            !important;

        gap: 6px !important;
    }


    #seguranca .security-secure-pill {
        grid-template-columns:
            31px
            minmax(0, 1fr)
            !important;

        gap: 6px !important;
    }


    #seguranca .security-floating-icon {
        width: 31px !important;
        height: 31px !important;

        min-width: 31px !important;
        min-height: 31px !important;
    }


    #seguranca .security-floating-card strong,
    #seguranca .security-secure-pill strong {
        font-size: 10.5px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 4B SECURITY POLISH V2
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* ------------------------------------------------------
       Bloco geral da seção
       ------------------------------------------------------ */

    #seguranca.security-v2 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }

    #seguranca .security-v2-top {
        gap: 16px !important;
        min-height: 0 !important;
    }

    #seguranca .security-v2-copy h2 {
        margin-bottom: 14px !important;
        font-size: 33px !important;
        line-height: 1.06 !important;
    }

    #seguranca .security-v2-copy > p {
        margin-bottom: 0 !important;
        font-size: 14px !important;
        line-height: 1.62 !important;
        color: rgba(227, 237, 249, .82) !important;
    }


    /* ------------------------------------------------------
       3 selos do topo
       Agora lado a lado
       ------------------------------------------------------ */

    #seguranca .security-v2-trust {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 8px !important;
        margin-top: 16px !important;
    }

    #seguranca .security-v2-trust span {
        min-height: 62px !important;
        padding: 8px 6px !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 5px !important;

        text-align: center !important;

        border-radius: 15px !important;

        font-size: 9.2px !important;
        font-weight: 700 !important;
        line-height: 1.18 !important;

        white-space: normal !important;
    }

    #seguranca .security-v2-trust i {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;

        margin: 0 !important;

        display: grid !important;
        place-items: center !important;

        font-size: 10px !important;
        line-height: 1 !important;
    }


    /* ------------------------------------------------------
       Área visual
       ------------------------------------------------------ */

    #seguranca .security-v2-visual {
        position: relative !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-areas:
            "shield shield"
            "recovery email"
            "account https" !important;

        gap: 10px !important;

        margin-top: -4px !important;
        padding-top: 0 !important;

        min-height: 0 !important;
        height: auto !important;

        overflow: visible !important;
    }


    /* ------------------------------------------------------
       Elementos decorativos laterais do escudo
       Só estética
       ------------------------------------------------------ */

    #seguranca .security-v2-visual::before,
    #seguranca .security-v2-visual::after {
        content: "" !important;
        position: absolute !important;
        top: 28px !important;

        width: 44px !important;
        height: 44px !important;

        border-radius: 16px !important;

        border: 1px solid rgba(91, 154, 255, .18) !important;

        background:
            radial-gradient(
                circle at 30% 30%,
                rgba(66, 147, 255, .22) 0%,
                rgba(66, 147, 255, .10) 48%,
                rgba(66, 147, 255, .02) 100%
            ) !important;

        box-shadow: 0 12px 28px rgba(0, 0, 0, .10) !important;

        z-index: 1 !important;
        pointer-events: none !important;
    }

    #seguranca .security-v2-visual::before {
        left: 22px !important;
    }

    #seguranca .security-v2-visual::after {
        right: 22px !important;
    }


    /* ------------------------------------------------------
       Escudo mais alto
       ------------------------------------------------------ */

    #seguranca .security-main-shield {
        grid-area: shield !important;

        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 110px !important;
        height: 120px !important;

        min-width: 110px !important;
        min-height: 120px !important;

        margin: -6px auto 6px !important;

        transform: none !important;

        justify-self: center !important;
        align-self: center !important;

        z-index: 2 !important;
    }

    #seguranca .security-main-shield svg {
        width: 48px !important;
        height: 48px !important;
        display: block !important;
        margin: 0 !important;
    }


    /* ------------------------------------------------------
       Posições dos cards
       ------------------------------------------------------ */

    #seguranca .security-card-recovery {
        grid-area: recovery !important;
    }

    #seguranca .security-card-email {
        grid-area: email !important;
    }

    #seguranca .security-card-account {
        grid-area: account !important;
    }

    #seguranca .security-secure-pill {
        grid-area: https !important;
    }


    /* ------------------------------------------------------
       3 cards normais
       ------------------------------------------------------ */

    #seguranca .security-floating-card {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 90px !important;

        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) 22px !important;
        gap: 8px !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 10px 10px 10px 10px !important;

        border-radius: 16px !important;

        transform: none !important;
        z-index: 3 !important;
    }

    #seguranca .security-floating-icon {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;

        display: grid !important;
        place-items: center !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 11px !important;
        align-self: center !important;
    }

    #seguranca .security-floating-icon svg {
        width: 18px !important;
        height: 18px !important;
        display: block !important;
        margin: 0 !important;
    }

    #seguranca .security-floating-card > div:nth-child(2) {
        min-width: 0 !important;
        align-self: center !important;
    }

    #seguranca .security-floating-card small {
        display: block !important;
        margin: 0 0 4px !important;

        font-size: 8px !important;
        font-weight: 800 !important;
        letter-spacing: .055em !important;
        line-height: 1.1 !important;

        color: rgba(156, 183, 216, .78) !important;
    }

    #seguranca .security-floating-card strong {
        display: block !important;
        margin: 0 !important;

        font-size: 10.8px !important;
        font-weight: 700 !important;
        line-height: 1.28 !important;

        color: #ffffff !important;
    }

    #seguranca .security-floating-card > span {
        width: 22px !important;
        height: 22px !important;
        min-width: 22px !important;
        min-height: 22px !important;

        display: grid !important;
        place-items: center !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;

        font-size: 10px !important;
        line-height: 1 !important;

        align-self: center !important;
        justify-self: center !important;

        transform: none !important;
    }


    /* ------------------------------------------------------
       Card HTTPS igualado visualmente aos outros
       ------------------------------------------------------ */

    #seguranca .security-secure-pill {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-width: 0 !important;
        min-height: 90px !important;

        display: grid !important;
        grid-template-columns: 38px minmax(0, 1fr) 22px !important;
        gap: 8px !important;
        align-items: center !important;

        margin: 0 !important;
        padding: 10px 10px 10px 10px !important;

        border-radius: 16px !important;
        border: 1px solid rgba(104, 171, 255, .18) !important;

        background: rgba(7, 31, 67, .82) !important;
        box-shadow: 0 10px 24px rgba(0, 0, 0, .10) !important;

        transform: none !important;
        z-index: 3 !important;
    }

    #seguranca .security-pill-dot {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;

        display: grid !important;
        place-items: center !important;

        margin: 0 !important;

        border-radius: 11px !important;

        background: linear-gradient(180deg, #3790ff 0%, #1e6fff 100%) !important;
        box-shadow: 0 10px 22px rgba(35, 126, 241, .24) !important;
    }

    #seguranca .security-pill-dot::before {
        content: "✓" !important;
        color: #ffffff !important;
        font-size: 16px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    #seguranca .security-secure-pill > div {
        min-width: 0 !important;
        align-self: center !important;
    }

    #seguranca .security-secure-pill small {
        display: block !important;
        margin: 0 0 4px !important;

        font-size: 8px !important;
        font-weight: 800 !important;
        letter-spacing: .055em !important;
        line-height: 1.1 !important;

        color: rgba(156, 183, 216, .78) !important;
    }

    #seguranca .security-secure-pill strong {
        display: block !important;
        margin: 0 !important;

        font-size: 10.8px !important;
        font-weight: 700 !important;
        line-height: 1.28 !important;

        color: #ffffff !important;
    }

    #seguranca .security-secure-pill::after {
        content: "✓" !important;

        width: 22px !important;
        height: 22px !important;

        display: grid !important;
        place-items: center !important;

        border-radius: 50% !important;

        background: #22c46e !important;
        color: #ffffff !important;

        font-size: 10px !important;
        font-weight: 900 !important;
        line-height: 1 !important;

        align-self: center !important;
        justify-self: center !important;

        box-shadow: none !important;
    }

}


@media (max-width: 430px) {

    #seguranca .security-v2-copy h2 {
        font-size: 31px !important;
    }

    #seguranca .security-v2-trust {
        gap: 7px !important;
    }

    #seguranca .security-v2-trust span {
        min-height: 60px !important;
        padding: 8px 5px !important;
        font-size: 8.7px !important;
    }

    #seguranca .security-main-shield {
        width: 104px !important;
        height: 114px !important;
        min-width: 104px !important;
        min-height: 114px !important;
        margin: -8px auto 4px !important;
    }

    #seguranca .security-v2-visual::before,
    #seguranca .security-v2-visual::after {
        top: 24px !important;
        width: 38px !important;
        height: 38px !important;
    }

    #seguranca .security-v2-visual::before {
        left: 16px !important;
    }

    #seguranca .security-v2-visual::after {
        right: 16px !important;
    }

    #seguranca .security-floating-card,
    #seguranca .security-secure-pill {
        min-height: 86px !important;
        grid-template-columns: 36px minmax(0, 1fr) 20px !important;
        padding: 9px !important;
    }

    #seguranca .security-floating-icon,
    #seguranca .security-pill-dot {
        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
    }

    #seguranca .security-floating-card strong,
    #seguranca .security-secure-pill strong {
        font-size: 10.4px !important;
    }
}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 4C SECURITY STABLE FIX V3
   Corrige decoracao + HTTPS + alinhamentos
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       REMOVE DECORACAO PSEUDO-ELEMENTO DO HOTFIX ANTERIOR
       ====================================================== */

    #seguranca .security-v2-visual::before,
    #seguranca .security-v2-visual::after {
        content: none !important;
        display: none !important;
    }


    /* ======================================================
       GRID PRINCIPAL
       ====================================================== */

    #seguranca .security-v2-visual {
        position: relative !important;

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        grid-template-areas:
            "shield shield"
            "recovery email"
            "account https"
            !important;

        column-gap: 10px !important;
        row-gap: 10px !important;

        min-height: 0 !important;
        height: auto !important;

        margin-top: 0 !important;

        padding:
            0
            0
            2px
            !important;

        overflow: visible !important;
    }


    /* ======================================================
       ESCUDO
       ====================================================== */

    #seguranca .security-main-shield {
        grid-area: shield !important;

        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 104px !important;
        height: 114px !important;

        min-width: 104px !important;
        min-height: 114px !important;

        justify-self: center !important;

        margin:
            -13px
            auto
            3px
            !important;

        transform: none !important;

        z-index: 4 !important;
    }


    /* ======================================================
       DUAS ORBITAS VIRAM DECORACAO LATERAL SIMETRICA
       ====================================================== */

    #seguranca .security-orbit {
        display: block !important;

        position: absolute !important;

        top: 24px !important;

        width: 38px !important;
        height: 38px !important;

        border:
            1px solid
            rgba(91, 158, 255, .18)
            !important;

        border-radius: 12px !important;

        background:
            linear-gradient(
                145deg,
                rgba(42, 132, 238, .12),
                rgba(26, 76, 145, .04)
            )
            !important;

        box-shadow:
            inset 0 1px 0
            rgba(255, 255, 255, .025)
            !important;

        transform: none !important;

        z-index: 1 !important;

        pointer-events: none !important;
    }


    #seguranca .security-orbit-one {
        left: 34px !important;

        right: auto !important;
        bottom: auto !important;
    }


    #seguranca .security-orbit-two {
        right: 34px !important;

        left: auto !important;
        bottom: auto !important;
    }


    /*
       Pequeno ponto luminoso dentro de cada detalhe.
    */

    #seguranca .security-orbit::before {
        content: "" !important;

        position: absolute !important;

        top: 50% !important;
        left: 50% !important;

        width: 8px !important;
        height: 8px !important;

        border-radius: 50% !important;

        background:
            rgba(65, 157, 255, .65)
            !important;

        box-shadow:
            0 0 0 6px
            rgba(65, 157, 255, .07)
            !important;

        transform:
            translate(-50%, -50%)
            !important;
    }


    /* ======================================================
       4 CARDS
       ====================================================== */

    #seguranca .security-floating-card,
    #seguranca .security-secure-pill {
        min-height: 88px !important;

        border-radius: 16px !important;
    }


    #seguranca .security-floating-card {
        display: grid !important;

        grid-template-columns:
            38px
            minmax(0, 1fr)
            22px
            !important;

        gap: 8px !important;

        align-items: center !important;

        padding:
            10px
            10px
            !important;
    }


    /* ======================================================
       HTTPS
       Mesma estrutura visual dos outros cards
       ====================================================== */

    #seguranca .security-secure-pill {
        display: grid !important;

        grid-template-columns:
            38px
            minmax(0, 1fr)
            22px
            !important;

        gap: 8px !important;

        align-items: center !important;

        padding:
            10px
            10px
            !important;
    }


    /*
       Mata qualquer conteúdo antigo duplicado.
    */

    #seguranca .security-pill-dot::after {
        content: none !important;
        display: none !important;
    }


    /*
       Quadrado azul do HTTPS.
    */

    #seguranca .security-pill-dot {
        width: 38px !important;
        height: 38px !important;

        min-width: 38px !important;
        min-height: 38px !important;

        display: grid !important;

        place-items: center !important;

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;

        border-radius: 11px !important;

        background:
            linear-gradient(
                145deg,
                #2388ff,
                #2468e7
            )
            !important;

        box-shadow:
            0 8px 18px
            rgba(30, 111, 238, .20)
            !important;
    }


    /*
       Um unico simbolo dentro do quadrado.
    */

    #seguranca .security-pill-dot::before {
        content: "✓" !important;

        display: block !important;

        color: #ffffff !important;

        font-size: 16px !important;
        font-weight: 900 !important;

        line-height: 1 !important;
    }


    /*
       Um unico check verde na coluna da direita.
    */

    #seguranca .security-secure-pill::after {
        content: "✓" !important;

        position: static !important;

        width: 22px !important;
        height: 22px !important;

        display: grid !important;

        place-items: center !important;

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;

        border-radius: 50% !important;

        background:
            #22c46e
            !important;

        color: #ffffff !important;

        font-size: 10px !important;
        font-weight: 900 !important;

        line-height: 1 !important;

        box-shadow: none !important;

        transform: none !important;
    }


    /* ======================================================
       TEXTO HTTPS
       ====================================================== */

    #seguranca .security-secure-pill > div {
        min-width: 0 !important;

        align-self: center !important;
    }


    #seguranca .security-secure-pill small {
        margin:
            0
            0
            4px
            !important;

        font-size: 8px !important;

        line-height: 1.1 !important;
    }


    #seguranca .security-secure-pill strong {
        margin: 0 !important;

        font-size: 10.8px !important;

        line-height: 1.28 !important;
    }


    /* ======================================================
       GARANTE CONSISTENCIA DOS CHECKS DOS OUTROS 3
       ====================================================== */

    #seguranca .security-floating-card > span {
        width: 22px !important;
        height: 22px !important;

        min-width: 22px !important;
        min-height: 22px !important;

        align-self: center !important;
        justify-self: center !important;

        margin: 0 !important;

        transform: none !important;
    }

}


/* ==========================================================
   TELAS MAIS ESTREITAS
   ========================================================== */

@media (max-width: 430px) {

    #seguranca .security-main-shield {
        width: 100px !important;
        height: 110px !important;

        min-width: 100px !important;
        min-height: 110px !important;

        margin:
            -14px
            auto
            2px
            !important;
    }


    #seguranca .security-orbit {
        top: 23px !important;

        width: 34px !important;
        height: 34px !important;
    }


    #seguranca .security-orbit-one {
        left: 24px !important;
    }


    #seguranca .security-orbit-two {
        right: 24px !important;
    }


    #seguranca .security-floating-card,
    #seguranca .security-secure-pill {
        min-height: 84px !important;

        grid-template-columns:
            35px
            minmax(0, 1fr)
            20px
            !important;

        gap: 7px !important;

        padding:
            9px
            8px
            !important;
    }


    #seguranca .security-floating-icon,
    #seguranca .security-pill-dot {
        width: 35px !important;
        height: 35px !important;

        min-width: 35px !important;
        min-height: 35px !important;
    }


    #seguranca .security-floating-card strong,
    #seguranca .security-secure-pill strong {
        font-size: 10.2px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 4D SECURITY POSITION V1
   Microajuste de posicao
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /*
       Baixa o conjunto visual inteiro
       sem alterar os selos de cima.
    */

    #seguranca .security-v2-visual {
        margin-top:
            10px
            !important;
    }


    /*
       Escudo ligeiramente mais baixo.
    */

    #seguranca .security-main-shield {
        margin:
            -4px
            auto
            8px
            !important;
    }


    /*
       Move apenas os quatro cards inferiores
       um pouco para a direita.
    */

    #seguranca .security-card-recovery,
    #seguranca .security-card-email,
    #seguranca .security-card-account,
    #seguranca .security-secure-pill {
        transform:
            translateX(4px)
            !important;
    }

}


@media (max-width: 430px) {

    #seguranca .security-v2-visual {
        margin-top:
            9px
            !important;
    }


    #seguranca .security-main-shield {
        margin:
            -3px
            auto
            7px
            !important;
    }


    #seguranca .security-card-recovery,
    #seguranca .security-card-email,
    #seguranca .security-card-account,
    #seguranca .security-secure-pill {
        transform:
            translateX(3px)
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 4E SECURITY GRID CENTER V1

   Regra:
   margem esquerda = espaco central = margem direita

   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /*
       O container inteiro passa a usar exatamente:
       10px esquerda
       10px entre as colunas
       10px direita
    */

    #seguranca .security-v2-visual {
        box-sizing: border-box !important;

        width: 100% !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        column-gap:
            10px
            !important;

        row-gap:
            10px
            !important;

        padding-left:
            10px
            !important;

        padding-right:
            10px
            !important;

        padding-bottom:
            2px
            !important;
    }


    /*
       Remove o deslocamento manual do STEP 4D.
       Os cards passam a obedecer apenas ao grid.
    */

    #seguranca .security-card-recovery,
    #seguranca .security-card-email,
    #seguranca .security-card-account,
    #seguranca .security-secure-pill {
        width: 100% !important;

        max-width: none !important;

        min-width: 0 !important;

        margin: 0 !important;

        transform:
            none
            !important;

        justify-self:
            stretch
            !important;

        box-sizing:
            border-box
            !important;
    }


    /*
       Garante que nada interno force
       o card a ficar mais largo que sua coluna.
    */

    #seguranca .security-floating-card > div:nth-child(2),
    #seguranca .security-secure-pill > div {
        min-width:
            0
            !important;

        max-width:
            100%
            !important;
    }


    #seguranca .security-floating-card strong,
    #seguranca .security-floating-card small,
    #seguranca .security-secure-pill strong,
    #seguranca .security-secure-pill small {
        overflow-wrap:
            anywhere
            !important;
    }


    /*
       Como o grid ganhou padding lateral,
       os elementos decorativos acompanham
       o centro visual da seção.
    */

    #seguranca .security-orbit-one {
        left:
            34px
            !important;
    }


    #seguranca .security-orbit-two {
        right:
            34px
            !important;
    }

}


@media (max-width: 430px) {

    /*
       Mesmo princípio em telas menores:
       9px esquerda = 9px meio = 9px direita.
    */

    #seguranca .security-v2-visual {
        column-gap:
            9px
            !important;

        row-gap:
            9px
            !important;

        padding-left:
            9px
            !important;

        padding-right:
            9px
            !important;
    }


    #seguranca .security-orbit-one {
        left:
            24px
            !important;
    }


    #seguranca .security-orbit-two {
        right:
            24px
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 5 FINAL SECTIONS V1
   Plano + FAQ + CTA final + Rodape
   Desktop permanece visualmente intocado
   ========================================================== */


/*
   Novo bloco existe no HTML,
   mas nunca aparece no desktop.
*/

.footer-mobile-contact {
    display: none;
}


@media (max-width: 760px) {

    /* ======================================================
       PLANO
       ====================================================== */

    #plano.pricing-premium-v2 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }


    #plano .pricing-split-grid {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
    }


    /*
       Mobile focado apenas na oferta.
       Card auxiliar continua intacto no desktop.
    */

    #plano .pricing-card-right,
    #plano .pricing-desktop-side {
        display: none !important;
    }


    #plano .pricing-card-left {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 0 !important;

        margin: 0 !important;

        border-radius: 20px !important;

        overflow: hidden !important;
    }


    #plano .pricing-offer-top {
        min-height: 52px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 10px !important;

        padding:
            0
            16px
            !important;
    }


    #plano .pricing-badge,
    #plano .pricing-plan-label {
        font-size: 10px !important;

        line-height: 1 !important;
    }


    #plano .pricing-offer-content {
        padding:
            21px
            17px
            18px
            !important;
    }


    #plano .pricing-offer-kicker {
        max-width: 32ch !important;

        margin:
            0
            0
            16px
            !important;

        color: #607186 !important;

        font-size: 13.5px !important;

        line-height: 1.52 !important;
    }


    #plano .pricing-offer-price-row {
        display: flex !important;

        align-items: flex-end !important;

        gap: 7px !important;

        margin:
            0
            0
            5px
            !important;
    }


    #plano .pricing-offer-price-row h3 {
        margin: 0 !important;

        font-size: 39px !important;

        line-height: .98 !important;

        letter-spacing:
            -1.15px
            !important;
    }


    #plano .pricing-offer-price-row span {
        padding-bottom: 4px !important;

        font-size: 13px !important;

        line-height: 1.2 !important;
    }


    #plano .pricing-offer-highlight {
        margin:
            0
            0
            16px
            !important;

        font-size: 12px !important;

        line-height: 1.35 !important;
    }


    #plano .pricing-offer-divider {
        margin:
            0
            0
            14px
            !important;
    }


    #plano .pricing-offer-features {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 8px !important;

        margin:
            0
            0
            18px
            !important;

        padding: 0 !important;
    }


    #plano .pricing-offer-features li {
        min-height: 24px !important;

        display: grid !important;

        grid-template-columns:
            19px
            minmax(0, 1fr)
            !important;

        align-items: center !important;

        gap: 8px !important;

        margin: 0 !important;

        padding: 0 !important;

        font-size: 13.5px !important;

        line-height: 1.38 !important;
    }


    #plano .pricing-offer-features li::before {
        width: 19px !important;
        height: 19px !important;

        min-width: 19px !important;
        min-height: 19px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        line-height: 1 !important;
    }


    #plano .pricing-offer-button {
        width: 100% !important;

        min-height: 50px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;

        padding:
            0
            15px
            !important;

        border-radius: 13px !important;

        font-size: 14px !important;

        line-height: 1.1 !important;
    }


    #plano .pricing-offer-note {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;

        margin-top: 12px !important;

        padding: 0 !important;

        text-align: center !important;
    }


    #plano .pricing-offer-note-icon {
        width: 18px !important;
        height: 18px !important;

        min-width: 18px !important;
        min-height: 18px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        line-height: 1 !important;
    }


    #plano .pricing-offer-note p {
        margin: 0 !important;

        font-size: 11px !important;

        line-height: 1.35 !important;
    }


    /* ======================================================
       FAQ
       ====================================================== */

    #faq.faq-premium-v2 {
        padding-top: 48px !important;
        padding-bottom: 48px !important;
    }


    #faq .section-heading {
        max-width: 100% !important;

        margin:
            0
            auto
            25px
            !important;

        text-align: center !important;
    }


    #faq .section-heading .eyebrow {
        margin-bottom: 9px !important;
    }


    #faq .section-heading h2 {
        margin-bottom: 9px !important;

        font-size: 30px !important;

        line-height: 1.08 !important;
    }


    #faq .section-heading p {
        max-width: 31ch !important;

        margin:
            0
            auto
            !important;

        color: #607186 !important;

        font-size: 13.5px !important;

        line-height: 1.55 !important;
    }


    #faq .faq-grid {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 8px !important;

        margin: 0 !important;
    }


    #faq .faq-grid details {
        margin: 0 !important;

        border-radius: 14px !important;

        overflow: hidden !important;
    }


    #faq .faq-grid summary {
        min-height: 52px !important;

        display: flex !important;

        align-items: center !important;

        padding:
            13px
            43px
            13px
            14px
            !important;

        font-size: 13.5px !important;
        font-weight: 700 !important;

        line-height: 1.35 !important;
    }


    #faq .faq-grid summary::after {
        top: 50% !important;
        right: 14px !important;

        transform:
            translateY(-50%)
            !important;
    }


    #faq .faq-grid details[open] summary::after {
        transform:
            translateY(-50%)
            rotate(45deg)
            !important;
    }


    #faq .faq-grid details > p {
        margin: 0 !important;

        padding:
            0
            14px
            14px
            !important;

        color: #627388 !important;

        font-size: 13px !important;

        line-height: 1.55 !important;
    }


    /* ======================================================
       CTA FINAL
       ====================================================== */

    .final-cta {
        padding-top: 42px !important;
        padding-bottom: 42px !important;
    }


    .final-cta .final-cta-inner {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 19px !important;

        text-align: center !important;
    }


    .final-cta h2 {
        max-width: 12ch !important;

        margin:
            0
            auto
            10px
            !important;

        font-size: 30px !important;

        line-height: 1.08 !important;

        letter-spacing:
            -.65px
            !important;
    }


    .final-cta p {
        max-width: 31ch !important;

        margin:
            0
            auto
            !important;

        color:
            rgba(221, 234, 248, .78)
            !important;

        font-size: 13.5px !important;

        line-height: 1.55 !important;
    }


    .final-cta-inner > div:last-child {
        width: 100% !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        gap: 8px !important;

        margin: 0 !important;
    }


    .final-cta .final-button {
        width: 100% !important;

        min-height: 50px !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;

        padding:
            0
            15px
            !important;

        font-size: 14px !important;

        line-height: 1.1 !important;
    }


    .final-cta small {
        margin: 0 !important;

        color:
            rgba(218, 232, 247, .72)
            !important;

        font-size: 11px !important;

        line-height: 1.35 !important;
    }


    /* ======================================================
       RODAPE
       ====================================================== */

    .footer-premium-v2 {
        padding-top: 38px !important;
        padding-bottom: 20px !important;
    }


    .footer-premium-v2 .footer-premium-shell {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }


    .footer-premium-v2 .footer-premium-main {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        gap:
            26px
            20px
            !important;
    }


    .footer-premium-v2 .footer-premium-brand-block {
        grid-column:
            1 / -1
            !important;

        max-width: 100% !important;
    }


    .footer-premium-v2 .footer-brand {
        margin-bottom: 12px !important;
    }


    .footer-premium-v2 .footer-premium-brand-block p {
        max-width: 29ch !important;

        margin:
            0
            0
            6px
            !important;

        font-size: 13px !important;

        line-height: 1.5 !important;
    }


    .footer-premium-v2 .footer-premium-tagline {
        font-size: 11.5px !important;

        line-height: 1.45 !important;
    }


    .footer-premium-v2 .footer-premium-links-block {
        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .footer-premium-v2 .footer-premium-links-block strong {
        display: block !important;

        margin-bottom: 10px !important;

        font-size: 11px !important;

        line-height: 1.2 !important;
    }


    .footer-premium-v2 .footer-premium-links-block a {
        display: block !important;

        margin:
            0
            0
            8px
            !important;

        font-size: 12.5px !important;

        line-height: 1.35 !important;
    }


    /*
       Contato existe apenas no mobile.
    */

    .footer-premium-v2 .footer-mobile-contact {
        display: block !important;

        margin-top: 24px !important;

        padding-top: 20px !important;

        border-top:
            1px solid
            rgba(255, 255, 255, .08)
            !important;
    }


    .footer-premium-v2 .footer-mobile-contact strong {
        display: block !important;

        margin-bottom: 8px !important;

        color:
            rgba(255, 255, 255, .58)
            !important;

        font-size: 10px !important;
        font-weight: 800 !important;

        letter-spacing:
            .08em
            !important;

        text-transform: uppercase !important;
    }


    .footer-premium-v2 .footer-mobile-contact a {
        display: inline-block !important;

        color: #dceaff !important;

        font-size: 13px !important;
        font-weight: 650 !important;

        line-height: 1.4 !important;

        text-decoration: none !important;
    }


    .footer-premium-v2 .footer-premium-bottom {
        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        gap: 5px !important;

        margin-top: 21px !important;

        padding-top: 17px !important;

        text-align: left !important;
    }


    .footer-premium-v2 .footer-premium-bottom span {
        font-size: 11px !important;

        line-height: 1.2 !important;
    }


    .footer-premium-v2 .footer-premium-bottom small {
        font-size: 10.5px !important;

        line-height: 1.4 !important;
    }


    /*
       Copyright adicional exclusivamente mobile.
    */

    .footer-premium-v2 .footer-premium-bottom::after {
        content:
            "© 2026 GEST MONTE"
            !important;

        display: block !important;

        margin-top: 4px !important;

        color:
            rgba(255, 255, 255, .38)
            !important;

        font-size: 9.5px !important;

        line-height: 1.3 !important;
    }

}


/* ==========================================================
   MOBILE ESTREITO
   ========================================================== */

@media (max-width: 430px) {

    #plano.pricing-premium-v2,
    #faq.faq-premium-v2 {
        padding-top: 44px !important;
        padding-bottom: 44px !important;
    }


    #plano .pricing-offer-price-row h3 {
        font-size: 37px !important;
    }


    #faq .section-heading h2,
    .final-cta h2 {
        font-size: 28px !important;
    }


    .footer-premium-v2 .footer-premium-main {
        column-gap: 15px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 5B PLAN CTA FOOTER FIX V1
   Corrige Plano + CTA final + Rodape
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       PLANO
       ====================================================== */

    #plano .pricing-card-left {
        height: auto !important;
        min-height: 0 !important;
    }


    #plano .pricing-offer-content {
        width: 100% !important;

        box-sizing: border-box !important;

        padding:
            22px
            18px
            19px
            !important;
    }


    /*
       Corrige definitivamente a lista quebrada.
    */

    #plano .pricing-offer-features {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 9px !important;

        margin:
            0
            0
            19px
            !important;

        padding: 0 !important;

        list-style: none !important;
    }


    #plano .pricing-offer-features li {
        position: relative !important;

        width: 100% !important;
        max-width: none !important;

        min-height: 24px !important;

        display: flex !important;

        align-items: flex-start !important;

        gap: 9px !important;

        margin: 0 !important;

        padding:
            1px
            0
            !important;

        color: #23354b !important;

        font-size: 13.5px !important;
        font-weight: 500 !important;

        line-height: 1.4 !important;

        white-space: normal !important;

        word-break: normal !important;
        overflow-wrap: normal !important;

        box-sizing: border-box !important;
    }


    #plano .pricing-offer-features li::before {
        content: "✓" !important;

        position: static !important;

        flex:
            0
            0
            19px
            !important;

        width: 19px !important;
        height: 19px !important;

        min-width: 19px !important;
        min-height: 19px !important;

        display: grid !important;

        place-items: center !important;

        margin:
            0
            !important;

        padding: 0 !important;

        border-radius: 50% !important;

        background:
            rgba(35, 126, 241, .09)
            !important;

        color: #237ef1 !important;

        font-size: 11px !important;
        font-weight: 900 !important;

        line-height: 1 !important;

        transform: none !important;
    }


    #plano .pricing-offer-price-row {
        width: 100% !important;

        justify-content: flex-start !important;
    }


    #plano .pricing-offer-button {
        box-sizing: border-box !important;

        width: 100% !important;
        max-width: none !important;

        margin:
            0
            !important;
    }


    #plano .pricing-offer-note {
        width: 100% !important;

        box-sizing: border-box !important;
    }


    /* ======================================================
       CTA FINAL
       ====================================================== */

    .final-cta {
        padding-top: 38px !important;
        padding-bottom: 38px !important;
    }


    .final-cta .final-cta-inner {
        gap: 18px !important;
    }


    /*
       Remove largura artificialmente estreita.
    */

    .final-cta h2 {
        width: 100% !important;
        max-width: 340px !important;

        margin:
            0
            auto
            11px
            !important;

        font-size: 28px !important;

        line-height: 1.1 !important;

        letter-spacing:
            -.45px
            !important;
    }


    .final-cta p {
        width: 100% !important;
        max-width: 350px !important;

        margin:
            0
            auto
            !important;

        font-size: 13.5px !important;

        line-height: 1.55 !important;
    }


    .final-cta-inner > div:last-child {
        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;
    }


    .final-cta .final-button {
        width: 100% !important;

        max-width: none !important;

        min-height: 50px !important;

        margin: 0 !important;
    }


    /* ======================================================
       RODAPE
       ====================================================== */

    .footer-mobile-contact {
        display: none !important;
    }


    .footer-premium-v2 {
        padding-top: 34px !important;
        padding-bottom: 18px !important;
    }


    .footer-premium-v2 .footer-premium-shell {
        width: 100% !important;

        box-sizing: border-box !important;

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    /*
       Marca em cima.
       Navegacao e Legal abaixo.
    */

    .footer-premium-v2 .footer-premium-main {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr))
            !important;

        column-gap: 28px !important;
        row-gap: 24px !important;

        align-items: start !important;
    }


    .footer-premium-v2 .footer-premium-brand-block {
        grid-column:
            1 / -1
            !important;

        width: 100% !important;

        margin: 0 !important;

        padding-bottom: 4px !important;
    }


    .footer-premium-v2 .footer-brand {
        margin:
            0
            0
            10px
            !important;

        font-size: 20px !important;
    }


    .footer-premium-v2 .footer-premium-brand-block p {
        max-width: 300px !important;

        margin:
            0
            0
            5px
            !important;

        font-size: 12.5px !important;

        line-height: 1.45 !important;
    }


    .footer-premium-v2 .footer-premium-tagline {
        display: block !important;

        max-width: 310px !important;

        font-size: 11.5px !important;

        line-height: 1.4 !important;
    }


    .footer-premium-v2 .footer-premium-links-block {
        width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .footer-premium-v2 .footer-premium-links-block strong {
        margin:
            0
            0
            11px
            !important;

        font-size: 10.5px !important;

        line-height: 1.2 !important;
    }


    .footer-premium-v2 .footer-premium-links-block a {
        width: fit-content !important;

        margin:
            0
            0
            9px
            !important;

        font-size: 12.5px !important;

        line-height: 1.35 !important;
    }


    /*
       Bottom mais compacto.
    */

    .footer-premium-v2 .footer-premium-bottom {
        display: grid !important;

        grid-template-columns:
            1fr
            !important;

        gap: 4px !important;

        margin-top: 24px !important;

        padding-top: 16px !important;

        border-top:
            1px solid
            rgba(255, 255, 255, .07)
            !important;

        text-align: left !important;
    }


    .footer-premium-v2 .footer-premium-bottom span {
        margin: 0 !important;

        font-size: 10.5px !important;

        line-height: 1.2 !important;
    }


    .footer-premium-v2 .footer-premium-bottom small {
        margin: 0 !important;

        font-size: 10.5px !important;

        line-height: 1.4 !important;
    }


    .footer-premium-v2 .footer-premium-bottom::after {
        margin-top: 2px !important;

        font-size: 9px !important;
    }

}


@media (max-width: 430px) {

    /* PLANO */

    #plano .pricing-offer-content {
        padding:
            20px
            16px
            18px
            !important;
    }


    #plano .pricing-offer-features li {
        font-size: 13px !important;
    }


    /* CTA */

    .final-cta h2 {
        max-width: 320px !important;

        font-size: 27px !important;
    }


    .final-cta p {
        max-width: 320px !important;
    }


    /* FOOTER */

    .footer-premium-v2 .footer-premium-shell {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }


    .footer-premium-v2 .footer-premium-main {
        column-gap: 20px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 5C PLAN SCALE V1
   Aproveita melhor a largura interna do plano
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    #plano .pricing-offer-content {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    #plano .pricing-offer-kicker {
        max-width: none !important;

        font-size: 14.5px !important;

        line-height: 1.5 !important;
    }


    #plano .pricing-offer-price-row h3 {
        font-size: 42px !important;

        letter-spacing:
            -1.3px
            !important;
    }


    #plano .pricing-offer-price-row span {
        font-size: 14px !important;

        padding-bottom: 5px !important;
    }


    #plano .pricing-offer-highlight {
        font-size: 12.5px !important;
    }


    #plano .pricing-offer-features {
        width: 100% !important;

        max-width: none !important;
    }


    #plano .pricing-offer-features li {
        width: 100% !important;

        max-width: none !important;

        font-size: 14.5px !important;

        line-height: 1.42 !important;

        gap: 10px !important;
    }


    #plano .pricing-offer-features li::before {
        flex-basis: 20px !important;

        width: 20px !important;
        height: 20px !important;

        min-width: 20px !important;
        min-height: 20px !important;

        font-size: 11px !important;
    }


    #plano .pricing-offer-button {
        font-size: 14.5px !important;
    }


    #plano .pricing-offer-note p {
        font-size: 11.5px !important;
    }

}


@media (max-width: 430px) {

    #plano .pricing-offer-content {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    #plano .pricing-offer-price-row h3 {
        font-size: 40px !important;
    }


    #plano .pricing-offer-kicker {
        font-size: 14px !important;
    }


    #plano .pricing-offer-features li {
        font-size: 14px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE STEP 5D PLAN POLISH V1
   Cabecalho + espacamento + microcopy
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* ======================================================
       CARD PRINCIPAL
       Remove alturas/distribuicoes herdadas
       ====================================================== */

    #plano .pricing-card-left {
        display: block !important;

        height: auto !important;
        min-height: 0 !important;

        grid-template-columns: none !important;
        grid-template-rows: none !important;

        align-content: normal !important;
        justify-content: normal !important;

        padding: 0 !important;
    }


    /* ======================================================
       CABECALHO DO PLANO
       ====================================================== */

    #plano .pricing-offer-top {
        position: relative !important;

        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        display: flex !important;

        align-items: center !important;
        justify-content: space-between !important;

        gap: 12px !important;

        margin: 0 !important;

        padding:
            20px
            18px
            17px
            !important;

        box-sizing: border-box !important;

        border-bottom:
            1px solid
            rgba(18, 54, 94, .06)
            !important;
    }


    /*
       Remove pseudo-elementos antigos que possam
       aumentar visualmente esse cabecalho.
    */

    #plano .pricing-offer-top::before,
    #plano .pricing-offer-top::after {
        display: none !important;
        content: none !important;
    }


    #plano .pricing-badge {
        min-height: 35px !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        margin: 0 !important;

        padding:
            0
            14px
            !important;

        border-radius: 999px !important;

        font-size: 10.5px !important;
        font-weight: 800 !important;

        letter-spacing:
            .065em
            !important;

        line-height: 1 !important;
    }


    #plano .pricing-plan-label {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: flex-end !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #607186 !important;

        font-size: 10px !important;
        font-weight: 750 !important;

        letter-spacing:
            .08em
            !important;

        line-height: 1.15 !important;
    }


    /* ======================================================
       CONTEUDO
       Aproxima do cabecalho
       ====================================================== */

    #plano .pricing-offer-content {
        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        display: block !important;

        margin: 0 !important;

        padding:
            18px
            18px
            20px
            !important;

        box-sizing: border-box !important;

        align-content: normal !important;
        justify-content: normal !important;
    }


    #plano .pricing-offer-kicker {
        width: 100% !important;
        max-width: none !important;

        margin:
            0
            0
            17px
            !important;

        font-size: 14px !important;

        line-height: 1.5 !important;
    }


    /* ======================================================
       PRECO
       ====================================================== */

    #plano .pricing-offer-price-row {
        margin:
            0
            0
            6px
            !important;
    }


    #plano .pricing-offer-price-row h3 {
        font-size: 42px !important;

        line-height: 1 !important;
    }


    #plano .pricing-offer-highlight {
        margin:
            0
            0
            17px
            !important;

        font-size: 12.5px !important;
        font-weight: 700 !important;
    }


    #plano .pricing-offer-divider {
        width: 100% !important;

        margin:
            0
            0
            16px
            !important;
    }


    /* ======================================================
       BENEFICIOS
       Aproveita largura sem ficar solto demais
       ====================================================== */

    #plano .pricing-offer-features {
        gap: 10px !important;

        margin-bottom:
            21px
            !important;
    }


    #plano .pricing-offer-features li {
        min-height: 25px !important;

        font-size: 14px !important;

        line-height: 1.4 !important;
    }


    #plano .pricing-offer-features li::before {
        margin-top: 1px !important;
    }


    /* ======================================================
       CTA
       ====================================================== */

    #plano .pricing-offer-button {
        min-height: 51px !important;

        border-radius: 14px !important;

        font-size: 14.5px !important;
        font-weight: 750 !important;
    }


    /* ======================================================
       MICROCOPY
       Nao deve parecer outro card
       ====================================================== */

    #plano .pricing-offer-note {
        width: 100% !important;

        min-height: 0 !important;
        height: auto !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 7px !important;

        margin:
            11px
            0
            0
            !important;

        padding: 0 !important;

        border: 0 !important;
        outline: 0 !important;

        border-radius: 0 !important;

        background:
            transparent
            !important;

        box-shadow:
            none
            !important;
    }


    #plano .pricing-offer-note::before,
    #plano .pricing-offer-note::after {
        display: none !important;

        content: none !important;
    }


    #plano .pricing-offer-note-icon {
        flex:
            0
            0
            17px
            !important;

        width: 17px !important;
        height: 17px !important;

        min-width: 17px !important;
        min-height: 17px !important;

        display: grid !important;

        place-items: center !important;

        margin: 0 !important;

        border-radius: 50% !important;

        background:
            rgba(35, 126, 241, .09)
            !important;

        color: #237ef1 !important;

        font-size: 10px !important;
        font-weight: 900 !important;

        line-height: 1 !important;
    }


    #plano .pricing-offer-note p {
        width: auto !important;
        max-width: none !important;

        margin: 0 !important;

        padding: 0 !important;

        color: #6b7b8e !important;

        font-size: 10.75px !important;
        font-weight: 500 !important;

        line-height: 1.35 !important;

        text-align: left !important;
    }

}


@media (max-width: 430px) {

    #plano .pricing-offer-top {
        padding:
            18px
            16px
            15px
            !important;
    }


    #plano .pricing-offer-content {
        padding:
            17px
            16px
            19px
            !important;
    }


    #plano .pricing-badge {
        min-height: 33px !important;

        padding:
            0
            12px
            !important;
    }


    #plano .pricing-offer-price-row h3 {
        font-size: 40px !important;
    }


    #plano .pricing-offer-features li {
        font-size: 13.8px !important;
    }


    #plano .pricing-offer-note p {
        font-size: 10.5px !important;
    }

}



/* ==========================================================
   GEST MONTE
   MOBILE FINAL HARDENING V1
   Touch target + legibilidade minima
   SOMENTE MOBILE
   ========================================================== */

@media (max-width: 760px) {

    /* CTA do header: area de toque mais confortavel */

    .site-header .btn-header {
        min-height: 40px !important;

        padding-left: 11px !important;
        padding-right: 11px !important;
    }


    /* Segurança: microtextos continuam secundarios,
       mas deixam de ficar pequenos demais. */

    #seguranca .security-floating-card small,
    #seguranca .security-secure-pill small {
        font-size: 9px !important;

        line-height: 1.15 !important;
    }


    #seguranca .security-floating-card strong,
    #seguranca .security-secure-pill strong {
        font-size: 11px !important;

        line-height: 1.3 !important;
    }

}


@media (max-width: 430px) {

    .site-header .btn-header {
        min-height: 40px !important;
    }


    #seguranca .security-v2-trust span {
        font-size: 9.5px !important;

        line-height: 1.2 !important;
    }


    #seguranca .security-floating-card small,
    #seguranca .security-secure-pill small {
        font-size: 9px !important;
    }


    #seguranca .security-floating-card strong,
    #seguranca .security-secure-pill strong {
        font-size: 10.5px !important;
    }

}




/* ==========================================================
   GEST MONTE
   LANDING COPY + SECURITY V2

   DESKTOP + MOBILE
   ========================================================== */


/*
   Textos secundários mais claros e legíveis.
*/

.gm-landing-copy-bright {
    color:
        #dce8f6
        !important;

    opacity:
        1
        !important;
}


/*
   Texto adicional da seção Segurança.
*/

#seguranca
.security-v2-payment-note {
    margin-top:
        12px
        !important;

    color:
        #d7e5f5
        !important;

    opacity:
        1
        !important;

    line-height:
        1.65
        !important;
}


/*
   Permite 4 itens na linha de confiança.
*/

#seguranca
.security-v2-trust {
    flex-wrap:
        wrap
        !important;
}


@media (max-width: 760px) {

    .gm-landing-copy-bright {
        color:
            #e2ecf7
            !important;

        opacity:
            1
            !important;
    }


    #seguranca
    .security-v2-payment-note {
        color:
            #dce8f6
            !important;
    }

}



/* ==========================================================
   GEST MONTE
   LANDING COPY COLOR FIX V3
   CORRIGE ESPECIFICIDADE DE .section-heading p
   DESKTOP + MOBILE
   ========================================================== */


/*
   Os seis textos indicados pelo usuário.

   O seletor é propositalmente mais específico que:
   .section-heading p
*/

.section-heading
p.gm-landing-copy-bright {
    color:
        #eef4fb
        !important;

    opacity:
        1
        !important;
}


/*
   Mantém o mesmo contraste no celular.
*/

@media (max-width: 760px) {

    .section-heading
    p.gm-landing-copy-bright {
        color:
            #f1f5f9
            !important;

        opacity:
            1
            !important;
    }

}



/* ==========================================================
   GEST MONTE - DESKTOP SCREENSHOT CAROUSEL V1
   Apenas desktop.
   Mobile mantém o bloco original por enquanto.
   ========================================================== */

.gm-desktop-screenshot-carousel {
    display: none;
}


@media (min-width: 1081px) {

    /*
       No desktop substituímos visualmente apenas o banner
       esquerdo. O painel .showcase-benefits-premium continua.
    */

    .product-showcase > .gm-native-product-banner {
        display: none !important;
    }


    .gm-desktop-screenshot-carousel {
        display: flex;
        flex-direction: column;
        min-width: 0;
        width: 100%;
        gap: 12px;
    }


    .gm-desktop-carousel-viewport {
        position: relative;
        width: 100%;
        overflow: hidden;

        border:
            1px solid rgba(77, 148, 255, .30);

        border-radius:
            18px;

        background:
            #071a35;

        box-shadow:
            0 18px 50px rgba(3, 17, 38, .22);
    }


    .gm-desktop-carousel-track {
        position: relative;
        width: 100%;

        aspect-ratio:
            16 / 9;
    }


    .gm-desktop-carousel-slide {
        position: absolute;
        inset: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        height: 100%;

        margin: 0;

        opacity: 0;
        visibility: hidden;

        transition:
            opacity .38s ease,
            visibility .38s ease;

        background:
            #071a35;
    }


    .gm-desktop-carousel-slide.is-active {
        opacity: 1;
        visibility: visible;
        z-index: 2;
    }


    .gm-desktop-carousel-slide img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: contain;
        object-position: center;

        user-select: none;
        -webkit-user-drag: none;
    }


    .gm-desktop-carousel-arrow {
        position: absolute;
        top: 50%;
        z-index: 5;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 42px;
        height: 42px;

        padding: 0;

        border:
            1px solid rgba(255, 255, 255, .30);

        border-radius:
            50%;

        color:
            #ffffff;

        background:
            rgba(5, 23, 51, .78);

        box-shadow:
            0 8px 20px rgba(0, 0, 0, .18);

        font-size:
            30px;

        font-family:
            Arial, sans-serif;

        font-weight:
            400;

        line-height:
            1;

        cursor:
            pointer;

        transform:
            translateY(-50%);

        transition:
            background-color .18s ease,
            border-color .18s ease,
            transform .18s ease;
    }


    .gm-desktop-carousel-arrow:hover {
        border-color:
            rgba(255, 255, 255, .60);

        background:
            rgba(21, 99, 190, .92);
    }


    .gm-desktop-carousel-arrow:focus-visible {
        outline:
            2px solid #60a5fa;

        outline-offset:
            3px;
    }


    .gm-desktop-carousel-prev {
        left:
            16px;
    }


    .gm-desktop-carousel-next {
        right:
            16px;
    }


    .gm-desktop-carousel-dots {
        display: flex;
        align-items: center;
        justify-content: center;

        gap:
            8px;

        min-height:
            18px;
    }


    .gm-desktop-carousel-dots button {
        width:
            7px;

        height:
            7px;

        min-width:
            7px;

        padding:
            0;

        border:
            0;

        border-radius:
            999px;

        background:
            rgba(133, 171, 218, .45);

        cursor:
            pointer;

        transition:
            width .2s ease,
            background-color .2s ease;
    }


    .gm-desktop-carousel-dots button.is-active {
        width:
            24px;

        background:
            #1683ff;
    }


    .gm-desktop-carousel-dots button:focus-visible {
        outline:
            2px solid #60a5fa;

        outline-offset:
            3px;
    }

}


/*
   Até 1080px o carrossel desktop não participa do layout.
   O banner original continua exatamente como estava.
*/

@media (max-width: 1080px) {

    .gm-desktop-screenshot-carousel {
        display:
            none !important;
    }

}


/* ==========================================================
   FIM - DESKTOP SCREENSHOT CAROUSEL V1
   ========================================================== */


/* ==========================================================
   GEST MONTE - SHOWCASE DESKTOP EQUAL HEIGHT V1
   Carrossel esquerdo + painel branco direito
   Apenas desktop.
   ========================================================== */

@media (min-width: 1081px) {

    .product-showcase {
        align-items:
            stretch !important;
    }


    .gm-desktop-screenshot-carousel {
        align-self:
            stretch !important;

        height:
            100% !important;
    }


    .showcase-benefits-premium {
        align-self:
            stretch !important;

        height:
            100% !important;

        min-height:
            0 !important;

        box-sizing:
            border-box !important;
    }

}


/* ==========================================================
   FIM - SHOWCASE DESKTOP EQUAL HEIGHT V1
   ========================================================== */


/* ==========================================================
   GEST MONTE - DESKTOP CAROUSEL HEIGHT V2
   Carrossel e painel branco terminam na mesma linha.
   ========================================================== */

@media (min-width: 1081px) {

    .product-showcase {
        align-items:
            stretch !important;
    }


    .gm-desktop-screenshot-carousel {
        position:
            relative !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-self:
            stretch !important;

        height:
            auto !important;

        min-height:
            100% !important;

        gap:
            0 !important;
    }


    /*
       O viewport passa a preencher toda a altura disponível
       da coluna esquerda.
    */

    .gm-desktop-carousel-viewport {
        flex:
            1 1 auto !important;

        display:
            flex !important;

        min-height:
            0 !important;

        height:
            100% !important;
    }


    /*
       Remove a trava 16:9 que estava fazendo
       a imagem terminar antes do painel branco.
    */

    .gm-desktop-carousel-track {
        flex:
            1 1 auto !important;

        width:
            100% !important;

        height:
            100% !important;

        min-height:
            100% !important;

        aspect-ratio:
            auto !important;
    }


    .gm-desktop-carousel-slide {
        width:
            100% !important;

        height:
            100% !important;
    }


    .gm-desktop-carousel-slide img {
        width:
            100% !important;

        height:
            100% !important;

        object-fit:
            contain !important;

        object-position:
            center !important;
    }


    /*
       Indicadores ficam dentro do próprio carrossel.
       Assim eles não aumentam a altura externa.
    */

    .gm-desktop-carousel-dots {
        position:
            absolute !important;

        left:
            0 !important;

        right:
            0 !important;

        bottom:
            14px !important;

        z-index:
            8 !important;

        min-height:
            16px !important;

        pointer-events:
            auto !important;
    }


    /*
       Painel branco continua esticado exatamente
       na mesma linha do carrossel.
    */

    .showcase-benefits-premium {
        align-self:
            stretch !important;

        height:
            auto !important;

        min-height:
            100% !important;

        box-sizing:
            border-box !important;
    }

}


/* ==========================================================
   FIM - DESKTOP CAROUSEL HEIGHT V2
   ========================================================== */


/* ==========================================================
   GEST MONTE - DESKTOP SHOWCASE BANNER SHRINK V3

   Objetivo:
   - restaurar carrossel original
   - NÃO aumentar o carrossel
   - diminuir somente o painel branco
   - desktop somente
   ========================================================== */

@media (min-width: 1081px) {

    /* ------------------------------------------------------
       GRID
       Cada coluna usa a própria altura.
       ------------------------------------------------------ */

    #produto .product-showcase {
        align-items:
            start !important;
    }


    /* ------------------------------------------------------
       CARROSSEL
       Volta exatamente para a lógica original.
       ------------------------------------------------------ */

    #produto .gm-desktop-screenshot-carousel {
        position:
            relative !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-self:
            start !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        gap:
            12px !important;
    }


    #produto .gm-desktop-carousel-viewport {
        position:
            relative !important;

        display:
            block !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        flex:
            none !important;
    }


    #produto .gm-desktop-carousel-track {
        position:
            relative !important;

        display:
            block !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        flex:
            none !important;

        aspect-ratio:
            16 / 9 !important;
    }


    #produto .gm-desktop-carousel-slide {
        position:
            absolute !important;

        inset:
            0 !important;

        width:
            100% !important;

        height:
            100% !important;
    }


    #produto .gm-desktop-carousel-slide img {
        width:
            100% !important;

        height:
            100% !important;

        object-fit:
            contain !important;

        object-position:
            center !important;
    }


    /*
       Bolinhas voltam para baixo do carrossel,
       como estavam originalmente.
    */

    #produto .gm-desktop-carousel-dots {
        position:
            static !important;

        left:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        z-index:
            auto !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        min-height:
            18px !important;
    }


    /* ------------------------------------------------------
       PAINEL BRANCO

       Aqui está a correção principal:
       nenhuma altura forçada.
       O card termina assim que termina seu conteúdo.
       ------------------------------------------------------ */

    #produto .showcase-benefits,
    #produto .showcase-benefits-premium,
    #produto .showcase-benefits-expanded,
    #produto .showcase-benefits-premium.showcase-benefits-expanded {
        align-self:
            start !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        box-sizing:
            border-box !important;

        justify-content:
            flex-start !important;
    }


    /*
       Evita que qualquer regra antiga empurre
       o conteúdo interno para ocupar altura sobrando.
    */

    #produto
    .showcase-benefits-expanded
    .showcase-benefits-list {
        flex:
            0 0 auto !important;
    }


    #produto
    .showcase-benefits-expanded
    .showcase-benefits-header {
        flex:
            0 0 auto !important;
    }


    #produto
    .showcase-benefits-expanded
    .showcase-benefits-footer {
        flex:
            0 0 auto !important;

        margin-top:
            0 !important;
    }

}


/* ==========================================================
   FIM - DESKTOP SHOWCASE BANNER SHRINK V3
   ========================================================== */


/* ==========================================================
   GEST MONTE - DESKTOP SHOWCASE BANNER SHRINK V3

   Objetivo:
   - restaurar carrossel original
   - NÃO aumentar o carrossel
   - diminuir somente o painel branco
   - desktop somente
   ========================================================== */

@media (min-width: 1081px) {

    /* ------------------------------------------------------
       GRID
       Cada coluna usa a própria altura.
       ------------------------------------------------------ */

    #produto .product-showcase {
        align-items:
            start !important;
    }


    /* ------------------------------------------------------
       CARROSSEL
       Volta exatamente para a lógica original.
       ------------------------------------------------------ */

    #produto .gm-desktop-screenshot-carousel {
        position:
            relative !important;

        display:
            flex !important;

        flex-direction:
            column !important;

        align-self:
            start !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        gap:
            12px !important;
    }


    #produto .gm-desktop-carousel-viewport {
        position:
            relative !important;

        display:
            block !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        flex:
            none !important;
    }


    #produto .gm-desktop-carousel-track {
        position:
            relative !important;

        display:
            block !important;

        width:
            100% !important;

        height:
            auto !important;

        min-height:
            0 !important;

        flex:
            none !important;

        aspect-ratio:
            16 / 9 !important;
    }


    #produto .gm-desktop-carousel-slide {
        position:
            absolute !important;

        inset:
            0 !important;

        width:
            100% !important;

        height:
            100% !important;
    }


    #produto .gm-desktop-carousel-slide img {
        width:
            100% !important;

        height:
            100% !important;

        object-fit:
            contain !important;

        object-position:
            center !important;
    }


    /*
       Bolinhas voltam para baixo do carrossel,
       como estavam originalmente.
    */

    #produto .gm-desktop-carousel-dots {
        position:
            static !important;

        left:
            auto !important;

        right:
            auto !important;

        bottom:
            auto !important;

        z-index:
            auto !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        min-height:
            18px !important;
    }


    /* ------------------------------------------------------
       PAINEL BRANCO

       Aqui está a correção principal:
       nenhuma altura forçada.
       O card termina assim que termina seu conteúdo.
       ------------------------------------------------------ */

    #produto .showcase-benefits,
    #produto .showcase-benefits-premium,
    #produto .showcase-benefits-expanded,
    #produto .showcase-benefits-premium.showcase-benefits-expanded {
        align-self:
            start !important;

        height:
            auto !important;

        min-height:
            0 !important;

        max-height:
            none !important;

        box-sizing:
            border-box !important;

        justify-content:
            flex-start !important;
    }


    /*
       Evita que qualquer regra antiga empurre
       o conteúdo interno para ocupar altura sobrando.
    */

    #produto
    .showcase-benefits-expanded
    .showcase-benefits-list {
        flex:
            0 0 auto !important;
    }


    #produto
    .showcase-benefits-expanded
    .showcase-benefits-header {
        flex:
            0 0 auto !important;
    }


    #produto
    .showcase-benefits-expanded
    .showcase-benefits-footer {
        flex:
            0 0 auto !important;

        margin-top:
            0 !important;
    }

}


/* ==========================================================
   FIM - DESKTOP SHOWCASE BANNER SHRINK V3
   ========================================================== */


/* ==========================================================
   GEST MONTE - MOBILE SCREENSHOT CAROUSEL V1
   Screenshots reais 1080x2400 = proporção 9:20
   ========================================================== */

.gm-mobile-screenshot-carousel {
    display: none;
}


@media (max-width: 1080px) {

    /*
       O carrossel mobile substitui somente o banner
       original do lado esquerdo.
    */

    #produto .gm-native-product-banner {
        display: none !important;
    }


    #produto .gm-mobile-screenshot-carousel {
        display: flex !important;
        flex-direction: column;
        width: 100%;
        min-width: 0;
        gap: 10px;
    }


    #produto .gm-mobile-carousel-viewport {
        position: relative;
        width: 100%;
        overflow: hidden;

        border:
            1px solid rgba(77, 148, 255, .26);

        border-radius:
            16px;

        background:
            #071a35;

        box-shadow:
            0 15px 38px rgba(3, 17, 38, .18);

        touch-action:
            pan-y;
    }


    #produto .gm-mobile-carousel-track {
        position: relative;
        width: 100%;

        aspect-ratio:
            9 / 20;
    }


    #produto .gm-mobile-carousel-slide {
        position: absolute;
        inset: 0;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 100%;
        height: 100%;

        margin: 0;

        opacity: 0;
        visibility: hidden;

        background:
            #071a35;

        transition:
            opacity .30s ease,
            visibility .30s ease;
    }


    #produto .gm-mobile-carousel-slide.is-active {
        z-index: 2;
        opacity: 1;
        visibility: visible;
    }


    #produto .gm-mobile-carousel-slide img {
        display: block;

        width: 100%;
        height: 100%;

        object-fit: contain;
        object-position: center;

        user-select: none;
        -webkit-user-drag: none;
    }


    #produto .gm-mobile-carousel-arrow {
        position: absolute;
        top: 50%;
        z-index: 6;

        display: flex;
        align-items: center;
        justify-content: center;

        width: 38px;
        height: 38px;

        padding: 0;

        border:
            1px solid rgba(255,255,255,.32);

        border-radius:
            50%;

        color:
            #fff;

        background:
            rgba(5,23,51,.78);

        box-shadow:
            0 6px 18px rgba(0,0,0,.20);

        font-size:
            28px;

        line-height:
            1;

        cursor:
            pointer;

        transform:
            translateY(-50%);
    }


    #produto .gm-mobile-carousel-prev {
        left:
            10px;
    }


    #produto .gm-mobile-carousel-next {
        right:
            10px;
    }


    #produto .gm-mobile-carousel-dots {
        display: flex;
        align-items: center;
        justify-content: center;

        gap:
            7px;

        min-height:
            18px;
    }


    #produto .gm-mobile-carousel-dots button {
        width:
            7px;

        height:
            7px;

        min-width:
            7px;

        padding:
            0;

        border:
            0;

        border-radius:
            999px;

        background:
            rgba(133,171,218,.45);

        transition:
            width .2s ease,
            background-color .2s ease;
    }


    #produto .gm-mobile-carousel-dots button.is-active {
        width:
            22px;

        background:
            #1683ff;
    }

}


@media (min-width: 1081px) {

    #produto .gm-mobile-screenshot-carousel {
        display:
            none !important;
    }

}


/* ==========================================================
   FIM - MOBILE SCREENSHOT CAROUSEL V1
   ========================================================== */

/* Bank import: informational banner below the product carousel group. */
#produto .bank-import-banner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: center;
    gap: 32px;
    margin-top: 28px;
    padding: 32px;
    border: 1px solid var(--line);
    border-radius: 24px;
    background: linear-gradient(135deg, var(--white), var(--light-blue));
    box-shadow: 0 14px 36px rgba(13, 38, 76, .07);
    color: var(--text);
}

#produto .bank-import-copy,
#produto .bank-import-steps li > div {
    min-width: 0;
}

#produto .bank-import-eyebrow {
    display: block;
    margin-bottom: 12px;
    color: var(--blue-2);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.5;
    letter-spacing: .06em;
}

#produto .bank-import-copy h2 {
    margin: 0 0 14px;
    color: var(--text);
    font-size: clamp(24px, 2.4vw, 30px);
    line-height: 1.2;
    letter-spacing: -.5px;
}

#produto .bank-import-copy p {
    margin: 0;
    color: var(--muted);
    font-size: 15px;
    line-height: 1.65;
}

#produto .bank-import-steps {
    display: grid;
    gap: 12px;
    min-width: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

#produto .bank-import-steps li {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 14px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--white);
}

#produto .bank-import-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: var(--light-blue);
    color: var(--blue-2);
}

#produto .bank-import-icon svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

#produto .bank-import-steps h3 {
    margin: 0 0 4px;
    color: var(--text);
    font-size: 15px;
    line-height: 1.35;
}

#produto .bank-import-step-number {
    color: var(--blue-2);
}

#produto .bank-import-steps p {
    margin: 0;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.5;
}

@media (max-width: 1080px) {
    #produto .bank-import-banner {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        margin-top: 20px;
        padding: 20px;
        border-radius: 20px;
    }

    #produto .bank-import-copy p {
        font-size: 14px;
        line-height: 1.6;
    }

    #produto .bank-import-steps {
        gap: 10px;
    }

    #produto .bank-import-steps li {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 10px;
        padding: 12px;
    }

    #produto .bank-import-icon {
        width: 40px;
        height: 40px;
    }

    #produto .bank-import-steps h3 {
        font-size: 14px;
    }

    #produto .bank-import-steps p {
        font-size: 13px;
    }
}