/* ==========================================================================
   Design System — Proposta Institucional Premium STREX - Reserva Fácil
   ========================================================================== */
:root {
   --c-navy: #0B1F3A;
   --c-blue: #123A63;
   --c-accent: #0EA5A4;
   --c-green: #16A34A;
   --c-bg: #F7FAFC;
   --c-surface: #FFFFFF;
   --c-muted: #EAF2F8;
   --c-border: #D1E0EE;
   --c-text: #1A2B40;
   --c-sub: #4A6277;
   --r-sm: 6px;
   --r-md: 12px;
   --r-lg: 20px;
   --shadow-sm: 0 1px 4px rgba(11, 31, 58, .06);
   --shadow-md: 0 4px 16px rgba(11, 31, 58, .10);
   --shadow-lg: 0 12px 40px rgba(11, 31, 58, .14);
   --transition: all .25s ease;
   --container: 1200px;
}

/* Reset */
*,
*::before,
*::after {
   box-sizing: border-box;
   margin: 0;
   padding: 0;
}

html {
   scroll-behavior: smooth;
   font-size: 16px;
}

body {
   font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
   background: var(--c-bg);
   color: var(--c-text);
   line-height: 1.65;
   -webkit-font-smoothing: antialiased;
}

ul {
   list-style: none;
}

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

button {
   cursor: pointer;
   font-family: inherit;
   border: none;
   background: none;
}

img {
   max-width: 100%;
}

/* Container */
.container {
   width: 100%;
   max-width: var(--container);
   margin: 0 auto;
   padding: 0 32px;
}

/* Section */
.section {
   padding: 88px 0;
}

.section--light {
   background: var(--c-surface);
}

.section--muted {
   background: var(--c-muted);
}

.section--navy {
   background: var(--c-navy);
}

.section--navy .section__label {
   color: var(--c-accent);
}

.section--navy .section__title {
   color: #fff;
}

.section--navy .section__sub {
   color: rgba(255, 255, 255, .7);
}

.section__eyebrow {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   margin-bottom: 14px;
}

.section__label {
   display: inline-block;
   font-size: .72rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 2px;
   color: var(--c-accent);
}

.section__title {
   font-size: 2rem;
   font-weight: 800;
   color: var(--c-navy);
   line-height: 1.2;
   margin-bottom: 14px;
   letter-spacing: -.5px;
}

.section__sub {
   font-size: 1.05rem;
   color: var(--c-sub);
   max-width: 680px;
}

.section__header {
   margin-bottom: 52px;
}

.section__header.center {
   text-align: center;
}

.section__header.center .section__sub {
   margin: 0 auto;
}

/* Utilities */
.text-right {
   text-align: right;
}

.text-center {
   text-align: center;
}

.text-nowrap {
   white-space: nowrap;
}

.fw-700 {
   font-weight: 700;
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 13px 26px;
   font-size: .9375rem;
   font-weight: 600;
   border-radius: var(--r-sm);
   transition: var(--transition);
   letter-spacing: .2px;
}

.btn--sm {
   padding: 9px 18px;
   font-size: .85rem;
}

.btn--lg {
   padding: 16px 36px;
   font-size: 1rem;
}

.btn--primary {
   background: var(--c-navy);
   color: #fff;
}

.btn--primary:hover {
   background: var(--c-blue);
   transform: translateY(-1px);
   box-shadow: var(--shadow-md);
}

.btn--outline {
   background: transparent;
   color: var(--c-navy);
   border: 1.5px solid var(--c-navy);
}

.btn--outline:hover {
   background: var(--c-navy);
   color: #fff;
}

.btn--outline-white {
   background: transparent;
   color: #fff;
   border: 1.5px solid rgba(255, 255, 255, .4);
}

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

.btn--accent {
   background: var(--c-accent);
   color: #fff;
   box-shadow: 0 4px 15px rgba(14, 165, 164, .4);
   border: none;
}

.btn--accent:hover {
   background: #0c8c8b;
   transform: translateY(-2px);
   box-shadow: 0 6px 20px rgba(14, 165, 164, .5);
}

/* ==========================================================================
   Header
   ========================================================================== */
.header {
   background: var(--c-navy);
   position: sticky;
   top: 0;
   z-index: 100;
   border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.header__container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   height: 64px;
}

.header__brand {
   display: flex;
   align-items: center;
   gap: 14px;
}

.header__logo {
   font-weight: 900;
   font-size: 1.25rem;
   color: #fff;
   letter-spacing: -1px;
}

.header__sep {
   width: 1px;
   height: 20px;
   background: rgba(255, 255, 255, .2);
}

.header__client {
   font-size: .85rem;
   font-weight: 500;
   color: rgba(255, 255, 255, .65);
}

.header__menu-btn {
   display: none;
}

.header__dropdown {
   display: none;
}

/* ==========================================================================
   HERO
   ========================================================================== */
.hero {
   background: linear-gradient(135deg, var(--c-navy) 0%, var(--c-blue) 100%);
   padding: 80px 0 88px;
   position: relative;
   overflow: hidden;
}

.hero::before {
   content: '';
   position: absolute;
   inset: 0;
   background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.025'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.hero__container {
   display: grid;
   grid-template-columns: 1fr 400px;
   gap: 64px;
   align-items: center;
   position: relative;
   z-index: 1;
}

.hero__badge {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 6px 14px;
   background: rgba(14, 165, 164, .15);
   border: 1px solid rgba(14, 165, 164, .3);
   border-radius: 40px;
   color: var(--c-accent);
   font-size: .72rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 22px;
}

.hero__title {
   font-size: 2.75rem;
   font-weight: 900;
   color: #fff;
   line-height: 1.15;
   margin-bottom: 18px;
   letter-spacing: -1px;
}

.hero__title .accent {
   color: var(--c-accent);
}

.hero__sub {
   font-size: 1.1rem;
   color: rgba(255, 255, 255, .75);
   margin-bottom: 14px;
   line-height: 1.6;
   max-width: 540px;
}

.hero__desc {
   font-size: .9375rem;
   color: rgba(255, 255, 255, .55);
   margin-bottom: 32px;
   max-width: 520px;
   line-height: 1.7;
}

.hero__ctas {
   display: flex;
   gap: 14px;
   flex-wrap: wrap;
}

/* Indicadores Hero */
.hero__indicators {
   display: flex;
   gap: 24px;
   margin-top: 36px;
   padding-top: 28px;
   border-top: 1px solid rgba(255, 255, 255, .1);
}

.hero__ind {
   display: flex;
   flex-direction: column;
   gap: 2px;
}

.hero__ind-val {
   font-size: 1.1rem;
   font-weight: 800;
   color: #fff;
}

.hero__ind-lbl {
   font-size: .75rem;
   color: rgba(255, 255, 255, .5);
   text-transform: uppercase;
   letter-spacing: 1px;
}

/* Card Resumo */
.summary-card {
   background: var(--c-surface);
   border-radius: var(--r-lg);
   box-shadow: var(--shadow-lg);
   overflow: hidden;
}

.summary-card__head {
   background: var(--c-navy);
   padding: 20px 24px;
   display: flex;
   align-items: center;
   gap: 12px;
}

.summary-card__head i {
   font-size: 1.25rem;
   color: var(--c-accent);
}

.summary-card__head h3 {
   color: #fff;
   font-size: 1rem;
   font-weight: 700;
}

.summary-card__body {
   padding: 8px 0;
}

.summary-card__row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 14px 24px;
   border-bottom: 1px solid var(--c-border);
}

.summary-card__row:last-child {
   border-bottom: none;
}

.summary-card__lbl {
   font-size: .82rem;
   color: var(--c-sub);
   font-weight: 500;
}

.summary-card__val {
   font-size: .9rem;
   font-weight: 700;
   color: var(--c-navy);
}

/* ==========================================================================
   CONTEXT
   ========================================================================== */
.context__showcase {
   display: flex;
   flex-direction: column;
   gap: 32px;
}

.context__main {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 24px;
}

.context__text-block {
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
   padding: 32px;
   display: flex;
   gap: 20px;
   box-shadow: var(--shadow-sm);
}

.context__icon-wrap {
   width: 48px;
   height: 48px;
   border-radius: var(--r-sm);
   background: var(--c-muted);
   color: var(--c-blue);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.5rem;
   flex-shrink: 0;
}

.context__text-block p {
   font-size: 1rem;
   color: var(--c-sub);
   line-height: 1.7;
   margin: 0;
}

.context__text-block strong {
   color: var(--c-navy);
   font-weight: 700;
}

.gains-box {
   background: var(--c-navy);
   border-radius: var(--r-lg);
   padding: 32px 40px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 24px;
   flex-wrap: wrap;
}

.gains-box__title {
   font-size: .85rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 2px;
   color: var(--c-accent);
   margin: 0;
}

.gains-list {
   display: flex;
   gap: 24px;
   flex-wrap: wrap;
   margin: 0;
}

.gains-list li {
   display: flex;
   align-items: center;
   gap: 8px;
   color: rgba(255, 255, 255, .9);
   font-size: .95rem;
   font-weight: 500;
}

.gains-list li i {
   color: var(--c-accent);
   font-size: 1.25rem;
}

/* ==========================================================================
   DIFERENCIAIS
   ========================================================================== */
.diff-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
}

.diff-card {
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
   padding: 28px 24px;
   transition: var(--transition);
   display: flex;
   flex-direction: column;
}

.diff-card:hover {
   transform: translateY(-3px);
   box-shadow: var(--shadow-md);
}

.diff-card--highlight {
   background: linear-gradient(135deg, var(--c-navy) 0%, var(--c-blue) 100%);
   border-color: transparent;
}

.diff-card--highlight .diff-card__icon {
   background: rgba(255, 255, 255, .12);
   color: var(--c-accent);
}

.diff-card--highlight .diff-card__title {
   color: #fff;
}

.diff-card--highlight .diff-card__text {
   color: rgba(255, 255, 255, .7);
}

.diff-card--highlight:hover {
   box-shadow: var(--shadow-lg);
}

.diff-card--standard {
   background: var(--c-surface);
}

.diff-card--standard:hover {
   border-color: var(--c-blue);
}

.diff-card--standard .diff-card__icon {
   background: var(--c-muted);
   color: var(--c-blue);
}

.diff-card--standard .diff-card__title {
   color: var(--c-navy);
}

.diff-card--standard .diff-card__text {
   color: var(--c-sub);
}

.diff-card__icon {
   width: 44px;
   height: 44px;
   border-radius: var(--r-sm);
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 18px;
   font-size: 1.375rem;
}

.diff-card__title {
   font-size: 1rem;
   font-weight: 700;
   margin-bottom: 8px;
   line-height: 1.3;
}

.diff-card__text {
   font-size: .875rem;
   line-height: 1.65;
}

/* ==========================================================================
   COMPARATIVO
   ========================================================================== */
.comparison-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 28px;
   margin-bottom: 28px;
}

.comp-card {
   border-radius: var(--r-md);
   overflow: hidden;
   border: 1px solid var(--c-border);
}

.comp-card__head {
   padding: 18px 24px;
   display: flex;
   align-items: center;
   gap: 10px;
}

.comp-card__head h3 {
   font-size: 1rem;
   font-weight: 700;
}

.comp-card__head i {
   font-size: 1.25rem;
}

.comp-card--before .comp-card__head {
   background: #FEF2F2;
   border-bottom: 1px solid #FECACA;
   color: #991B1B;
}

.comp-card--before .comp-card__head i {
   color: #EF4444;
}

.comp-card--after .comp-card__head {
   background: linear-gradient(135deg, var(--c-navy), var(--c-blue));
   color: #fff;
}

.comp-card--after .comp-card__head i {
   color: var(--c-accent);
}

.comp-card__body {
   padding: 20px 24px;
   background: var(--c-surface);
}

.comp-card__body li {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   padding: 9px 0;
   border-bottom: 1px solid var(--c-border);
   font-size: .9rem;
   color: var(--c-text);
}

.comp-card__body li:last-child {
   border-bottom: none;
}

.comp-card__body li i {
   margin-top: 1px;
   font-size: 1rem;
   flex-shrink: 0;
}

.comp-card--before li i {
   color: #EF4444;
}

.comp-card--after li i {
   color: var(--c-green);
}

.comp-note {
   display: flex;
   gap: 14px;
   background: var(--c-muted);
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
   padding: 18px 22px;
}

.comp-note i {
   font-size: 1.25rem;
   color: var(--c-blue);
   flex-shrink: 0;
   margin-top: 1px;
}

.comp-note p {
   font-size: .875rem;
   color: var(--c-sub);
   line-height: 1.65;
}

.comp-note strong {
   display: block;
   font-size: .875rem;
   color: var(--c-navy);
   margin-bottom: 4px;
}

/* ==========================================================================
   FUNCIONALIDADES — Grid de Módulos
   ========================================================================== */
.modules-layout {
   display: flex;
   flex-direction: column;
   gap: 24px;
}

.modules-row {
   display: grid;
   gap: 24px;
}

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

.modules-row--2 {
   grid-template-columns: 1fr 1fr;
}

.module-card {
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
   overflow: hidden;
}

.module-card__head {
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 18px 22px;
   background: var(--c-navy);
   color: #fff;
}

.module-card__head i {
   font-size: 1.25rem;
   color: var(--c-accent);
}

.module-card__head h3 {
   font-size: 1rem;
   font-weight: 700;
}

.module-card__list {
   padding: 22px;
   display: flex;
   flex-direction: column;
   gap: 12px;
}

.module-card__list--horizontal {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 12px 24px;
}

.module-card__list li {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   font-size: .9rem;
   color: var(--c-sub);
}

.module-card__list li::before {
   content: '';
   width: 6px;
   height: 6px;
   border-radius: 50%;
   background: var(--c-accent);
   flex-shrink: 0;
   margin-top: 7px;
}

/* ==========================================================================
   BENEFÍCIOS
   ========================================================================== */
.benefits-intro {
   font-size: 1.05rem;
   color: rgba(255, 255, 255, .7);
   max-width: 760px;
   margin: 0 auto 48px;
   text-align: center;
   line-height: 1.75;
}

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

.benefit-card {
   background: linear-gradient(145deg, rgba(255, 255, 255, .04) 0%, rgba(255, 255, 255, .01) 100%);
   border: 1px solid rgba(255, 255, 255, .06);
   border-radius: var(--r-md);
   padding: 36px 24px;
   text-align: center;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 20px;
   transition: var(--transition);
   position: relative;
   overflow: hidden;
}

.benefit-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 3px;
   background: var(--c-accent);
   opacity: 0;
   transition: var(--transition);
}

.benefit-card:hover {
   background: rgba(255, 255, 255, .06);
   border-color: rgba(14, 165, 164, .4);
   transform: translateY(-5px);
   box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}

.benefit-card:hover::before {
   opacity: 1;
}

.benefit-card i {
   font-size: 2.25rem;
   color: var(--c-accent);
   filter: drop-shadow(0 0 12px rgba(14, 165, 164, .3));
}

.benefit-card h4 {
   font-size: .95rem;
   font-weight: 600;
   color: #fff;
   line-height: 1.45;
   margin: 0;
}

/* ==========================================================================
   TIMELINE
   ========================================================================== */
.timeline-steps {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   gap: 0;
   position: relative;
   margin-bottom: 36px;
}

.timeline-steps::before {
   content: '';
   position: absolute;
   top: 26px;
   left: calc(10% + 13px);
   right: calc(10% + 13px);
   height: 2px;
   background: var(--c-border);
   z-index: 0;
}

.timeline-step {
   text-align: center;
   position: relative;
   z-index: 1;
   padding: 0 8px;
}

.timeline-step__num {
   width: 52px;
   height: 52px;
   border-radius: 50%;
   background: var(--c-navy);
   color: #fff;
   font-size: 1rem;
   font-weight: 800;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0 auto 16px;
   box-shadow: 0 0 0 5px var(--c-muted);
}

.timeline-step__title {
   font-size: .875rem;
   font-weight: 700;
   color: var(--c-navy);
   margin-bottom: 6px;
   line-height: 1.3;
}

.timeline-step__desc {
   font-size: .8rem;
   color: var(--c-sub);
   line-height: 1.5;
}

.timeline-note {
   background: var(--c-navy);
   color: rgba(255, 255, 255, .75);
   border-radius: var(--r-md);
   padding: 16px 24px;
   text-align: center;
   font-size: .875rem;
   max-width: 700px;
   margin: 0 auto;
}

.timeline-note strong {
   color: var(--c-accent);
}

/* ==========================================================================
   INVESTIMENTO
   ========================================================================== */
.inv-list {
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin-bottom: 40px;
}

.inv-item {
   display: flex;
   align-items: center;
   gap: 24px;
   padding: 24px 32px;
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
   box-shadow: var(--shadow-sm);
   transition: var(--transition);
}

.inv-item:hover {
   border-color: var(--c-blue);
   box-shadow: var(--shadow-md);
   transform: translateY(-2px);
}

.inv-item__num {
   width: 44px;
   height: 44px;
   border-radius: 50%;
   background: var(--c-muted);
   color: var(--c-blue);
   font-size: 1.1rem;
   font-weight: 800;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
}

.inv-item__content {
   flex: 1;
}

.inv-item__title {
   font-size: 1.05rem;
   font-weight: 700;
   color: var(--c-navy);
   margin-bottom: 6px;
}

.inv-item__desc {
   font-size: .9rem;
   color: var(--c-sub);
   line-height: 1.6;
   margin: 0;
}

.inv-item__val {
   font-size: 1.25rem;
   font-weight: 800;
   color: var(--c-navy);
   white-space: nowrap;
   padding-left: 20px;
   border-left: 1px dashed var(--c-border);
}

.inv-item__bonus-card {
   display: flex;
   align-items: center;
   gap: 14px;
   padding: 14px 20px;
   background: linear-gradient(135deg, rgba(14,165,164,.08) 0%, rgba(13,148,136,.05) 100%);
   border: 1.5px solid rgba(14,165,164,.25);
   border-radius: var(--r-md);
   flex-shrink: 0;
   min-width: 210px;
}

.inv-item__bonus-icon {
   width: 40px;
   height: 40px;
   border-radius: 50%;
   background: linear-gradient(135deg, var(--c-accent), #0d9488);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   box-shadow: 0 4px 12px rgba(14,165,164,.3);
}

.inv-item__bonus-icon i {
   font-size: 1.2rem;
   color: #fff;
}

.inv-item__bonus-body {
   display: flex;
   flex-direction: column;
   gap: 3px;
}

.inv-item__bonus-label {
   font-size: 0.7rem;
   font-weight: 800;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   color: #0d9488;
}

.inv-item__bonus-value {
   font-size: 1.1rem;
   font-weight: 800;
   color: var(--c-sub);
   text-decoration: line-through;
   text-decoration-color: #ef4444;
   text-decoration-thickness: 2px;
   opacity: 0.65;
}

.inv-footnote {
   display: flex;
   align-items: flex-start;
   gap: 12px;
   margin-top: 20px;
   padding: 16px 22px;
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
   max-width: 820px;
   margin-left: auto;
   margin-right: auto;
}

.inv-footnote i {
   font-size: 1.1rem;
   color: var(--c-blue);
   flex-shrink: 0;
   margin-top: 2px;
}

.inv-footnote p {
   font-size: 0.875rem;
   color: var(--c-sub);
   line-height: 1.65;
   margin: 0;
}

.inv-footnote p strong {
   color: var(--c-navy);
   font-weight: 700;
}

.inv-total-box {
   background: linear-gradient(135deg, var(--c-navy) 0%, var(--c-blue) 100%);
   border-radius: var(--r-lg);
   padding: 40px 48px;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 32px;
   box-shadow: var(--shadow-lg);
}

.inv-total-box__info h4 {
   font-size: 1.25rem;
   font-weight: 800;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   color: var(--c-accent);
   margin: 0;
}

.inv-total-box__info p {
   font-size: 1rem;
   color: rgba(255, 255, 255, .7);
   margin: 0;
   line-height: 1.6;
   display: none;
}

.inv-total-box__value {
   font-size: 3rem;
   font-weight: 900;
   color: #fff;
   letter-spacing: -1px;
   white-space: nowrap;
}

.inv-total-box__value span {
   font-size: 1.25rem;
   font-weight: 600;
   color: rgba(255, 255, 255, .5);
   margin-right: 8px;
}

/* ==========================================================================
   CENÁRIOS DE IMPLANTAÇÃO
   ========================================================================== */
.scenarios-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 40px;
   margin-bottom: 48px;
}

.scenario-card {
   background: #ffffff;
   border-radius: var(--r-md);
   padding: 40px;
   box-shadow: 0 4px 30px rgba(11, 31, 58, 0.04);
   border: 1px solid rgba(11, 31, 58, 0.05);
   position: relative;
   display: flex;
   flex-direction: column;
}

.scenario-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: -1px;
   bottom: 0;
   width: 4px;
   background: var(--c-navy);
   border-radius: var(--r-md) 0 0 var(--r-md);
}

.scenario-card:nth-child(2)::before {
   background: var(--c-accent);
}

.scenario-card__badge {
   color: var(--c-accent);
   font-size: 0.8rem;
   font-weight: 800;
   text-transform: uppercase;
   letter-spacing: 2px;
   margin-bottom: 12px;
   display: block;
}

.scenario-card__title {
   font-size: 1.5rem;
   font-weight: 800;
   color: var(--c-navy);
   margin-bottom: 24px;
   line-height: 1.3;
}

.scenario-card__body {
   flex-grow: 1;
}

.scenario-card__body p {
   font-size: 0.95rem;
   color: var(--c-sub);
   line-height: 1.7;
   margin-bottom: 16px;
}

.scenario-card__body p:last-child {
   margin-bottom: 0;
}

.scenario-card__note {
   margin-top: 32px;
   padding-top: 24px;
   border-top: 1px dashed rgba(11, 31, 58, 0.15);
   display: flex;
   gap: 16px;
   align-items: flex-start;
}

.scenario-card__note i {
   color: var(--c-navy);
   background: rgba(11, 31, 58, 0.04);
   width: 36px;
   height: 36px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 1.25rem;
   flex-shrink: 0;
}

.scenario-card__note p {
   font-size: 0.85rem;
   color: var(--c-sub);
   line-height: 1.6;
   margin: 0;
   font-style: italic;
   padding-top: 4px;
}

.scenario-general-note {
   background: rgba(11, 31, 58, 0.02);
   border-left: 4px solid var(--c-blue);
   padding: 24px 32px;
   border-radius: 0 var(--r-md) var(--r-md) 0;
   font-size: 0.95rem;
   color: var(--c-navy);
   line-height: 1.6;
}

.scenario-general-note strong {
   color: var(--c-blue);
   text-transform: uppercase;
   font-size: 0.85rem;
   letter-spacing: 1px;
   margin-right: 8px;
}

/* ==========================================================================
   CONDIÇÕES
   ========================================================================== */
.conditions-list {
   display: flex;
   flex-direction: column;
   gap: 14px;
}

.conditions-list li {
   display: flex;
   align-items: flex-start;
   gap: 14px;
   padding: 16px 20px;
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
}

.conditions-list li i {
   color: var(--c-blue);
   font-size: 1.125rem;
   flex-shrink: 0;
   margin-top: 1px;
}

.conditions-list li span {
   font-size: .9375rem;
   color: var(--c-sub);
   line-height: 1.6;
}

/* ==========================================================================
   ENCERRAMENTO
   ========================================================================== */
.closing {
   background: var(--c-navy);
   padding: 100px 0;
}

.closing__container {
   display: grid;
   grid-template-columns: 1.2fr 1fr;
   gap: 80px;
   align-items: center;
}

.closing__badge {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 6px 14px;
   background: rgba(14, 165, 164, .1);
   border: 1px solid rgba(14, 165, 164, .2);
   border-radius: 40px;
   color: var(--c-accent);
   font-size: .72rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 24px;
}

.closing__title {
   font-size: 2.25rem;
   font-weight: 800;
   color: #fff;
   line-height: 1.2;
   margin-bottom: 24px;
   letter-spacing: -1px;
}

.closing__text {
   font-size: 1.05rem;
   color: rgba(255, 255, 255, .7);
   line-height: 1.75;
   margin-bottom: 16px;
}

.closing__brand {
   margin-top: 32px;
   font-size: .85rem;
   font-weight: 600;
   color: rgba(255, 255, 255, .5);
   text-transform: uppercase;
   letter-spacing: 1px;
   padding-top: 24px;
   border-top: 1px solid rgba(255, 255, 255, .1);
}

.action-card {
   background: var(--c-surface);
   border-radius: var(--r-lg);
   padding: 48px;
   text-align: center;
   color: var(--c-navy);
   box-shadow: var(--shadow-lg);
   position: relative;
   overflow: hidden;
}

.action-card::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   height: 4px;
   background: var(--c-accent);
}

.action-card__icon {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   background: var(--c-muted);
   border: 1px solid var(--c-border);
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 2rem;
   color: var(--c-accent);
   margin: 0 auto 24px;
}

.action-card h3 {
   font-size: 1.5rem;
   font-weight: 800;
   margin-bottom: 12px;
   color: var(--c-navy);
}

.action-card p {
   font-size: .95rem;
   color: var(--c-sub);
   line-height: 1.6;
   margin-bottom: 32px;
}

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

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer {
   background: var(--c-navy);
   border-top: 1px solid rgba(255, 255, 255, .07);
   padding: 24px 0;
}

.footer__container {
   display: flex;
   align-items: center;
   justify-content: space-between;
   flex-wrap: wrap;
   gap: 12px;
}

.footer__left p {
   font-size: .8125rem;
   color: rgba(255, 255, 255, .45);
}

.footer__right p {
   font-size: .8125rem;
   color: rgba(255, 255, 255, .45);
   text-align: right;
}

/* ==========================================================================
   ANIMATIONS
   ========================================================================== */
.fade-up {
   opacity: 0;
   transform: translateY(24px);
   transition: opacity .6s ease, transform .6s ease;
}

.fade-up.visible {
   opacity: 1;
   transform: translateY(0);
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media screen and (max-width:1024px) {
   .hero__container {
      grid-template-columns: 1fr;
   }

   .summary-card {
      display: none;
   }

   .hero__indicators {
      flex-wrap: wrap;
   }

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

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

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

   .modules-row--3,
   .modules-row--2 {
      grid-template-columns: 1fr;
   }

   .module-card__list--horizontal {
      grid-template-columns: 1fr;
   }

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

   .timeline-steps {
      grid-template-columns: 1fr;
      gap: 16px;
   }

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

   .timeline-step {
      display: flex;
      gap: 16px;
      text-align: left;
   }

   .timeline-step__num {
      flex-shrink: 0;
      margin: 0;
   }

   .inv-item {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      padding: 24px;
   }

   .inv-item__val {
      border-left: none;
      padding-left: 0;
      padding-top: 16px;
      border-top: 1px dashed var(--c-border);
      width: 100%;
      text-align: right;
   }

   .inv-total-box {
      flex-direction: column;
      text-align: center;
      padding: 32px 24px;
   }

   .closing__container {
      grid-template-columns: 1fr;
      gap: 40px;
   }

   /* Mobile Header & Dropdown */
   .header__actions {
      display: none !important;
   }

   .header__menu-btn {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: var(--r-sm);
      border: 1.5px solid rgba(255, 255, 255, 0.25);
      color: #fff;
      font-size: 1.35rem;
      cursor: pointer;
      transition: var(--transition);
   }

   .header__menu-btn:hover {
      background: rgba(255, 255, 255, 0.08);
      border-color: #fff;
   }

   .header__dropdown {
      display: none;
      position: absolute;
      top: 64px;
      right: 20px;
      background: var(--c-navy);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: var(--r-md);
      box-shadow: var(--shadow-lg);
      padding: 8px;
      z-index: 1000;
      min-width: 200px;
   }

   .header__dropdown.active {
      display: block !important;
      animation: fadeInDown 0.2s ease;
   }

   .dropdown-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      padding: 12px 18px;
      background: var(--c-accent);
      color: #fff;
      font-size: 0.9rem;
      font-weight: 700;
      white-space: nowrap;
      border-radius: var(--r-sm);
      transition: var(--transition);
      box-shadow: 0 4px 15px rgba(14, 165, 164, 0.3);
   }

   .dropdown-btn:hover {
      background: #0c8c8b;
      transform: translateY(-1px);
   }

   /* Scenarios Mobile Stack */
   .scenarios-grid {
      grid-template-columns: 1fr !important;
      gap: 24px !important;
   }

   /* Closing Brand Center Alignment */
   .closing__brand {
      text-align: center !important;
   }

   /* Footer Mobile Clean Layout */
   .footer__container {
      flex-direction: column !important;
      text-align: center !important;
      gap: 24px !important;
      padding: 16px 0 !important;
   }

   .footer__left {
      display: flex;
      flex-direction: column;
      align-items: center !important;
      gap: 4px;
   }

   .footer__left img {
      margin-bottom: 8px !important;
   }

   .footer__right p {
      text-align: center !important;
   }

}

.fade-up.visible {
   opacity: 1;
   transform: translateY(0);
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media screen and (max-width:1024px) {
   .hero__container {
      grid-template-columns: 1fr;
   }

   .summary-card {
      display: none;
   }

   .hero__indicators {
      flex-wrap: wrap;
   }

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

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

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

   .modules-row--3,
   .modules-row--2 {
      grid-template-columns: 1fr;
   }

   .module-card__list--horizontal {
      grid-template-columns: 1fr;
   }

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

   .timeline-steps {
      grid-template-columns: 1fr;
      gap: 16px;
   }

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

   .timeline-step {
      display: flex;
      gap: 16px;
      text-align: left;
   }

   .timeline-step__num {
      flex-shrink: 0;
      margin: 0;
   }

   .inv-item {
      flex-direction: column;
      align-items: flex-start;
      gap: 16px;
      padding: 24px;
   }

   .inv-item__val {
      border-left: none;
      padding-left: 0;
      padding-top: 16px;
      border-top: 1px dashed var(--c-border);
      width: 100%;
      text-align: right;
   }

   .inv-total-box {
      flex-direction: column;
      text-align: center;
      padding: 32px 24px;
   }

   .closing__container {
      grid-template-columns: 1fr;
      gap: 40px;
   }

   /* Mobile Header & Dropdown */
   .header__actions {
      display: none !important;
   }

   .header__menu-btn {
      display: flex !important;
      align-items: center;
      justify-content: center;
      width: 40px;
      height: 40px;
      border-radius: var(--r-sm);
      border: 1.5px solid rgba(255, 255, 255, 0.25);
      color: #fff;
      font-size: 1.35rem;
      cursor: pointer;
      transition: var(--transition);
   }

   .header__menu-btn:hover {
      background: rgba(255, 255, 255, 0.08);
      border-color: #fff;
   }

   .header__dropdown {
      display: none;
      position: absolute;
      top: 64px;
      right: 20px;
      background: var(--c-navy);
      border: 1px solid rgba(255, 255, 255, 0.1);
      border-radius: var(--r-md);
      box-shadow: var(--shadow-lg);
      padding: 8px;
      z-index: 1000;
      min-width: 200px;
   }

   .header__dropdown.active {
      display: block !important;
      animation: fadeInDown 0.2s ease;
   }

   .dropdown-btn {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      width: 100%;
      padding: 12px 18px;
      background: var(--c-accent);
      color: #fff;
      font-size: 0.9rem;
      font-weight: 700;
      white-space: nowrap;
      border-radius: var(--r-sm);
      transition: var(--transition);
      box-shadow: 0 4px 15px rgba(14, 165, 164, 0.3);
   }

   .dropdown-btn:hover {
      background: #0c8c8b;
      transform: translateY(-1px);
   }

   /* Scenarios Mobile Stack */
   .scenarios-grid {
      grid-template-columns: 1fr !important;
      gap: 24px !important;
   }

   /* Closing Brand Center Alignment */
   .closing__brand {
      text-align: center !important;
   }

   /* Footer Mobile Clean Layout */
   .footer__container {
      flex-direction: column !important;
      text-align: center !important;
      gap: 24px !important;
      padding: 16px 0 !important;
   }

   .footer__left {
      display: flex;
      flex-direction: column;
      align-items: center !important;
      gap: 4px;
   }

   .footer__left img {
      margin-bottom: 8px !important;
   }

   .footer__right p {
      text-align: center !important;
   }

   /* Hide hero PDF button and center other buttons on mobile/tablet */
   .hero__btn-pdf {
      display: none !important;
   }

   .hero__ctas a {
      width: 100% !important;
      justify-content: center !important;
   }

   .platform-indicators {
      grid-template-columns: repeat(2, 1fr);
   }

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

   .comparison-criteria__grid {
      grid-template-columns: 1fr;
   }

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

   .demo-box {
      grid-template-columns: 1fr;
      gap: 24px;
      padding: 24px;
   }
   .demo-box__action {
      padding: 24px;
   }
}

@keyframes fadeInDown {
   from { opacity: 0; transform: translateY(-8px); }
   to { opacity: 1; transform: translateY(0); }
}

@media screen and (max-width:640px) {
   .container {
      padding: 0 20px;
   }

   .section {
      padding: 60px 0;
   }

   .section__title {
      font-size: 1.625rem;
   }

   .hero {
      padding: 56px 0 64px;
   }

   .hero__title {
      font-size: 2rem;
   }

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

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

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

   .platform-indicators {
      grid-template-columns: 1fr;
   }

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

/* ==========================================================================
   FUNCIONALIDADES — Grid de Módulos (Refatorado)
   ========================================================================== */
.comparison-criteria {
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-left: 5px solid var(--c-accent);
   border-radius: var(--r-md);
   padding: 28px 32px;
   margin-bottom: 32px;
   box-shadow: var(--shadow-sm);
}

.comparison-criteria__title {
   font-size: 1.15rem;
   font-weight: 800;
   color: var(--c-navy);
   margin-bottom: 12px;
   display: flex;
   align-items: center;
   gap: 10px;
}

.comparison-criteria__title i {
   color: var(--c-accent);
   font-size: 1.4rem;
}

.comparison-criteria__text {
   font-size: 0.92rem;
   color: var(--c-sub);
   line-height: 1.6;
   margin-bottom: 18px;
}

.comparison-criteria__grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 10px 24px;
}

.comparison-criteria__item {
   display: flex;
   align-items: center;
   gap: 10px;
   font-size: 0.875rem;
   font-weight: 600;
   color: var(--c-text);
}

.comparison-criteria__item i {
   color: var(--c-accent);
   font-size: 1.1rem;
}

.platform-indicators {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   gap: 20px;
   margin-bottom: 40px;
}

.indicator-item {
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
   padding: 20px;
   display: flex;
   align-items: center;
   gap: 14px;
   box-shadow: var(--shadow-sm);
   transition: var(--transition);
}

.indicator-item:hover {
   transform: translateY(-2px);
   box-shadow: var(--shadow-md);
   border-color: var(--c-accent);
}

.indicator-number {
   font-size: 1.75rem;
   font-weight: 900;
   color: var(--c-accent);
   line-height: 1;
}

.indicator-label {
   font-size: 0.875rem;
   font-weight: 700;
   color: var(--c-navy);
   line-height: 1.3;
}

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

/* Módulos de funcionalidades refatorados abaixo */
.module-card {
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
   overflow: hidden;
   display: flex;
   flex-direction: column;
   box-shadow: var(--shadow-sm);
   transition: var(--transition);
}

.module-card:hover {
   transform: translateY(-3px);
   box-shadow: var(--shadow-md);
   border-color: var(--c-blue);
}

.module-card__head {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 12px;
   padding: 18px 22px;
   background: var(--c-navy);
   color: #fff;
}

.module-card__head-title {
   display: flex;
   align-items: center;
   gap: 12px;
}

.module-card__head i {
   font-size: 1.25rem;
   color: var(--c-accent);
}

.module-card__head h3 {
   font-size: 0.95rem;
   font-weight: 700;
   color: #fff;
}

.badge-strategic {
   font-size: 0.65rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.8px;
   background: rgba(14, 165, 164, 0.15);
   border: 1px solid rgba(14, 165, 164, 0.35);
   color: var(--c-accent);
   padding: 2px 7px;
   border-radius: 4px;
   flex-shrink: 0;
}

.module-card__desc {
   padding: 20px 22px 6px;
   font-size: 0.875rem;
   color: var(--c-sub);
   line-height: 1.6;
}

.module-card__list {
   padding: 10px 22px 18px;
   display: flex;
   flex-direction: column;
   gap: 10px;
   flex-grow: 1;
}

.module-card__list li {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   font-size: 0.85rem;
   color: var(--c-text);
   line-height: 1.5;
   border-bottom: 1px solid rgba(209, 224, 238, 0.3);
   padding-bottom: 8px;
}

.module-card__list li:last-child {
   border-bottom: none;
   padding-bottom: 0;
}

.module-card__list li::before {
   content: '▸';
   color: var(--c-accent);
   font-weight: bold;
   flex-shrink: 0;
}

.card-highlight-tip {
   background: rgba(14, 165, 164, 0.08);
   border-left: 3px solid var(--c-accent);
   padding: 10px 14px;
   margin: 8px 0;
   border-radius: 0 var(--r-sm) var(--r-sm) 0;
   font-size: 0.8rem;
   color: var(--c-navy);
   line-height: 1.4;
}

.card-highlight-tip strong {
   color: var(--c-navy);
   font-weight: 700;
}

.card-highlight-note {
   background: rgba(74, 98, 119, 0.05);
   border-left: 3px solid var(--c-sub);
   padding: 10px 14px;
   margin: 8px 0;
   border-radius: 0 var(--r-sm) var(--r-sm) 0;
   font-size: 0.8rem;
   color: var(--c-sub);
   line-height: 1.4;
   display: flex;
   gap: 8px;
   align-items: flex-start;
}

.card-highlight-note i {
   font-size: 0.95rem;
   color: var(--c-sub);
   flex-shrink: 0;
   margin-top: 1px;
}

.module-card__value {
   padding: 16px 22px;
   background: #F7FAFC;
   border-top: 1px solid var(--c-border);
   font-size: 0.85rem;
   font-weight: 500;
   color: var(--c-navy);
   line-height: 1.5;
}

.module-card__value strong {
   display: block;
   font-size: 0.72rem;
   text-transform: uppercase;
   letter-spacing: 0.8px;
   color: var(--c-accent);
   margin-bottom: 4px;
   font-weight: 800;
}

.differentials-section {
   margin-top: 56px;
   border-top: 1px solid var(--c-border);
   padding-top: 48px;
}

.differentials-title {
   font-size: 1.4rem;
   font-weight: 800;
   color: var(--c-navy);
   margin-bottom: 10px;
}

.differentials-intro {
   font-size: 0.95rem;
   color: var(--c-sub);
   line-height: 1.6;
   margin-bottom: 28px;
}

.differentials-grid {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 14px 28px;
}

.differential-item {
   display: flex;
   align-items: flex-start;
   gap: 10px;
   font-size: 0.9rem;
   color: var(--c-text);
   line-height: 1.5;
}

.differential-item i {
   color: var(--c-green);
   font-size: 1.2rem;
   flex-shrink: 0;
   margin-top: 2px;
}

.institutional-highlight-card {
   background: linear-gradient(135deg, var(--c-navy) 0%, var(--c-blue) 100%);
   border-radius: var(--r-lg);
   padding: 36px 40px;
   color: #fff;
   margin-top: 48px;
   box-shadow: var(--shadow-lg);
}

.institutional-highlight-card__title {
   font-size: 1.35rem;
   font-weight: 800;
   margin-bottom: 12px;
   color: #fff;
}

.institutional-highlight-card__text {
   font-size: 0.95rem;
   color: rgba(255, 255, 255, 0.85);
   line-height: 1.65;
   margin-bottom: 14px;
}

.institutional-highlight-card__subtext {
   font-size: 0.9rem;
   color: var(--c-accent);
   font-weight: 600;
   line-height: 1.5;
   border-top: 1px solid rgba(255, 255, 255, 0.15);
   padding-top: 14px;
   margin-top: 14px;
}

/* ==========================================================================
   DEMO DO SISTEMA
   ========================================================================== */
.demo-box {
   background: var(--c-surface);
   border: 1px solid var(--c-border);
   border-left: 5px solid var(--c-accent);
   border-radius: var(--r-md);
   padding: 40px;
   display: grid;
   grid-template-columns: 1.2fr 0.8fr;
   gap: 40px;
   align-items: center;
   box-shadow: var(--shadow-sm);
   margin-top: 32px;
}
.demo-box__title {
   font-size: 1.35rem;
   font-weight: 800;
   color: var(--c-navy);
   margin-bottom: 16px;
}
.demo-box__text {
   font-size: 0.92rem;
   color: var(--c-sub);
   line-height: 1.65;
   margin-bottom: 14px;
}
.demo-box__text strong {
   color: var(--c-navy);
}
.demo-box__text:last-child {
   margin-bottom: 0;
}
.demo-box__action {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 16px;
   background: var(--c-muted);
   border: 1px solid var(--c-border);
   border-radius: var(--r-md);
   padding: 32px 24px;
   text-align: center;
}
.demo-box__url-label {
   font-size: 0.75rem;
   font-weight: 700;
   text-transform: uppercase;
   letter-spacing: 0.8px;
   color: var(--c-sub);
   margin-top: 8px;
}
.demo-box__url {
   font-family: monospace;
   font-size: 0.8rem;
   color: var(--c-navy);
   background: var(--c-surface);
   padding: 6px 12px;
   border-radius: var(--r-sm);
   word-break: break-all;
   border: 1px solid var(--c-border);
   width: 100%;
}
.demo-box__print-only {
   display: none;
}

/* ==========================================================================
   PRINT — window.print() → Salvar como PDF
   ========================================================================== */
@page {
   size: A4 portrait;
   margin: 15mm 18mm 15mm 18mm;
}

@media print {

   /* ── Reset global ── */
   *,
   *::before,
   *::after {
      print-color-adjust: exact !important;
      -webkit-print-color-adjust: exact !important;
      color-adjust: exact !important;
      box-sizing: border-box !important;
      transition: none !important;
      animation: none !important;
   }

   html {
      font-size: 9pt !important;
   }

   body {
      background: #ffffff !important;
      color: #1A2B40 !important;
      font-family: 'Inter', sans-serif !important;
      min-width: 0 !important;
   }

   /* ── Ocultar elementos interativos ── */
   .header,
   .hero__ctas,
   .hero__indicators,
   .no-print {
      display: none !important;
   }

   /* ── Animações: forçar visível ── */
   .fade-up {
      opacity: 1 !important;
      transform: none !important;
   }

   /* ── Container: largura total ── */
   .container {
      max-width: 100% !important;
      width: 100% !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      margin: 0 !important;
   }

   /* ── Quebras de página ── */
   .hero                 { page-break-after: avoid !important; break-after: avoid !important; }
   #pdf-break-context,
   #pdf-break-diff,
   #pdf-break-comp,
   #pdf-break-func,
   #pdf-break-benefits,
   #pdf-break-timeline,
   #pdf-break-investment,
   #pdf-break-scenarios,
   #pdf-break-conditions,
   #pdf-break-demo,
   #pdf-break-closing    { page-break-before: always !important; break-before: page !important; }

   .footer               { page-break-before: avoid !important; break-before: avoid !important; }

   h2, h3, h4            { page-break-after: avoid !important; break-after: avoid !important; }

   .inv-item,
   .inv-total-box,
   .inv-footnote,
   .inv-item__bonus-card,
   .diff-card,
   .module-card,
   .benefit-card,
   .comp-card,
   .comp-note,
   .scenario-card,
   .scenario-general-note,
   .timeline-step,
   .demo-box,
   .conditions-list li   { page-break-inside: avoid !important; break-inside: avoid !important; }

   /* ═══════════════════════════════════════
      HERO
   ═══════════════════════════════════════ */
   .hero {
      background: #0B1F3A !important;
      color: #ffffff !important;
      padding: 28pt 0 !important;
      margin-bottom: 0 !important;
   }

   .hero::before { display: none !important; }

   .hero__container {
      display: grid !important;
      grid-template-columns: 1.3fr 1fr !important;
      gap: 24pt !important;
      align-items: start !important;
   }

   .hero__badge {
      background: rgba(14,165,164,.15) !important;
      border: 1px solid rgba(14,165,164,.4) !important;
      color: #0EA5A4 !important;
      font-size: 7pt !important;
   }

   .hero__title {
      font-size: 22pt !important;
      color: #ffffff !important;
      line-height: 1.15 !important;
      margin-bottom: 10pt !important;
   }

   .hero__title .accent { color: #0EA5A4 !important; }

   .hero__sub  { color: rgba(255,255,255,.75) !important; font-size: 10pt !important; }
   .hero__desc { color: rgba(255,255,255,.6) !important; font-size: 8pt !important; }

   .summary-card {
      background: rgba(255,255,255,.05) !important;
      border: 1.5px solid rgba(255,255,255,.2) !important;
      box-shadow: none !important;
   }

   .summary-card__head {
      background: rgba(14,165,164,.2) !important;
      padding: 10pt 14pt !important;
   }

   .summary-card__head h3 { color: #ffffff !important; font-size: 9.5pt !important; }
   .summary-card__head i  { color: #0EA5A4 !important; }

   .summary-card__row  { border-bottom: 1px solid rgba(255,255,255,.12) !important; padding: 8pt 14pt !important; }
   .summary-card__lbl  { color: rgba(255,255,255,.55) !important; font-size: 7.5pt !important; }
   .summary-card__val  { color: #ffffff !important; font-size: 8.5pt !important; font-weight: 600 !important; }

   /* ═══════════════════════════════════════
      SEÇÕES — base
   ═══════════════════════════════════════ */
   .section {
      padding: 22pt 0 !important;
      background: transparent !important;
   }

   .section--light  { background: #ffffff !important; }
   .section--muted  { background: #F7FAFC !important; }
   .section--navy   {
      background: #0B1F3A !important;
      padding: 22pt 0 !important;
   }

   .section__header { margin-bottom: 16pt !important; }
   .section__eyebrow { margin-bottom: 6pt !important; }
   .section__label  { font-size: 6.5pt !important; letter-spacing: 1.5px !important; }
   .section__title  { font-size: 16pt !important; line-height: 1.2 !important; }
   .section__sub    { font-size: 8.5pt !important; color: #4A6277 !important; margin-top: 6pt !important; }

   .section--navy .section__title { color: #ffffff !important; }
   .section--navy .section__label { color: #0EA5A4 !important; }
   .section--navy .benefits-intro { color: rgba(255,255,255,.7) !important; font-size: 8.5pt !important; }

   /* ═══════════════════════════════════════
      CONTEXTO
   ═══════════════════════════════════════ */
   .context__showcase {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 14pt !important;
   }

   .context__main {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 10pt !important;
   }

   .context__text-block {
      background: #ffffff !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 6pt !important;
      padding: 12pt !important;
      box-shadow: none !important;
   }

   .context__icon-wrap { display: none !important; }
   .context__text-block p { font-size: 8pt !important; color: #4A6277 !important; }
   .context__text-block strong { color: #0B1F3A !important; }

   .gains-box {
      background: #F7FAFC !important;
      border: 1.5px solid #D1E0EE !important;
      border-radius: 6pt !important;
      padding: 14pt !important;
   }

   .gains-box__title { font-size: 9pt !important; color: #0B1F3A !important; margin-bottom: 10pt !important; }

   .gains-list { list-style: none !important; padding: 0 !important; }
   .gains-list li {
      display: flex !important;
      align-items: center !important;
      gap: 7pt !important;
      padding: 5pt 0 !important;
      border-bottom: 1px solid #EAF2F8 !important;
      font-size: 8pt !important;
      color: #1A2B40 !important;
   }
   .gains-list li:last-child { border-bottom: none !important; }
   .gains-list li i { color: #0EA5A4 !important; font-size: 11pt !important; flex-shrink: 0 !important; }

   /* ═══════════════════════════════════════
      DIFERENCIAIS
   ═══════════════════════════════════════ */
   .diff-grid {
      grid-template-columns: repeat(3, 1fr) !important;
      gap: 9pt !important;
   }

   .diff-card {
      background: #ffffff !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 6pt !important;
      padding: 12pt !important;
      box-shadow: none !important;
   }

   .diff-card__icon {
      background: #EAF2F8 !important;
      color: #0B1F3A !important;
      width: 28pt !important;
      height: 28pt !important;
      border-radius: 6pt !important;
      font-size: 13pt !important;
      margin-bottom: 8pt !important;
   }

   .diff-card__title { font-size: 8.5pt !important; color: #0B1F3A !important; margin-bottom: 4pt !important; }
   .diff-card__text  { font-size: 7.5pt !important; color: #4A6277 !important; line-height: 1.45 !important; }

   /* ═══════════════════════════════════════
      COMPARATIVO
   ═══════════════════════════════════════ */
   .comparison-grid {
      grid-template-columns: 1fr 1fr !important;
      gap: 12pt !important;
   }

   .comp-card {
      background: #ffffff !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 6pt !important;
      overflow: hidden !important;
      box-shadow: none !important;
   }

   .comp-card--before .comp-card__head {
      background: #FEF2F2 !important;
      color: #991B1B !important;
      padding: 9pt 12pt !important;
      font-size: 9pt !important;
   }

   .comp-card--after .comp-card__head {
      background: #0B1F3A !important;
      color: #ffffff !important;
      padding: 9pt 12pt !important;
      font-size: 9pt !important;
   }

   .comp-card--after .comp-card__head i { color: #0EA5A4 !important; }

   .comp-card__body { padding: 0 !important; list-style: none !important; }

   .comp-card__body li {
      padding: 7pt 12pt !important;
      border-bottom: 1px solid #EAF2F8 !important;
      font-size: 7.5pt !important;
      color: #1A2B40 !important;
      display: flex !important;
      align-items: center !important;
      gap: 6pt !important;
   }

   .comp-card--before .comp-card__body li i { color: #EF4444 !important; }
   .comp-card--after  .comp-card__body li i { color: #0EA5A4 !important; }

   .comp-note {
      background: #F7FAFC !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 6pt !important;
      padding: 10pt 14pt !important;
      margin-top: 12pt !important;
      display: flex !important;
      gap: 10pt !important;
      align-items: flex-start !important;
   }

   .comp-note i     { color: #123A63 !important; font-size: 12pt !important; flex-shrink: 0 !important; }
   .comp-note strong { font-size: 8pt !important; color: #0B1F3A !important; }
   .comp-note p     { font-size: 7.5pt !important; color: #4A6277 !important; }

   /* ═══════════════════════════════════════
      FUNCIONALIDADES (Refatorado para Impressão)
   ═══════════════════════════════════════ */
   .comparison-criteria {
      background: #ffffff !important;
      border: 1.5px solid #D1E0EE !important;
      border-left: 4px solid #0EA5A4 !important;
      border-radius: 6pt !important;
      padding: 12pt 16pt !important;
      box-shadow: none !important;
      margin-bottom: 16pt !important;
      page-break-inside: avoid !important;
      break-inside: avoid !important;
   }
   .comparison-criteria__title { font-size: 10pt !important; color: #0B1F3A !important; margin-bottom: 6pt !important; display: flex !important; align-items: center !important; gap: 6pt !important; }
   .comparison-criteria__text { font-size: 7.5pt !important; color: #4A6277 !important; margin-bottom: 10pt !important; }
   .comparison-criteria__grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 4pt 12pt !important; }
   .comparison-criteria__item { display: flex !important; align-items: center !important; gap: 6pt !important; font-size: 7.5pt !important; color: #1A2B40 !important; }
   .comparison-criteria__item i { color: #0EA5A4 !important; font-size: 9pt !important; }

   .platform-indicators {
      display: grid !important;
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 10pt !important;
      margin-bottom: 20pt !important;
      page-break-inside: avoid !important;
      break-inside: avoid !important;
   }
   .indicator-item {
      background: #ffffff !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 6pt !important;
      padding: 10pt 12pt !important;
      display: flex !important;
      align-items: center !important;
      gap: 8pt !important;
      box-shadow: none !important;
   }
   .indicator-number { font-size: 16pt !important; color: #0EA5A4 !important; font-weight: 800 !important; }
   .indicator-label { font-size: 7.5pt !important; color: #0B1F3A !important; font-weight: 700 !important; }

   .features-grid {
      display: grid !important;
      grid-template-columns: repeat(2, 1fr) !important;
      gap: 10pt !important;
   }
   .module-card {
      background: #ffffff !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 6pt !important;
      overflow: hidden !important;
      box-shadow: none !important;
      page-break-inside: avoid !important;
      break-inside: avoid !important;
      display: flex !important;
      flex-direction: column !important;
   }
   .module-card__head {
      background: #0B1F3A !important;
      padding: 8pt 12pt !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 8pt !important;
   }
   .module-card__head-title {
      display: flex !important;
      align-items: center !important;
      gap: 8pt !important;
   }
   .module-card__head i { color: #0EA5A4 !important; font-size: 12pt !important; }
   .module-card__head h3 { color: #ffffff !important; font-size: 8.5pt !important; font-weight: 700 !important; }
   .badge-strategic {
      font-size: 6pt !important;
      background: rgba(14, 165, 164, 0.15) !important;
      border: 1px solid rgba(14, 165, 164, 0.3) !important;
      color: #0EA5A4 !important;
      padding: 1.5pt 4pt !important;
      border-radius: 3pt !important;
   }
   .module-card__desc {
      padding: 10pt 12pt 4pt !important;
      font-size: 7.5pt !important;
      color: #4A6277 !important;
      line-height: 1.4 !important;
   }
   .module-card__list {
      list-style: none !important;
      padding: 4pt 12pt 8pt !important;
      margin: 0 !important;
      flex-grow: 1 !important;
   }
   .module-card__list li {
      font-size: 7pt !important;
      color: #4A6277 !important;
      padding: 2.5pt 0 !important;
      border-bottom: 1px solid #EAF2F8 !important;
      display: flex !important;
      align-items: center !important;
      gap: 5pt !important;
   }
   .module-card__list li::before {
      content: '▸';
      color: #0EA5A4 !important;
      font-size: 7pt !important;
      flex-shrink: 0 !important;
   }
   .card-highlight-tip {
      background: rgba(14, 165, 164, 0.06) !important;
      border-left: 2.5px solid #0EA5A4 !important;
      padding: 6pt 10pt !important;
      margin: 4pt 0 !important;
      font-size: 6.5pt !important;
      color: #0B1F3A !important;
   }
   .card-highlight-note {
      background: rgba(74, 98, 119, 0.04) !important;
      border-left: 2.5px solid #4A6277 !important;
      padding: 6pt 10pt !important;
      margin: 4pt 0 !important;
      font-size: 6.5pt !important;
      color: #4A6277 !important;
   }
   .module-card__value {
      padding: 8pt 12pt !important;
      background: #F7FAFC !important;
      border-top: 1px solid #D1E0EE !important;
      font-size: 7pt !important;
      color: #0B1F3A !important;
   }
   .module-card__value strong {
      font-size: 6pt !important;
      color: #0EA5A4 !important;
      margin-bottom: 2pt !important;
   }

   .differentials-section {
      margin-top: 24pt !important;
      border-top: 1px solid #D1E0EE !important;
      padding-top: 18pt !important;
      page-break-before: always !important;
      break-before: page !important;
   }
   .differentials-title { font-size: 12pt !important; color: #0B1F3A !important; font-weight: 800 !important; margin-bottom: 6pt !important; }
   .differentials-intro { font-size: 8pt !important; color: #4A6277 !important; margin-bottom: 14pt !important; }
   .differentials-grid {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 8pt 16pt !important;
   }
   .differential-item {
      display: flex !important;
      align-items: flex-start !important;
      gap: 8pt !important;
      font-size: 7.5pt !important;
      color: #1A2B40 !important;
      page-break-inside: avoid !important;
      break-inside: avoid !important;
   }
   .differential-item i { color: #16A34A !important; font-size: 10pt !important; }

   .institutional-highlight-card {
      background: #0B1F3A !important;
      color: #ffffff !important;
      border-radius: 8pt !important;
      padding: 18pt 24pt !important;
      margin-top: 24pt !important;
      box-shadow: none !important;
      page-break-inside: avoid !important;
      break-inside: avoid !important;
   }
   .institutional-highlight-card__title { font-size: 11pt !important; color: #ffffff !important; font-weight: 800 !important; margin-bottom: 8pt !important; }
   .institutional-highlight-card__text { font-size: 8pt !important; color: rgba(255, 255, 255, 0.85) !important; line-height: 1.5 !important; margin-bottom: 8pt !important; }
   .institutional-highlight-card__subtext {
      font-size: 7.5pt !important;
      color: #0EA5A4 !important;
      border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
      padding-top: 8pt !important;
      margin-top: 8pt !important;
   }

   /* ═══════════════════════════════════════
      BENEFÍCIOS
   ═══════════════════════════════════════ */
   .benefits-grid {
      grid-template-columns: repeat(4, 1fr) !important;
      gap: 9pt !important;
      margin-top: 14pt !important;
   }

   .benefit-card {
      background: rgba(255,255,255,.07) !important;
      border: 1px solid rgba(255,255,255,.15) !important;
      border-radius: 6pt !important;
      padding: 12pt !important;
      text-align: center !important;
      box-shadow: none !important;
   }

   .benefit-card i  { color: #0EA5A4 !important; font-size: 18pt !important; margin-bottom: 6pt !important; filter: none !important; }
   .benefit-card h4 { font-size: 7.5pt !important; color: #ffffff !important; line-height: 1.3 !important; }

   /* ═══════════════════════════════════════
      TIMELINE
   ═══════════════════════════════════════ */
   .timeline-steps {
      display: grid !important;
      grid-template-columns: repeat(5, 1fr) !important;
      gap: 8pt !important;
      position: relative !important;
      margin-bottom: 14pt !important;
   }

   .timeline-steps::before {
      content: '' !important;
      display: block !important;
      position: absolute !important;
      top: 18pt !important;
      left: 10% !important;
      right: 10% !important;
      height: 2px !important;
      background: #D1E0EE !important;
      z-index: 0 !important;
   }

   .timeline-step {
      display: flex !important;
      flex-direction: column !important;
      align-items: center !important;
      text-align: center !important;
      gap: 7pt !important;
      position: relative !important;
      z-index: 1 !important;
   }

   .timeline-step__num {
      width: 36pt !important;
      height: 36pt !important;
      background: #0B1F3A !important;
      color: #ffffff !important;
      border-radius: 50% !important;
      font-size: 9pt !important;
      font-weight: 700 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-shrink: 0 !important;
   }

   .timeline-step__title { font-size: 7.5pt !important; font-weight: 700 !important; color: #0B1F3A !important; }
   .timeline-step__desc  { font-size: 6.5pt !important; color: #4A6277 !important; line-height: 1.4 !important; }

   .timeline-note {
      background: #0B1F3A !important;
      color: #ffffff !important;
      border-radius: 6pt !important;
      padding: 9pt 14pt !important;
      font-size: 8pt !important;
      text-align: center !important;
   }

   .timeline-note strong { color: #0EA5A4 !important; }

   /* ═══════════════════════════════════════
      INVESTIMENTO
   ═══════════════════════════════════════ */
   .inv-list {
      display: flex !important;
      flex-direction: column !important;
      gap: 10pt !important;
      margin-bottom: 14pt !important;
   }

   .inv-item {
      display: flex !important;
      align-items: center !important;
      gap: 12pt !important;
      padding: 12pt 16pt !important;
      background: #ffffff !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 8pt !important;
      box-shadow: none !important;
   }

   .inv-item__num {
      width: 30pt !important;
      height: 30pt !important;
      background: #EAF2F8 !important;
      color: #123A63 !important;
      border-radius: 50% !important;
      font-size: 8.5pt !important;
      font-weight: 700 !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-shrink: 0 !important;
   }

   .inv-item__content { flex: 1 !important; min-width: 0 !important; }
   .inv-item__title   { font-size: 9.5pt !important; font-weight: 700 !important; color: #0B1F3A !important; margin-bottom: 3pt !important; }
   .inv-item__desc    { font-size: 7.5pt !important; color: #4A6277 !important; line-height: 1.5 !important; }

   .inv-item__val {
      font-size: 11pt !important;
      font-weight: 800 !important;
      color: #0B1F3A !important;
      white-space: nowrap !important;
      flex-shrink: 0 !important;
      border-left: 1.5px dashed #D1E0EE !important;
      padding-left: 12pt !important;
   }

   /* Bonus card */
   .inv-item__bonus-card {
      display: flex !important;
      align-items: center !important;
      gap: 8pt !important;
      padding: 9pt 12pt !important;
      background: rgba(14,165,164,.08) !important;
      border: 1.5px solid rgba(14,165,164,.35) !important;
      border-radius: 8pt !important;
      flex-shrink: 0 !important;
      min-width: 120pt !important;
   }

   .inv-item__bonus-icon {
      width: 24pt !important;
      height: 24pt !important;
      background: #0d9488 !important;
      border-radius: 50% !important;
      display: flex !important;
      align-items: center !important;
      justify-content: center !important;
      flex-shrink: 0 !important;
   }

   .inv-item__bonus-icon i { font-size: 11pt !important; color: #ffffff !important; }

   .inv-item__bonus-label {
      font-size: 6.5pt !important;
      font-weight: 800 !important;
      letter-spacing: 0.8px !important;
      color: #0d9488 !important;
      text-transform: uppercase !important;
      display: block !important;
   }

   .inv-item__bonus-value {
      font-size: 8.5pt !important;
      font-weight: 800 !important;
      color: #4A6277 !important;
      text-decoration: line-through !important;
      text-decoration-color: #ef4444 !important;
      display: block !important;
   }

   /* Caixa total */
   .inv-total-box {
      background: #0B1F3A !important;
      border-radius: 8pt !important;
      box-shadow: none !important;
      padding: 16pt 22pt !important;
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
   }

   .inv-total-box__info h4 {
      font-size: 8pt !important;
      letter-spacing: 1px !important;
      color: #0EA5A4 !important;
      font-weight: 700 !important;
      text-transform: uppercase !important;
   }

   .inv-total-box__value {
      font-size: 22pt !important;
      font-weight: 900 !important;
      color: #ffffff !important;
   }

   .inv-total-box__value span {
      font-size: 11pt !important;
      font-weight: 400 !important;
      color: rgba(255,255,255,.6) !important;
   }

   /* Footnote */
   .inv-footnote {
      display: flex !important;
      align-items: flex-start !important;
      gap: 8pt !important;
      margin-top: 10pt !important;
      padding: 9pt 13pt !important;
      background: #ffffff !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 6pt !important;
   }

   .inv-footnote i   { color: #123A63 !important; font-size: 10pt !important; flex-shrink: 0 !important; }
   .inv-footnote p   { font-size: 7.5pt !important; color: #4A6277 !important; line-height: 1.55 !important; margin: 0 !important; }
   .inv-footnote p strong { color: #0B1F3A !important; }

   /* ═══════════════════════════════════════
      CENÁRIOS
   ═══════════════════════════════════════ */
   .scenarios-grid {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 12pt !important;
      margin-bottom: 12pt !important;
   }

   .scenario-card {
      background: #ffffff !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 8pt !important;
      padding: 14pt !important;
      box-shadow: none !important;
   }

   .scenario-card__badge {
      font-size: 6.5pt !important;
      letter-spacing: 1px !important;
      text-transform: uppercase !important;
      color: #0EA5A4 !important;
      font-weight: 700 !important;
      margin-bottom: 5pt !important;
      display: block !important;
   }

   .scenario-card__title { font-size: 9.5pt !important; color: #0B1F3A !important; font-weight: 700 !important; margin-bottom: 8pt !important; }

   .scenario-card__body p {
      font-size: 7.5pt !important;
      color: #4A6277 !important;
      line-height: 1.5 !important;
      margin-bottom: 6pt !important;
   }

   .scenario-card__note {
      border-top: 1px dashed #D1E0EE !important;
      padding-top: 8pt !important;
      margin-top: 8pt !important;
      display: flex !important;
      gap: 6pt !important;
      align-items: flex-start !important;
   }

   .scenario-card__note i { color: #123A63 !important; font-size: 10pt !important; flex-shrink: 0 !important; }
   .scenario-card__note p { font-size: 7pt !important; color: #4A6277 !important; }

   .scenario-general-note {
      background: #F7FAFC !important;
      border-left: 4px solid #123A63 !important;
      border-radius: 0 6pt 6pt 0 !important;
      padding: 10pt 14pt !important;
      font-size: 8pt !important;
      color: #0B1F3A !important;
   }

   .scenario-general-note strong { color: #123A63 !important; }

   /* ═══════════════════════════════════════
      CONDIÇÕES
   ═══════════════════════════════════════ */
   .conditions-list {
      list-style: none !important;
      padding: 0 !important;
      display: flex !important;
      flex-direction: column !important;
      gap: 6pt !important;
   }

   .conditions-list li {
      display: flex !important;
      align-items: flex-start !important;
      gap: 8pt !important;
      padding: 8pt 12pt !important;
      background: #ffffff !important;
      border: 1px solid #D1E0EE !important;
      border-radius: 6pt !important;
   }

   .conditions-list li i    { color: #123A63 !important; font-size: 12pt !important; flex-shrink: 0 !important; margin-top: 1pt !important; }
   .conditions-list li span { font-size: 8pt !important; color: #4A6277 !important; line-height: 1.5 !important; }

   /* ═══════════════════════════════════════
      DEMO DO SISTEMA (Impressão)
   ═══════════════════════════════════════ */
   .demo-box {
      background: #ffffff !important;
      border: 1.5px solid #D1E0EE !important;
      border-radius: 8pt !important;
      padding: 18pt !important;
      display: block !important;
      box-shadow: none !important;
      page-break-inside: avoid !important;
      break-inside: avoid !important;
      margin-top: 16pt !important;
   }
   .demo-box__title { font-size: 11pt !important; color: #0B1F3A !important; margin-bottom: 8pt !important; }
   .demo-box__text { font-size: 8pt !important; color: #4A6277 !important; line-height: 1.5 !important; margin-bottom: 8pt !important; }
   .demo-box__text strong { color: #0B1F3A !important; }
   .demo-box__action {
      display: none !important;
   }
   .demo-box__print-only {
      display: block !important;
      border-top: 1px dashed #D1E0EE !important;
      padding-top: 8pt !important;
      margin-top: 8pt !important;
   }
   .demo-box__print-only p { font-size: 7.5pt !important; color: #0B1F3A !important; font-weight: 700 !important; margin-bottom: 4pt !important; }
   .demo-box__print-only code {
      font-family: monospace !important;
      font-size: 8pt !important;
      color: #123A63 !important;
      background: #F7FAFC !important;
      padding: 4pt 8pt !important;
      border-radius: 4pt !important;
      border: 1px solid #D1E0EE !important;
      display: inline-block !important;
   }

   /* ═══════════════════════════════════════
      ENCERRAMENTO
   ═══════════════════════════════════════ */
   .closing {
      background: #0B1F3A !important;
      padding: 26pt 0 !important;
   }

   .closing__container {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      gap: 24pt !important;
      align-items: center !important;
   }

   .closing__badge {
      display: inline-flex !important;
      align-items: center !important;
      gap: 6pt !important;
      background: rgba(14,165,164,.15) !important;
      border: 1px solid rgba(14,165,164,.35) !important;
      color: #0EA5A4 !important;
      padding: 4pt 10pt !important;
      border-radius: 30pt !important;
      font-size: 7pt !important;
      font-weight: 600 !important;
      letter-spacing: 0.5px !important;
      margin-bottom: 10pt !important;
   }

   .closing__title {
      font-size: 15pt !important;
      color: #ffffff !important;
      line-height: 1.25 !important;
      margin-bottom: 10pt !important;
   }

   .closing__text {
      font-size: 8pt !important;
      color: rgba(255,255,255,.65) !important;
      line-height: 1.6 !important;
      margin-bottom: 10pt !important;
   }

   .closing__brand {
      border-top: 1px solid rgba(255,255,255,.12) !important;
      padding-top: 10pt !important;
      margin-top: 10pt !important;
      font-size: 7.5pt !important;
      color: rgba(255,255,255,.4) !important;
   }

   .action-card { display: none !important; }

   /* ═══════════════════════════════════════
      FOOTER
   ═══════════════════════════════════════ */
   .footer {
      background: #06111F !important;
      padding: 12pt 0 !important;
   }

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

   .footer__left p,
   .footer__right p { font-size: 7pt !important; color: rgba(255,255,255,.45) !important; }
   .footer__left strong { color: rgba(255,255,255,.7) !important; }
   .footer__logo-img { height: 22pt !important; width: auto !important; }
}