/* Reset básico */* {    box-sizing: border-box;    margin: 0;    padding: 0;}body {    font-family: var(--font-family-primary);    font-size: var(--fs-base);    line-height: var(--lh-relaxed);    color: var(--c-text);    background: var(--c-bg);    margin: 0;    padding: 0;    overflow-x: hidden;    font-weight: var(--fw-normal);    letter-spacing: var(--ls-normal);    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;}main {    position: relative;    z-index: 1;}/* Variáveis CSS */:root {    /* Sistema de Cores - Melhorado */    --c-primary: #FF6A00;    --c-primary-light: #FF8A33;    --c-primary-dark: #E55A00;    --c-accent: #3C0C73;    --c-accent-light: #5A1A8A;    --c-accent-dark: #2A0A5C;    --c-dark: #0D0D46;    --c-text: #1A1A1A;    --c-text-secondary: #4A4A4A;    --c-muted: #6B7280;    --c-muted-light: #9CA3AF;    --c-surface: #F8F9FA;    --c-bg: #FFFFFF;    --c-bg-secondary: #F8F9FA;    --c-title-purple: #4A148C;    --c-highlight-bg: #F0F4F8;    --c-success: #10B981;    --c-warning: #F59E0B;    --c-error: #EF4444;    --c-info: #3B82F6;    /* Cores de Cards */    --c-card-bg: #FFFFFF;    --c-card-border: rgba(255, 106, 0, 0.08);    --c-card-border-hover: rgba(255, 106, 0, 0.15);    --c-card-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);    --c-card-shadow-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);    /* Espaçamentos e Raios (Sistema 8pt) */    --r-4: 4px; --r-8: 8px; --r-12: 12px; --r-16: 16px; --r-20: 20px; --r-24: 24px; --r-32: 32px;    --s-4: 4px; --s-8: 8px; --s-12: 12px; --s-16: 16px; --s-20: 20px; --s-24: 24px; --s-32: 32px;    --s-40: 40px; --s-48: 48px; --s-56: 56px; --s-64: 64px; --s-72: 72px; --s-80: 80px; --s-96: 96px; --s-120: 120px;    /* Dimensões Cards */    --card-min-height: 280px;    --card-padding: var(--s-48) var(--s-32);    --card-padding-mobile: var(--s-32) var(--s-24);    /* Tipografia */    --font-family-primary: 'Rubik', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;    --font-family-heading: var(--font-family-primary);        /* Escala Tipográfica (Base 16px) */    --fs-xs: clamp(0.75rem, 0.7vw + 0.5rem, 0.875rem);    --fs-sm: clamp(0.875rem, 0.8vw + 0.6rem, 1rem);    --fs-base: clamp(1rem, 1vw + 0.7rem, 1.125rem);    --fs-lg: clamp(1.125rem, 1.2vw + 0.8rem, 1.25rem);    --fs-xl: clamp(1.25rem, 1.4vw + 0.9rem, 1.5rem);    --fs-2xl: clamp(1.5rem, 2vw + 1rem, 2rem);    --fs-3xl: clamp(1.875rem, 2.5vw + 1.2rem, 2.5rem);    --fs-4xl: clamp(2.25rem, 3vw + 1.4rem, 3rem);    --fs-5xl: clamp(2.5rem, 4vw + 1.6rem, 3.5rem);    --fs-6xl: clamp(3rem, 5vw + 1.8rem, 4rem);        /* Pesos e Alturas */    --fw-light: 300; --fw-normal: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --fw-extrabold: 800; --fw-black: 900;    --lh-tight: 1.1; --lh-snug: 1.2; --lh-normal: 1.5; --lh-relaxed: 1.6; --lh-loose: 1.8;    --ls-tight: -0.025em; --ls-normal: 0; --ls-wide: 0.025em; --ls-wider: 0.05em;        /* Breakpoints */    --bp-sm: 640px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1280px; --bp-2xl: 1536px;}html {    font-family: Inter, system-ui, sans-serif;    color: var(--c-text);}.u-container {    max-width: 1200px;    margin: 0 auto;    padding: 0 var(--s-24);}section {    padding-block: var(--s-72);}/* Sistema de Tipografia - Hierarquia Melhorada */h1, .h1 {    font-family: var(--font-family-heading);    font-size: var(--fs-5xl);    line-height: var(--lh-tight);    color: var(--c-title-purple);    font-weight: var(--fw-extrabold);    letter-spacing: var(--ls-tight);    margin: 0 0 var(--s-24) 0;}h2, .h2 {    font-family: var(--font-family-heading);    font-size: var(--fs-4xl);    line-height: var(--lh-snug);    color: var(--c-title-purple);    font-weight: var(--fw-bold);    letter-spacing: var(--ls-tight);    margin: 0 0 var(--s-20) 0;}h3, .h3 {    font-family: var(--font-family-heading);    font-size: var(--fs-3xl);    line-height: var(--lh-snug);    color: var(--c-title-purple);    font-weight: var(--fw-semibold);    letter-spacing: var(--ls-normal);    margin: 0 0 var(--s-16) 0;}h4, .h4 {    font-family: var(--font-family-heading);    font-size: var(--fs-2xl);    line-height: var(--lh-snug);    color: var(--c-text);    font-weight: var(--fw-semibold);    letter-spacing: var(--ls-normal);    margin: 0 0 var(--s-12) 0;}h5, .h5 {    font-family: var(--font-family-heading);    font-size: var(--fs-xl);    line-height: var(--lh-normal);    color: var(--c-text);    font-weight: var(--fw-medium);    letter-spacing: var(--ls-normal);    margin: 0 0 var(--s-8) 0;}h6, .h6 {    font-family: var(--font-family-heading);    font-size: var(--fs-lg);    line-height: var(--lh-normal);    color: var(--c-text-secondary);    font-weight: var(--fw-medium);    letter-spacing: var(--ls-normal);    margin: 0 0 var(--s-8) 0;}p, .p {    font-size: var(--fs-base);    line-height: var(--lh-relaxed);    color: var(--c-text);    margin: 0 0 var(--s-16) 0;    font-weight: var(--fw-normal);}/* Texto pequeno */small, .small {    font-size: var(--fs-sm);    line-height: var(--lh-normal);    color: var(--c-muted);    font-weight: var(--fw-normal);}/* Texto de destaque */.lead {    font-size: var(--fs-lg);    line-height: var(--lh-relaxed);    color: var(--c-text-secondary);    font-weight: var(--fw-normal);    margin: 0 0 var(--s-20) 0;}/* Utilitários */.u-container {    max-width: 1400px;    margin: 0 auto;    padding: 0 var(--s-24);}.u-grid {    display: grid;    gap: var(--s-24);}.u-2col {    grid-template-columns: 1fr 1fr;}@media (max-width: 900px) {    .u-2col {        grid-template-columns: 1fr;    }}.u-grid {    display: grid;    gap: 24px;}.u-hidden-md {    display: none;}.u-center {    display: flex;    align-items: center;    justify-content: center;}/* Acessibilidade - Estados de foco */:focus-visible {    outline: 2px solid var(--c-primary);    outline-offset: 3px;}/* Imagens responsivas */img {    max-width: 100%;    height: auto;}/* Sombra suave para mobile */.shadow-sm {    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);}/* B2B2C Section */.b2b2c {    padding-block: var(--s-72);    background: var(--c-bg);    position: relative;    overflow: hidden;}.b2b2c::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: transparent;    opacity: 0;    z-index: 1;}.b2b2c .u-container {    position: relative;    z-index: 2;}.b2b2c__header {    text-align: center;    margin-bottom: var(--s-48);}.b2b2c__title {    font-size: clamp(2.5rem, 5vw, 3.5rem);    line-height: 1.1;    color: var(--c-title-purple);    margin-bottom: var(--s-24);    font-weight: 800;    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.b2b2c__subtitle {    font-size: var(--fs-16);    line-height: 1.6;    color: var(--c-muted);    max-width: 600px;    margin: 0 auto;}.b2b2c__benefits-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: clamp(20px, 3vw, 36px);    margin-bottom: var(--s-48);    max-width: 1400px;    align-items: start;    margin-left: auto;    margin-right: auto;    padding: 0 clamp(16px, 2vw, 24px);}/* ========================================   SISTEMA DE CARDS MELHORADO   ======================================== */.b2b2c__benefit-card {    background: var(--c-card-bg);    padding: var(--s-32);    border-radius: var(--r-20);    box-shadow: var(--c-card-shadow);    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    border: 1px solid var(--c-card-border);    position: relative;    overflow: hidden;    display: flex;    flex-direction: column;    align-items: center;    text-align: center;    justify-content: flex-start;    min-height: 320px;    height: auto;    container-type: inline-size;        /* Melhorias de acessibilidade */    cursor: pointer;    outline: none;}.b2b2c__benefit-card:focus-visible {    outline: 3px solid var(--c-primary);    outline-offset: 2px;    border-color: var(--c-primary);}.b2b2c__benefit-card:focus-visible::before {    transform: scaleX(1);}.b2b2c__benefit-card::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 4px;    background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-accent) 100%);    transform: scaleX(0);    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);    transform-origin: left;}.b2b2c__benefit-card::after {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient(135deg, rgba(255, 106, 0, 0.02) 0%, rgba(60, 12, 115, 0.02) 100%);    opacity: 0;    transition: opacity 0.3s ease;    pointer-events: none;}/* Estados de hover melhorados */@media (hover: hover) {    .b2b2c__benefit-card:hover {        transform: translateY(-8px);        box-shadow: var(--c-card-shadow-hover);        border-color: var(--c-card-border-hover);    }        .b2b2c__benefit-card:hover::before {        transform: scaleX(1);    }        .b2b2c__benefit-card:hover::after {        opacity: 1;    }}/* Estados ativos para touch */.b2b2c__benefit-card:active {    transform: translateY(-2px);    transition: transform 0.1s ease;}/* Melhorar acessibilidade para usuários que não usam mouse */@media (prefers-reduced-motion: no-preference) {    .b2b2c__benefit-card {        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    }}.b2b2c__benefit-title {    font-size: clamp(16px, 2.5vw, 20px);    font-weight: 700;    color: var(--c-title-purple);    margin-bottom: clamp(16px, 2vw, 20px);    line-height: 1.4;    text-align: center;    flex-shrink: 0;}.b2b2c__benefit-description {    font-size: clamp(14px, 1.8vw, 16px);    color: var(--c-muted);    line-height: 1.6;    margin: 0;    text-align: center;    flex-grow: 1;    display: flex;    align-items: flex-start;    justify-content: center;}.b2b2c__cta-section {    text-align: center;    margin-bottom: var(--s-48);}.b2b2c__cta-row {    display: flex;    gap: var(--s-16);    justify-content: center;    margin-bottom: var(--s-24);    flex-wrap: wrap;}.b2b2c__cta-primary {    background: var(--c-primary);    color: white;    padding: 16px 32px;    border-radius: 50px;    text-decoration: none;    font-weight: 600;    font-size: var(--fs-16);    transition: all 0.3s ease;    box-shadow: 0 4px 16px rgba(255, 106, 0, 0.3);    border: 2px solid transparent;}.b2b2c__cta-primary:hover {    background: white;    color: var(--c-primary);    border-color: var(--c-primary);    transform: translateY(-2px);    box-shadow: 0 8px 24px rgba(255, 106, 0, 0.4);    text-decoration: none;}.b2b2c__cta-secondary {    background: white;    color: var(--c-primary);    padding: 14px 30px;    border-radius: 50px;    text-decoration: none;    font-weight: 600;    font-size: var(--fs-16);    transition: all 0.3s ease;    border: 2px solid var(--c-primary);}.b2b2c__cta-secondary:hover {    background: var(--c-primary);    color: white;    transform: translateY(-2px);    text-decoration: none;    box-shadow: 0 8px 24px rgba(255, 106, 0, 0.3);}.b2b2c__trust-note {    font-size: 14px;    color: var(--c-muted);    font-style: italic;    margin: 0;}.b2b2c__social-proof {    text-align: center;    background: white;    padding: var(--s-32);    border-radius: var(--r-12);    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);    border: 1px solid rgba(255, 106, 0, 0.1);}.b2b2c__social-proof-title {    font-size: var(--fs-18);    font-weight: 600;    color: var(--c-title-purple);    margin-bottom: var(--s-24);}.b2b2c__companies-carousel {    overflow: hidden;    position: relative;    width: 100%;    margin: 0 auto;}.b2b2c__companies-track {    display: flex;    gap: var(--s-24);    animation: scroll 30s linear infinite;    width: max-content;    flex-shrink: 0;}.b2b2c__companies-carousel:hover .b2b2c__companies-track {    animation-play-state: paused;}@keyframes scroll {    0% {        transform: translateX(0);    }    100% {        transform: translateX(-50%);    }}.b2b2c__companies-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));    gap: var(--s-16);    align-items: center;}.b2b2c__company-logo {    background: var(--c-surface);    padding: var(--s-16);    border-radius: var(--r-8);    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);    border: 1px solid rgba(255, 106, 0, 0.1);    filter: grayscale(100%);    opacity: 0.8;}.b2b2c__company-logo:hover {    filter: grayscale(0%);    opacity: 1;    transform: translateY(-2px);    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);    border-color: rgba(255, 106, 0, 0.3);}.b2b2c__company-logo img {    max-width: 100%;    max-height: 40px;    object-fit: contain;}/* Responsive Design - Melhorado para cards quadrados */@media (max-width: 1400px) {    .b2b2c__benefits-grid {        max-width: 1200px;        gap: clamp(20px, 2.5vw, 28px);    }}@media (max-width: 1200px) {    .b2b2c__benefits-grid {        grid-template-columns: repeat(2, 1fr);        gap: clamp(20px, 3vw, 24px);        max-width: 800px;    }        .b2b2c__benefit-card {        padding: clamp(24px, 3vw, 28px);        min-height: 280px;    }}@media (max-width: 900px) {    .b2b2c__benefits-grid {        grid-template-columns: repeat(2, 1fr);        gap: clamp(16px, 2.5vw, 20px);        max-width: 100%;        padding: 0 clamp(12px, 2vw, 20px);    }        .b2b2c__benefit-card {        padding: clamp(20px, 2.5vw, 24px);    }        .b2b2c__benefit-title {        font-size: clamp(15px, 2.2vw, 18px);    }        .b2b2c__benefit-description {        font-size: clamp(13px, 1.6vw, 15px);    }}@media (max-width: 768px) {    .b2b2c {        padding-block: 48px; /* Reduzido para mobile */        padding-inline: 16px; /* Adicionado padding lateral */    }        .b2b2c__header {        margin-bottom: 32px; /* Reduzido para mobile */    }        .b2b2c__title {        font-size: clamp(1.75rem, 6vw, 2.25rem);        margin-bottom: 20px;        line-height: 1.2;    }        .b2b2c__subtitle {        font-size: clamp(0.95rem, 3vw, 1.1rem);        line-height: 1.5;    }        .b2b2c__benefits-grid {        grid-template-columns: 1fr;        gap: 20px; /* Aumentado para melhor espaçamento */        max-width: 100%;        padding: 0;        margin-bottom: 40px;    }        .b2b2c__benefit-card {        min-height: 240px; /* Altura mínima para consistência */        padding: 24px 20px; /* Otimizado para mobile */        border-radius: 16px; /* Reduzido para mobile */        justify-content: flex-start;    }        .b2b2c__benefit-title {        font-size: clamp(1.1rem, 4vw, 1.3rem);        margin-bottom: 16px;        line-height: 1.3;        text-align: center;    }        .b2b2c__benefit-description {        font-size: clamp(0.9rem, 3vw, 1rem);        line-height: 1.5;        text-align: center;    }        .b2b2c__cta-section {        margin-bottom: 40px;    }        .b2b2c__cta-row {        flex-direction: column;        align-items: center;        gap: 16px;    }        .b2b2c__cta-primary,    .b2b2c__cta-secondary {        width: 100%;        max-width: 280px;        padding: 16px 24px;        font-size: clamp(0.95rem, 3vw, 1.1rem);        text-align: center;    }        .b2b2c__trust-note {        font-size: clamp(0.8rem, 2.5vw, 0.9rem);        margin-top: 16px;    }        .b2b2c__companies-track {        gap: 16px;    }        .b2b2c__company-logo {        padding: 12px;        min-width: 100px;        border-radius: 8px;    }}@media (max-width: 600px) {    .b2b2c__benefits-grid {        max-width: 100%;        padding: 0 clamp(12px, 2vw, 16px);    }        .b2b2c__benefit-card {        padding: clamp(20px, 3vw, 24px);        min-height: 260px;    }        .b2b2c__benefit-title {        font-size: clamp(15px, 2.5vw, 17px);    }        .b2b2c__benefit-description {        font-size: clamp(13px, 1.8vw, 15px);    }}@media (max-width: 480px) {    .b2b2c__benefits-grid {        gap: clamp(12px, 2vw, 16px);        padding: 0 clamp(8px, 1.5vw, 12px);    }        .b2b2c__benefit-card {        padding: clamp(16px, 2.5vw, 20px);        min-height: 240px;    }        .b2b2c__companies-grid {        grid-template-columns: 1fr;    }        .b2b2c__title {        font-size: clamp(20px, 4vw, 24px);    }        .b2b2c__subtitle {        font-size: clamp(13px, 2vw, 14px);    }        .b2b2c__benefit-title {        font-size: clamp(14px, 2.2vw, 16px);    }        .b2b2c__benefit-description {        font-size: clamp(12px, 1.6vw, 14px);    }        .b2b2c__cta-primary,    .b2b2c__cta-secondary {        max-width: 280px;        padding: clamp(12px, 2vw, 14px) clamp(20px, 3vw, 24px);        font-size: clamp(14px, 2vw, 16px);    }}@media (max-width: 360px) {    .b2b2c__benefits-grid {        padding: 0 8px;    }        .b2b2c__benefit-card {        padding: clamp(14px, 2vw, 18px);    }        .b2b2c__benefit-title {        font-size: clamp(13px, 2vw, 15px);    }        .b2b2c__benefit-description {        font-size: clamp(11px, 1.5vw, 13px);    }}/* B2B2C stats section removed *//* B2B2C mobile styles removed - now uses vertical layout *//* Solutions Journey Section - OTIMIZADA */.solutions-journey {    padding-block: 120px; /* 8pt grid: 15 * 8px */    background: var(--c-bg);    position: relative;    overflow: hidden;}.solutions-journey::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background:         radial-gradient(circle at 20% 20%, rgba(255, 106, 0, 0.08) 0%, transparent 50%),        radial-gradient(circle at 80% 80%, rgba(60, 12, 115, 0.06) 0%, transparent 50%),        linear-gradient(135deg, rgba(255, 106, 0, 0.03) 0%, rgba(60, 12, 115, 0.02) 100%);    z-index: 1;}.solutions-journey .u-container {    position: relative;    z-index: 2;}.solutions-journey__header {    text-align: center;    margin-bottom: 80px; /* 8pt grid: 10 * 8px */    position: relative;}.solutions-journey__badge {    display: inline-block;    background: linear-gradient(135deg, var(--c-primary) 0%, #FF8C42 50%, var(--c-accent) 100%);    color: white;    padding: 12px 28px;    border-radius: 60px;    font-size: var(--fs-14);    font-weight: 700;    text-transform: uppercase;    letter-spacing: 1px;    margin-bottom: var(--s-24);    box-shadow:         0 8px 32px rgba(255, 106, 0, 0.25),        0 4px 16px rgba(255, 106, 0, 0.15),        inset 0 1px 0 rgba(255, 255, 255, 0.2);    position: relative;    overflow: hidden;}.solutions-journey__badge::before {    content: '';    position: absolute;    top: 0;    left: -100%;    width: 100%;    height: 100%;    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);    transition: left 0.6s ease;}.solutions-journey__badge:hover::before {    left: 100%;}.solutions-journey__title {    font-size: clamp(2.5rem, 5vw, 3.5rem);    line-height: 1.1;    color: var(--c-title-purple);    margin-bottom: var(--s-24);    font-weight: 800;    text-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);}.solutions-journey__subtitle {    font-size: var(--fs-18);    color: var(--c-muted);    line-height: 1.7;    max-width: 700px;    margin: 0 auto;    font-weight: 500;}.solutions-journey__flow {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 24px; /* Reduzido para dar mais espaço aos cards */    position: relative;    max-width: 98%; /* Usa quase toda a largura disponível */    margin: 0 auto;    align-items: stretch;    padding: 0 16px; /* Reduzido para dar mais espaço aos cards */    width: 100%;}@media (min-width: 1200px) {    .solutions-journey__flow {        grid-template-columns: repeat(3, 1fr);        gap: 28px; /* Reduzido para dar mais espaço aos cards */        max-width: 98%; /* Usa quase toda a largura disponível */        padding: 0 20px; /* Reduzido para dar mais espaço aos cards */    }}@media (max-width: 1024px) {    .solutions-journey__flow {        grid-template-columns: repeat(2, 1fr);        gap: 20px; /* Aumentado para melhor espaçamento */        max-width: 100%; /* Usa toda a largura disponível */        padding: 0 16px; /* Aumentado para melhor espaçamento */    }        .solutions-journey__card {        min-height: 480px; /* Mantém altura mínima para cards maiores */        padding: 40px; /* Aumentado para melhor preenchimento */    }        .solutions-journey__header {        margin-bottom: 64px; /* 8pt grid: 8 * 8px */    }}@media (max-width: 768px) {    .solutions-journey {        padding-block: 80px; /* 8pt grid: 10 * 8px */    }        .solutions-journey__header {        margin-bottom: 48px; /* 8pt grid: 6 * 8px */    }        .solutions-journey__flow {        grid-template-columns: 1fr;        gap: 16px; /* Aumentado para melhor espaçamento */        padding: 0 12px; /* Aumentado para melhor espaçamento */        max-width: 100%; /* Usa toda a largura disponível */    }        .solutions-journey__card {        min-height: auto;        padding: 32px 24px; /* Ajustado para mobile com melhor proporção */        margin-top: 16px; /* 8pt grid: 2 * 8px */    }}@media (max-width: 480px) {    .solutions-journey {        padding-block: 60px; /* Aumentado para mobile pequeno */        padding-inline: 16px; /* Aumentado para mobile pequeno */    }        .solutions-journey__header {        margin-bottom: 40px; /* Aumentado para mobile pequeno */    }        .solutions-journey__flow {        gap: 24px; /* Aumentado para mobile pequeno */        max-width: 100%;        padding: 0;    }        .solutions-journey__card {        min-height: auto;        padding: 32px 24px; /* Aumentado para mobile pequeno */        border-radius: 18px; /* Aumentado para mobile pequeno */    }        /* Títulos otimizados para mobile pequeno */    .solutions-journey__card-title {        font-size: clamp(1rem, 5vw, 1.25rem); /* Padronizado com resto do site */        margin-bottom: 14px;        line-height: 1.3;    }        .solutions-journey__card-legend {        font-size: clamp(0.85rem, 4vw, 0.95rem);        margin-bottom: 14px;        line-height: 1.5;    }        .solutions-journey__card-subtitle {        font-size: clamp(0.85rem, 4vw, 0.95rem); /* Padronizado com resto do site */        margin-bottom: 14px;        line-height: 1.5;    }        /* Lista de benefícios otimizada para mobile pequeno */    .solutions-journey__benefits li {        font-size: clamp(0.8rem, 4vw, 0.9rem); /* Padronizado com resto do site */        padding: 14px 16px; /* Reduzido para melhor proporção */        margin-bottom: 10px;        line-height: 1.5;    }        /* Botões otimizados para mobile pequeno */    .solutions-journey__cta {        padding: 18px 28px; /* Aumentado para melhor touch target */        font-size: clamp(0.95rem, 4.5vw, 1.05rem); /* Aumentado */        min-height: 52px; /* Touch target adequado */    }}/* Conectores visuais entre cards *//* Conectores visuais removidos para design mais limpo */.solutions-journey__block {    display: flex;    flex-direction: column;    align-items: center;    position: relative;    height: 100%;    z-index: 2;}/* Números de progresso removidos para design mais limpo *//* Cards redesenhados com hierarquia visual clara */.solutions-journey__card {    background: white;    border-radius: 20px;    box-shadow:         0 6px 24px rgba(0, 0, 0, 0.1),        0 3px 12px rgba(0, 0, 0, 0.06);    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);    position: relative;    overflow: hidden;    display: flex;    flex-direction: column;    height: 100%;    min-height: 350px; /* Reduzido ainda mais */    padding: 24px 20px; /* Reduzido significativamente */    margin-top: 20px;    border: 2px solid transparent;}/* Card 1 - EBAC Start (Ponto de Entrada) - DESTAQUE MÁXIMO */.solutions-journey__card--primary {    border: 3px solid #4CAF50;    box-shadow:         0 12px 40px rgba(76, 175, 80, 0.15),        0 6px 20px rgba(76, 175, 80, 0.1),        0 3px 8px rgba(76, 175, 80, 0.05);    background: linear-gradient(135deg,         rgba(76, 175, 80, 0.05) 0%,         rgba(255, 255, 255, 0.95) 50%,        rgba(76, 175, 80, 0.02) 100%);    z-index: 3;}.solutions-journey__card--primary::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 6px;    background: linear-gradient(90deg, #4CAF50 0%, #66BB6A 50%, #4CAF50 100%);    box-shadow: 0 2px 8px rgba(76, 175, 80, 0.3);}/* Label RECOMENDADO removido para design mais limpo *//* Cards 2 e 3 - EBAC Insight e Digital - DESTAQUE MÉDIO */.solutions-journey__card--secondary {    border: 2px solid var(--c-primary);    box-shadow:         0 12px 40px rgba(255, 106, 0, 0.12),        0 6px 20px rgba(255, 106, 0, 0.08);    background: linear-gradient(135deg,         rgba(255, 106, 0, 0.03) 0%,         rgba(255, 255, 255, 0.98) 50%,        rgba(255, 106, 0, 0.01) 100%);    z-index: 2;}.solutions-journey__card--secondary::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 4px;    background: linear-gradient(90deg, var(--c-primary) 0%, #FF8C42 100%);    box-shadow: 0 2px 6px rgba(255, 106, 0, 0.2);}/* Card 4 - EBAC Impact - DESTAQUE PREMIUM */.solutions-journey__card--impact {    border: 3px solid var(--c-accent);    box-shadow:         0 20px 60px rgba(60, 12, 115, 0.15),        0 8px 32px rgba(60, 12, 115, 0.1),        0 4px 16px rgba(60, 12, 115, 0.05);    background: linear-gradient(135deg,         rgba(60, 12, 115, 0.04) 0%,         rgba(255, 255, 255, 0.96) 50%,        rgba(60, 12, 115, 0.02) 100%);    z-index: 3;}.solutions-journey__card--impact::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 6px;    background: linear-gradient(90deg, var(--c-accent) 0%, #6A1B9A 50%, var(--c-accent) 100%);    box-shadow: 0 2px 8px rgba(60, 12, 115, 0.3);}/* Label PREMIUM removido para design mais limpo *//* Estados de hover otimizados */.solutions-journey__card:hover {    transform: translateY(-8px) scale(1.02);    box-shadow:         0 20px 60px rgba(0, 0, 0, 0.15),        0 8px 32px rgba(0, 0, 0, 0.12);    border-color: rgba(0, 0, 0, 0.1);}.solutions-journey__card--primary:hover {    transform: translateY(-6px);    box-shadow:         0 16px 48px rgba(76, 175, 80, 0.2),        0 8px 24px rgba(76, 175, 80, 0.15),        0 4px 12px rgba(76, 175, 80, 0.1);}.solutions-journey__card--secondary:hover {    transform: translateY(-4px);    box-shadow:         0 12px 32px rgba(255, 106, 0, 0.15),        0 6px 16px rgba(255, 106, 0, 0.1),        0 3px 8px rgba(255, 106, 0, 0.05);}.solutions-journey__card--impact:hover {    transform: translateY(-6px);    box-shadow:         0 16px 48px rgba(60, 12, 115, 0.18),        0 8px 24px rgba(60, 12, 115, 0.12),        0 4px 12px rgba(60, 12, 115, 0.06);}/* Header dos cards otimizado */.solutions-journey__card-header {    display: flex;    align-items: flex-start;    justify-content: space-between;    margin-bottom: 12px; /* Reduzido significativamente */    flex-shrink: 0;    position: relative;}/* Ícones redesenhados com melhor contraste *//* Ícones removidos para design mais limpo *//* Badges otimizados *//* Badges removidos para design mais limpo *//* Títulos otimizados */.solutions-journey__card-title {    font-size: clamp(1.1rem, 2.2vw, 1.3rem); /* Reduzido ainda mais */    font-weight: 700;    color: var(--c-title-purple);    margin-bottom: 12px; /* Reduzido */    line-height: 1.2;    flex-shrink: 0;}.solutions-journey__card--primary .solutions-journey__card-title {    background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;}.solutions-journey__card--impact .solutions-journey__card-title {    background: linear-gradient(135deg, var(--c-accent) 0%, #6A1B9A 100%);    -webkit-background-clip: text;    -webkit-text-fill-color: transparent;    background-clip: text;}.solutions-journey__card-legend {    font-size: clamp(0.8rem, 1.6vw, 0.9rem);    color: var(--c-muted);    margin-bottom: 12px;    line-height: 1.4;    font-weight: 500;    flex-shrink: 0;}.solutions-journey__card-subtitle {    font-size: clamp(0.8rem, 1.6vw, 0.9rem); /* Reduzido ainda mais */    color: var(--c-muted);    margin-bottom: 12px; /* Reduzido */    line-height: 1.4;    font-weight: 500;    flex-shrink: 0;}.solutions-journey__card-description {    flex-grow: 1;    margin-bottom: 16px; /* Reduzido */    display: flex;    flex-direction: column;    justify-content: flex-start; /* Alinha no topo para economizar espaço */}/* Lista de benefícios otimizada */.solutions-journey__benefits {    list-style: none;    padding: 0;    margin: 0;    display: flex;    flex-direction: column;    gap: var(--s-12);    flex-grow: 1; /* CRÍTICO: Permite que a lista ocupe espaço disponível */    justify-content: flex-start; /* CRÍTICO: Alinha itens no topo */}.solutions-journey__benefits li {    font-size: clamp(0.8rem, 1.4vw, 0.9rem); /* Reduzido ainda mais */    color: var(--c-text);    line-height: 1.4;    padding: 12px 16px; /* Reduzido significativamente */    position: relative;    background: var(--c-highlight-bg);    border-radius: 12px;    border: 1px solid rgba(0, 0, 0, 0.1);    transition: all 0.3s ease;    font-weight: 500;    margin-bottom: 8px; /* Reduzido para economizar espaço */}.solutions-journey__benefits li:hover {    background: #E8E8E8;    border-color: rgba(0, 0, 0, 0.2);    transform: translateX(4px);}/* Ícones de check removidos para dar mais espaço ao texto */.solutions-journey__benefits li:last-child {    margin-bottom: 0;}/* CTAs redesenhados com melhor hierarquia */.solutions-journey__cta {    display: inline-block;    padding: 24px 40px; /* Aumentado drasticamente */    border-radius: 50px;    text-decoration: none;    font-weight: 700;    font-size: clamp(1.125rem, 1.8vw, 1.25rem); /* Aumentado drasticamente */    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);    text-align: center;    width: 100%;    max-width: 320px; /* Aumentado para melhor proporção */    box-sizing: border-box;    min-height: 60px; /* Touch target adequado */    display: flex;    align-items: center;    justify-content: center;    margin: 0 auto; /* Centraliza o botão horizontalmente */    margin-top: auto; /* CRÍTICO: Empurra o botão para o final do card */    position: relative;    overflow: hidden;    text-transform: uppercase;    letter-spacing: 0.5px;    border: 2px solid transparent;    flex-shrink: 0; /* CRÍTICO: Impede que o botão seja comprimido */    align-self: center; /* CRÍTICO: Centraliza o botão no card */}.solutions-journey__cta::before {    content: '';    position: absolute;    top: 0;    left: -100%;    width: 100%;    height: 100%;    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);    transition: left 0.6s ease;}.solutions-journey__cta:hover::before {    left: 100%;}/* CTA Primary - EBAC Start */.solutions-journey__cta--primary {    background: linear-gradient(135deg, #4CAF50 0%, #66BB6A 100%);    color: white;    box-shadow:         0 8px 32px rgba(76, 175, 80, 0.3),        0 4px 16px rgba(76, 175, 80, 0.2);    border-color: #4CAF50;    cursor: pointer;    user-select: none;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;}.solutions-journey__cta--primary:hover,.solutions-journey__cta--primary:focus-visible {    background: linear-gradient(135deg, #45A049 0%, #5CB85C 100%);    transform: translateY(-4px) scale(1.02);    box-shadow:         0 12px 48px rgba(76, 175, 80, 0.4),        0 8px 24px rgba(76, 175, 80, 0.3);    color: white;    text-decoration: none;    outline: 2px solid #4CAF50;    outline-offset: 2px;}/* CTA Secondary - EBAC Insight e Digital */.solutions-journey__cta--secondary {    background: linear-gradient(135deg, var(--c-primary) 0%, #FF8C42 100%);    color: white;    box-shadow:         0 8px 32px rgba(255, 106, 0, 0.3),        0 4px 16px rgba(255, 106, 0, 0.2);    border-color: var(--c-primary);    cursor: pointer;    user-select: none;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;}.solutions-journey__cta--secondary:hover,.solutions-journey__cta--secondary:focus-visible {    background: linear-gradient(135deg, #E85F00 0%, #FF6A00 100%);    transform: translateY(-4px) scale(1.02);    box-shadow:         0 12px 48px rgba(255, 106, 0, 0.4),        0 8px 24px rgba(255, 106, 0, 0.3);    color: white;    text-decoration: none;    outline: 2px solid var(--c-primary);    outline-offset: 2px;}/* CTA Impact - EBAC Impact */.solutions-journey__cta--impact {    background: linear-gradient(135deg, var(--c-accent) 0%, #6A1B9A 100%);    color: white;    box-shadow:         0 8px 32px rgba(60, 12, 115, 0.3),        0 4px 16px rgba(60, 12, 115, 0.2);    border-color: var(--c-accent);    cursor: pointer;    user-select: none;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;}.solutions-journey__cta--impact:hover,.solutions-journey__cta--impact:focus-visible {    background: linear-gradient(135deg, #4A0E4A 0%, #5E1A5E 100%);    transform: translateY(-4px) scale(1.02);    box-shadow:         0 12px 48px rgba(60, 12, 115, 0.4),        0 8px 24px rgba(60, 12, 115, 0.3);    color: white;    text-decoration: none;    outline: 2px solid var(--c-accent);    outline-offset: 2px;}.solutions-journey__cards-group {    display: flex;    flex-direction: column;    gap: var(--s-16);}.solutions-journey__arrow {    color: var(--c-primary);    font-size: 24px;    display: flex;    align-items: center;    justify-content: center;    margin: 0 var(--s-16);    z-index: 2;    position: relative;}.solutions-journey__arrow svg {    width: 24px;    height: 24px;    filter: drop-shadow(0 2px 4px rgba(255, 106, 0, 0.3));}/* Responsive Design Otimizado */@media (max-width: 1200px) {    .solutions-journey__flow {        grid-template-columns: repeat(2, 1fr);        gap: 20px; /* Aumentado para melhor espaçamento */        align-items: start;        padding: 0 20px; /* Aumentado para melhor espaçamento */    }        .solutions-journey__flow::before {        display: none; /* Remove conector em telas menores */    }        .solutions-journey__card {        min-height: 480px;    }        .solutions-journey__card--primary,    .solutions-journey__card--impact {        transform: scale(1.02); /* Reduz escala em telas menores */    }}@media (max-width: 768px) {    .solutions-journey {        padding-block: 80px; /* Aumentado para mobile */        padding-inline: 20px; /* Aumentado para mobile */    }        .solutions-journey__header {        margin-bottom: 48px; /* Aumentado para mobile */        text-align: center;    }        .solutions-journey__flow {        grid-template-columns: 1fr;        gap: 32px; /* Aumentado drasticamente para mobile */        align-items: stretch;        padding: 0;        max-width: 100%;    }        .solutions-journey__card {        min-height: auto;        height: auto;        padding: 20px 16px; /* Reduzido significativamente para mobile */        border-radius: 16px;        margin-top: 0;    }        .solutions-journey__card--primary,    .solutions-journey__card--impact {        transform: none;    }        /* Títulos otimizados para mobile */    .solutions-journey__card-title {        font-size: clamp(1.125rem, 4vw, 1.375rem); /* Padronizado com resto do site */        margin-bottom: 16px;        line-height: 1.3;    }        .solutions-journey__card-legend {        font-size: clamp(0.75rem, 2.8vw, 0.85rem);        margin-bottom: 12px;        line-height: 1.3;    }        .solutions-journey__card-subtitle {        font-size: clamp(0.9rem, 3vw, 1rem); /* Padronizado com resto do site */        margin-bottom: 16px;        line-height: 1.5;    }        /* Lista de benefícios otimizada para mobile */    .solutions-journey__benefits li {        font-size: clamp(0.8rem, 2.8vw, 0.9rem); /* Reduzido ainda mais */        padding: 10px 14px; /* Reduzido significativamente */        margin-bottom: 8px;        line-height: 1.4;    }        /* Botões otimizados para mobile */    .solutions-journey__cta {        padding: 20px 32px; /* Aumentado para melhor touch target */        font-size: clamp(1rem, 4vw, 1.125rem); /* Aumentado */        width: 100%;        max-width: none;        margin-top: 24px;        min-height: 56px; /* Touch target adequado */    }}                .solutions-journey__title {        font-size: clamp(2rem, 6vw, 2.5rem);    }        .solutions-journey__subtitle {        font-size: var(--fs-16);    }        .solutions-journey__benefits li {        padding: 12px 16px; /* Padding uniforme sem espaço para ícone */        font-size: var(--fs-15);    }        .solutions-journey__cta {        padding: 14px 28px;        font-size: var(--fs-15);        width: 100%;        max-width: 260px;        margin: 0 auto;        margin-top: auto;    }}@media (max-width: 480px) {    .solutions-journey {        padding-block: var(--s-48);    }        .solutions-journey__card {        height: 450px; /* ALTURA FIXA EM MOBILE PEQUENO - Mantém consistência */        padding: 20px 16px; /* PADDING OTIMIZADO PARA MOBILE PEQUENO */        border-radius: 16px;    }            .solutions-journey__title {        font-size: clamp(1.75rem, 8vw, 2rem);    }        .solutions-journey__subtitle {        font-size: var(--fs-14);    }        .solutions-journey__benefits li {        padding: 10px 14px; /* Padding uniforme sem espaço para ícone */        font-size: var(--fs-14);    }        .solutions-journey__cta {        padding: 12px 24px;        font-size: var(--fs-14);        width: 100%;        max-width: 240px;        margin: 0 auto;        margin-top: auto;    }}/* Company Logos Section Updates */.company-logos__grid {    display: grid;    grid-template-columns: repeat(5, 1fr);    gap: var(--s-24);    align-items: center;    margin-bottom: var(--s-48);}.company-logos__item {    background: white;    padding: var(--s-16);    border-radius: var(--r-8);    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);    height: 80px;    border: 1px solid rgba(255, 106, 0, 0.1);    filter: grayscale(100%);    opacity: 0.8;}.company-logos__item:hover {    filter: grayscale(0%);    opacity: 1;    transform: translateY(-2px);    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);    border-color: rgba(255, 106, 0, 0.3);}.company-logos__item img {    max-width: 100%;    max-height: 40px;    object-fit: contain;}/* Responsive Grid Updates */@media (max-width: 1024px) {    .hero .u-2col {        grid-template-columns: 1.2fr 0.8fr;    }        .company-logos__grid {        grid-template-columns: repeat(3, 1fr);    }}@media (max-width: 768px) {    .hero .u-2col {        grid-template-columns: 1fr;    }        .hero__media {        display: none;    }        .company-logos__grid {        grid-template-columns: repeat(2, 1fr);    }        .services__grid {        grid-template-columns: 1fr;    }    }@media (max-width: 480px) {    .company-logos__grid {        grid-template-columns: 1fr;    }}/* Contact Modal */.contact-modal {    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    z-index: 9999;    display: none;    align-items: center;    justify-content: center;    padding: var(--s-24);    opacity: 0;    visibility: hidden;    transition: all 0.3s ease;}.contact-modal.active {    display: flex;    opacity: 1;    visibility: visible;}.contact-modal__overlay {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(0, 0, 0, 0.7);    backdrop-filter: blur(4px);    -webkit-backdrop-filter: blur(4px);}.contact-modal__content {    position: relative;    background: white;    border-radius: var(--r-16);    padding: var(--s-24); /* Reduzido padding para dar mais espaço ao iframe */    max-width: 700px; /* Aumentado para acomodar o form do Google */    width: 100%;    max-height: 90vh;    overflow-y: auto;    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);    animation: modalSlideIn 0.3s ease-out;}@keyframes modalSlideIn {    from {        opacity: 0;        transform: translateY(-20px) scale(0.95);    }    to {        opacity: 1;        transform: translateY(0) scale(1);    }}.contact-modal__close {    position: absolute;    top: var(--s-16);    right: var(--s-16);    background: white; /* Fundo branco para garantir visibilidade sobre o iframe se necessário */    border: none;    cursor: pointer;    padding: var(--s-8);    border-radius: 50%;    transition: all 0.3s ease;    color: var(--c-muted);    width: 40px;    height: 40px;    display: flex;    align-items: center;    justify-content: center;    z-index: 10; /* Garantir que fique sobre o iframe */    box-shadow: 0 2px 8px rgba(0,0,0,0.1);}.contact-modal__close:hover {    background: var(--c-surface);    color: var(--c-text);}.contact-modal__close svg {    width: 20px;    height: 20px;}/* Container para o iframe */.contact-modal__iframe-container {    width: 100%;    height: 100%;    overflow: hidden;    border-radius: var(--r-8);}/* Estilos de formulário antigos removidos *//* Modal Responsive */@media (max-width: 768px) {    .contact-modal {        padding: var(--s-16);    }        .contact-modal__content {        padding: var(--s-32);        max-height: 95vh;    }        .contact-modal__title {        font-size: var(--fs-20);    }        .contact-modal__subtitle {        font-size: var(--fs-14);    }}@media (max-width: 480px) {    .contact-modal__content {        padding: var(--s-24);    }        .contact-modal__close {        top: var(--s-16);        right: var(--s-16);        width: 36px;        height: 36px;    }        .contact-modal__close svg {        width: 18px;        height: 18px;    }}/* Site Footer */.site-footer {    background: var(--c-dark);    color: white;    padding: var(--s-48) 0 var(--s-24);    position: relative;}.site-footer::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient(135deg, var(--c-dark) 0%, #1A1A5C 100%);    z-index: 0;}.site-footer .u-container {    position: relative;    z-index: 1;}.site-footer__content {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: var(--s-32);    margin-bottom: var(--s-32);}.site-footer__column {    display: flex;    flex-direction: column;    gap: var(--s-16);}.site-footer__title {    font-size: var(--fs-16);    font-weight: 600;    text-transform: uppercase;    color: #FFFFFF;    margin-bottom: var(--s-16);    letter-spacing: 0.5px;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}.site-footer__link {    color: rgba(255, 255, 255, 0.9);    text-decoration: none;    font-size: var(--fs-16);    line-height: 1.6;    transition: all 0.3s ease;    padding: 4px 0;    border-radius: 4px;    position: relative;}.site-footer__link:hover,.site-footer__link:focus-visible {    color: var(--c-primary);    background: rgba(255, 106, 0, 0.1);    padding: 4px 8px;    margin: 0 -8px;    outline: none;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}/* Bullet adicional removido para hover mais limpo */.site-footer__logo {    height: 48px;    width: auto;    margin-bottom: var(--s-24);    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));    transition: all 0.3s ease;    position: relative;}.site-footer__logo:hover {    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));    transform: scale(1.05);}.site-footer__seals {    display: flex;    gap: var(--s-16);    margin-top: var(--s-16);    flex-wrap: wrap;}.site-footer__seal {    height: 112px;    width: auto;    opacity: 1;    transition: all 0.3s ease;    border-radius: 6px;    filter: brightness(1.1) contrast(1.1);    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);    background: rgba(255, 255, 255, 0.05);    padding: 4px;}.site-footer__seal:hover {    opacity: 1;    transform: scale(1.08);    filter: brightness(1.3) contrast(1.2);    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);    background: rgba(255, 255, 255, 0.1);}.site-footer__contacts {    display: flex;    gap: var(--s-32);    margin: var(--s-32) 0;    padding: var(--s-24) 0;    border-top: 1px solid rgba(255, 255, 255, 0.1);    border-bottom: 1px solid rgba(255, 255, 255, 0.1);    justify-content: center;    flex-wrap: wrap;}.site-footer__contact {    display: flex;    align-items: center;    gap: var(--s-16);    padding: var(--s-24) var(--s-24);    background: rgba(255, 255, 255, 0.08);    border-radius: var(--r-12);    transition: all 0.3s ease;    border: 1px solid rgba(255, 255, 255, 0.15);    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);    position: relative;    overflow: hidden;}.site-footer__contact::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 2px;    background: linear-gradient(90deg, var(--c-primary) 0%, #FF8C42 100%);    transform: scaleX(0);    transition: transform 0.3s ease;}.site-footer__contact:hover::before {    transform: scaleX(1);}.site-footer__contact:hover {    background: rgba(255, 255, 255, 0.12);    border-color: rgba(255, 106, 0, 0.4);    transform: translateY(-3px);    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);}.site-footer__contact-icon {    width: 26px;    height: 26px;    flex-shrink: 0;    transition: all 0.3s ease;    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));}.site-footer__contact-icon--whatsapp {    color: #25D366;    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) brightness(1.1);}.site-footer__contact-icon--phone {    color: var(--c-primary);    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) brightness(1.1);}.site-footer__contact-icon--email {    color: #FFFFFF;    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) brightness(1.2);}.site-footer__contact-icon--location {    color: #FFFFFF;    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) brightness(1.2);}.site-footer__contact:hover .site-footer__contact-icon--whatsapp {    color: #20BA5A;    transform: scale(1.1);}.site-footer__contact:hover .site-footer__contact-icon--phone {    color: #FF8C42;    transform: scale(1.1);}.site-footer__contact:hover .site-footer__contact-icon--email {    color: var(--c-primary);    transform: scale(1.1);}.site-footer__contact:hover .site-footer__contact-icon--location {    color: var(--c-primary);    transform: scale(1.1);}.site-footer__contact-info {    display: flex;    flex-direction: column;    gap: 2px;}.site-footer__contact-label {    font-size: var(--fs-14);    font-weight: 600;    color: rgba(255, 255, 255, 0.85);    text-transform: uppercase;    letter-spacing: 0.5px;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}.site-footer__contact-value {    font-size: var(--fs-16);    font-weight: 700;    color: #FFFFFF;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);    letter-spacing: 0.3px;}.site-footer__bottom {    display: flex;    justify-content: space-between;    align-items: center;    padding-top: var(--s-16);    border-top: 1px solid rgba(255, 255, 255, 0.1);}.site-footer__copyright {    font-size: var(--fs-14);    color: #FFFFFF;    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);    line-height: 1.6;    font-weight: 500;}.site-footer__copyright p {    margin: 2px 0;    color: #FFFFFF;    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);    font-weight: 500;}.site-footer__socials {    display: flex;    gap: var(--s-16);}.site-footer__social {    display: flex;    align-items: center;    justify-content: center;    width: 42px;    height: 42px;    background: rgba(255, 255, 255, 0.12);    border-radius: 10px;    color: white;    text-decoration: none;    transition: all 0.3s ease;    border: 1px solid rgba(255, 255, 255, 0.25);    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);    position: relative;    overflow: hidden;}.site-footer__social::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient(135deg, rgba(255, 106, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);    opacity: 0;    transition: opacity 0.3s ease;}.site-footer__social:hover::before {    opacity: 1;}.site-footer__social svg {    width: 22px;    height: 22px;    transition: all 0.3s ease;    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));    position: relative;    z-index: 1;}.site-footer__social:hover,.site-footer__social:focus-visible {    background: rgba(255, 106, 0, 0.25);    border-color: var(--c-primary);    transform: translateY(-3px);    outline: none;    box-shadow: 0 6px 20px rgba(255, 106, 0, 0.2);}.site-footer__social:hover svg,.site-footer__social:focus-visible svg {    color: var(--c-primary);    transform: scale(1.15);    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));}/* Brand-specific social colors on hover */.site-footer__social:nth-child(1):hover {    background: rgba(24, 119, 242, 0.2);    border-color: #1877F2;}.site-footer__social:nth-child(1):hover svg {    color: #1877F2;}.site-footer__social:nth-child(2):hover {    background: rgba(255, 0, 0, 0.2);    border-color: #FF0000;}.site-footer__social:nth-child(2):hover svg {    color: #FF0000;}.site-footer__social:nth-child(3):hover {    background: rgba(0, 119, 181, 0.2);    border-color: #0077B5;}.site-footer__social:nth-child(3):hover svg {    color: #0077B5;}/* Footer Responsive */@media (max-width: 1024px) {    .site-footer__content {        grid-template-columns: repeat(2, 1fr);    }        .site-footer__contacts {        flex-direction: column;        gap: var(--s-16);        align-items: center;    }        .site-footer__contact {        width: 100%;        max-width: 300px;        justify-content: flex-start;    }        .site-footer__bottom {        flex-direction: column;        gap: var(--s-16);        text-align: center;    }}@media (max-width: 768px) {    .site-footer {        padding: var(--s-32) 0 var(--s-16);    }        .site-footer__content {        grid-template-columns: 1fr;        gap: var(--s-24);    }        .site-footer__contacts {        flex-direction: column;        gap: var(--s-12);        align-items: center;    }        .site-footer__contact {        width: 100%;        max-width: 280px;        padding: var(--s-16) var(--s-16);    }        .site-footer__contact-icon {        width: 20px;        height: 20px;    }        .site-footer__contact-label {        font-size: var(--fs-14);    }        .site-footer__contact-value {        font-size: var(--fs-14);    }        .site-footer__socials {        gap: var(--s-8);    }        .site-footer__social {        width: 36px;        height: 36px;    }        .site-footer__social svg {        width: 18px;        height: 18px;        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) brightness(1.2);    }        .site-footer__bottom {        flex-direction: column;        gap: var(--s-16);        text-align: center;    }}/* Melhorar contraste para acessibilidade no footer */@media (prefers-contrast: high) {    .footer {        background: #000033;    }        .footer__link {        color: #FFFFFF;    }        .footer__title {        color: #FFFFFF;        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);    }        .footer__contact-label {        color: #FFFFFF;    }        .footer__copyright {        color: #FFFFFF;    }}/* Reduzir animações para usuários sensíveis */@media (prefers-reduced-motion: reduce) {    .footer__logo,    .footer__link,    .footer__seal,    .footer__contact,    .footer__social,    .solutions-journey__card,    .solutions-journey__cta,    .solutions-journey__benefits li {        transition: none;    }        .footer__logo:hover,    .footer__link:hover,    .footer__seal:hover,    .footer__contact:hover,    .footer__social:hover,    .solutions-journey__card:hover,    .solutions-journey__cta:hover,    .solutions-journey__benefits li:hover {        transform: none;    }        .solutions-journey__cta::before {        display: none;    }}/* Header - OTIMIZADO PARA MOBILE */.header {    position: fixed;    top: 0;    left: 0;    right: 0;    background: rgba(255, 255, 255, 0.95);    backdrop-filter: blur(20px);    -webkit-backdrop-filter: blur(20px);    box-shadow: 0 2px 12px rgba(0,0,0,.06);    z-index: 1000;    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    will-change: transform, box-shadow, background;    width: 100%;}/* Add padding to body to compensate for fixed header */body {    padding-top: 72px;}.header__content {    display: flex;    align-items: center;    justify-content: space-between;    padding: 0;    height: 72px;    position: relative;}.header__logo {    display: flex;    align-items: center;    gap: var(--spacing-md);    flex-shrink: 0;}.header__logo-img {    height: 40px;    width: auto;    max-width: 180px;    object-fit: contain;}.header__logo-text {    display: flex;    flex-direction: column;    justify-content: center;}.header__logo-brand {    font-size: 0.65rem;    color: var(--c-text-light);    font-weight: 400;    line-height: 1.1;    max-width: 160px;    letter-spacing: 0.2px;}.header__nav {    display: flex;    gap: 24px;    align-items: center;    position: absolute;    left: 50%;    transform: translateX(-50%);    z-index: 10;}.header__nav-link {    text-decoration: none;    color: var(--c-text);    font-weight: 500;    font-size: 0.95rem;    transition: all 0.3s ease;    position: relative;    padding: 8px 0;}.header__nav-link::after {    content: '';    position: absolute;    bottom: 0;    left: 0;    width: 0;    height: 2px;    background: var(--c-primary);    transition: width 0.3s ease;}.header__nav-link:hover,.header__nav-link:focus-visible {    color: var(--c-primary);    outline: none;}.header__nav-link:hover::after,.header__nav-link--active::after {    width: 100%;}.header__nav-link--active {    color: var(--c-primary);}.header__actions {    display: flex;    align-items: center;    gap: var(--spacing-md);    flex-shrink: 0;}.header__language-selector {    display: flex;    gap: 4px;    background: rgba(230, 81, 0, 0.06);    border-radius: 8px;    padding: 4px;    margin-right: 12px;    border: 1px solid rgba(230, 81, 0, 0.12);    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}.header__language-btn {    background: transparent;    border: none;    padding: 8px;    border-radius: 6px;    cursor: pointer;    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    width: 36px;    height: 36px;    display: flex;    align-items: center;    justify-content: center;    position: relative;    overflow: hidden;    min-width: 44px;    min-height: 44px;}.header__language-btn::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(230, 81, 0, 0.1);    opacity: 0;    transition: opacity 0.3s ease;    border-radius: 10px;}.header__language-btn:hover::before {    opacity: 1;}.header__language-btn:hover {    transform: translateY(-2px);    box-shadow: 0 4px 12px rgba(230, 81, 0, 0.2);}.header__language-btn--active {    background: var(--c-primary);    box-shadow: 0 4px 16px rgba(230, 81, 0, 0.4);    transform: translateY(-2px);}.header__language-btn--active::before {    display: none;}/* Bandeiras CSS otimizadas *//* Bandeiras CSS otimizadas */.flag-icon {    width: 28px;    height: 21px;    display: inline-block;    border-radius: 4px;    object-fit: cover;    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);    border: 1px solid rgba(0, 0, 0, 0.1);    transition: all 0.3s ease;}.flag-icon:hover {    transform: scale(1.1);    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);}.header__cta {    background: var(--c-primary);    border: 2px solid var(--c-primary);    color: white;    padding: 10px 20px;    border-radius: 8px;    font-weight: 600;    font-size: 0.9rem;    cursor: pointer;    transition: all 0.3s ease;    text-decoration: none;    display: inline-block;    box-shadow: 0 2px 8px rgba(255, 106, 0, 0.2);}.header__cta:hover,.header__cta:focus-visible {    background: #E85F00;    border-color: #E85F00;    transform: translateY(-1px);    outline: none;    text-decoration: none;    box-shadow: 0 4px 12px rgba(255, 106, 0, 0.3);}.header__mobile-menu {    display: none;    flex-direction: column;    gap: 5px;    background: transparent;    border: 2px solid rgba(0, 0, 0, 0.1);    cursor: pointer;    padding: 12px;    border-radius: 12px;    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    position: relative;    z-index: 1001;    min-width: 48px;    min-height: 48px;    justify-content: center;    align-items: center;    will-change: transform, background, border-color;}.header__mobile-menu:hover {    background: rgba(230, 81, 0, 0.1);    border-color: rgba(230, 81, 0, 0.3);}.header__mobile-menu span {    width: 24px;    height: 3px;    background: var(--c-text);    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);    border-radius: 2px;    transform-origin: center;    will-change: transform, opacity;}.header__mobile-menu:hover span {    background: var(--c-primary);}.header__mobile-menu--open {    background: rgba(230, 81, 0, 0.1);    border-color: var(--c-primary);}.header__mobile-menu--open span:nth-child(1) {    transform: rotate(45deg) translate(6px, 6px);    background: var(--c-primary);}.header__mobile-menu--open span:nth-child(2) {    opacity: 0;    transform: scaleX(0);}.header__mobile-menu--open span:nth-child(3) {    transform: rotate(-45deg) translate(6px, -6px);    background: var(--c-primary);}.header__nav--open {    display: flex !important;    position: fixed;    top: 72px;    left: 0;    right: 0;    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 248, 248, 0.95) 100%);    backdrop-filter: blur(24px);    -webkit-backdrop-filter: blur(24px);    flex-direction: column;    padding: 24px 0;    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.15);    z-index: 999;    gap: 0;    animation: slideDown 0.4s cubic-bezier(0.4, 0, 0.2, 1);    border-top: 3px solid var(--c-primary);    max-height: calc(100vh - 72px);    overflow-y: auto;    border-radius: 0 0 24px 24px;    border-left: 1px solid rgba(230, 81, 0, 0.1);    border-right: 1px solid rgba(230, 81, 0, 0.1);    border-bottom: 1px solid rgba(230, 81, 0, 0.1);}/* Overlay sutil para o menu mobile */.header__nav--open::before {    content: '';    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(0, 0, 0, 0.1);    z-index: -1;    animation: fadeIn 0.3s ease;}@keyframes fadeIn {    from { opacity: 0; }    to { opacity: 1; }}@keyframes slideDown {    from {        opacity: 0;        transform: translateY(-40px) scale(0.95);    }    to {        opacity: 1;        transform: translateY(0) scale(1);    }}@keyframes slideInLeft {    from {        opacity: 0;        transform: translateX(-30px);    }    to {        opacity: 1;        transform: translateX(0);    }}@keyframes pulse {    0% {        transform: scale(1);    }    50% {        transform: scale(1.05);    }    100% {        transform: scale(1);    }}/* Animações otimizadas para mobile */@keyframes slideInFromTop {    0% {        transform: translateY(-100%);        opacity: 0;    }    100% {        transform: translateY(0);        opacity: 1;    }}@keyframes fadeInScale {    0% {        opacity: 0;        transform: scale(0.95);    }    100% {        opacity: 1;        transform: scale(1);    }}/* Respeitar preferências de movimento reduzido */@media (prefers-reduced-motion: reduce) {    .header__nav--open,    .header__mobile-menu,    .header__language-btn,    .header__nav-link {        animation: none !important;        transition: none !important;    }}/* Animações para notificações */@keyframes fadeOut {    from {        opacity: 1;        transform: scale(1);    }    to {        opacity: 0;        transform: scale(0.95);    }}/* Melhorias para mobile menu aberto */.mobile-menu-open {    overflow: hidden !important;}.mobile-menu-open .header__nav--open {    animation: slideInFromTop 0.5s cubic-bezier(0.4, 0, 0.2, 1);}.header__nav--open .header__nav-link {    padding: 24px 32px;    border-bottom: 1px solid rgba(230, 81, 0, 0.08);    text-align: left;    font-size: 1.25rem;    font-weight: 700;    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);    position: relative;    overflow: hidden;    display: flex;    align-items: center;    min-height: 72px;    color: var(--c-text);    letter-spacing: 0.5px;    text-transform: uppercase;    margin: 0 16px;    border-radius: 12px;    background: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(248, 248, 248, 0.6) 100%);    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);    border: 1px solid rgba(230, 81, 0, 0.1);}.header__nav--open .header__nav-link::before {    content: '';    position: absolute;    left: 0;    top: 0;    height: 100%;    width: 6px;    background: linear-gradient(135deg, var(--c-primary) 0%, #FF8C42 100%);    transform: scaleY(0);    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);    border-radius: 0 3px 3px 0;    box-shadow: 0 0 8px rgba(230, 81, 0, 0.3);}.header__nav--open .header__nav-link:hover::before,.header__nav--open .header__nav-link--active::before {    transform: scaleY(1);}.header__nav--open .header__nav-link:hover {    background: linear-gradient(135deg, rgba(230, 81, 0, 0.1) 0%, rgba(255, 140, 66, 0.08) 100%);    color: var(--c-primary);    padding-left: 40px;    transform: translateX(8px);    box-shadow: 0 8px 24px rgba(230, 81, 0, 0.15);    border-color: rgba(230, 81, 0, 0.2);}.header__nav--open .header__nav-link--active {    background: linear-gradient(135deg, rgba(230, 81, 0, 0.15) 0%, rgba(255, 140, 66, 0.12) 100%);    color: var(--c-primary);    padding-left: 40px;    transform: translateX(8px);    box-shadow: 0 8px 24px rgba(230, 81, 0, 0.2);    border-color: rgba(230, 81, 0, 0.3);    font-weight: 800;}.header__nav--open .header__nav-link:last-child {    border-bottom: none;}/* Hero */.hero {    padding: 80px 0;    background:         linear-gradient(135deg, rgba(60, 12, 115, 0.1) 0%, rgba(13, 13, 70, 0.2) 100%),        url('../herobg.jpg');    background-size: cover;    background-position: center center;    background-repeat: no-repeat;    background-attachment: scroll;    image-rendering: -webkit-optimize-contrast;    image-rendering: crisp-edges;    image-rendering: high-quality;    color: white;    min-height: 90vh;    display: flex;    align-items: center;    position: relative;    overflow: hidden;}/* Otimização da qualidade da imagem de fundo */@media (min-width: 1920px) {    .hero {        background-size: 100% auto;        background-position: center top;    }}@media (max-width: 768px) {    .hero {        background-size: cover;        background-position: center center;    }}.hero::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="hero-pattern" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23E65100" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23hero-pattern)"/></svg>');    opacity: 0.3;    z-index: 1;}.hero__content {    display: grid;    grid-template-columns: 1.2fr 0.8fr;    gap: 60px;    align-items: center;    position: relative;    z-index: 2;}.hero__text {    display: flex;    flex-direction: column;    gap: 24px;    max-width: 100%;}.hero__title {    font-size: clamp(2rem, 6vw, 3.5rem);    font-weight: 700;    color: white;    line-height: 1.1;    margin: 0;    text-shadow: 0 6px 20px rgba(0, 0, 0, 0.8);}.hero__subtitle {    font-size: clamp(1rem, 2.5vw, 1.25rem);    color: white;    line-height: 1.4;    margin: 0;    text-shadow: 0 3px 12px rgba(0, 0, 0, 0.7);    font-weight: 600;}.hero__description {    font-size: clamp(0.95rem, 2vw, 1.1rem);    color: white;    line-height: 1.6;    margin: 0;    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);}.hero__bullets {    list-style: none;    padding: 0;    margin: 0;    display: flex;    flex-direction: column;    gap: 12px;}.hero__bullet {    display: flex;    align-items: center;    gap: 12px;    color: white;    font-size: 1rem;    font-weight: 600;    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);}.hero__bullet-icon {    width: 8px;    height: 8px;    background: var(--c-primary);    border-radius: 50%;    flex-shrink: 0;    box-shadow: 0 0 0 4px rgba(255, 106, 0, 0.3);}.hero__cta {    display: inline-block;    background: var(--c-primary);    color: white;    padding: 16px 32px;    border-radius: 50px;    text-decoration: none;    font-weight: 700;    font-size: 1.1rem;    transition: all 0.3s ease;    box-shadow: 0 8px 24px rgba(255, 106, 0, 0.4);    align-self: flex-start;    border: 2px solid transparent;    text-transform: uppercase;    letter-spacing: 0.5px;    position: relative;    overflow: hidden;}.hero__cta:hover,.hero__cta:focus-visible {    background: white;    color: var(--c-primary);    border-color: var(--c-primary);    transform: translateY(-2px);    box-shadow: 0 12px 32px rgba(255, 106, 0, 0.5);    outline: none;}.hero__cta::before {    content: '';    position: absolute;    top: 0;    left: -100%;    width: 100%;    height: 100%;    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);    transition: left 0.5s ease;}.hero__cta:hover::before {    left: 100%;}.hero__image {    display: flex;    justify-content: center;    align-items: center;    position: relative;}.hero__img {    max-width: 100%;    width: 100%;    height: auto;    max-height: 500px;    object-fit: cover;    border-radius: 16px;    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);    transition: all 0.4s ease;    position: relative;    z-index: 2;}.hero__img:hover {    transform: translateY(-4px) scale(1.01);    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);}.hero__image::after {    content: '';    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    width: 110%;    height: 110%;    background: linear-gradient(135deg, rgba(255, 106, 0, 0.1) 0%, rgba(60, 12, 115, 0.1) 100%);    border-radius: 20px;    z-index: 1;    opacity: 0.4;    filter: blur(15px);}/* Platform Section */.platform {    padding: 80px 0;    background: var(--c-bg);    position: relative;}.platform__content {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 60px;    align-items: center;}.platform__text {    display: flex;    flex-direction: column;    gap: 24px;}.platform__title {    font-size: 2.25rem;    font-weight: 700;    color: var(--c-title-purple);    line-height: 1.2;    margin: 0;}.platform__description {    font-size: 1.125rem;    line-height: 1.7;    color: var(--c-text);    margin: 0;}.platform__features {    display: grid;    grid-template-columns: repeat(2, 1fr);    gap: 16px;    margin: 24px 0;}.platform__feature {    display: flex;    align-items: center;    gap: 12px;    padding: 12px 16px;    background: var(--color-background-light);    border-radius: 8px;    transition: all 0.3s ease;    border: 1px solid rgba(230, 81, 0, 0.1);}.platform__feature:hover {    background: rgba(230, 81, 0, 0.05);    border-color: rgba(230, 81, 0, 0.2);    transform: translateY(-2px);}.platform__feature-icon {    font-size: 1.5rem;    flex-shrink: 0;}.platform__feature span {    font-size: 0.9rem;    font-weight: 500;    color: var(--c-text);}.platform__cta {    display: inline-block;    background: linear-gradient(135deg, var(--c-primary) 0%, #FF8C42 100%);    color: white;    padding: 20px 40px;    border-radius: 50px;    text-decoration: none;    font-weight: 700;    font-size: 1.2rem;    transition: all 0.3s ease;    box-shadow: 0 8px 24px rgba(255, 106, 0, 0.4);    border: 2px solid transparent;    align-self: flex-start;    text-transform: uppercase;    letter-spacing: 0.5px;    position: relative;    overflow: hidden;    animation: pulse 2s infinite;    text-align: center;    min-width: 280px;}@keyframes pulse {    0% {        box-shadow: 0 8px 24px rgba(255, 106, 0, 0.4);    }    50% {        box-shadow: 0 12px 32px rgba(255, 106, 0, 0.6);    }    100% {        box-shadow: 0 8px 24px rgba(255, 106, 0, 0.4);    }}.platform__cta:hover,.platform__cta:focus-visible {    background: white;    color: var(--c-primary);    border-color: var(--c-primary);    transform: translateY(-2px);    box-shadow: 0 12px 32px var(--c-primary-rgba-5);    outline: none;}.platform__cta::before {    content: '';    position: absolute;    top: 0;    left: -100%;    width: 100%;    height: 100%;    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);    transition: left 0.5s ease;}.platform__cta:hover::before {    left: 100%;}.platform__video {    display: flex;    flex-direction: column;    gap: 16px;}.platform__video-header {    text-align: center;}.platform__video-title {    font-size: 1.25rem;    font-weight: 600;    color: var(--c-title-purple);    margin: 0;}.platform__video-container {    position: relative;    width: 100%;    height: 0;    padding-bottom: 56.25%; /* 16:9 aspect ratio */    border-radius: 12px;    overflow: hidden;    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);    background: var(--c-dark);}.platform__video-iframe {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;    border-radius: 12px;}/* Innovation Section */.innovation {    padding: 80px 0;    background: var(--c-bg);    position: relative;    overflow: hidden;}.innovation::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23FF6A00" stroke-width="0.5" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');    opacity: 0.3;    z-index: 1;}.innovation__content {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 60px;    align-items: center;    position: relative;    z-index: 2;}.innovation__text {    display: flex;    flex-direction: column;    gap: 24px;}.innovation__title {    font-size: 2.25rem;    font-weight: 700;    color: var(--c-title-purple);    line-height: 1.2;    margin: 0;}.innovation__description {    font-size: 1.125rem;    line-height: 1.7;    color: var(--c-text-light);    margin: 0;}.innovation__mission {    font-size: 1.125rem;    line-height: 1.7;    color: var(--c-text);    margin: 0;    font-weight: 500;}.innovation__stats {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 20px;}.innovation__stat {    background: white;    padding: 28px 20px;    border-radius: 16px;    text-align: center;    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);    transition: all 0.3s ease;    border: 1px solid rgba(230, 81, 0, 0.1);    position: relative;    overflow: hidden;}.innovation__stat::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 4px;    background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-accent) 100%);}.innovation__stat:hover {    transform: translateY(-6px);    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.12);}.innovation__stat--primary {    border-color: rgba(230, 81, 0, 0.2);}.innovation__stat--secondary {    border-color: rgba(106, 27, 154, 0.2);}.innovation__stat--accent {    border-color: rgba(13, 13, 70, 0.2);}.innovation__stat--highlight {    border-color: rgba(230, 81, 0, 0.3);}.innovation__stat-icon {    font-size: 2.25rem;    margin-bottom: 16px;    display: block;    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));}.innovation__stat-number {    font-size: 2.25rem;    font-weight: 700;    color: var(--c-text);    margin-bottom: 8px;    line-height: 1;}.innovation__stat-label {    font-size: 0.875rem;    font-weight: 600;    color: var(--c-text-light);    text-transform: uppercase;    letter-spacing: 0.5px;}/* Institutional + KPIs Section */.institutional-kpis {    padding: 80px 0;    background: var(--c-bg);    position: relative;    z-index: 1;}.institutional-kpis__content {    display: grid;    grid-template-columns: 0.7fr 1fr;    gap: 60px;    align-items: start;    margin-bottom: 60px;}.institutional-kpis__institutional {    display: flex;    flex-direction: column;    gap: 24px;}.institutional-kpis__logo {    height: 48px;    width: auto;    object-fit: contain;    max-width: 80%;}.institutional-kpis__title {    font-size: clamp(1.5rem, 4vw, 2rem);    font-weight: 700;    color: var(--c-title-purple);    line-height: 1.2;    margin: 0;}.institutional-kpis__description {    font-size: clamp(1rem, 2vw, 1.1rem);    line-height: 1.7;    color: var(--c-text-light);    margin: 0;}.institutional-kpis__features {    display: flex;    flex-direction: column;    gap: 12px;    margin-top: 16px;}.institutional-kpis__feature {    display: flex;    align-items: center;    gap: 12px;    padding: 8px 0;}.institutional-kpis__feature-icon {    font-size: 1.25rem;    flex-shrink: 0;}.institutional-kpis__feature span {    font-size: 0.95rem;    font-weight: 500;    color: var(--c-text);}.institutional-kpis__kpis {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 20px;}.institutional-kpis__logos {    text-align: center;}.institutional-kpis__logos-title {    font-size: 1.5rem;    font-weight: 700;    color: var(--c-title-purple);    margin-bottom: 32px;    line-height: 1.2;}.logos-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 20px;    align-items: center;}.logo-item {    background: white;    padding: 20px 16px;    border-radius: 12px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);    height: 80px;    border: 1px solid rgba(230, 81, 0, 0.1);    font-weight: 600;    color: var(--c-text-light);    filter: grayscale(100%);    opacity: 0.8;}.logo-item:hover {    filter: grayscale(0%);    opacity: 1;    transform: translateY(-4px);    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);    border-color: rgba(230, 81, 0, 0.3);}/* KPIs */.kpis {    padding: 96px 0;    background: var(--color-background-light);}.kpis__grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 24px;}.kpi-card {    padding: 24px;    border-radius: 16px;    text-align: center;    transition: all 0.3s ease;    box-shadow: 0 8px 24px rgba(0,0,0,.08);    min-height: 160px;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    position: relative;    overflow: hidden;}.kpi-card::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 4px;    background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-accent) 100%);    transform: scaleX(0);    transition: transform 0.3s ease;}.kpi-card:hover::before {    transform: scaleX(1);}.kpi-card:hover {    transform: translateY(-6px);    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);}.kpi-card--purple {    background: linear-gradient(135deg, #FBE8FF 0%, #F3D9FF 100%);    border: 1px solid rgba(106, 27, 154, 0.1);}.kpi-card--blue {    background: linear-gradient(135deg, #EAF7FF 0%, #D1E9FF 100%);    border: 1px solid rgba(33, 150, 243, 0.1);}.kpi-card--yellow {    background: linear-gradient(135deg, #FFF5E1 0%, #FFE8B3 100%);    border: 1px solid rgba(255, 193, 7, 0.1);}.kpi-card--pink {    background: linear-gradient(135deg, #FFE4E1 0%, #FFD1CC 100%);    border: 1px solid rgba(233, 30, 99, 0.1);}.kpi-icon {    font-size: 2.5rem;    margin-bottom: 16px;    display: block;    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.1));}.kpi-icon--purple {    width: 48px;    height: 48px;    display: flex;    align-items: center;    justify-content: center;    border-radius: 50%;    background: var(--c-accent);    border: 2px solid var(--c-accent);    color: white;    margin: 0 auto 16px auto;}.kpi-icon--purple svg {    width: 24px;    height: 24px;    stroke-width: 2.5;}.kpi-value {    font-size: 2.5rem;    font-weight: 700;    color: var(--c-dark);    margin-bottom: 12px;    line-height: 1;}.kpi-label {    font-size: 0.9rem;    color: var(--c-text-light);    font-weight: 500;    line-height: 1.4;    text-align: center;}.kpi-card__number {    font-size: 48px;    font-weight: 700;    color: #2B0A4E;    margin-bottom: var(--spacing-sm);    line-height: 1;}.kpi-card__text {    font-size: 16px;    color: #101113;    font-weight: 500;    line-height: 1.4;}/* Company Logos Section */.company-logos {    padding: 80px 0;    background: var(--color-surface);    position: relative;    overflow: hidden;}.company-logos::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1" fill="%23E65100" opacity="0.15"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>');    opacity: 0.6;    z-index: 1;}.company-logos__header {    text-align: center;    margin-bottom: 60px;    position: relative;    z-index: 2;}.company-logos__title {    font-size: 2.25rem;    font-weight: 700;    color: var(--c-title-purple);    margin-bottom: 16px;    line-height: 1.2;}.company-logos__subtitle {    font-size: 1.125rem;    color: var(--c-text-light);    margin: 0;    max-width: 600px;    margin: 0 auto;    line-height: 1.6;}.company-logos__grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 20px;    align-items: center;    margin-bottom: 48px;    position: relative;    z-index: 2;}.company-logos__item {    background: white;    padding: 20px 16px;    border-radius: 12px;    display: flex;    align-items: center;    justify-content: center;    transition: all 0.3s ease;    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);    height: 90px;    border: 1px solid rgba(230, 81, 0, 0.1);    position: relative;    overflow: hidden;    font-weight: 600;    color: var(--c-text-light);    filter: grayscale(100%);    opacity: 0.8;}.company-logos__item::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 3px;    background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-accent) 100%);    transform: scaleX(0);    transition: transform 0.3s ease;}.company-logos__item:hover::before {    transform: scaleX(1);}.company-logos__item:hover {    filter: grayscale(0%);    opacity: 1;    transform: translateY(-6px);    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15);    border-color: rgba(230, 81, 0, 0.3);    color: var(--c-primary);}.company-logos__cta {    text-align: center;    position: relative;    z-index: 2;}.company-logos__button {    display: inline-block;    background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-accent) 100%);    color: white;    padding: 16px 32px;    border-radius: 50px;    text-decoration: none;    font-weight: 600;    font-size: 1rem;    transition: all 0.3s ease;    box-shadow: 0 8px 24px rgba(230, 81, 0, 0.3);    border: 2px solid transparent;}.company-logos__button:hover,.company-logos__button:focus-visible {    background: white;    color: var(--c-primary);    border-color: var(--c-primary);    transform: translateY(-2px);    box-shadow: 0 12px 32px rgba(230, 81, 0, 0.4);    outline: none;}/* Footer */.footer {    background: #0D0D46;    color: white;    padding: 48px 0 24px;    position: relative;}/* Adicionar gradiente sutil para melhor contraste */.footer::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient(135deg, #0D0D46 0%, #1A1A5C 100%);    z-index: 0;}.footer .u-container {    position: relative;    z-index: 1;}.footer__content {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 32px;    margin-bottom: 32px;}.footer__column {    display: flex;    flex-direction: column;    gap: 12px;}.footer__title {    font-size: 14px;    font-weight: 600;    text-transform: uppercase;    color: #FFFFFF;    margin-bottom: 12px;    letter-spacing: 0.5px;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);}.footer__link {    color: rgba(255, 255, 255, 0.9);    text-decoration: none;    font-size: 16px;    line-height: 1.6;    transition: all 0.3s ease;    padding: 4px 0;    border-radius: 4px;    position: relative;}.footer__link:hover,.footer__link:focus-visible {    color: var(--c-primary);    background: rgba(230, 81, 0, 0.1);    padding: 4px 8px;    margin: 0 -8px;    outline: none;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}/* Adicionar indicador visual para links */.footer__link::before {    content: '';    position: absolute;    left: -8px;    top: 50%;    transform: translateY(-50%);    width: 0;    height: 2px;    background: var(--c-primary);    transition: width 0.3s ease;}.footer__link:hover::before {    width: 4px;}.footer__logo {    height: 48px;    width: auto;    margin-bottom: 20px;    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));    transition: all 0.3s ease;    position: relative;}.footer__logo:hover {    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.4));    transform: scale(1.05);}/* Adicionar sombra sutil ao logo para melhor contraste */.footer__logo::after {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(255, 255, 255, 0.05);    border-radius: 4px;    z-index: -1;    opacity: 0;    transition: opacity 0.3s ease;}.footer__logo:hover::after {    opacity: 1;}/* Melhorar contraste específico para SVG do logo branco */.footer__logo svg {    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.4));}.footer__logo:hover svg {    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5));}.footer__seals {    display: flex;    gap: 12px;    margin-top: 16px;    flex-wrap: wrap;}.footer__seal {    height: 56px;    width: auto;    opacity: 1;    transition: all 0.3s ease;    border-radius: 6px;    filter: brightness(1.1) contrast(1.1);    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);    background: rgba(255, 255, 255, 0.05);    padding: 4px;}.footer__seal:hover {    opacity: 1;    transform: scale(1.08);    filter: brightness(1.3) contrast(1.2);    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);    background: rgba(255, 255, 255, 0.1);}.footer__legal {    margin-top: 16px;}.footer__legal p {    font-size: 13px;    color: rgba(255, 255, 255, 0.85);    margin: 6px 0;    line-height: 1.5;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}.footer__contacts {    display: flex;    gap: 32px;    margin: 32px 0;    padding: 24px 0;    border-top: 1px solid rgba(255, 255, 255, 0.1);    border-bottom: 1px solid rgba(255, 255, 255, 0.1);    justify-content: center;}.footer__contact {    display: flex;    align-items: center;    gap: 14px;    padding: 18px 22px;    background: rgba(255, 255, 255, 0.08);    border-radius: 12px;    transition: all 0.3s ease;    border: 1px solid rgba(255, 255, 255, 0.15);    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);    position: relative;    overflow: hidden;}.footer__contact::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 2px;    background: linear-gradient(90deg, var(--c-primary) 0%, #FF8C42 100%);    transform: scaleX(0);    transition: transform 0.3s ease;}.footer__contact:hover::before {    transform: scaleX(1);}.footer__contact:hover {    background: rgba(255, 255, 255, 0.12);    border-color: rgba(230, 81, 0, 0.4);    transform: translateY(-3px);    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);}.footer__contact-icon {    width: 26px;    height: 26px;    flex-shrink: 0;    transition: all 0.3s ease;    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));}.footer__contact-icon--whatsapp {    color: #25D366;    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) brightness(1.1);}.footer__contact-icon--phone {    color: var(--c-primary);    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) brightness(1.1);}.footer__contact-icon--email {    color: #FFFFFF;    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2)) brightness(1.2);}.footer__contact:hover .footer__contact-icon--whatsapp {    color: #20BA5A;    transform: scale(1.1);}.footer__contact:hover .footer__contact-icon--phone {    color: #FF8C42;    transform: scale(1.1);}.footer__contact:hover .footer__contact-icon--email {    color: var(--c-primary);    transform: scale(1.1);}.footer__contact-info {    display: flex;    flex-direction: column;    gap: 2px;}.footer__contact-label {    font-size: 12px;    font-weight: 600;    color: rgba(255, 255, 255, 0.85);    text-transform: uppercase;    letter-spacing: 0.5px;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);}.footer__contact-value {    font-size: 15px;    font-weight: 700;    color: #FFFFFF;    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);    letter-spacing: 0.3px;}.footer__bottom {    display: flex;    justify-content: space-between;    align-items: center;    padding-top: 16px;    border-top: 1px solid rgba(255, 255, 255, 0.1);}.footer__copyright {    font-size: 14px;    color: rgba(255, 255, 255, 0.9);    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);    line-height: 1.5;}.footer__copyright p {    margin: 2px 0;}.footer__socials {    display: flex;    gap: 12px;}.footer__social {    display: flex;    align-items: center;    justify-content: center;    width: 42px;    height: 42px;    background: rgba(255, 255, 255, 0.12);    border-radius: 10px;    color: white;    text-decoration: none;    transition: all 0.3s ease;    border: 1px solid rgba(255, 255, 255, 0.25);    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);    position: relative;    overflow: hidden;}.footer__social::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: linear-gradient(135deg, rgba(230, 81, 0, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);    opacity: 0;    transition: opacity 0.3s ease;}.footer__social:hover::before {    opacity: 1;}.footer__social svg {    width: 22px;    height: 22px;    transition: all 0.3s ease;    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));    position: relative;    z-index: 1;}.footer__social:hover,.footer__social:focus-visible {    background: rgba(230, 81, 0, 0.25);    border-color: var(--c-primary);    transform: translateY(-3px);    outline: none;    box-shadow: 0 6px 20px rgba(230, 81, 0, 0.2);}.footer__social:hover svg,.footer__social:focus-visible svg {    color: var(--c-primary);    transform: scale(1.15);    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));}/* Brand-specific social colors on hover */.footer__social:nth-child(1):hover {    background: rgba(24, 119, 242, 0.2);    border-color: #1877F2;}.footer__social:nth-child(1):hover svg {    color: #1877F2;}.footer__social:nth-child(2):hover {    background: rgba(225, 48, 108, 0.2);    border-color: #E1306C;}.footer__social:nth-child(2):hover svg {    transform: scale(1.1);}.footer__social:nth-child(2) svg {    transition: all 0.3s ease;}.footer__social:nth-child(2):hover svg path {    fill: url(#instagram-gradient);}.footer__social:nth-child(3):hover {    background: rgba(0, 119, 181, 0.2);    border-color: #0077B5;}.footer__social:nth-child(3):hover svg {    color: #0077B5;}.footer__social:nth-child(4):hover {    background: rgba(255, 0, 0, 0.2);    border-color: #FF0000;}.footer__social:nth-child(4):hover svg {    color: #FF0000;}.footer__social:nth-child(5):hover {    background: rgba(29, 161, 242, 0.2);    border-color: #1DA1F2;}.footer__social:nth-child(5):hover svg {    color: #1DA1F2;}/* Responsive */@media (max-width: 1024px) {    body {        padding-top: 70px;    }        .header__content {        height: 70px;    }        .header__nav {        gap: var(--spacing-md);    }        .header__actions {        gap: var(--spacing-sm);        position: relative;        right: auto;        top: auto;        transform: none;        display: flex;        align-items: center;        z-index: 10;    }        .header__language-selector {        display: flex;        gap: 3px;        margin-right: 6px;        padding: 3px;    }        .header__language-btn {        padding: 6px;        width: 32px;        height: 28px;    }        .flag-icon {        width: 18px;        height: 14px;    }        .header__logo-brand {        display: none;    }        .header__logo-img {        height: 50px;    }        .header__nav--open {        top: 70px;    }        .hero {        min-height: calc(100vh - 70px);        padding: 60px 0;    }        .hero__content {        grid-template-columns: 1fr;        gap: 40px;        text-align: center;    }        .hero__title {        font-size: 2.5rem;    }        .hero__img {        max-width: 400px;        border-radius: 16px;    }        .institutional-kpis__content {        grid-template-columns: 1fr;        gap: 48px;    }        .institutional-kpis__kpis {        grid-template-columns: 1fr 1fr;        gap: 16px;    }        .company-logos__grid {        grid-template-columns: repeat(3, 1fr);        gap: 20px;    }        .kpis__grid {        grid-template-columns: repeat(2, 1fr);    }        .company-logos__title {        font-size: 2rem;    }        .company-logos__item {        height: 90px;        padding: 20px 16px;    }        .footer__content {        grid-template-columns: repeat(2, 1fr);    }        .footer__contacts {        flex-direction: column;        gap: 16px;        align-items: center;    }        .footer__contact {        width: 100%;        max-width: 300px;        justify-content: flex-start;    }        .footer__bottom {        flex-direction: column;        gap: 16px;        text-align: center;    }        /* Melhorar contraste em dispositivos móveis */    .footer__logo {        height: 44px;        filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.4));    }        .footer__seal {        height: 96px;        filter: brightness(1.2) contrast(1.3);    }        .footer__contact-icon {        width: 24px;        height: 24px;        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) brightness(1.2);    }        .footer__social {        width: 40px;        height: 40px;    }        .footer__social svg {        width: 20px;        height: 20px;        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));    }}@media (max-width: 768px) {    body {        padding-top: 60px;    }        .header__content {        padding: 0;        height: 60px;        position: relative;    }        .header__logo-img {        height: 40px;        max-width: 120px;    }        .header__nav {        display: none;        position: fixed;        top: 60px;        left: 0;        right: 0;        background: rgba(255, 255, 255, 0.98);        backdrop-filter: blur(20px);        -webkit-backdrop-filter: blur(20px);        flex-direction: column;        padding: 0;        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.15);        z-index: 999;        transform: translateY(-100%);        opacity: 0;        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);        border-top: 1px solid rgba(230, 81, 0, 0.1);        visibility: hidden;        max-height: calc(100vh - 60px);        overflow-y: auto;    }        .header__nav--open {        display: flex !important;        transform: translateY(0);        opacity: 1;        visibility: visible;    }        .header__nav--open .header__nav-link {        padding: 20px 24px;        border-bottom: 1px solid rgba(230, 81, 0, 0.1);        text-align: left;        font-size: 1.1rem;        font-weight: 600;        color: var(--c-text);        transition: all 0.3s ease;        position: relative;        display: flex;        align-items: center;        min-height: 60px;    }        .header__nav--open .header__nav-link::before {        content: '';        position: absolute;        left: 0;        top: 0;        height: 100%;        width: 4px;        background: var(--c-primary);        transform: scaleY(0);        transition: transform 0.3s ease;    }        .header__nav--open .header__nav-link:hover::before,    .header__nav--open .header__nav-link--active::before {        transform: scaleY(1);    }        .header__nav--open .header__nav-link:hover {        background: rgba(230, 81, 0, 0.05);        color: var(--c-primary);        padding-left: 32px;    }        .header__nav--open .header__nav-link--active {        background: rgba(230, 81, 0, 0.08);        color: var(--c-primary);        padding-left: 32px;    }        .header__nav--open .header__nav-link:last-child {        border-bottom: none;    }        .header__actions {        gap: var(--spacing-xs);        position: absolute;        right: 70px;        top: 50%;        transform: translateY(-50%);        display: flex;        align-items: center;        z-index: 5;    }        /* Seletor de idiomas no mobile - mantém visível no header */    .header__language-selector {        display: flex;        gap: 2px;        margin-right: 4px;        padding: 2px;    }        .header__language-btn {        padding: 4px;        width: 28px;        height: 24px;    }        .flag-icon {        width: 16px;        height: 12px;    }        .header__cta {        padding: 8px 16px;        font-size: 0.8rem;        border-radius: 6px;        white-space: nowrap;    }        .header__mobile-menu {        display: flex;        position: relative;        right: 0;        top: 0;        transform: none;        margin-left: auto;        align-self: center;        z-index: 10;    }        .hero {        padding: 40px 0 60px;        min-height: calc(100vh - 60px);        display: flex;        align-items: center;    }        .hero__content {        grid-template-columns: 1fr;        gap: 32px;        text-align: center;    }        .hero__title {        font-size: 2.25rem;        line-height: 1.2;        margin-bottom: 16px;    }        .hero__subtitle {        font-size: 1.1rem;        line-height: 1.5;        margin-bottom: 24px;    }        .hero__description {        font-size: 1rem;        line-height: 1.6;    }        .hero__bullets {        gap: 12px;        margin: 24px 0;    }        .hero__bullet {        font-size: 0.95rem;        text-align: left;        padding: 8px 0;        justify-content: flex-start;    }        .hero__bullet-icon {        width: 8px;        height: 8px;        flex-shrink: 0;    }        .hero__cta {        padding: 16px 32px;        font-size: 1rem;        width: 100%;        max-width: 280px;        margin: 0 auto;    }        .hero__image {        display: flex;        margin-top: 32px;        order: -1;    }        .hero__img {        max-width: 100%;        border-radius: 12px;        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);    }        .hero__image::after {        display: none;    }        .kpis {        padding: 48px 0;    }        .kpis__grid {        grid-template-columns: repeat(2, 1fr);        gap: 16px;    }        .kpi-card {        padding: 20px 16px;        min-height: 120px;    }        .kpi-card__number {        font-size: 36px;    }        .kpi-card__text {        font-size: 14px;    }        .innovation {        padding: 64px 0;    }        .innovation__content {        grid-template-columns: 1fr;        gap: 48px;    }        .innovation__title {        font-size: 2rem;    }        .innovation__stats {        grid-template-columns: 1fr 1fr;        gap: 20px;    }        .innovation__stat {        padding: 24px 20px;    }        .innovation__stat-icon {        font-size: 2rem;    }        .innovation__stat-number {        font-size: 2rem;    }        .institutional-kpis {        padding: 60px 0;    }        .institutional-kpis__content {        grid-template-columns: 1fr;        gap: 40px;        margin-bottom: 48px;    }        .institutional-kpis__kpis {        grid-template-columns: 1fr 1fr;        gap: 16px;    }        .institutional-kpis__title {        font-size: 1.75rem;    }        .institutional-kpis__logos-title {        font-size: 1.25rem;        margin-bottom: 24px;    }        .company-logos__grid {        grid-template-columns: repeat(2, 1fr);        gap: 12px;    }        .company-logos__item {        height: 70px;        padding: 16px 12px;        font-size: 0.9rem;    }        .kpi-card {        min-height: 140px;        padding: 20px 16px;    }        .kpi-icon {        font-size: 2rem;        margin-bottom: 12px;    }        .kpi-value {        font-size: 2rem;        margin-bottom: 8px;    }        .kpi-label {        font-size: 0.85rem;    }        .about-ebac {        padding: 60px 0;    }        .about-ebac__content {        grid-template-columns: 1fr;        gap: var(--spacing-lg);    }        .company-logos {        padding: 60px 0;    }        .company-logos__header {        margin-bottom: 40px;    }        .company-logos__title {        font-size: 1.75rem;        margin-bottom: 12px;    }        .company-logos__subtitle {        font-size: 1rem;        line-height: 1.5;    }        .platform {        padding: 60px 0;    }        .platform__content {        grid-template-columns: 1fr;        gap: 48px;    }        .platform__title {        font-size: 1.75rem;    }        .platform__features {        grid-template-columns: 1fr;        gap: 12px;    }        .platform__cta {        text-align: center;        width: 100%;        min-width: auto;        font-size: 1.1rem;        padding: 18px 32px;    }        .platform__video-container {        padding-bottom: 56.25%;    }        .innovation {        padding: 60px 0;    }        .innovation__content {        grid-template-columns: 1fr;        gap: 48px;    }        .innovation__title {        font-size: 1.75rem;    }        .innovation__stats {        grid-template-columns: 1fr 1fr;        gap: 16px;    }        .innovation__stat {        padding: 20px 16px;    }        .innovation__stat-icon {        font-size: 1.75rem;    }        .innovation__stat-number {        font-size: 1.75rem;    }        .footer {        padding: 32px 0 16px;    }        .footer__content {        grid-template-columns: 1fr;        gap: 24px;    }        .footer__contacts {        flex-direction: column;        gap: 12px;        align-items: center;    }        .footer__contact {        width: 100%;        max-width: 280px;        padding: 12px 16px;    }        .footer__contact-icon {        width: 20px;        height: 20px;    }        .footer__contact-label {        font-size: 11px;    }        .footer__contact-value {        font-size: 13px;    }        .footer__socials {        gap: 8px;    }        .footer__social {        width: 36px;        height: 36px;    }        .footer__social svg {        width: 18px;        height: 18px;        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3)) brightness(1.2);    }        .footer__bottom {        flex-direction: column;        gap: 16px;        text-align: center;    }        /* Contraste aprimorado para mobile */    .footer__logo {        height: 42px;        filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 0.5));    }        .footer__seal {        height: 88px;        filter: brightness(1.3) contrast(1.4);    }        .footer__contact-icon {        width: 22px;        height: 22px;        filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4)) brightness(1.3);    }        .footer__contact-value {        font-size: 14px;        font-weight: 700;        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);    }        .logos__grid {        display: flex;        overflow-x: auto;        gap: var(--spacing-md);        padding: var(--spacing-sm) 0;        scroll-snap-type: x mandatory;    }        .logos__item {        flex-shrink: 0;        width: 150px;        scroll-snap-align: start;    }        .logos__placeholder {        width: 100px;        height: 30px;    }}@media (max-width: 640px) {    .u-container {        padding: 0 16px;    }        .header__logo-img {        height: 36px;        max-width: 100px;    }        .header__actions {        right: 65px;        z-index: 5;    }        .header__cta {        padding: 6px 12px;        font-size: 0.75rem;    }        .hero__title {        font-size: 1.5rem;    }        .hero__subtitle {        font-size: 0.9rem;    }        .hero__cta {        padding: 14px 24px;        font-size: 0.9rem;    }        .institutional-kpis__kpis {        grid-template-columns: 1fr;        gap: 12px;    }        .company-logos__grid {        grid-template-columns: 1fr;        gap: 10px;    }        .company-logos__item {        height: 60px;        padding: 12px 10px;        font-size: 0.85rem;    }        .kpi-card {        min-height: 120px;        padding: 16px 12px;    }        .kpi-icon {        font-size: 1.75rem;        margin-bottom: 10px;    }        .kpi-value {        font-size: 1.75rem;        margin-bottom: 6px;    }        .kpi-label {        font-size: 0.8rem;    }        .kpis__grid {        grid-template-columns: 1fr;        gap: 12px;    }        .kpi-card {        padding: 16px;        min-height: 100px;    }        .kpi-card__number {        font-size: 32px;    }    }@media (max-width: 480px) {    .u-container {        padding: 0 12px;    }        .header__content {        height: 56px;    }        body {        padding-top: 56px;    }        .header__logo-img {        height: 32px;        max-width: 80px;    }        .header__cta {        padding: 4px 8px;        font-size: 0.7rem;    }        .header__mobile-menu {        right: 0;        margin-left: auto;        z-index: 10;    }        .header__nav--open {        top: 56px;        max-height: calc(100vh - 56px);    }        .header__nav--open .header__nav-link {        padding: 16px 20px;        font-size: 1rem;        min-height: 50px;    }        .header__actions {        right: 60px;        z-index: 5;    }        .header__language-selector {        margin-right: 2px;        padding: 1px;        gap: 1px;    }        .header__language-btn {        padding: 3px;        width: 24px;        height: 20px;    }        .flag-icon {        width: 14px;        height: 10px;    }        .hero {        padding: 32px 0 48px;        min-height: calc(100vh - 56px);    }        .hero__title {        font-size: 1.25rem;        line-height: 1.2;    }        .hero__subtitle {        font-size: 0.85rem;    }        .hero__bullet {        font-size: 0.85rem;    }        .hero__cta {        padding: 12px 20px;        font-size: 0.85rem;    }        .innovation__stats {        grid-template-columns: 1fr;        gap: 16px;    }        .innovation__stat {        padding: 20px 16px;    }        .innovation__stat-icon {        font-size: 1.75rem;    }        .innovation__stat-number {        font-size: 1.75rem;    }        .kpis__grid {        grid-template-columns: 1fr;    }        .partners__grid {        grid-template-columns: 1fr;        gap: 12px;    }        .partners__item {        height: 70px;        padding: 14px 10px;    }        .partners__logo {        font-size: 0.9rem;    }        .platform {        padding: 48px 0;    }        .platform__content {        grid-template-columns: 1fr;        gap: 32px;    }        .platform__title {        font-size: 1.75rem;    }        .platform__description {        font-size: 1rem;    }        .platform__features {        grid-template-columns: 1fr;        gap: 10px;    }        .platform__feature {        padding: 10px 12px;    }        .platform__feature-icon {        font-size: 1.25rem;    }        .platform__feature span {        font-size: 0.85rem;    }        .platform__cta {        padding: 14px 28px;        font-size: 0.9rem;    }            .platform__video-title {        font-size: 1.125rem;    }        .hero__cta {        padding: 16px 32px;        font-size: 1.1rem;    }        .partners__button {        padding: 14px 28px;        font-size: 0.9rem;    }}/* ========================================   SISTEMA DE RESPONSIVIDADE MELHORADO   ======================================== *//* Breakpoints personalizados usando CSS custom properties */@media (max-width: 1536px) {    .u-container {        max-width: 1280px;    }}@media (max-width: 1280px) {    .u-container {        max-width: 1024px;        padding: 0 var(--s-24);    }        section {        padding-block: var(--s-64);    }}@media (max-width: 1024px) {    .u-container {        max-width: 768px;        padding: 0 var(--s-20);    }        section {        padding-block: var(--s-56);    }        /* Melhorar grid layouts para tablet */    .u-2col {        grid-template-columns: 1fr;        gap: var(--s-32);    }        .b2b2c__benefits-grid {        grid-template-columns: repeat(2, 1fr);        gap: var(--s-20);    }}@media (max-width: 768px) {    .u-container {        max-width: 100%;        padding: 0 var(--s-16);    }        section {        padding-block: var(--s-48);    }        /* Typography adjustments for mobile */    h1, .h1 {        font-size: var(--fs-4xl);        line-height: var(--lh-tight);    }        h2, .h2 {        font-size: var(--fs-3xl);        line-height: var(--lh-snug);    }        h3, .h3 {        font-size: var(--fs-2xl);        line-height: var(--lh-snug);    }        /* Hero section mobile improvements */    .hero {        padding-block: var(--s-48);        min-height: 80vh;    }        .hero__content {        grid-template-columns: 1fr;        gap: var(--s-32);        text-align: center;    }        /* Cards mobile improvements */    .b2b2c__benefits-grid {        grid-template-columns: 1fr;        gap: var(--s-16);    }        .b2b2c__benefit-card {        aspect-ratio: auto;        min-height: 200px;        padding: var(--s-24);    }        /* CTA buttons mobile */    .b2b2c__cta-row {        flex-direction: column;        align-items: center;        gap: var(--s-12);    }        .b2b2c__cta-primary,    .b2b2c__cta-secondary {        width: 100%;        max-width: 280px;        text-align: center;    }}@media (max-width: 640px) {    .u-container {        padding: 0 var(--s-12);    }        section {        padding-block: var(--s-40);    }        /* Typography for small mobile */    h1, .h1 {        font-size: var(--fs-3xl);    }        h2, .h2 {        font-size: var(--fs-2xl);    }        /* Hero adjustments for small screens */    .hero {        padding-block: var(--s-40);        min-height: 70vh;    }        .hero__title {        font-size: clamp(1.5rem, 6vw, 2rem);    }        .hero__subtitle {        font-size: clamp(1rem, 4vw, 1.25rem);    }        /* Cards for small mobile */    .b2b2c__benefit-card {        padding: var(--s-20);        min-height: 180px;    }        .b2b2c__benefit-title {        font-size: var(--fs-lg);    }        .b2b2c__benefit-description {        font-size: var(--fs-sm);    }}@media (max-width: 480px) {    .u-container {        padding: 0 var(--s-8);    }        section {        padding-block: var(--s-32);    }        /* Ultra small screens */    .hero {        padding-block: var(--s-32);        min-height: 60vh;    }        .hero__title {        font-size: clamp(1.25rem, 7vw, 1.75rem);        margin-bottom: var(--s-16);    }        .hero__subtitle {        font-size: clamp(0.875rem, 5vw, 1.125rem);        margin-bottom: var(--s-12);    }        .hero__description {        font-size: var(--fs-sm);        margin-bottom: var(--s-16);    }        /* Cards ultra small */    .b2b2c__benefit-card {        padding: var(--s-16);        min-height: 160px;    }        .b2b2c__benefit-title {        font-size: var(--fs-base);        margin-bottom: var(--s-8);    }        .b2b2c__benefit-description {        font-size: var(--fs-xs);    }}/* ========================================   MELHORIAS DE ACESSIBILIDADE E UX   ======================================== *//* Melhorar contraste e legibilidade */@media (prefers-contrast: high) {    :root {        --c-text: #000000;        --c-muted: #333333;        --c-card-border: rgba(0, 0, 0, 0.2);    }}/* Reduzir animações para usuários que preferem */@media (prefers-reduced-motion: reduce) {    *,    *::before,    *::after {        animation-duration: 0.01ms !important;        animation-iteration-count: 1 !important;        transition-duration: 0.01ms !important;        scroll-behavior: auto !important;    }}/* Melhorar foco para navegação por teclado */:focus-visible {    outline: 3px solid var(--c-primary);    outline-offset: 2px;    border-radius: var(--r-4);}/* Estados de hover melhorados */@media (hover: hover) {    .b2b2c__benefit-card:hover {        transform: translateY(-4px);        box-shadow: var(--c-card-shadow-hover);    }        .b2b2c__cta-primary:hover,    .b2b2c__cta-secondary:hover {        transform: translateY(-2px);    }}/* Melhorar touch targets para mobile */@media (max-width: 768px) {    button,    .b2b2c__cta-primary,    .b2b2c__cta-secondary,    .header__language-btn {        min-height: 44px;        min-width: 44px;    }}/* ========================================   OTIMIZAÇÕES CRÍTICAS PARA MOBILE   ======================================== *//* Header mobile otimizado */@media (max-width: 768px) {    .header {        background: rgba(255, 255, 255, 0.95);        backdrop-filter: blur(20px);        -webkit-backdrop-filter: blur(20px);    }        .header__content {        height: 72px;        padding: 0 16px;    }        .header__logo-img {        height: 40px;        max-width: 140px;    }        .header__nav {        display: none;        position: fixed;        top: 72px;        left: 0;        right: 0;        background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 248, 248, 0.95) 100%);        backdrop-filter: blur(24px);        -webkit-backdrop-filter: blur(24px);        flex-direction: column;        padding: 32px 0;        box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);        z-index: 999;        gap: 0;        animation: slideInFromTop 0.5s cubic-bezier(0.4, 0, 0.2, 1);        border-top: 3px solid var(--c-primary);        will-change: transform, opacity;    }        .header__nav--open {        display: flex !important;        transform: translateY(0);        opacity: 1;    }        .header__nav-link {        padding: 24px 32px;        border-bottom: 1px solid rgba(230, 81, 0, 0.08);        text-align: left;        font-size: 1.25rem;        font-weight: 700;        transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);        position: relative;        overflow: hidden;        display: flex;        align-items: center;        min-height: 72px;        color: var(--c-text);        letter-spacing: 0.5px;        text-transform: uppercase;        margin: 0 16px;        border-radius: 12px;    }        .header__nav-link::before {        content: '';        position: absolute;        left: 0;        top: 0;        height: 100%;        width: 6px;        background: linear-gradient(135deg, var(--c-primary) 0%, #FF8C42 100%);        transform: scaleY(0);        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);        border-radius: 0 3px 3px 0;        box-shadow: 0 0 8px rgba(230, 81, 0, 0.3);    }        .header__nav-link:hover::before,    .header__nav-link--active::before {        transform: scaleY(1);    }        .header__nav-link:hover {        background: linear-gradient(135deg, rgba(230, 81, 0, 0.1) 0%, rgba(255, 140, 66, 0.08) 100%);        color: var(--c-primary);        padding-left: 40px;        transform: translateX(8px);        box-shadow: 0 8px 24px rgba(230, 81, 0, 0.15);        border-color: rgba(230, 81, 0, 0.2);    }        .header__nav-link--active {        background: linear-gradient(135deg, rgba(230, 81, 0, 0.15) 0%, rgba(255, 140, 66, 0.12) 100%);        color: var(--c-primary);        padding-left: 40px;        transform: translateX(8px);        box-shadow: 0 8px 24px rgba(230, 81, 0, 0.2);        border-color: rgba(230, 81, 0, 0.3);        font-weight: 800;    }        .header__nav-link:last-child {        border-bottom: none;    }        .header__mobile-menu {        display: flex;        position: relative;        right: 0;        top: 0;        transform: none;        margin-left: auto;        align-self: center;        z-index: 10;    }        .header__actions {        position: absolute;        right: 70px;        top: 50%;        transform: translateY(-50%);        display: flex;        align-items: center;        gap: 12px;        z-index: 5;    }        .header__language-selector {        margin-right: 0;    }        .header__cta {        padding: 8px 16px;        font-size: 0.85rem;        border-radius: 8px;    }}/* Mobile pequeno (480px) */@media (max-width: 480px) {    .header__content {        padding: 0 12px;    }        .header__logo-img {        height: 36px;        max-width: 120px;    }        .header__actions {        right: 60px;        gap: 8px;    }        .header__language-btn {        width: 40px;        height: 40px;        padding: 8px;    }        .header__cta {        padding: 6px 12px;        font-size: 0.8rem;    }        .header__mobile-menu {        right: 0;        margin-left: auto;        min-width: 44px;        min-height: 44px;    }        .header__nav-link {        padding: 20px 24px;        font-size: 1.1rem;        min-height: 60px;    }}/* ========================================   EVENTOS E CONTEÚDO EXCLUSIVO - EBAC START   ======================================== */.solutions-journey__exclusive-content {    margin: var(--s-24) 0;    padding: var(--s-24);    background: linear-gradient(135deg, rgba(255, 106, 0, 0.05) 0%, rgba(60, 12, 115, 0.05) 100%);    border-radius: var(--r-16);    border: 1px solid rgba(255, 106, 0, 0.1);}.solutions-journey__exclusive-title {    font-size: var(--fs-lg);    font-weight: var(--fw-semibold);    color: var(--c-title-purple);    margin: 0 0 var(--s-20) 0;    text-align: center;    display: flex;    align-items: center;    justify-content: center;    gap: var(--s-8);}.solutions-journey__exclusive-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));    gap: var(--s-16);    margin-bottom: var(--s-24);}.solutions-journey__exclusive-item {    text-align: center;    padding: var(--s-16);    background: var(--c-card-bg);    border-radius: var(--r-12);    border: 1px solid rgba(255, 106, 0, 0.08);    transition: all 0.3s ease;}.solutions-journey__exclusive-item:hover {    transform: translateY(-2px);    box-shadow: var(--c-card-shadow);    border-color: rgba(255, 106, 0, 0.15);}.solutions-journey__exclusive-icon {    font-size: var(--fs-2xl);    margin-bottom: var(--s-8);    display: block;}.solutions-journey__exclusive-item h5 {    font-size: var(--fs-base);    font-weight: var(--fw-semibold);    color: var(--c-text);    margin: 0 0 var(--s-4) 0;}.solutions-journey__exclusive-item p {    font-size: var(--fs-sm);    color: var(--c-muted);    margin: 0;    line-height: var(--lh-normal);}.solutions-journey__events-preview {    background: var(--c-card-bg);    border-radius: var(--r-12);    padding: var(--s-20);    border: 1px solid rgba(255, 106, 0, 0.08);}.solutions-journey__events-title {    font-size: var(--fs-base);    font-weight: var(--fw-semibold);    color: var(--c-text);    margin: 0 0 var(--s-16) 0;    text-align: center;}.solutions-journey__events-list {    display: flex;    flex-direction: column;    gap: var(--s-12);}.solutions-journey__event-item {    display: flex;    align-items: flex-start;    gap: var(--s-12);    padding: var(--s-12);    background: var(--c-surface);    border-radius: var(--r-8);    border: 1px solid rgba(255, 106, 0, 0.05);    transition: all 0.2s ease;}.solutions-journey__event-item:hover {    background: rgba(255, 106, 0, 0.02);    border-color: rgba(255, 106, 0, 0.1);}.solutions-journey__event-date {    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    min-width: 50px;    height: 50px;    background: var(--c-primary);    color: white;    border-radius: var(--r-8);    font-weight: var(--fw-bold);    flex-shrink: 0;}.solutions-journey__event-day {    font-size: var(--fs-lg);    line-height: 1;    display: block;}.solutions-journey__event-month {    font-size: var(--fs-xs);    line-height: 1;    display: block;    text-transform: uppercase;    letter-spacing: var(--ls-wide);}.solutions-journey__event-content {    flex: 1;    min-width: 0;}.solutions-journey__event-content h6 {    font-size: var(--fs-sm);    font-weight: var(--fw-semibold);    color: var(--c-text);    margin: 0 0 var(--s-4) 0;    line-height: var(--lh-snug);}.solutions-journey__event-content p {    font-size: var(--fs-xs);    color: var(--c-muted);    margin: 0 0 var(--s-4) 0;    line-height: var(--lh-normal);}.solutions-journey__event-time {    font-size: var(--fs-xs);    color: var(--c-primary);    font-weight: var(--fw-medium);    background: rgba(255, 106, 0, 0.1);    padding: 2px 6px;    border-radius: var(--r-4);    display: inline-block;}/* Responsividade para eventos exclusivos */@media (max-width: 768px) {    .solutions-journey__exclusive-content {        margin: var(--s-16) 0;        padding: var(--s-16);    }        .solutions-journey__exclusive-grid {        grid-template-columns: repeat(2, 1fr);        gap: var(--s-12);    }        .solutions-journey__exclusive-item {        padding: var(--s-12);    }        .solutions-journey__exclusive-icon {        font-size: var(--fs-xl);    }        .solutions-journey__events-preview {        padding: var(--s-16);    }        .solutions-journey__event-item {        padding: var(--s-8);        gap: var(--s-8);    }        .solutions-journey__event-date {        min-width: 40px;        height: 40px;    }        .solutions-journey__event-day {        font-size: var(--fs-base);    }        .solutions-journey__event-month {        font-size: 10px;    }}@media (max-width: 480px) {    .solutions-journey__exclusive-grid {        grid-template-columns: 1fr;        gap: var(--s-8);    }        .solutions-journey__exclusive-item {        padding: var(--s-8);    }        .solutions-journey__exclusive-title {        font-size: var(--fs-base);        flex-direction: column;        gap: var(--s-4);    }        .solutions-journey__event-item {        flex-direction: column;        text-align: center;        gap: var(--s-8);    }        .solutions-journey__event-date {        align-self: center;    }}/* ========================================   MOBILE OPTIMIZATIONS - SEPARATE FROM DESKTOP   ======================================== *//* Mobile Menu Overlay */.mobile-menu-overlay {    position: fixed;    top: 0;    left: 0;    right: 0;    bottom: 0;    background: rgba(0, 0, 0, 0.5);    z-index: 9998;    opacity: 0;    visibility: hidden;    transition: all 0.3s ease;}.mobile-menu-overlay.active {    opacity: 1;    visibility: visible;}/* Mobile Menu */.mobile-menu {    position: fixed;    top: 0;    right: -100%;    width: 320px;    max-width: 85vw;    height: 100vh;    background: #FFFFFF;    z-index: 9999;    transition: right 0.3s ease;    box-shadow: -4px 0 20px rgba(0, 0, 0, 0.15);    overflow-y: auto;    -webkit-overflow-scrolling: touch;}.mobile-menu.active {    right: 0;}.mobile-menu__header {    display: flex;    align-items: center;    justify-content: space-between;    padding: var(--s-20) var(--s-24);    border-bottom: 1px solid rgba(0, 0, 0, 0.08);    background: var(--c-surface);}.mobile-menu__logo {    flex: 1;}.mobile-menu__logo-img {    height: 32px;    width: auto;}.mobile-menu__close {    background: none;    border: none;    padding: var(--s-8);    cursor: pointer;    border-radius: var(--r-8);    transition: background-color 0.2s ease;    color: var(--c-text);}.mobile-menu__close:hover {    background: rgba(0, 0, 0, 0.05);}.mobile-menu__close svg {    width: 20px;    height: 20px;}.mobile-menu__content {    padding: var(--s-24);    display: flex;    flex-direction: column;    gap: var(--s-32);}/* Mobile Menu Navigation */.mobile-menu__nav {    display: flex;    flex-direction: column;    gap: var(--s-4);}.mobile-menu__link {    display: flex;    align-items: center;    gap: var(--s-16);    padding: var(--s-16) var(--s-20);    text-decoration: none;    color: var(--c-text);    border-radius: var(--r-12);    transition: all 0.2s ease;    font-weight: var(--fw-medium);    font-size: var(--fs-base);    font-family: var(--font-family-primary);    line-height: var(--lh-normal);}.mobile-menu__link:hover {    background: var(--c-surface);    color: var(--c-primary);    transform: translateX(4px);}.mobile-menu__link--active {    background: rgba(255, 106, 0, 0.1);    color: var(--c-primary);    font-weight: var(--fw-semibold);}.mobile-menu__link-icon {    font-size: var(--fs-xl);    width: 24px;    text-align: center;}.mobile-menu__link-text {    flex: 1;}/* Mobile Menu Language Selector */.mobile-menu__language {    border-top: 1px solid rgba(0, 0, 0, 0.08);    padding-top: var(--s-24);}.mobile-menu__language-title {    font-size: var(--fs-base);    font-weight: var(--fw-semibold);    color: var(--c-text);    margin: 0 0 var(--s-16) 0;    font-family: var(--font-family-primary);    line-height: var(--lh-normal);}.mobile-menu__language-options {    display: flex;    flex-direction: column;    gap: var(--s-8);}.mobile-menu__language-btn {    display: flex;    align-items: center;    gap: var(--s-12);    padding: var(--s-12) var(--s-16);    background: none;    border: 2px solid rgba(0, 0, 0, 0.08);    border-radius: var(--r-12);    cursor: pointer;    transition: all 0.2s ease;    font-size: var(--fs-base);    font-weight: var(--fw-medium);    color: var(--c-text);    text-align: left;    width: 100%;    font-family: var(--font-family-primary);    line-height: var(--lh-normal);}.mobile-menu__language-btn:hover {    border-color: var(--c-primary);    background: rgba(255, 106, 0, 0.05);    transform: translateX(4px);}.mobile-menu__language-btn--active {    border-color: var(--c-primary);    background: rgba(255, 106, 0, 0.1);    color: var(--c-primary);    font-weight: var(--fw-semibold);}.mobile-menu__flag {    width: 24px;    height: 18px;    object-fit: cover;    border-radius: 2px;    flex-shrink: 0;}/* Specific styling for Brazil flag PNG in mobile menu */.mobile-menu__flag[src*="brazil ico.png"] {    width: 24px;    height: 18px;    object-fit: contain;    border-radius: 2px;}.mobile-menu__lang-text {    flex: 1;}/* Flag Icons */.flag-icon {    width: 20px;    height: 15px;    object-fit: cover;    border-radius: 2px;    flex-shrink: 0;}/* Specific styling for Brazil flag PNG */.flag-icon[src*="brazil ico.png"] {    width: 20px;    height: 15px;    object-fit: contain;    border-radius: 2px;}/* Mobile Menu CTA */.mobile-menu__cta {    border-top: 1px solid rgba(0, 0, 0, 0.08);    padding-top: var(--s-24);}.mobile-menu__cta-btn {    display: flex;    align-items: center;    justify-content: center;    gap: var(--s-12);    padding: var(--s-16) var(--s-24);    background: var(--c-primary);    color: white;    text-decoration: none;    border-radius: var(--r-12);    font-weight: var(--fw-semibold);    font-size: var(--fs-base);    transition: all 0.2s ease;    box-shadow: 0 4px 12px rgba(255, 106, 0, 0.3);    font-family: var(--font-family-primary);    line-height: var(--lh-normal);}.mobile-menu__cta-btn:hover {    background: var(--c-primary-dark);    transform: translateY(-2px);    box-shadow: 0 6px 16px rgba(255, 106, 0, 0.4);}.mobile-menu__cta-icon {    font-size: var(--fs-xl);}/* Mobile Header Optimizations */@media (max-width: 768px) {    .header {        height: 60px;        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);    }        .header__actions--desktop {        display: none;    }        .header__content {        padding: 0 var(--s-16);        gap: var(--s-12);        height: 60px;    }        .header__logo {        flex: 1;        min-width: 0;        display: flex;        align-items: center;    }        .header__logo-img {        height: 36px;        width: auto;        max-width: 100%;        object-fit: contain;    }        .header__mobile-menu {        display: flex;        flex-direction: column;        justify-content: center;        align-items: center;        width: 44px;        height: 44px;        background: none;        border: none;        cursor: pointer;        padding: 0;        gap: 4px;        border-radius: var(--r-8);        transition: all 0.2s ease;        position: relative;    }        .header__mobile-menu:hover {        background: rgba(0, 0, 0, 0.05);    }        .header__mobile-menu:active {        background: rgba(0, 0, 0, 0.1);        transform: scale(0.95);    }        .header__mobile-menu span {        width: 20px;        height: 2px;        background: var(--c-text);        border-radius: 1px;        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);        transform-origin: center;    }        .header__mobile-menu--open span:nth-child(1) {        transform: rotate(45deg) translate(5px, 5px);    }        .header__mobile-menu--open span:nth-child(2) {        opacity: 0;        transform: scale(0);    }        .header__mobile-menu--open span:nth-child(3) {        transform: rotate(-45deg) translate(7px, -6px);    }        /* Hide desktop navigation on mobile */    .header__nav {        display: none;    }        /* Improve header scroll behavior */    .header.scrolled {        background: rgba(255, 255, 255, 0.95);        backdrop-filter: blur(10px);        -webkit-backdrop-filter: blur(10px);    }}/* Desktop - Hide mobile menu */@media (min-width: 769px) {    .mobile-menu-overlay,    .mobile-menu {        display: none;    }        .header__actions--desktop {        display: flex;        align-items: center;        gap: var(--s-16);    }}/* Mobile Hero Section Optimizations */@media (max-width: 768px) {    .hero {        padding-block: var(--s-32);        min-height: 70vh;        background: linear-gradient(135deg, #3C0C73 0%, #4A148C 50%, #6A1B9A 100%);        color: white;        position: relative;        overflow: hidden;    }        .hero::before {        content: '';        position: absolute;        top: 0;        left: 0;        right: 0;        bottom: 0;        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');        opacity: 0.3;        pointer-events: none;    }        .hero__content {        grid-template-columns: 1fr;        gap: var(--s-24);        text-align: center;        position: relative;        z-index: 2;    }        .hero__title {        font-size: clamp(1.75rem, 7vw, 2.25rem);        line-height: 1.1;        margin-bottom: var(--s-12);        color: white;        font-weight: 800;        text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);    }        .hero__subtitle {        font-size: clamp(1.125rem, 4.5vw, 1.375rem);        line-height: 1.3;        margin-bottom: var(--s-16);        color: rgba(255, 255, 255, 0.95);        font-weight: 600;        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);    }        .hero__description {        font-size: var(--fs-base);        line-height: 1.6;        margin-bottom: var(--s-20);        color: rgba(255, 255, 255, 0.9);        text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);    }        .hero__bullets {        margin-bottom: var(--s-24);        text-align: left;        max-width: 400px;        margin-left: auto;        margin-right: auto;    }        .hero__bullet {        padding: var(--s-6) 0;        font-size: var(--fs-base);        color: rgba(255, 255, 255, 0.95);        display: flex;        align-items: flex-start;        gap: var(--s-12);    }        .hero__bullet-icon {        width: 8px;        height: 8px;        background: var(--c-primary);        border-radius: 50%;        margin-top: 8px;        flex-shrink: 0;    }        .hero__cta {        width: 100%;        max-width: 300px;        margin: 0 auto;        padding: var(--s-16) var(--s-24);        font-size: var(--fs-lg);        font-weight: 600;        background: var(--c-primary);        color: white;        border: none;        border-radius: var(--r-12);        box-shadow: 0 4px 16px rgba(255, 106, 0, 0.4);        transition: all 0.3s ease;    }        .hero__cta:hover {        background: var(--c-primary-dark);        transform: translateY(-2px);        box-shadow: 0 6px 20px rgba(255, 106, 0, 0.5);    }        .hero__image {        display: none; /* Hide image on mobile to focus on content */    }}/* Mobile Container Adjustments */@media (max-width: 768px) {    .u-container {        padding: 0 var(--s-16);    }        section {        padding-block: var(--s-48);    }}/* Mobile Touch Improvements */@media (max-width: 768px) {    .mobile-menu__link,    .mobile-menu__language-btn,    .mobile-menu__cta-btn {        min-height: 48px;        touch-action: manipulation;        -webkit-tap-highlight-color: rgba(255, 106, 0, 0.2);    }        .header__mobile-menu {        min-width: 44px;        min-height: 44px;        touch-action: manipulation;        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);    }        /* Improve touch targets for all interactive elements */    .hero__cta,    .header__cta,    .contact-modal__submit,    .b2b2c__cta-primary,    .b2b2c__cta-secondary,    .solutions-journey__cta {        min-height: 48px;        touch-action: manipulation;        -webkit-tap-highlight-color: rgba(255, 106, 0, 0.2);    }        /* Better spacing for touch interactions */    .hero__bullet {        padding: var(--s-12) 0;        min-height: 44px;        display: flex;        align-items: center;    }        /* Improve form inputs for mobile */    .contact-modal__input {        min-height: 48px;        font-size: 16px; /* Prevent zoom on iOS */        padding: var(--s-12) var(--s-16);        border-radius: var(--r-8);        border: 2px solid rgba(0, 0, 0, 0.1);        transition: border-color 0.2s ease;    }        .contact-modal__input:focus {        border-color: var(--c-primary);        outline: none;        box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.1);    }        /* Better button states for touch */    .mobile-menu__link:active,    .mobile-menu__language-btn:active,    .mobile-menu__cta-btn:active {        transform: scale(0.98);        transition: transform 0.1s ease;    }        /* Improve scroll behavior */    .mobile-menu {        -webkit-overflow-scrolling: touch;        overscroll-behavior: contain;    }        /* Better focus indicators for accessibility */    .mobile-menu__link:focus,    .mobile-menu__language-btn:focus,    .mobile-menu__cta-btn:focus {        outline: 2px solid var(--c-primary);        outline-offset: 2px;    }}/* Mobile Menu Animation States */.mobile-menu-overlay.active + .mobile-menu {    right: 0;}/* Prevent body scroll when mobile menu is open */body.mobile-menu-open {    overflow: hidden;    position: fixed;    width: 100%;}/* Mobile Menu Accessibility */@media (prefers-reduced-motion: reduce) {    .mobile-menu,    .mobile-menu-overlay,    .mobile-menu__link,    .mobile-menu__language-btn,    .mobile-menu__cta-btn {        transition: none;    }}/* High contrast mode support */@media (prefers-contrast: high) {    .mobile-menu {        border: 2px solid var(--c-text);    }        .mobile-menu__link,    .mobile-menu__language-btn {        border: 1px solid var(--c-text);    }}/* CTA Unificado - Estilos para o botão único abaixo dos 3 cards */.solutions-journey__unified-cta {    text-align: center;    margin-top: var(--s-64);    padding: var(--s-40) var(--s-32);    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);    border-radius: var(--r-20);    border: 1px solid rgba(255, 106, 0, 0.1);    position: relative;    overflow: hidden;    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);}.solutions-journey__unified-cta::before {    content: '';    position: absolute;    top: 0;    left: 0;    right: 0;    height: 3px;    background: linear-gradient(90deg, var(--c-primary) 0%, var(--c-accent) 50%, var(--c-primary) 100%);    background-size: 200% 100%;    animation: gradient-shift 4s ease-in-out infinite;    border-radius: var(--r-20) var(--r-20) 0 0;}@keyframes gradient-shift {    0%, 100% { background-position: 0% 50%; }    50% { background-position: 100% 50%; }}.solutions-journey__unified-cta-btn {    display: inline-flex;    align-items: center;    justify-content: center;    gap: var(--s-12);    padding: var(--s-18) var(--s-40);    background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-primary-dark) 100%);    color: white;    text-decoration: none;    font-weight: 600;    font-size: var(--fs-base);    border-radius: var(--r-12);    border: none;    cursor: pointer;    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);    box-shadow: 0 6px 20px rgba(255, 106, 0, 0.25);    position: relative;    overflow: hidden;    min-height: 48px;    min-width: 240px;    text-align: center;}.solutions-journey__unified-cta-btn::before {    content: '';    position: absolute;    top: 0;    left: -100%;    width: 100%;    height: 100%;    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);    transition: left 0.5s;}.solutions-journey__unified-cta-btn:hover::before {    left: 100%;}.solutions-journey__unified-cta-btn:hover {    transform: translateY(-1px);    box-shadow: 0 8px 25px rgba(255, 106, 0, 0.35);    background: linear-gradient(135deg, var(--c-primary-light) 0%, var(--c-primary) 100%);}.solutions-journey__unified-cta-btn:active {    transform: translateY(0);    box-shadow: 0 6px 20px rgba(255, 106, 0, 0.3);}.solutions-journey__cta-description {    margin-top: var(--s-20);    color: var(--c-muted);    font-size: var(--fs-base);    line-height: 1.6;    max-width: 500px;    margin-left: auto;    margin-right: auto;}/* Responsividade para o CTA unificado */@media (max-width: 768px) {    .solutions-journey__unified-cta {        margin-top: var(--s-48);        padding: var(--s-32) var(--s-24);        border-radius: var(--r-20);    }        .solutions-journey__unified-cta-btn {        min-width: 100%;        padding: var(--s-16) var(--s-32);        font-size: var(--fs-base);        min-height: 48px;    }        .solutions-journey__cta-description {        font-size: var(--fs-sm);        margin-top: var(--s-16);    }}/* Melhorias de performance - CSS crítico inline */.solutions-journey__unified-cta {    will-change: transform;    contain: layout style paint;}.solutions-journey__unified-cta-btn {    will-change: transform, box-shadow;    contain: layout style paint;}/* Imagem Humanizada - Seção Evolua com EBAC */.solutions-journey__humanized-section {    text-align: center;    margin-bottom: var(--s-48);    position: relative;}.solutions-journey__humanized-image {    display: inline-block;    position: relative;    border-radius: 50%;    overflow: hidden;    width: 200px;    height: 200px;    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);    border: 4px solid var(--c-primary);    transition: transform 0.3s ease, box-shadow 0.3s ease;}.solutions-journey__humanized-image:hover {    transform: scale(1.05);    box-shadow: 0 12px 40px rgba(255, 106, 0, 0.2);}.solutions-journey__humanized-image img {    width: 100%;    height: 100%;    object-fit: cover;    object-position: center;}/* Responsividade para imagem humanizada */@media (max-width: 768px) {    .solutions-journey__humanized-image {        width: 160px;        height: 160px;    }}@media (max-width: 480px) {    .solutions-journey__humanized-image {        width: 140px;        height: 140px;    }}/* Otimizações de performance globais */* {    box-sizing: border-box;}body {    font-display: swap;    text-rendering: optimizeSpeed;}img {    content-visibility: auto;    contain-intrinsic-size: 0 0;}/* Melhorias de responsividade para tablets */@media (max-width: 1024px) and (min-width: 769px) {    .hero__content {        gap: 40px;    }        .solutions-journey__unified-cta {        margin-top: 56px;        padding: 40px 28px;    }        .solutions-journey__unified-cta-btn {        min-width: 260px;        padding: 18px 44px;    }}/* Melhorias para dispositivos com tela pequena */@media (max-width: 480px) {    .solutions-journey__unified-cta {        margin-top: 40px;        padding: 24px 16px;        border-radius: 16px;    }        .solutions-journey__unified-cta-btn {        padding: 14px 24px;        font-size: 0.9rem;        min-height: 44px;    }        .solutions-journey__cta-description {        font-size: 0.875rem;        margin-top: 12px;    }}/* Otimizações para carregamento mais rápido */.b2b2c__company-logo img {    transition: opacity 0.3s ease;    opacity: 0.8;}.b2b2c__company-logo img:hover {    opacity: 1;}/* Melhorias de acessibilidade */@media (prefers-reduced-motion: reduce) {    .solutions-journey__unified-cta::before {        animation: none;    }        .solutions-journey__unified-cta-btn {        transition: none;    }        .solutions-journey__unified-cta-btn:hover {        transform: none;    }}/* Suporte para modo escuro */@media (prefers-color-scheme: dark) {    .solutions-journey__unified-cta {        background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);        border-color: rgba(255, 106, 0, 0.2);    }        .solutions-journey__cta-description {        color: #9ca3af;    }}/* Elementos 3D Flutuantes - Hero Section */.hero__3d-elements {    position: absolute;    top: 0;    right: 0;    width: 100%;    height: 100%;    pointer-events: none;    z-index: 1;}.hero__3d-step {    position: absolute;    background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-accent) 100%);    border-radius: 12px;    box-shadow: 0 8px 32px rgba(255, 106, 0, 0.3);    animation: float 6s ease-in-out infinite;    opacity: 0.8;}.hero__3d-step--1 {    width: 80px;    height: 80px;    top: 10%;    right: 15%;    animation-delay: 0s;    transform: rotate(15deg);}.hero__3d-step--2 {    width: 60px;    height: 60px;    top: 25%;    right: 5%;    animation-delay: 1s;    transform: rotate(-10deg);    background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary) 100%);}.hero__3d-step--3 {    width: 100px;    height: 100px;    top: 45%;    right: 20%;    animation-delay: 2s;    transform: rotate(25deg);    background: linear-gradient(135deg, var(--c-primary-light) 0%, var(--c-accent-light) 100%);}.hero__3d-step--4 {    width: 70px;    height: 70px;    top: 65%;    right: 8%;    animation-delay: 3s;    transform: rotate(-20deg);    background: linear-gradient(135deg, var(--c-accent) 0%, var(--c-primary-dark) 100%);}.hero__3d-step--5 {    width: 90px;    height: 90px;    top: 80%;    right: 25%;    animation-delay: 4s;    transform: rotate(10deg);    background: linear-gradient(135deg, var(--c-primary) 0%, var(--c-accent-dark) 100%);}@keyframes float {    0%, 100% {        transform: translateY(0px) rotate(var(--rotation, 0deg));    }    25% {        transform: translateY(-10px) rotate(calc(var(--rotation, 0deg) + 5deg));    }    50% {        transform: translateY(-5px) rotate(calc(var(--rotation, 0deg) - 3deg));    }    75% {        transform: translateY(-15px) rotate(calc(var(--rotation, 0deg) + 2deg));    }}/* Responsividade para elementos 3D */@media (max-width: 1024px) {    .hero__3d-step--1 { width: 60px; height: 60px; }    .hero__3d-step--2 { width: 45px; height: 45px; }    .hero__3d-step--3 { width: 75px; height: 75px; }    .hero__3d-step--4 { width: 55px; height: 55px; }    .hero__3d-step--5 { width: 70px; height: 70px; }}@media (max-width: 768px) {    .hero__3d-elements {        display: none; /* Ocultar em mobile para melhor performance */    }}/* Melhorias de performance para elementos 3D */.hero__3d-step {    will-change: transform;    contain: layout style paint;}/* Reduzir animações em dispositivos com preferência por movimento reduzido */@media (prefers-reduced-motion: reduce) {    .hero__3d-step {        animation: none;        transform: none;    }}/* Header Glassmorphism (Global) */.header {     background: rgba(255, 255, 255, 0.9);    backdrop-filter: blur(12px);    -webkit-backdrop-filter: blur(12px);    box-shadow: 0 4px 20px rgba(0,0,0,0.08);    border-bottom: 1px solid rgba(255, 255, 255, 0.5);}