@charset "utf-8";

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

html, body { scroll-behavior: smooth; }

html.chegada-com-ancora, html.chegada-com-ancora body { scroll-behavior: auto; }

@media (prefers-reduced-motion: reduce) {
  html, body { scroll-behavior: auto; }
}

body { background-color: rgb(0, 0, 0); font-family: Poppins, sans-serif; color: rgb(255, 255, 255); overflow-x: hidden; }

body { padding-top: env(safe-area-inset-top,0px); }

html { text-size-adjust: 100%; }

html:has(#global-celular-bg) { overflow-x: clip; }

body:has(> #global-celular-bg) { position: relative; overflow-x: clip; }

#global-celular-bg { position: absolute; top: calc(50vh + env(safe-area-inset-top,0px)); left: 50%; width: max(100%, 176.852vh); height: auto; transform: translate(-50%, -31.9%); z-index: 2; opacity: 0; pointer-events: none; transition: opacity 1s ease-in-out; --celular-espera: 1200ms; }

.glass-header { position: fixed; top: calc(24px + env(safe-area-inset-top,0px)); left: 0px; right: 0px; margin-inline: auto; width: 96%; max-width: 1300px; height: 60px; display: flex; justify-content: space-between; align-items: center; padding: 0px 12px 0px 32px; border-radius: 980px; z-index: 100; background: rgba(30, 30, 30, 0.2); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.08); opacity: 0; animation: 1.7s ease-in-out 0s 1 normal forwards running fadeOpacity, 1.7s ease-out 0s 1 normal forwards running moveDownHeader; }

@keyframes fadeOpacity { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes moveDownHeader { 
  0% { transform: translateY(-30px); }
  100% { transform: translateY(0px); }
}

.logo-link { display: flex; align-items: center; }

.header-logo { height: 32px; width: auto; }

.header-nav { display: flex; gap: 32px; }

.header-nav a { color: rgb(161, 161, 166); text-decoration: none; font-size: 0.9rem; font-weight: 300; transition: color 0.3s; }

.header-nav a:hover { color: rgb(255, 255, 255); }

.header-cta { display: inline-flex; align-items: center; color: rgb(255, 255, 255); text-decoration: none; font-size: 0.85rem; font-weight: 400; padding: 8px 20px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 980px; background: transparent; transition: 0.3s; }

.header-cta:hover { opacity: 0.8; }

.glass-header { transition: background 0.3s, border-color 0.3s; }

.logo-link.logo-troca { display: grid; place-items: center start; }

.logo-link.logo-troca .header-logo { grid-area: 1 / 1; transition: opacity 0.3s; }

.logo-link.logo-troca .logo-no-claro { opacity: 0; }

.glass-header.is-sobre-claro { background: rgba(255, 255, 255, 0.72); border-color: rgba(0, 0, 0, 0.09); }

.glass-header.is-sobre-claro .header-nav a { color: rgb(106, 106, 112); }

.glass-header.is-sobre-claro .header-nav a:hover { color: rgb(12, 12, 13); }

.glass-header.is-sobre-claro .header-cta { color: rgb(255, 255, 255); background: rgb(12, 12, 13); border-color: rgb(12, 12, 13); }

.glass-header.is-sobre-claro .logo-troca .logo-no-escuro { opacity: 0; }

.glass-header.is-sobre-claro .logo-troca .logo-no-claro { opacity: 1; }

body { --menu-tinta: #0c0c0d; --menu-tinta-2: #6a6a70; --menu-fundo: #ffffff; --menu-fio: rgba(0,0,0,0.08); --menu-divisor: rgba(0,0,0,0.11); --menu-toque: rgba(0,0,0,0.04); --menu-acao-fundo: #0c0c0d; --menu-acao-tinta: #ffffff; }

.glass-header:not(.menu-aberto) { --menu-tinta: #ffffff; --menu-tinta-2: #a1a1a6; }

body.page-assessores .glass-header:not(.menu-aberto), body.page-como-usar .glass-header:not(.menu-aberto), body.page-funcionalidades .glass-header:not(.menu-aberto), body.page-seguranca .glass-header:not(.menu-aberto), body.page-sobre .glass-header:not(.menu-aberto), body.page-legal .glass-header:not(.menu-aberto), .glass-header.is-sobre-claro:not(.menu-aberto) { --menu-tinta: #0c0c0d; --menu-tinta-2: #6a6a70; }

.header-menu { display: none; flex-direction: column; align-items: center; justify-content: center; gap: 5px; width: 44px; height: 44px; margin-right: -4px; padding: 0px; border: 0px; border-radius: 14px; background: transparent; cursor: pointer; -webkit-tap-highlight-color: transparent; position: relative; z-index: 2; }

.header-menu span { display: block; width: 20px; height: 2px; border-radius: 2px; background: var(--menu-tinta); transition: transform 0.26s cubic-bezier(0.22, 0.61, 0.36, 1), opacity 0.16s, background-color 0.3s; }

.glass-header.menu-aberto .header-menu span:nth-child(1) { transform: translateY(7px) rotate(45deg); }

.glass-header.menu-aberto .header-menu span:nth-child(2) { opacity: 0; transform: scaleX(0.3); }

.glass-header.menu-aberto .header-menu span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.menu-movel { display: none; position: fixed; inset: 0px; z-index: 99; flex-direction: column; align-items: stretch; padding: calc(66px + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(28px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px)); background: var(--menu-fundo); overflow-y: auto; overscroll-behavior: contain; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity 0.2s, visibility linear 0.2s, background-color 0.3s; }

.menu-movel.is-aberto { opacity: 1; visibility: visible; pointer-events: auto; transition: opacity 0.26s cubic-bezier(0.22, 0.61, 0.36, 1), visibility, background-color 0.3s; }

.menu-movel a { display: flex; align-items: center; position: relative; max-width: 584px; margin: 0px -12px; padding: 28px 12px; border-radius: 14px; color: var(--menu-tinta); font-size: 1.5rem; font-weight: 400; letter-spacing: -0.02em; line-height: 1.15; text-decoration: none; opacity: 0; transform: translateY(9px); transition: opacity 0.24s, transform 0.3s cubic-bezier(0.22, 0.61, 0.36, 1), background-color 0.2s, color 0.3s; }

.menu-movel.is-aberto a { opacity: 1; transform: translateY(0px); }

.menu-movel.is-aberto a:nth-child(1) { transition-delay: 0.03s; }

.menu-movel.is-aberto a:nth-child(2) { transition-delay: 0.075s; }

.menu-movel.is-aberto a:nth-child(3) { transition-delay: 0.12s; }

.menu-movel.is-aberto a:nth-child(4) { transition-delay: 0.165s; }

.menu-movel.is-aberto a:nth-child(5) { transition-delay: 0.21s; }

.menu-movel.is-aberto a:nth-child(6) { transition-delay: 0.255s; }

.menu-movel a:not(.mm-acao) + a:not(.mm-acao)::before { content: ""; position: absolute; top: 0px; left: 12px; right: 12px; height: 1px; background: var(--menu-divisor); }

.menu-movel a:hover, .menu-movel a:focus-visible, .menu-movel a:active { background: var(--menu-toque); }

.menu-movel a.is-current { font-weight: 500; }

.menu-movel a.is-current::after { content: ""; margin-left: auto; width: 7px; height: 7px; border-radius: 50%; background: linear-gradient(135deg, rgb(188, 133, 248), rgb(226, 123, 183)); }

.menu-movel .mm-acao::before { content: ""; position: absolute; top: -26px; left: 0px; right: 0px; height: 1px; background: var(--menu-divisor); }

.menu-movel .mm-acao { margin: 26px 0px 0px; justify-content: center; gap: 8px; padding: 19px 20px; border-radius: 980px; background: var(--menu-acao-fundo); color: var(--menu-acao-tinta); font-size: 1rem; font-weight: 500; letter-spacing: -0.01em; }

.menu-movel .mm-acao:hover, .menu-movel .mm-acao:focus-visible, .menu-movel .mm-acao:active { background: var(--menu-acao-fundo); opacity: 0.9; }

@media (max-width: 1080px) {
  .header-nav { display: none; }
  .header-menu { display: flex; }
  .menu-movel { display: flex; }
  .header-cta { flex: 0 0 auto; white-space: nowrap; }
  .logo-link { flex: 0 0 auto; }
  .header-cta { margin-left: auto; }
  .header-menu { margin-left: 16px; }
  .glass-header { transition: background 0.3s, border-color 0.3s, top 0.34s cubic-bezier(0.22, 0.61, 0.36, 1), width 0.34s cubic-bezier(0.22, 0.61, 0.36, 1), height 0.34s cubic-bezier(0.22, 0.61, 0.36, 1), padding-top 0.34s cubic-bezier(0.22, 0.61, 0.36, 1), border-radius 0.34s cubic-bezier(0.22, 0.61, 0.36, 1); }
  .glass-header.glass-header.menu-aberto { top: 0px; height: calc(60px + env(safe-area-inset-top,0px)); padding-top: env(safe-area-inset-top,0px); width: 100%; max-width: none; border-radius: 0px; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-bottom-color: var(--menu-divisor); background: var(--menu-fundo); backdrop-filter: none; }
  .glass-header.menu-aberto .logo-troca .logo-no-escuro { opacity: 0; }
  .glass-header.menu-aberto .logo-troca .logo-no-claro { opacity: 1; }
  .glass-header.menu-aberto .header-cta { opacity: 0; transform: translateX(8px); pointer-events: none; }
}

@media (max-width: 900px) {
  .glass-header { top: calc(14px + env(safe-area-inset-top,0px)); }
}

@media (max-width: 780px) {
  .glass-header { padding: 0px 10px 0px 20px; }
}

@media (max-width: 560px) {
  .header-cta { font-size: 0.78rem; padding: 7px 14px; }
}

@media (max-width: 380px) {
  .header-cta { font-size: 0.74rem; padding: 6px 12px; }
  .header-logo { height: 28px; }
  .menu-movel a { font-size: 1.34rem; }
}

@media (max-width: 340px) {
  .header-cta { font-size: 0.7rem; padding: 6px 11px; }
  .header-logo { height: 26px; }
  .header-menu { width: 40px; height: 40px; gap: 4px; margin-left: 10px; }
  .header-menu span { width: 18px; }
  .menu-movel { padding: 62px 16px 24px; }
  .menu-movel a { font-size: 1.2rem; padding: 18px 12px; }
  .glass-header.menu-aberto .header-menu span:nth-child(1) { transform: translateY(6px) rotate(45deg); }
  .glass-header.menu-aberto .header-menu span:nth-child(3) { transform: translateY(-6px) rotate(-45deg); }
}

@media (max-height: 620px) and (max-width: 1080px) {
  .menu-movel { padding-top: calc(64px + env(safe-area-inset-top,0px)); }
  .menu-movel a { font-size: 1.28rem; padding: 18px 12px; }
  .menu-movel .mm-acao { margin-top: 20px; padding: 16px 20px; font-size: 0.95rem; }
  .menu-movel .mm-acao::before { top: -20px; }
}

@media (max-height: 480px) and (max-width: 1080px) {
  .menu-movel { padding-top: calc(60px + env(safe-area-inset-top,0px)); }
  .menu-movel a { font-size: 1.15rem; padding: 12px; }
  .menu-movel .mm-acao { margin-top: 14px; padding: 13px 20px; font-size: 0.92rem; }
  .menu-movel .mm-acao::before { top: -14px; }
}

@media (prefers-reduced-motion: reduce) {
  .menu-movel, .menu-movel.is-aberto { transition: opacity 0.12s linear, visibility; }
  .menu-movel a, .menu-movel.is-aberto a { transform: none; transition: background-color 0.2s, color 0.3s; }
  .menu-movel.is-aberto a:nth-child(1), .menu-movel.is-aberto a:nth-child(2), .menu-movel.is-aberto a:nth-child(3), .menu-movel.is-aberto a:nth-child(4), .menu-movel.is-aberto a:nth-child(5), .menu-movel.is-aberto a:nth-child(6) { transition-delay: 0s; }
  .header-menu span, .glass-header.menu-aberto .header-menu span:nth-child(1), .glass-header.menu-aberto .header-menu span:nth-child(2), .glass-header.menu-aberto .header-menu span:nth-child(3) { transition: none; }
}

.hero-container { display: flex; justify-content: center; align-items: center; min-height: 100vh; width: 100%; position: relative; background-color: rgb(0, 0, 0); overflow: hidden; }

.hero-video-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; object-fit: cover; z-index: 1; }

.hero-content { position: relative; z-index: 3; width: 100%; max-width: 800px; padding: 0px 20px; display: flex; flex-direction: column; align-items: center; text-align: center; margin-top: calc(-245px - 15vh); top: calc(-1 * var(--hero-subida,0px)); opacity: 0; transform: translateY(40px); animation: 1.7s ease-in-out 0s 1 normal forwards running fadeOpacity, 1.7s ease-out 0s 1 normal forwards running moveUp; }

@keyframes moveUp { 
  0% { transform: translateY(40px); }
  100% { transform: translateY(0px); }
}

.hero-title { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 300; color: rgb(255, 255, 255); letter-spacing: -0.02em; line-height: 1.3; margin-bottom: 23px; white-space: nowrap; }

.hero-subtitle { font-family: Poppins, sans-serif; font-size: 1.25rem; font-weight: 300; color: rgb(134, 134, 139); line-height: 1.5; margin-bottom: 24px; white-space: nowrap; }

.hero-btn { font-family: Poppins, sans-serif; display: inline-flex; align-items: center; color: rgb(134, 134, 139); font-size: 1rem; font-weight: 400; text-decoration: none; transition: opacity 0.3s; }

.hero-btn::after { content: "→"; margin-left: 8px; font-size: 1.1rem; transition: transform 0.3s; }

.hero-btn:hover { opacity: 0.8; }

.hero-btn:hover::after { transform: translateX(6px); }

@media (max-width: 615px) {
  .hero-title { font-size: calc(-3px + 6.1vw); }
}

@media (max-width: 615px) {
  :root { --aparelho-colunas: 617; --aparelho-larg: max( calc(100% * 4 * var(--aparelho-colunas) / 1080),calc(4px * var(--aparelho-colunas) * 700 / 1920) ); --hero-descida: 32px; }
  .hero-container { min-height: 700px; align-items: flex-start; }
  .hero-content { --hero-equilibra: 0; margin-top: calc(158px + var(--hero-descida,0px)); }
  #global-celular-bg { top: calc(350px + var(--hero-descida,0px) + env(safe-area-inset-top,0px)); width: var(--aparelho-larg); --celular-espera: 0ms; --celular-entrada: 40px; transform: translate(-50%,calc(-31.9% + var(--celular-entrada))); transition: opacity 1.5s cubic-bezier(0.34, 0.28, 0.18, 1), transform 1.5s cubic-bezier(0.34, 0.28, 0.18, 1); }
  #global-celular-bg.is-revelado { transform: translate(-50%, -31.9%); }
  .chat-simulation-container { --conversa-segue-aparelho: 1; }
}

@media (max-width: 615px) and (prefers-reduced-motion: reduce) {
  #global-celular-bg { --celular-entrada: 0px; transition: opacity 1.5s ease-in-out; }
}

@media (min-width: 1081px) and (max-aspect-ratio: 1910 / 1080) {
  .hero-container { min-height: min(100vh, 855px); aspect-ratio: 1910 / 1080; }
  #global-celular-bg { top: env(safe-area-inset-top,0px); width: max(100%, 1.76852 * min(100vh, 855px)); transform: translate(-50%, calc(8.82353%)); }
}

.typing-container { display: inline-grid; text-align: left; white-space: nowrap; }

.typing-container > * { grid-area: 1 / 1; }

.typing-placeholder { visibility: hidden; pointer-events: none; }

.typing-content { display: flex; align-items: baseline; }

.typing-text { }

.typing-cursor { font-weight: 300; color: rgb(255, 255, 255); margin-left: 2px; opacity: 0; animation: 1000ms ease 4.5s infinite normal none running blinkCursor; will-change: opacity; }

@keyframes blinkCursor { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .typing-cursor { animation: auto ease 0s 1 normal none running none; display: none; }
}

.whatsapp-container-wrapper { position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; opacity: 0; transition: opacity 0.3s; }

.whatsapp-container-wrapper .hero-phone-shell { margin: 0px; transform: none; }

.hero-demo-column { position: relative; display: flex; justify-content: center; min-width: 0px; overflow: visible; }

.hero-demo-glass { position: relative; width: min(560px, 100% + 88px); max-width: none; min-height: 620px; display: flex; align-items: center; justify-content: center; isolation: isolate; }

.hero-demo-glass::before { content: ""; position: absolute; z-index: 0; width: 430px; height: 560px; border-radius: 50%; border: 1px solid rgba(188, 133, 248, 0.12); background: radial-gradient(circle, rgba(226, 123, 183, 0.08), transparent 62%), radial-gradient(circle, transparent 58%, rgba(188, 133, 248, 0.1) 59%, transparent 60%); opacity: 0.9; transform: rotate(-10deg); filter: blur(0.2px); pointer-events: none; }

.hero-phone-shell { position: relative; z-index: 3; width: 330px; margin-left: 0px; transform: none; filter: drop-shadow(rgba(0, 0, 0, 0.48) 0px 28px 44px) drop-shadow(rgba(226, 123, 183, 0.12) 0px 0px 34px); }

.hero-phone-frame { position: relative; width: 100%; height: 610px; padding: 6px; border-radius: 52px; background: linear-gradient(165deg, rgb(138, 141, 147) 0%, rgb(92, 94, 99) 8%, rgb(58, 60, 64) 20%, rgb(42, 44, 47) 40%, rgb(29, 30, 33) 60%, rgb(42, 44, 47) 80%, rgb(92, 94, 99) 95%, rgb(138, 141, 147) 100%); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; box-shadow: rgba(255, 255, 255, 0.15) 0px 0px 0px 1px inset, rgba(255, 255, 255, 0.2) 0px 1px 0px inset, rgba(0, 0, 0, 0.4) 0px 0px 0px 1px, rgba(0, 0, 0, 0.5) 0px 30px 60px, rgba(226, 123, 183, 0.08) 0px 0px 40px; }

.hero-phone-frame::before, .hero-phone-frame::after { content: ""; position: absolute; z-index: 1; display: block; background: linear-gradient(rgb(92, 94, 99), rgb(58, 60, 64), rgb(92, 94, 99)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 3px; }

.hero-phone-frame::before { left: -3px; top: 120px; width: 3px; height: 30px; border-radius: 3px 0px 0px 3px; box-shadow: rgb(74, 76, 80) 0px -36px 0px 0px, rgb(74, 76, 80) 0px 44px 0px 0px; }

.hero-phone-frame::after { right: -3px; top: 160px; width: 3px; height: 64px; border-radius: 0px 3px 3px 0px; }

.hero-iphone-island { position: absolute; top: 14px; left: 50%; transform: translateX(-50%); z-index: 50; width: 100px; height: 28px; background: rgb(0, 0, 0); border-radius: 20px; display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; }

.hero-iphone-island-cam { width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgb(26, 39, 68), rgb(10, 15, 26)); border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: rgba(50, 80, 180, 0.4) 0px 0px 2px inset; }

.hero-ios-statusbar { position: absolute; top: 6px; left: 6px; right: 6px; z-index: 45; height: 48px; padding: 14px 24px 0px; display: flex; align-items: flex-start; justify-content: space-between; background: transparent; color: rgb(0, 0, 0); pointer-events: none; }

.hero-ios-time { font-size: 0.82rem; font-weight: 600; letter-spacing: 0.02em; font-feature-settings: "tnum"; }

.hero-ios-statusbar-right { display: flex; align-items: center; gap: 5px; }

.hero-ios-battery-svg { display: block; flex-shrink: 0; }

.hero-phone-speaker { display: none; }

.hero-wa-header { position: relative; z-index: 2; height: 100px; padding: 50px 12px 8px; display: flex; align-items: center; gap: 0px; background: rgb(240, 235, 228); border-bottom: 1px solid rgba(0, 0, 0, 0.08); color: rgb(0, 0, 0); }

.hero-wa-header-left { flex-shrink: 0; display: flex; align-items: center; width: 28px; }

.hero-wa-back { width: 20px; height: 20px; opacity: 1; stroke: rgb(0, 122, 255); }

.hero-wa-header-center { flex: 1 1 0%; display: flex; align-items: center; gap: 8px; min-width: 0px; }

.hero-wa-avatar { width: 34px; height: 34px; border-radius: 50%; overflow: hidden; background: rgba(0, 0, 0, 0.06); border: 1px solid rgba(0, 0, 0, 0.08); flex-shrink: 0; }

.hero-wa-avatar img { width: 100%; height: 100%; object-fit: cover; }

.hero-wa-contact { display: flex; flex-direction: column; min-width: 0px; flex: 1 1 0%; text-align: left; }

.hero-wa-contact strong { display: inline-flex; align-items: center; gap: 4px; font-size: 0.88rem; line-height: 1.1; letter-spacing: -0.01em; font-weight: 600; color: rgb(0, 0, 0); }

.hero-wa-verified { flex-shrink: 0; color: rgb(83, 189, 235); filter: none; }

.hero-wa-contact span { margin-top: 1px; color: rgba(0, 0, 0, 0.45); font-size: 0.68rem; }

.hero-wa-header-actions { display: flex; align-items: center; gap: 16px; flex-shrink: 0; }

.hero-wa-header-actions svg { width: 20px; height: 20px; stroke: rgb(0, 122, 255); opacity: 1; }

.hero-wa-actions { display: none; }

.hero-wa-body { position: relative; z-index: 1; height: calc(100% - 164px); padding: 14px 10px; display: flex; flex-direction: column; justify-content: flex-end; gap: 6px; overflow: hidden; }

.hero-wa-message { position: relative; width: fit-content; max-width: 85%; padding: 6px 8px 8px; border-radius: 7.5px; font-size: 0.82rem; line-height: 1.45; box-shadow: rgba(11, 20, 26, 0.13) 0px 1px 0.5px; opacity: 0; transform: translateY(12px); animation: 0.42s ease 0s 1 normal forwards running heroMessageIn; }

.hero-wa-message.user { align-self: flex-end; border-top-right-radius: 2px; background: rgba(217, 253, 211, 0.75); backdrop-filter: blur(12px) saturate(1.2); border: 1px solid rgba(217, 253, 211, 0.9); box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 15px, rgba(11, 20, 26, 0.1) 0px 1px 0.5px; }

.hero-wa-message.bot { align-self: flex-start; border-top-left-radius: 2px; background: rgba(255, 255, 255, 0.65); backdrop-filter: blur(12px) saturate(1.2); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.04) 0px 4px 15px, rgba(11, 20, 26, 0.1) 0px 1px 0.5px; }

.hero-wa-message strong { display: flex; align-items: center; gap: 3px; width: fit-content; margin-bottom: 2px; color: rgb(17, 27, 33); font-size: 0.78rem; font-weight: 700; }

.hero-wa-message-content { display: block; }

.hero-wa-message-content b { font-weight: 700; }

.hero-wa-message-content br { content: ""; display: block; margin-bottom: 14px; }

.hero-wa-document { min-width: 198px; padding: 8px 9px 6px; }

.hero-wa-file { display: flex; align-items: center; gap: 9px; }

.hero-wa-file-icon { position: relative; width: 36px; height: 42px; border-radius: 7px; display: grid; place-items: end center; padding-bottom: 6px; flex-shrink: 0; background: linear-gradient(135deg, transparent 0px, transparent 18%, rgba(255, 255, 255, 0.58) 18%, rgba(255, 255, 255, 0.58) 28%, transparent 29%), linear-gradient(145deg, rgb(241, 91, 108), rgb(199, 55, 85)); color: rgb(255, 255, 255); font-size: 0.48rem; font-weight: 800; letter-spacing: 0.04em; box-shadow: rgba(199, 55, 85, 0.2) 0px 4px 10px; }

.hero-wa-file-info { min-width: 0px; }

.hero-wa-file-info strong { display: block; margin: 0px 0px 3px; color: rgb(17, 27, 33); font-size: 0.7rem; line-height: 1.15; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.hero-wa-file-info small { display: block; color: rgb(102, 119, 129); font-size: 0.58rem; line-height: 1; }

.hero-wa-meta { display: inline-flex; align-items: center; justify-content: flex-end; gap: 3px; float: right; margin-top: 4px; margin-left: 8px; color: rgb(102, 119, 129); font-size: 0.65rem; line-height: 1; }

.hero-wa-message.user .hero-wa-meta { color: rgba(17, 27, 33, 0.45); }

.hero-wa-checks { position: relative; display: inline-block; width: 16px; height: 11px; color: rgb(83, 189, 235); transform: translateY(1px); }

.hero-wa-checks svg { position: absolute; top: 0px; width: 10px; height: 10px; fill: none; stroke: currentcolor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }

.hero-wa-checks svg:first-child { left: 0px; }

.hero-wa-checks svg:last-child { left: 5px; }

.hero-wa-tags { align-self: flex-start; display: flex; flex-wrap: wrap; gap: 5px; max-width: 88%; opacity: 0; transform: translateY(10px); animation: 0.42s ease 0s 1 normal forwards running heroMessageIn; }

.hero-wa-tags span { padding: 5px 10px; border-radius: 999px; background: rgba(0, 168, 132, 0.08); border: 1px solid rgba(0, 168, 132, 0.22); color: rgb(0, 168, 132); font-size: 0.68rem; font-weight: 600; }

.hero-wa-typing-dots { display: flex; align-items: center; gap: 4px; height: 18px; }

.hero-wa-typing-dots span { width: 6px; height: 6px; border-radius: 50%; background: rgb(134, 150, 160); animation: 1.3s ease-in-out 0s infinite normal both running heroDotPulse; }

.hero-wa-typing-dots span:nth-child(2) { animation-delay: 0.14s; }

.hero-wa-typing-dots span:nth-child(3) { animation-delay: 0.28s; }

.hero-wa-input { position: absolute; left: 0px; right: 0px; bottom: 0px; z-index: 3; height: 56px; padding: 6px 8px 14px; display: flex; align-items: center; gap: 6px; background: rgb(240, 235, 228); border-top: 1px solid rgba(0, 0, 0, 0.06); }

.hero-wa-plus { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: transparent; color: rgb(142, 142, 147); font-weight: 500; font-size: 1.3rem; box-shadow: none; }

.hero-wa-camera { width: 28px; height: 28px; display: grid; place-items: center; flex-shrink: 0; color: rgb(142, 142, 147); }

.hero-wa-mic { width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; flex-shrink: 0; background: transparent; color: rgb(142, 142, 147); box-shadow: none; }

.hero-wa-typebox { min-width: 0px; flex: 1 1 0%; height: 36px; padding: 0px 8px; border-radius: 18px; display: flex; align-items: center; background: rgb(255, 255, 255); color: rgb(17, 27, 33); font-size: 0.82rem; white-space: nowrap; overflow: hidden; border: 1px solid rgba(0, 0, 0, 0.08); box-shadow: none; }

.hero-wa-sticker-icon { margin-left: auto; flex-shrink: 0; width: 20px; height: 20px; }

.hero-wa-cursor { margin-left: 1px; color: rgb(0, 168, 132); font-weight: 300; animation: 1s ease 0s infinite normal none running heroCursorBlink; }

.hero-phone-shell, .hero-wa-message, .hero-wa-tags, .hero-wa-cursor, .hero-wa-typing-dots span, .hero-signal-card, .hero-signal-card::after, .hero-signal-card::before, .hero-signal-paths path { animation: auto ease 0s 1 normal none running none; transform: none; }

.hero-demo-glass { width: min(520px, 100% + 58px); }

.hero-phone-shell { width: 310px; }

.hero-phone-frame { height: 574px; border-radius: 48px; }

.hero-demo-glass { width: min(430px, 100% + 40px); min-height: 560px; }

.hero-phone-shell { width: 300px; margin-left: 0px; }

.hero-phone-frame { height: 552px; border-radius: 46px; }

.hero-demo-column { width: 100%; display: flex; justify-content: center; overflow: visible; margin-top: 0px; }

.hero-demo-glass { width: 100%; max-width: 100%; min-height: auto; margin-top: 0px; display: flex; align-items: center; justify-content: center; }

.hero-demo-glass::before { width: 290px; height: 408px; }

.hero-phone-shell { width: min(290px, 86vw); margin-left: 0px; transform: none; }

.hero-phone-frame { height: 500px; padding: 5px; border-radius: 42px; }

.hero-iphone-island { top: 8px; width: 72px; height: 20px; padding-right: 7px; }

.hero-iphone-island-cam { width: 6px; height: 6px; }

.hero-ios-statusbar { height: 36px; padding: 10px 16px 0px; }

.hero-ios-time { font-size: 0.62rem; }

.hero-ios-statusbar-right { gap: 3px; }

.hero-ios-signal { width: 12px; height: 8px; }

.hero-ios-wifi { width: 10px; height: 8px; }

.hero-ios-battery-svg { width: 20px; height: 10px; }

.hero-wa-header { height: 72px; padding: 36px 8px 6px; }

.hero-wa-header-left { width: 20px; }

.hero-wa-back { width: 14px; height: 14px; }

.hero-wa-header-center { gap: 6px; }

.hero-wa-avatar { width: 26px; height: 26px; }

.hero-wa-contact strong { font-size: 0.68rem; }

.hero-wa-verified { width: 10px; height: 10px; }

.hero-wa-contact span { font-size: 0.52rem; }

.hero-wa-header-actions { gap: 8px; }

.hero-wa-header-actions svg { width: 13px; height: 13px; }

.hero-wa-body { height: calc(100% - 122px); padding: 10px 7px; gap: 5px; text-align: left; }

.hero-wa-message { max-width: 88%; padding: 5px 7px 6px; border-radius: 7px; font-size: 0.64rem; line-height: 1.36; text-align: left; }

.hero-wa-message strong { font-size: 0.61rem; margin-bottom: 2px; text-align: left; }

.hero-wa-message-content, .hero-wa-message-content span { text-align: left; }

.hero-wa-document, .hero-wa-file, .hero-wa-file-info, .hero-wa-file-info strong, .hero-wa-file-info small { text-align: left; }

.hero-wa-document { min-width: 164px; }

.hero-wa-file-icon { width: 30px; height: 35px; border-radius: 6px; padding-bottom: 5px; font-size: 0.42rem; }

.hero-wa-file-info strong { font-size: 0.57rem; }

.hero-wa-file-info small { font-size: 0.5rem; }

.hero-wa-meta { font-size: 0.5rem; justify-content: flex-end; text-align: right; }

.hero-wa-tags { gap: 4px; }

.hero-wa-tags span { padding: 4px 6px; font-size: 0.53rem; }

.hero-wa-input { height: 38px; padding: 4px 5px 8px; gap: 3px; }

.hero-wa-plus { width: 20px; height: 20px; }

.hero-wa-plus svg { width: 14px; height: 14px; }

.hero-wa-camera { width: 20px; height: 20px; }

.hero-wa-camera svg { width: 14px; height: 14px; }

.hero-wa-mic { width: 20px; height: 20px; }

.hero-wa-mic svg { width: 14px; height: 14px; }

.hero-wa-typebox { height: 26px; padding: 0px 6px; font-size: 0.55rem; }

.hero-wa-sticker-icon { width: 14px; height: 14px; }

.hero-demo-glass { max-width: 100%; min-height: auto; }

.hero-phone-shell { width: 280px; transform: none; }

.hero-phone-frame { height: 490px; border-radius: 40px; }

.hero-wa-message { font-size: 0.63rem; }

.hero-wa-typebox { font-size: 0.6rem; }

.hero-halo { position: absolute; z-index: 1; pointer-events: none; width: 560px; height: 560px; border-radius: 50%; top: 6%; left: 50%; transform: translateX(-50%); background: radial-gradient(circle at 42% 38%, rgba(193, 131, 251, 0.32) 0%, rgba(193, 131, 251, 0) 55%), radial-gradient(circle at 62% 60%, rgba(226, 123, 183, 0.24) 0%, rgba(226, 123, 183, 0) 58%); filter: blur(34px); }

.hero-phone-frame { position: relative; }

.hero-push { position: absolute; z-index: 30; top: 42px; left: 9px; right: 9px; height: 120px; overflow: hidden; border-radius: 0px 0px 16px 16px; pointer-events: none; }

.hero-push-banner { display: flex; align-items: flex-start; gap: 9px; background: rgba(249, 249, 249, 0.88); backdrop-filter: blur(18px) saturate(1.6); border-radius: 16px; padding: 9px 12px 10px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 10px, rgba(0, 0, 0, 0.16) 0px 14px 34px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: rgb(17, 17, 17); text-align: left; opacity: 0; transform: translateY(-190%); transition: transform 0.6s cubic-bezier(0.32, 1.32, 0.45, 1), opacity 0.35s; will-change: transform; }

.hero-push-banner.na-tela { opacity: 1; transform: translateY(0px); }

.hero-push-icone { width: 31px; height: 31px; border-radius: 8px; flex-shrink: 0; overflow: hidden; background: rgb(12, 11, 14); }

.hero-push-icone img { width: 100%; height: 100%; object-fit: cover; }

.hero-push-corpo { min-width: 0px; flex: 1 1 0%; }

.hero-push-topo { display: flex; align-items: baseline; gap: 6px; }

.hero-push-topo b { font-size: 12px; font-weight: 700; color: rgb(17, 17, 17); }

.hero-push-topo small { font-size: 10.5px; color: rgb(124, 124, 130); margin-left: auto; flex-shrink: 0; }

.hero-push-texto { display: block; font-size: 11.5px; line-height: 1.34; color: rgb(44, 44, 49); }

.hero-push-texto b { font-weight: 700; color: rgb(17, 17, 17); font-variant-numeric: tabular-nums; }

@media (max-width: 768px) {
  .hero-push { top: 34px; left: 7px; right: 7px; }
  .hero-push-banner { border-radius: 13px; padding: 7px 9px 8px; gap: 7px; }
  .hero-push-icone { width: 24px; height: 24px; border-radius: 6.5px; }
  .hero-push-topo b { font-size: 0.62rem; }
  .hero-push-topo small { font-size: 0.54rem; }
  .hero-push-texto { font-size: 0.58rem; line-height: 1.32; }
  .hero-halo { width: 420px; height: 420px; }
}

.hero-phone-frame { background: rgb(0, 0, 0) !important; border-width: medium !important; border-style: none !important; border-color: currentcolor !important; border-image: none !important; box-shadow: none !important; border-radius: 0px !important; }

.hero-phone-frame::before, .hero-phone-frame::after { display: none !important; }

.hero-iphone-island { display: none !important; }

.hero-halo { display: none !important; }

.whatsapp-container-wrapper { width: 320px; height: 693px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; opacity: 0; transition: opacity 0.3s; }

.hero-phone-shell { width: 100% !important; height: 100% !important; margin: 0px !important; transform: none !important; filter: none !important; }

.hero-phone-frame { height: 100% !important; padding: 0px !important; border-radius: 0px !important; }

.hero-whatsapp-app { height: 100%; }

.hero-wa-body { height: calc(100% - 136px) !important; }

.chat-simulation-container { position: absolute; width: 361px; height: 385px; left: 50%; top: 50%; transform: translate(-50%,var(--conversa-desvio,-5px)) scale(var(--conversa-escala,0.95)); overflow: hidden; z-index: 10; scroll-behavior: smooth; }

.chat-messages { display: flex; flex-direction: column; justify-content: flex-start; gap: 12px; padding: 30px 10px 20px; min-height: 100%; }

@media (max-width: 615px) {
  .chat-simulation-container { height: var(--conversa-altura,385px); scroll-behavior: auto; }
  .chat-messages { padding-bottom: 31px; }
}

.chat-msg { opacity: 0; transform: translateY(15px); border-radius: 12px; padding: 8px 10px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 13.5px; line-height: 1.45; max-width: 88%; box-shadow: rgba(11, 20, 26, 0.15) 0px 1px 1.5px; animation: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.1) 0s 1 normal forwards running slideInMsg; position: relative; }

@keyframes slideInMsg { 
  100% { opacity: 1; transform: translateY(0px); }
}

.chat-msg.bot { align-self: flex-start; background-color: rgba(255, 255, 255, 0.03); backdrop-filter: blur(12px) saturate(1.2); border: 1px solid rgba(255, 255, 255, 0.2); }

.chat-msg.user { align-self: flex-end; background-color: rgba(0, 168, 132, 0.25); backdrop-filter: blur(12px) saturate(1.2); border: 1px solid rgba(0, 255, 170, 0.15); }

.chat-msg-header { display: flex; align-items: center; gap: 5px; margin-bottom: 5px; white-space: nowrap; }

.chat-msg-avatar { width: 22px; height: 22px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }

.chat-msg-name { font-weight: 700; font-size: 13px; color: rgb(255, 255, 255) !important; }

.chat-msg-verified { width: 12px; height: 12px; flex-shrink: 0; }

.chat-msg-role { color: rgba(233, 237, 239, 0.65); font-size: 11px; margin-left: 2px; }

.chat-msg-text { color: rgb(233, 237, 239); }

.chat-msg-text b { font-weight: 700; }

.chat-msg-time { display: flex; justify-content: flex-end; align-items: center; gap: 3px; font-size: 10px; color: rgba(233, 237, 239, 0.6); margin-top: 2px; float: right; margin-left: 8px; margin-bottom: -2px; }

.chat-msg.user .chat-msg-time { color: rgba(233, 237, 239, 0.65); }

.chat-msg-checks { color: rgb(83, 189, 235); width: 16px; height: 12px; display: inline-block; }

.chat-typing-dots { display: flex; align-items: center; gap: 4px; padding: 6px 4px 2px; }

.chat-typing-dots span { width: 6px; height: 6px; border-radius: 50%; background-color: rgba(255, 255, 255, 0.7); animation: 1.4s ease 0s infinite normal both running typingBlink; }

.chat-typing-dots span:nth-child(1) { animation-delay: 0s; }

.chat-typing-dots span:nth-child(2) { animation-delay: 0.2s; }

.chat-typing-dots span:nth-child(3) { animation-delay: 0.4s; }

@keyframes typingBlink { 
  0%, 80%, 100% { opacity: 0.3; }
  40% { opacity: 1; }
}

.typing-indicator { padding-bottom: 12px; }

.team-section { position: relative; z-index: 3; width: 100%; padding: 105px 0px 0px; background: transparent; display: flex; flex-direction: column; align-items: center; }

.team-container { position: relative; width: 94%; max-width: 1300px; min-height: 480px; border-radius: 24px; overflow: hidden; background: rgb(0, 0, 0); display: flex; flex-direction: column; justify-content: center; padding: 30px 48px; gap: 50px; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 80px; }

.team-energy { --energia: 1815px; position: absolute; z-index: 1; left: 73.7%; top: calc(36% - 15px); width: var(--energia); height: var(--energia); transform: translate(-50%, -50%); pointer-events: none; mask-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.26) 10%, rgba(0, 0, 0, 0.55) 20%, rgba(0, 0, 0, 0.83) 30%, rgb(0, 0, 0) 40%); }

.team-energy-in { position: absolute; inset: 0px; mask-image: linear-gradient(rgb(0, 0, 0) 62%, rgba(0, 0, 0, 0.55) 74%, rgba(0, 0, 0, 0.18) 84%, transparent 93%); }

.team-energy canvas { display: block; width: 100%; height: 100%; }

.team-content-row { display: flex; align-items: center; justify-content: center; width: 100%; position: relative; z-index: 2; transform: translateY(10px); }

.team-selector { position: relative; z-index: 2; display: flex; flex-direction: column; gap: 16px; flex-shrink: 0; margin-right: 60px; }

.team-selector-card { display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 14px; overflow: hidden; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.05); cursor: pointer; transition: 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0.6; backdrop-filter: blur(8px); position: relative; }

.team-selector-card:hover { opacity: 0.8; background: rgba(255, 255, 255, 0.08); }

.team-selector-card:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 4px; opacity: 1; }

.team-selector-card.active { opacity: 1; background: rgba(255, 255, 255, 0.12); border-color: rgba(255, 255, 255, 0.15); box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 24px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset; transform: scale(1.05); }

.team-selector-avatar { width: 100%; height: 100%; object-fit: cover; flex-shrink: 0; transition: 0.4s; }

.team-selector-card.active .team-selector-avatar { border-color: rgba(255, 255, 255, 0.3); }

.team-selector-info { position: absolute; left: 80px; display: flex; flex-direction: column; gap: 2px; min-width: 160px; opacity: 0; transform: translateX(-10px); transition: 0.3s; pointer-events: none; }

.team-selector-card:hover .team-selector-info, .team-selector-card.active .team-selector-info { opacity: 1; transform: translateX(0px); }

.team-selector-name { color: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: 0.9rem; font-weight: 500; letter-spacing: -0.01em; }

.team-selector-role { color: rgba(255, 255, 255, 0.5); font-family: Poppins, sans-serif; font-size: 0.7rem; font-weight: 300; letter-spacing: 0px; }

.team-selector-card.active .team-selector-role { color: rgb(255, 255, 255); }

.team-main-card-wrapper { position: relative; z-index: 3; flex-shrink: 0; margin-left: 60px; display: flex; justify-content: center; align-items: center; perspective: 1200px; height: 350px; width: 250px; }

.team-carousel-card { position: absolute; width: 204px; border-radius: 16px; overflow: hidden; background: rgb(255, 255, 255); border: 1px solid rgba(0, 0, 0, 0.05); padding: 10px; transition: transform 1.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.45s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 1.45s cubic-bezier(0.25, 1, 0.5, 1); cursor: pointer; }

.team-carousel-card::after { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); pointer-events: none; transition: background 1.45s cubic-bezier(0.25, 1, 0.5, 1); z-index: 5; }

.team-carousel-card.pos-center::after { background: rgba(0, 0, 0, 0); }

.team-carousel-card:not(.pos-center):hover::after { background: rgba(0, 0, 0, 0.2); transition: background 0.3s; }

.pos-center { z-index: 3; transform: translateX(0px) translateZ(0px) scale(1); box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 80px, rgba(0, 0, 0, 0.4) 0px 10px 30px, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px; opacity: 1; }

.pos-right { z-index: 2; transform: translateX(110px) translateZ(-60px) scale(0.85); opacity: 1; }

.pos-left { z-index: 2; transform: translateX(-110px) translateZ(-60px) scale(0.85); opacity: 1; }

.pos-back { z-index: 1; transform: translateX(0px) translateZ(-120px) scale(0.7); opacity: 0; pointer-events: none; }

.team-main-portrait { width: 100%; height: 231px; border-radius: 8px; overflow: hidden; position: relative; background: rgba(255, 255, 255, 0.05); }

.team-portrait-img { width: 100%; height: 100%; object-fit: cover; object-position: center top; display: block; }

.team-main-card-footer { margin-top: 10px; background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgb(28, 28, 30) 100%); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 8px; padding: 12px 14px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 4px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 12px; transition: 0.6s; }

.team-main-name { font-family: Poppins, sans-serif; font-size: 0.95rem; font-weight: 400; line-height: 1; color: rgb(255, 255, 255); letter-spacing: -0.01em; display: flex; align-items: center; gap: 4px; }

.team-verified-icon { flex-shrink: 0; position: relative; top: 0px; }

.team-main-role { font-family: Poppins, sans-serif; font-size: 0.7rem; font-weight: 400; color: rgba(255, 255, 255, 0.6); text-transform: none; letter-spacing: 0px; margin-top: 0px; white-space: nowrap; }

.team-notification { position: absolute; top: calc(70% - 100px); right: -170px; transform: translateY(-50%) translateX(20px); padding: 8px 10px; border-radius: 12px; background-color: rgb(0, 42, 33); border: 1px solid rgba(0, 255, 170, 0.15); box-shadow: rgba(11, 20, 26, 0.15) 0px 1px 1.5px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 13.5px; line-height: 1.45; z-index: 10; max-width: 250px; transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s cubic-bezier(0.25, 1, 0.5, 1); }

.team-notification.notif-hidden { opacity: 0; z-index: 2; transform: translateY(calc(-50% + 40px)) translateX(20px) scale(0.98); pointer-events: none; }

.team-notif-msg { display: inline; color: rgb(233, 237, 239); transition: opacity 0.3s; }

.team-notif-time { display: flex; justify-content: flex-end; align-items: center; gap: 3px; font-size: 10px; color: rgba(233, 237, 239, 0.65); margin-top: 4px; float: right; margin-left: 8px; margin-bottom: -4px; }

.team-notif-checks { color: rgb(83, 189, 235); width: 16px; height: 11px; display: inline-block; flex-shrink: 0; }

.team-sphere { --dash-scale: 1; position: relative; z-index: 2; flex: 1 1 0%; max-width: 500px; height: 350px; margin-left: auto; margin-right: auto; align-self: center; pointer-events: none; }

.team-sphere-canvas { display: block; }

.dash-stack { position: absolute; top: 12px; left: 50%; width: 376px; height: 325px; transform: translateX(-50%) translateX(var(--dash-x,100px)) scale(var(--dash-scale)); transform-origin: center top; z-index: 4; }

.dash-orbit { position: absolute; inset: 0px; }

.dash-panel { --ac: 198,200,206; --ac-hi: 255,255,255; --ac-2: rgba(255,255,255,0.55); --ac-3: rgba(255,255,255,0.26); --ink-1: rgba(255,255,255,0.88); --ink-2: rgba(255,255,255,0.54); --ink-3: rgba(255,255,255,0.34); --ink-4: rgba(255,255,255,0.24); --gap-lg: 18px; --gap-md: 12px; --hair: rgba(255,255,255,0.07); position: absolute; inset: 0px; display: flex; flex-direction: column; padding: 19px 21px 15px; border-radius: 22px; font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.027) 100%); backdrop-filter: blur(16px) saturate(140%); border-width: 1px; border-style: solid; border-image: none; border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.5) 0px 26px 60px, rgba(0, 0, 0, 0.3) 0px 3px 10px, rgba(255, 255, 255, 0.5) 0px 1px 1px inset, rgba(255, 255, 255, 0.3) 1px 0px 1px inset; opacity: 0; visibility: hidden; transform: translateY(8px); transition: opacity 0.7s cubic-bezier(0.25, 1, 0.5, 1), transform 0.7s cubic-bezier(0.25, 1, 0.5, 1), visibility linear 0.7s; }

.dash-panel.is-active { opacity: 1; visibility: visible; transform: translateY(0px); transition-delay: 0s; }

.dash-panel > * { position: relative; z-index: 1; }

.dash-eyebrow { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 0.55rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1; color: rgb(var(--ac-hi)); }

.dash-tag { padding: 4px 9px 3px; border-radius: 999px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.14); font-size: 0.5rem; letter-spacing: 0.14em; color: rgb(255, 255, 255); font-weight: 400; white-space: nowrap; }

.dash-hero { display: flex; align-items: flex-end; gap: 14px; margin-top: var(--gap-lg); }

.dash-num { font-size: 2.7rem; font-weight: 500; line-height: 0.86; letter-spacing: -0.05em; color: rgb(255, 255, 255); }

.dash-num-money { font-size: 2rem; letter-spacing: -0.045em; display: flex; align-items: baseline; }

.dash-num-money em, .dash-num-money i { font-style: normal; letter-spacing: 0px; color: var(--ink-2); }

.dash-num-money em { font-size: 0.72rem; margin-right: 5px; }

.dash-num-money i { font-size: 0.95rem; }

.dash-num-time { font-size: 2.1rem; }

.dash-cap { display: block; padding-bottom: 2px; font-size: 0.56rem; font-weight: 300; line-height: 1.55; color: var(--ink-3); }

.dash-cap b { display: block; font-size: 0.58rem; font-weight: 400; color: var(--ink-1); }

.dash-cap-row { display: flex; justify-content: space-between; gap: 10px; margin-bottom: var(--gap-md); font-size: 0.5rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.16em; line-height: 1; color: var(--ink-3); }

.dash-chart { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; margin-top: var(--gap-lg); min-height: 0px; }

.dash-bars { list-style: none; flex: 1 1 0%; display: flex; flex-direction: column; justify-content: space-between; gap: 11px; }

.dash-bar { display: flex; align-items: center; gap: 12px; }

.dash-bar-key { width: 112px; flex-shrink: 0; font-size: 0.6rem; font-weight: 400; color: var(--ink-1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dash-bar-key em { font-style: normal; font-size: 0.5rem; font-weight: 300; color: var(--ink-3); }

.dash-bar-track { flex: 1 1 0%; height: 3px; border-radius: 999px; background: rgba(255, 255, 255, 0.08); position: relative; overflow: hidden; }

.dash-bar-track i { position: absolute; inset: 0px; border-radius: 999px; background: var(--ac-2); clip-path: inset(0px 100% 0px 0px); transition: clip-path 1.1s cubic-bezier(0.2, 0.9, 0.25, 1); }

.dash-bar.is-top .dash-bar-track i { background: rgb(var(--ac-hi)); }

.dash-panel.is-active .dash-bar-track i { clip-path: inset(0 calc(100% - var(--w)) 0 0); }

.dash-panel.is-active .dash-bar:nth-child(2) .dash-bar-track i { transition-delay: 0.08s; }

.dash-panel.is-active .dash-bar:nth-child(3) .dash-bar-track i { transition-delay: 0.16s; }

.dash-panel.is-active .dash-bar:nth-child(4) .dash-bar-track i { transition-delay: 0.24s; }

.dash-bar-val { width: 30px; flex-shrink: 0; text-align: right; font-size: 0.62rem; font-weight: 500; color: rgb(255, 255, 255); }

.dash-spark { flex: 1 1 0%; min-height: 54px; }

.dash-spark svg { width: 100%; height: 100%; display: block; }

.dash-spark-grid { stroke: rgba(255, 255, 255, 0.055); stroke-width: 1; }

.dash-spark-line { stroke: rgb(var(--ac-hi)); stroke-width: 1.5; stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; stroke-dasharray: 1; stroke-dashoffset: 1; }

.dash-panel.is-active .dash-spark-line { stroke-dashoffset: 0; transition: stroke-dashoffset 1.6s cubic-bezier(0.3, 0, 0.25, 1) 0.1s; }

.dash-spark-area { fill: url("#dashSparkFill"); opacity: 0; }

.dash-panel.is-active .dash-spark-area { opacity: 1; transition: opacity 1s 0.65s; }

.dash-stats { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-top: var(--gap-lg); padding-top: 11px; border-top: 1px solid var(--hair); }

.dash-stats li { display: flex; flex-direction: column; gap: 6px; min-width: 0px; }

.dash-stats li:last-child { align-items: flex-end; text-align: right; }

.dash-stats span { font-size: 0.5rem; font-weight: 300; line-height: 1; color: var(--ink-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dash-stats b { font-size: 0.62rem; font-weight: 500; color: var(--ink-1); white-space: nowrap; line-height: 1; }

.dash-stats b.is-up { color: rgb(var(--ac-hi)); }

.dash-week { display: flex; align-items: stretch; gap: 7px; flex: 0 0 auto; height: 62px; }

.dash-day { flex: 1 1 0%; display: flex; flex-direction: column; align-items: center; gap: 5px; }

.dash-day b { height: 8px; font-size: 0.5rem; font-weight: 500; line-height: 1; color: var(--ink-3); }

.dash-day.is-today b { color: rgb(var(--ac-hi)); }

.dash-day-col { flex: 1 1 0%; width: 100%; display: flex; align-items: flex-end; justify-content: center; position: relative; }

.dash-day-col::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 1px; background: rgba(255, 255, 255, 0.09); }

.dash-day-col i { width: 58%; height: var(--h,0px); border-radius: 2px 2px 0px 0px; background: var(--ac-2); transform: scaleY(0); transform-origin: center bottom; transition: transform 0.85s cubic-bezier(0.2, 0.9, 0.25, 1); }

.dash-day.is-today .dash-day-col i { background: rgb(var(--ac-hi)); }

.dash-panel.is-active .dash-day-col i { transform: scaleY(1); }

.dash-panel.is-active .dash-day:nth-child(2) .dash-day-col i { transition-delay: 0.05s; }

.dash-panel.is-active .dash-day:nth-child(3) .dash-day-col i { transition-delay: 0.1s; }

.dash-panel.is-active .dash-day:nth-child(4) .dash-day-col i { transition-delay: 0.15s; }

.dash-panel.is-active .dash-day:nth-child(5) .dash-day-col i { transition-delay: 0.2s; }

.dash-panel.is-active .dash-day:nth-child(6) .dash-day-col i { transition-delay: 0.25s; }

.dash-panel.is-active .dash-day:nth-child(7) .dash-day-col i { transition-delay: 0.3s; }

.dash-day em { font-style: normal; font-size: 0.5rem; font-weight: 300; text-transform: uppercase; letter-spacing: 0.1em; line-height: 1; color: var(--ink-4); }

.dash-day.is-today em { color: var(--ink-1); font-weight: 400; }

.dash-list { list-style: none; margin-top: var(--gap-lg); }

.dash-list li { display: flex; align-items: center; gap: 10px; padding: 8px 0px; border-top: 1px solid var(--hair); font-size: 0.58rem; font-weight: 300; line-height: 1; color: var(--ink-1); }

.dash-list li i { width: 4px; height: 4px; border-radius: 50%; flex-shrink: 0; background: var(--ac-2); }

.dash-list li span { margin-right: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dash-list li em { font-style: normal; font-size: 0.53rem; font-weight: 400; letter-spacing: 0.04em; color: var(--ink-3); flex-shrink: 0; }

.dash-list li.is-due i { background: rgb(var(--ac-hi)); }

.dash-list li.is-due em { color: rgb(var(--ac-hi)); }

.dash-seg { display: flex; gap: 3px; height: 5px; }

.dash-seg i { width: var(--w); border-radius: 999px; background: var(--step,var(--ac-2)); transform: scaleX(0); transform-origin: left center; transition: transform 0.9s cubic-bezier(0.2, 0.9, 0.25, 1); }

.dash-panel.is-active .dash-seg i { transform: scaleX(1); }

.dash-panel.is-active .dash-seg i:nth-child(2) { transition-delay: 0.09s; }

.dash-panel.is-active .dash-seg i:nth-child(3) { transition-delay: 0.18s; }

.s1 { --step: rgb(var(--ac-hi)); }

.s2 { --step: rgb(var(--ac)); }

.s3 { --step: var(--ac-2); }

.s4 { --step: var(--ink-4); }

.dash-legend { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 9px 20px; margin-top: var(--gap-md); }

.dash-legend li { display: flex; align-items: center; gap: 8px; font-size: 0.56rem; font-weight: 300; line-height: 1; color: var(--ink-2); }

.dash-legend li i { width: 5px; height: 5px; border-radius: 50%; flex-shrink: 0; background: var(--step,var(--ac-2)); }

.dash-legend li span { margin-right: auto; white-space: nowrap; }

.dash-legend li b { font-size: 0.58rem; font-weight: 500; color: var(--ink-1); }

.dash-foot { display: flex; align-items: flex-start; gap: 8px; margin-top: var(--gap-lg); padding-top: 13px; border-top: 1px solid var(--hair); }

.dash-voice { width: 12px; height: 12px; flex-shrink: 0; margin-top: 1px; fill: var(--ac-2); }

.dash-foot p { font-size: 0.66rem; font-weight: 300; font-style: italic; line-height: 1.45; color: rgba(255, 255, 255, 0.72); }

.dash-foot p b { font-style: normal; font-weight: 400; color: var(--ink-1); }

.dash-panel.is-active .dash-eyebrow, .dash-panel.is-active .dash-hero, .dash-panel.is-active .dash-chart, .dash-panel.is-active .dash-stats, .dash-panel.is-active .dash-list, .dash-panel.is-active .dash-foot { animation: 0.75s cubic-bezier(0.25, 1, 0.5, 1) 0s 1 normal both running dashRise; }

.dash-panel.is-active .dash-hero { animation-delay: 0.06s; }

.dash-panel.is-active .dash-chart { animation-delay: 0.12s; }

.dash-panel.is-active .dash-stats, .dash-panel.is-active .dash-list { animation-delay: 0.18s; }

.dash-panel.is-active .dash-foot { animation-delay: 0.24s; }

@keyframes dashRise { 
  0% { opacity: 0; transform: translateY(7px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@media (prefers-reduced-motion: reduce) {
  .dash-panel.is-active .dash-eyebrow, .dash-panel.is-active .dash-hero, .dash-panel.is-active .dash-chart, .dash-panel.is-active .dash-stats, .dash-panel.is-active .dash-list, .dash-panel.is-active .dash-foot { animation: auto ease 0s 1 normal none running none; }
}

.team-text-block { width: 100%; padding: 0px; position: relative; z-index: 2; transform: translateY(-20px); }

.team-headline { font-family: Poppins, sans-serif; font-size: 1.4rem; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: -0.02em; margin-bottom: 10px; }

.team-description { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: rgb(134, 134, 139); line-height: 1.55; max-width: 660px; margin-bottom: 12px; }

.team-btn, .promise-btn { font-size: 0.88rem; color: rgb(134, 134, 139); text-decoration: none; }

.team-btn span, .promise-btn span { text-decoration: underline 1px; text-underline-offset: 4px; }

.promise-btn { align-self: flex-start; }

@media (max-width: 1200px) {
  .team-sphere { --dash-scale: 0.88; --dash-x: 84px; max-width: 380px; }
  .team-energy { --energia: 1595px; left: 76%; top: calc(31% - 15px); }
}

@media (max-width: 1140px) {
  .team-sphere { --dash-scale: 0.74; --dash-x: 46px; }
  .team-energy { --energia: 1342px; left: 77%; top: calc(28% - 15px); }
  .team-notification { right: -40px; }
}

@media (max-width: 960px) {
  .team-container { flex-direction: column; padding: 32px 20px; gap: 24px; min-height: auto; }
  .team-energy { --energia: 1331px; left: 50%; top: calc(62% - 15px); mask-image: none; }
  .team-energy-in { mask-image: linear-gradient(transparent 17%, rgb(0, 0, 0) 37%, rgb(0, 0, 0) 61%, transparent 83%); }
  .team-content-row { flex-direction: column; gap: 36px; transform: none; }
  .team-selector { flex-direction: row; justify-content: center; margin-right: 0px; width: 100%; gap: 10px; padding-bottom: 4px; }
  .team-selector-card { flex-shrink: 0; }
  .team-main-card-wrapper { margin-left: 0px; margin-right: 0px; }
  .team-notification { right: -10px; top: auto; bottom: 70px; transform: translateX(10px) translateY(0px); }
  .team-sphere { --dash-scale: 0.86; flex: 0 0 auto; width: 100%; max-width: 340px; height: 300px; margin: 0px auto; }
  .dash-stack { top: 50%; left: 50%; transform: translate(-50%,-50%) scale(var(--dash-scale)); transform-origin: center center; }
  .team-text-block { padding: 28px 0px 0px; transform: none; }
  .team-headline { font-size: 1.2rem; }
  .team-description { font-size: 0.82rem; }
}

@media (max-width: 600px) {
  .team-section { padding: 73px 0px 0px; }
  .team-energy { --energia: 1848px; }
  .team-energy-in { mask-image: linear-gradient(transparent 33.5%, rgb(0, 0, 0) 43.5%, rgb(0, 0, 0) 55.5%, transparent 66.5%); }
  .team-container { width: 96%; border-radius: 16px; padding: 24px 16px; gap: 56px; }
  .team-selector-card { width: 38px; height: 38px; border-radius: 11px; }
  .team-carousel-card { width: 184px; }
  .team-main-portrait { height: 225px; }
  .team-carousel-card.pos-right { transform: translateX(99px) translateZ(-60px) scale(0.85); }
  .team-carousel-card.pos-left { transform: translateX(-99px) translateZ(-60px) scale(0.85); }
  .team-main-card-wrapper { width: 225px; height: 322px; }
  .team-notification { max-width: 220px; right: max(126.5px - 48vw, -80px); bottom: 108.6px; transform-origin: right bottom; transform: translateX(10px) translateY(0px) scale(0.78); }
  .team-notification.notif-hidden { transform: translateY(calc(-50% + 40px)) translateX(10px) scale(0.7644); }
  .team-sphere { --dash-scale: 0.896; max-width: none; width: 337px; margin-left: calc(50% - 168.5px); margin-right: calc(50% - 168.5px); height: 291px; }
  .team-text-block { order: -1; padding: 0px; }
  .team-energy { top: calc(77.7% + 55px); }
}

@media (max-width: 615px) {
  :root { --aparelho-tapa: 140; }
  .team-section { padding-top: calc( (903 - var(--aparelho-tapa)) * var(--aparelho-larg) / 1910 - 350px + var(--hero-descida,0px) ); }
}

.promise-section { position: relative; z-index: 3; width: 100%; padding: 50px 0px 0px; display: flex; flex-direction: column; align-items: center; }

.promise-container { position: relative; width: 94%; max-width: 1300px; min-height: 584px; border-radius: 24px; overflow: hidden; background: rgb(0, 0, 0); display: flex; align-items: flex-end; padding: 60px 48px; border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 80px; }

.promise-text { position: relative; z-index: 3; max-width: 560px; margin-right: auto; align-self: stretch; display: flex; flex-direction: column; justify-content: flex-end; }

.promise-headline { font-family: Poppins, sans-serif; font-size: 1.4rem; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: -0.02em; margin-bottom: 10px; }

.promise-description { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: rgb(134, 134, 139); line-height: 1.55; max-width: 100%; margin-bottom: 12px; }

.promise-stage { position: absolute; top: 0px; right: 0px; bottom: 0px; width: 52%; z-index: 2; display: flex; align-items: center; justify-content: center; pointer-events: none; }

.flow { --ink-1: rgba(255,255,255,0.92); --ink-2: rgba(255,255,255,0.58); --ink-3: rgba(255,255,255,0.34); --hair: rgba(255,255,255,0.13); --hair-2: rgba(255,255,255,0.07); --ease: cubic-bezier(0.22,1,0.36,1); --ease-calmo: cubic-bezier(0.4,0,0.2,1); --ease-saida: cubic-bezier(0.5,0,0.9,0.35); --ease-pouso: cubic-bezier(0.5,0,0.25,1); --phone-y: 580px; position: relative; width: 520px; height: 480px; flex: 0 0 auto; transform: scale(var(--flow-scale,1)); font-family: Poppins, sans-serif; }

.flow-drift { position: absolute; inset: 0px; animation: 26s ease-in-out 0s infinite alternate none running regDrift; }

@keyframes regDrift { 
  0% { transform: scale(1) translate3d(0px, 0px, 0px); }
  100% { transform: scale(1.02) translate3d(-4px, -3px, 0px); }
}

.flow[data-ato="1"] [data-ato]:not([data-ato="1"]), .flow[data-ato="2"] [data-ato]:not([data-ato="2"]), .flow[data-ato="3"] [data-ato]:not([data-ato="3"]) { display: none; }

.reg-phone { position: absolute; left: 50%; top: -4px; width: 320px; height: 760px; margin-left: -160px; border-radius: 46px; padding: 6px; background: linear-gradient(160deg, rgb(35, 35, 38) 0%, rgb(13, 13, 15) 55%, rgb(26, 26, 29) 100%); box-shadow: rgba(0, 0, 0, 0.65) 0px 34px 70px, rgba(255, 255, 255, 0.07) 0px 0px 0px 1px, rgba(255, 255, 255, 0.16) 0px 1px 1px inset; transform: translate3d(0,var(--phone-y),0); opacity: 1; transition: transform 0.9s var(--ease); z-index: 2; }

.flow.is-phone { --phone-y: 0px; }

.reg-screen { position: relative; height: 100%; border-radius: 40px; overflow: hidden; background: rgb(5, 5, 6); }

.reg-screen::before { content: ""; position: absolute; top: 12px; left: 50%; width: 84px; height: 23px; margin-left: -42px; border-radius: 999px; background: rgb(0, 0, 0); z-index: 2; }

.reg-tags, .reg-chart, .reg-done, .reg-insight { position: absolute; left: 18px; right: 18px; clip-path: inset(0px 100% 0px 0px); transition: clip-path 1s var(--ease-calmo),-webkit-clip-path 1s var(--ease-calmo); }

.flow.is-info .reg-tags, .flow.is-info .reg-chart, .flow.is-info .reg-done, .flow.is-info .reg-insight { clip-path: inset(0px); }

.flow.is-info .reg-chart { transition-delay: 0.2s; }

.flow.is-info .reg-done { transition-delay: 0.2s; }

.flow.is-info .reg-insight { transition-delay: 0.44s; }

.flow.is-info .reg-insight[data-ato="2"], .flow.is-info .reg-insight[data-ato="3"] { transition-delay: 1.38s; }

.reg-tags { top: 344px; display: flex; gap: 7px; }

.reg-tags span { padding: 6px 12px 5px; border-radius: 999px; border: 1px solid var(--hair-2); font-size: 0.58rem; letter-spacing: 0.06em; text-transform: uppercase; line-height: 1; color: var(--ink-2); white-space: nowrap; }

.reg-tags span.is-on { color: rgb(255, 255, 255); border-color: rgba(226, 123, 183, 0.5); background: linear-gradient(135deg, rgba(188, 133, 248, 0.2) 0%, rgba(226, 123, 183, 0.2) 100%); }

.reg-chart { top: 384px; padding-top: 16px; border-top: 1px solid var(--hair-2); }

.reg-chart-top { display: block; margin-bottom: 12px; font-size: 0.52rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); }

.reg-rows { list-style: none; display: flex; flex-direction: column; gap: 9px; }

.reg-rows li { display: flex; align-items: center; gap: 10px; font-size: 0.56rem; line-height: 1; }

.reg-rows em { font-style: normal; width: 20px; flex: 0 0 auto; color: var(--ink-3); }

.reg-track { flex: 1 1 0%; height: 8px; border-radius: 4px; background: rgba(255, 255, 255, 0.05); overflow: hidden; }

.reg-track i { display: block; width: var(--w); height: 100%; border-radius: 4px; background: rgba(255, 255, 255, 0.2); transform: scaleX(0); transform-origin: left center; transition: transform 1s var(--ease-calmo); }

.reg-rows li.is-now .reg-track i { background: rgba(255, 255, 255, 0.85); }

.reg-rows li.is-now b { color: rgb(255, 255, 255); }

.flow.is-info .reg-track i { transform: scaleX(1); transition-delay: 0.5s; }

.flow.is-info .reg-rows li.is-now .reg-track i { transition-delay: 0.68s; }

.reg-rows b { font-size: 0.58rem; font-weight: 500; color: var(--ink-2); white-space: nowrap; flex: 0 0 auto; }

.reg-done { top: 384px; padding-top: 13px; border-top: 1px solid var(--hair-2); }

.reg-done .reg-chart-top { margin-bottom: 8px; }

.reg-steps { list-style: none; display: flex; flex-direction: column; gap: 5px; }

.reg-steps li { display: flex; align-items: center; gap: 8px; font-size: 0.56rem; font-weight: 300; line-height: 1.15; color: var(--ink-2); white-space: nowrap; clip-path: inset(0px 100% 0px 0px); transition: clip-path 0.5s var(--ease-calmo),-webkit-clip-path 0.5s var(--ease-calmo); }

.flow.is-info .reg-steps li { clip-path: inset(0px); }

.flow.is-info .reg-steps li:nth-child(1) { transition-delay: 0.55s; }

.flow.is-info .reg-steps li:nth-child(2) { transition-delay: 0.78s; }

.flow.is-info .reg-steps li:nth-child(3) { transition-delay: 1.01s; }

.reg-steps svg { width: 11px; height: 11px; flex: 0 0 auto; fill: none; stroke: rgba(226, 123, 183, 0.95); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

.reg-steps svg path { stroke-dasharray: 13; stroke-dashoffset: 13; transition: stroke-dashoffset 0.4s var(--ease-calmo); }

.flow.is-info .reg-steps li svg path { stroke-dashoffset: 0; }

.flow.is-info .reg-steps li:nth-child(1) svg path { transition-delay: 0.85s; }

.flow.is-info .reg-steps li:nth-child(2) svg path { transition-delay: 1.08s; }

.flow.is-info .reg-steps li:nth-child(3) svg path { transition-delay: 1.31s; }

.reg-insight { top: 470px; display: flex; gap: 9px; }

.reg-insight[data-ato="2"], .reg-insight[data-ato="3"] { top: 480px; }

.reg-insight svg { width: 13px; height: 13px; fill: rgba(226, 123, 183, 0.9); flex: 0 0 auto; margin-top: 1px; }

.reg-insight p { font-size: 0.6rem; font-weight: 300; line-height: 1.45; color: var(--ink-3); }

.reg-insight b { font-weight: 500; color: var(--ink-1); }

.reg-cast { position: absolute; inset: 0px; z-index: 3; }

.reg-bloom { position: absolute; left: 50%; top: 240px; width: 460px; height: 190px; margin: -95px 0px 0px -230px; border-radius: 50%; background: radial-gradient(50% 50%, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.19) 32%, rgba(255, 255, 255, 0.06) 56%, transparent 76%); filter: blur(14px); opacity: 0; transform: scale(0.28); transition: opacity 0.7s ease,transform 0.9s var(--ease); }

.flow.is-in .reg-bloom { opacity: 1; transform: scale(1); }

.flow.is-sent .reg-bloom { opacity: 0; transform: scale(1.1); transition-duration: 0.8s; }

.reg-bloom::after { content: ""; position: absolute; inset: 3% 28%; border-radius: 50%; background: radial-gradient(50% 50%, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 0.28) 42%, transparent 74%); opacity: 0; transform: scale(0.62); transition: opacity 0.5s ease,transform 0.58s var(--ease); }

.reg-item { position: absolute; left: 151px; top: 131px; width: 218px; height: 218px; filter: blur(16px) saturate(115%) brightness(0.72); opacity: 0; transition: left 0.85s var(--ease),top 0.85s var(--ease),width 0.85s var(--ease),height 0.85s var(--ease),filter 0.9s var(--ease),opacity 0.7s ease; }

.flow.is-in .reg-item { opacity: 0.45; }

.flow.is-sent .reg-item { left: 124px; top: 112px; width: 176px; height: 176px; filter: none; opacity: 1; }

.reg-photo { display: block; position: relative; width: 100%; height: 100%; border-radius: 18px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.09); background: radial-gradient(120% 120% at 50% 38%, rgb(237, 237, 237) 0%, rgb(217, 217, 217) 55%, rgb(188, 188, 188) 100%); }

.reg-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }

.reg-photo::after { content: ""; position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.12); pointer-events: none; }

.reg-agenda { position: absolute; left: 124px; top: 112px; width: 272px; height: 176px; padding: 8px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.09); background: linear-gradient(158deg, rgb(26, 26, 31) 0%, rgb(11, 11, 13) 100%); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; transform-origin: 50% 50%; transform: translate3d(0px, 40px, 0px) scale(1.2); filter: blur(16px) saturate(115%) brightness(0.72); opacity: 0; transition: transform 0.85s var(--ease),filter 0.9s var(--ease),opacity 0.7s ease; }

.flow.is-in .reg-agenda { opacity: 0.45; }

.flow.is-sent .reg-agenda { transform: translate3d(0px, 0px, 0px) scale(1); filter: none; opacity: 1; }

.reg-week { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0px; height: 22px; }

.reg-week span { display: flex; flex-direction: column; align-items: center; gap: 1px; line-height: 1; }

.reg-week em { font-style: normal; font-size: 0.42rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-3); }

.reg-week b { font-size: 0.55rem; font-weight: 400; color: var(--ink-2); }

.reg-week span.is-day em { color: var(--ink-2); }

.reg-week span.is-day b, .reg-week span.is-day em { transition: color 0.45s; }

.flow.is-mark .reg-week span.is-day b { color: rgb(255, 255, 255); }

.flow.is-mark .reg-week span.is-day em { color: rgba(226, 123, 183, 0.95); }

.reg-days { --hora: 26px; --enc: 3px; position: relative; display: grid; grid-template-columns: repeat(5, 1fr); gap: 0px; height: calc(var(--hora) * 5); margin-top: 6px; background-image: repeating-linear-gradient(to bottom,rgba(255,255,255,0.085) 0 1px,transparent 1px var(--hora)); }

.reg-day { position: relative; border-radius: 4px; }

.reg-day + .reg-day { border-left: 1px solid rgba(255, 255, 255, 0.04); }

.reg-day > i { position: absolute; left: var(--enc); right: var(--enc); top: calc(var(--t) * var(--hora) + var(--enc)); height: calc(var(--hora) - 2 * var(--enc)); border-radius: 4px; background: linear-gradient(rgb(50, 50, 55) 0%, rgb(41, 41, 45) 100%); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }

.reg-day.is-day { background: linear-gradient(rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.067) 100%); }

.reg-slot { position: absolute; left: var(--enc); right: var(--enc); top: calc(3 * var(--hora) + var(--enc)); height: calc(var(--hora) - 2 * var(--enc)); border-radius: 4px; border: 1px dashed rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; overflow: hidden; clip-path: inset(0px 0px 100%); transition: clip-path 0.42s var(--ease-calmo),-webkit-clip-path 0.42s var(--ease-calmo),border-color 0.35s ease,box-shadow 0.6s ease; }

.flow.is-sent .reg-slot { clip-path: inset(0px); transition-delay: 0.35s; }

.flow.is-mark .reg-slot { border-style: solid; border-color: rgba(226, 123, 183, 0.65); box-shadow: rgba(203, 128, 216, 0.4) 0px 2px 12px -2px; }

.reg-slot i { position: absolute; inset: 0px; border-radius: 3px; background: linear-gradient(135deg, rgba(188, 133, 248, 0.55) 0%, rgba(226, 123, 183, 0.55) 100%); clip-path: inset(0px 100% 0px 0px); transition: clip-path 0.5s var(--ease-calmo),-webkit-clip-path 0.5s var(--ease-calmo); }

.flow.is-mark .reg-slot i { clip-path: inset(0px); }

.reg-slot b { position: relative; z-index: 1; font-size: 0.44rem; font-weight: 500; letter-spacing: 0.02em; color: rgb(255, 255, 255); line-height: 1; clip-path: inset(0px 100% 0px 0px); transition: clip-path 0.4s var(--ease-calmo),-webkit-clip-path 0.4s var(--ease-calmo); }

.flow.is-mark .reg-slot b { clip-path: inset(0px); transition-delay: 0.22s; }

.reg-slot-ring { position: absolute; left: calc(var(--enc) - 1px); right: calc(var(--enc) - 1px); top: calc(3 * var(--hora) + var(--enc) - 1px); height: calc(var(--hora) - 2 * var(--enc) + 2px); border-radius: 5px; border: 1px solid rgba(226, 123, 183, 0.9); opacity: 0; pointer-events: none; }

.flow.is-mark .reg-slot-ring { animation: regSlotRing 0.75s var(--ease) 0.1s forwards; }

@keyframes regSlotRing { 
  0% { transform: scale(1); opacity: 0.95; }
  100% { transform: scale(1.5, 2.1); opacity: 0; }
}

.reg-fila { position: absolute; left: 124px; top: 112px; width: 272px; height: 176px; padding: 8px 8px 0px; border-radius: 16px; border: 1px solid rgba(255, 255, 255, 0.09); background: linear-gradient(158deg, rgb(26, 26, 31) 0%, rgb(11, 11, 13) 100%); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; transform-origin: 50% 50%; transform: translate3d(0px, 40px, 0px) scale(1.2); filter: blur(16px) saturate(115%) brightness(0.72); opacity: 0; transition: transform 0.85s var(--ease),filter 0.9s var(--ease),opacity 0.7s ease; }

.flow.is-in .reg-fila { opacity: 0.45; }

.flow.is-sent .reg-fila { transform: translate3d(0px, 0px, 0px) scale(1); filter: none; opacity: 1; }

.reg-fila-top { display: block; margin-bottom: 9px; font-size: 0.42rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-3); line-height: 1; }

.reg-tasks { --linha: 35px; --alt: 27px; position: relative; height: calc(3 * var(--linha) + var(--alt)); }

.reg-task { position: absolute; left: 0px; right: 0px; top: calc(var(--i) * var(--linha)); height: var(--alt); display: flex; align-items: center; gap: 8px; padding: 0px 9px; border-radius: 6px; background: linear-gradient(rgb(43, 43, 48) 0%, rgb(35, 35, 39) 100%); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; transition: transform 0.5s var(--ease-calmo); }

.flow.is-sent .reg-task { transform: translate3d(0,var(--linha),0); transition-delay: 0.35s; }

.reg-task i { width: 10px; height: 10px; flex: 0 0 auto; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.22); }

.reg-task span { flex: 1 1 0%; min-width: 0px; font-size: 0.5rem; font-weight: 300; line-height: 1; color: var(--ink-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.reg-task b { flex: 0 0 auto; font-size: 0.44rem; font-weight: 400; letter-spacing: 0.04em; text-transform: uppercase; color: var(--ink-3); line-height: 1; }

.reg-nova { position: absolute; left: 0px; right: 0px; top: 0px; height: var(--alt); display: flex; align-items: center; gap: 8px; padding: 0px 9px; border-radius: 6px; border: 1px dashed rgba(255, 255, 255, 0.3); overflow: hidden; clip-path: inset(0px 0px 100%); transition: clip-path 0.42s var(--ease-calmo),-webkit-clip-path 0.42s var(--ease-calmo),border-color 0.35s ease,box-shadow 0.6s ease; }

.flow.is-sent .reg-nova { clip-path: inset(0px); transition-delay: 0.6s; }

.flow.is-mark .reg-nova { border-style: solid; border-color: rgba(226, 123, 183, 0.65); box-shadow: rgba(203, 128, 216, 0.4) 0px 2px 12px -2px; }

.reg-nova i { position: absolute; inset: 0px; border-radius: 5px; background: linear-gradient(135deg, rgba(188, 133, 248, 0.42) 0%, rgba(226, 123, 183, 0.42) 100%); clip-path: inset(0px 100% 0px 0px); transition: clip-path 0.5s var(--ease-calmo),-webkit-clip-path 0.5s var(--ease-calmo); }

.flow.is-mark .reg-nova i { clip-path: inset(0px); }

.reg-nova em { position: relative; z-index: 1; width: 10px; height: 10px; flex: 0 0 auto; border-radius: 3px; border: 1px solid rgba(255, 255, 255, 0.5); }

.reg-nova b, .reg-nova > span { position: relative; z-index: 1; color: rgb(255, 255, 255); line-height: 1; white-space: nowrap; clip-path: inset(0px 100% 0px 0px); transition: clip-path 0.4s var(--ease-calmo),-webkit-clip-path 0.4s var(--ease-calmo); }

.reg-nova b { flex: 1 1 0%; min-width: 0px; font-size: 0.5rem; font-weight: 500; letter-spacing: 0.01em; }

.reg-nova > span { flex: 0 0 auto; font-size: 0.44rem; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase; }

.flow.is-mark .reg-nova b, .flow.is-mark .reg-nova > span { clip-path: inset(0px); transition-delay: 0.22s; }

.reg-nova-ring { position: absolute; left: -1px; right: -1px; top: -1px; height: calc(var(--alt) + 2px); border-radius: 7px; border: 1px solid rgba(226, 123, 183, 0.9); opacity: 0; pointer-events: none; }

.flow.is-mark .reg-nova-ring { animation: regNovaRing 0.75s var(--ease) 0.1s forwards; }

@keyframes regNovaRing { 
  0% { transform: scale(1); opacity: 0.95; }
  100% { transform: scale(1.06, 1.7); opacity: 0; }
}

.reg-cap { position: absolute; left: 124px; top: 296px; width: 200px; display: flex; flex-direction: column; gap: 4px; transform: translate3d(0px, 6px, 0px); clip-path: inset(0px 0px 100%); transition: transform 0.7s var(--ease),clip-path 0.5s var(--ease),-webkit-clip-path 0.5s var(--ease); }

.reg-cap[data-ato="2"], .reg-cap[data-ato="3"] { width: 272px; }

.flow.is-sent .reg-cap { transform: translate3d(0px, 0px, 0px); clip-path: inset(0px); transition-delay: 0.25s; }

.reg-cap b { font-size: 0.68rem; font-weight: 500; letter-spacing: -0.01em; color: var(--ink-1); line-height: 1.25; }

.reg-cap span { font-size: 0.58rem; font-weight: 300; color: var(--ink-3); }

.reg-bar { position: absolute; left: 50%; top: 217px; width: 46px; height: 46px; transform: translateX(-50%) scale(0.2); border-radius: 23px; background: rgba(18, 18, 18, 0.72); border: 1px solid var(--hair); backdrop-filter: blur(10px); box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 50px; overflow: hidden; opacity: 0; transition: width 0.85s var(--ease),height 0.6s var(--ease),top 0.85s var(--ease),left 0.85s var(--ease),transform 0.22s var(--ease),opacity 0.22s ease,border-radius 0.6s var(--ease),background 0.6s ease; }

.flow.is-in .reg-bar { opacity: 1; transform: translateX(-50%) scale(1); }

.flow.is-open .reg-bar { width: 442px; }

.flow.is-sent .reg-bar { width: 200px; height: 40px; top: 46px; left: 56.92%; border-radius: 16px 16px 5px; background: rgba(0, 168, 132, 0.25); border-color: rgba(0, 255, 170, 0.15); }

.flow[data-ato="2"].is-sent .reg-bar { width: 204px; left: 56.54%; }

.flow[data-ato="3"].is-sent .reg-bar { width: 203px; left: 56.63%; }

.reg-bar-in { position: absolute; inset: 0px; display: flex; align-items: center; gap: 11px; padding: 0px 6px 0px 15px; transition: gap 0.45s var(--ease),padding 0.45s var(--ease); }

.flow.is-sent .reg-bar-in { padding: 0px 16px; gap: 0px; }

.reg-wave { display: flex; align-items: center; gap: 2.5px; height: 14px; width: 20px; flex: 0 0 auto; opacity: 0; transition: opacity 0.4s ease,width 0.3s var(--ease); }

.flow.is-open .reg-wave { opacity: 1; transition-delay: 0.35s; }

.flow.is-sent .reg-wave { opacity: 0; width: 0px; transition-delay: 0s; }

.reg-wave i { width: 2px; height: 4px; border-radius: 1px; background: var(--ink-3); }

.flow.is-typing .reg-wave i { animation: 1s ease-in-out 0s infinite normal none running regWave; }

.reg-wave i:nth-child(1) { animation-delay: 0s; }

.reg-wave i:nth-child(2) { animation-delay: 0.12s; }

.reg-wave i:nth-child(3) { animation-delay: 0.24s; }

.reg-wave i:nth-child(4) { animation-delay: 0.36s; }

.reg-wave i:nth-child(5) { animation-delay: 0.48s; }

@keyframes regWave { 
  0%, 100% { transform: scaleY(1); opacity: 0.5; }
  50% { transform: scaleY(3.4); opacity: 1; }
}

.reg-text { flex: 1 1 0%; display: flex; align-items: center; min-width: 0px; font-size: 0.78rem; font-weight: 300; letter-spacing: -0.01em; line-height: 1.3; color: var(--ink-1); white-space: nowrap; transition: color 0.5s ease,font-size 0.6s var(--ease); }

.flow.is-sent .reg-text { color: rgb(255, 255, 255); font-size: 0.72rem; font-weight: 400; }

.reg-caret { width: 1px; height: 15px; margin-left: 2px; background: var(--ink-1); opacity: 0; flex: 0 0 auto; }

.flow.is-typing .reg-caret { animation: 1s steps(1) 0s infinite normal none running regCaret; }

.flow.is-sent .reg-caret { display: none; }

@keyframes regCaret { 
  0%, 45% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

.reg-send { position: relative; flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.07); border: 1px solid var(--hair); opacity: 0; transition: background 0.3s ease,border-color 0.3s ease,transform 0.2s var(--ease),opacity 0.35s ease,width 0.3s var(--ease); }

.flow.is-open .reg-send { opacity: 1; transition-delay: 0.45s; }

.reg-send svg { width: 15px; height: 15px; fill: none; stroke: var(--ink-2); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s; }

.flow.is-armed .reg-send { background: rgba(255, 255, 255, 0.13); border-color: rgba(255, 255, 255, 0.32); transition-delay: 0s; }

.flow.is-armed .reg-send svg { stroke: var(--ink-1); }

.flow.is-clicking .reg-send { transform: scale(0.9); background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); transition-delay: 0s; }

.flow.is-clicking .reg-send svg { stroke: rgb(0, 0, 0); }

.flow.is-sent .reg-send { opacity: 0; width: 0px; transition-delay: 0s; }

.reg-send-ring { position: absolute; inset: -1px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.6); opacity: 0; }

.flow.is-clicking .reg-send-ring { animation: regSendRing 0.7s var(--ease) forwards; }

@keyframes regSendRing { 
  0% { transform: scale(1); opacity: 0.8; }
  100% { transform: scale(2.6); opacity: 0; }
}

.flow-cursor { position: absolute; left: 0px; top: 0px; width: 17px; height: 19px; transform: translate(330px, 700px); transition: transform 0.86s var(--ease); z-index: 6; }

.flow-cursor svg { width: 100%; height: 100%; fill: rgb(255, 255, 255); stroke: rgba(0, 0, 0, 0.55); stroke-width: 1.2; filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 2px 5px); }

.flow.is-aiming .flow-cursor { transform: translate(455.3px, 238.6px); }

.flow.is-clicking .flow-cursor { transform: translate(455.3px, 238.6px) scale(0.88); }

.flow.is-sent .flow-cursor { transform: translate(452px, 700px); }

.flow.is-saindo .reg-tags, .flow.is-saindo .reg-chart, .flow.is-saindo .reg-done, .flow.is-saindo .reg-insight { transition-duration: 0.34s; }

.flow.is-saindo .reg-insight { transition-delay: 0s; }

.flow.is-saindo .reg-chart, .flow.is-saindo .reg-done { transition-delay: 0.1s; }

.flow.is-saindo .reg-tags { transition-delay: 0.2s; }

.flow.is-saindo .reg-insight[data-ato="2"], .flow.is-saindo .reg-insight[data-ato="3"] { transition-delay: 0s; }

.flow.is-saindo .reg-steps li, .flow.is-saindo .reg-steps li svg path, .flow.is-saindo .reg-track i { transition-duration: 0.28s; transition-delay: 0s; }

.flow.is-luz .reg-bloom { opacity: 1; transform: scale(1.16, 1.1); transition: opacity 0.26s ease,transform 0.34s var(--ease); }

.flow.is-luz .reg-bloom::after { opacity: 1; transform: scale(1); transition: opacity 0.28s ease,transform 0.36s var(--ease); }

.flow.is-saindo:not(.is-sent) .reg-item { opacity: 0; transition: left 0.46s var(--ease-calmo),top 0.46s var(--ease-calmo),width 0.46s var(--ease-calmo),height 0.46s var(--ease-calmo),filter 0.44s var(--ease-calmo),opacity 0.38s ease 0.04s; }

.flow.is-saindo:not(.is-sent) .reg-agenda, .flow.is-saindo:not(.is-sent) .reg-fila { opacity: 0; transition: transform 0.46s var(--ease-calmo),filter 0.44s var(--ease-calmo),opacity 0.38s ease 0.04s; }

.flow.is-saindo:not(.is-sent) .reg-task { transform: translate3d(0,var(--linha),0); transition: none; }

.flow.is-saindo:not(.is-sent) .reg-slot, .flow.is-saindo:not(.is-sent) .reg-nova { clip-path: inset(0px); transition: none; }

.flow.is-saindo .reg-cap { transform: translate3d(0px, 6px, 0px); clip-path: inset(0px 0px 100%); transition: transform 0.34s var(--ease-calmo) 0.08s,clip-path 0.3s var(--ease-calmo) 0.08s,-webkit-clip-path 0.3s var(--ease-calmo) 0.08s; }

.flow.is-virando .reg-item { opacity: 0; transition: left 0.85s var(--ease),top 0.85s var(--ease),width 0.85s var(--ease),height 0.85s var(--ease),filter 0.9s var(--ease),opacity 0.45s ease; }

.flow.is-virando .reg-agenda, .flow.is-virando .reg-fila { opacity: 0; transition: transform 0.85s var(--ease),filter 0.9s var(--ease),opacity 0.45s ease; }

.flow.is-descendo .reg-phone { opacity: 0; transition: transform 0.88s var(--ease-saida),opacity 0.34s ease 0.06s; }

.flow.is-saindo.is-sent .reg-bar { top: 38px; transition: top 0.2s var(--ease-calmo); }

.flow.is-descendo .reg-bar { transition: width 0.66s var(--ease-pouso) 0.06s,height 0.6s var(--ease-pouso),top 0.66s var(--ease-pouso),left 0.66s var(--ease-pouso),transform 0.22s var(--ease),opacity 0.22s ease,border-radius 0.6s var(--ease-pouso),background 0.6s ease; }

.flow.is-apagando .reg-caret { animation: 1s steps(1) 0s infinite normal none running regCaret; }

.flow.is-mudo, .flow.is-mudo *, .flow.is-mudo ::before, .flow.is-mudo ::after { transition: none !important; }

@media (prefers-reduced-motion: reduce) {
  .flow *, .flow ::before, .flow ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}

@media (max-width: 1383px) {
  .promise-text { max-width: 500px; }
}

@media (max-width: 1240px) {
  .promise-text { max-width: 430px; }
}

@media (max-width: 1120px) {
  .promise-container { flex-direction: column; align-items: flex-start; padding: 32px 20px 0px; min-height: 0px; }
  .promise-text { max-width: 100%; margin-right: 0px; }
  .promise-description { max-width: 100%; }
  .promise-stage { position: relative; top: auto; right: auto; bottom: auto; width: 100%; height: 580px; margin-top: 10px; }
  .flow { --flow-scale: 1; }
}

@media (max-width: 600px) {
  .promise-section { padding: 48px 0px 0px; }
  .promise-container { width: 96%; border-radius: 16px; padding: 24px 16px 0px; }
  .promise-headline { font-size: 1.2rem; }
  .promise-description { font-size: 0.82rem; }
}

@media (max-width: 580px) {
  .flow { width: 340px; height: 500px; }
  .promise-stage { height: 500px; margin-top: 56px; }
  .reg-phone { width: 300px; height: 700px; margin-left: -150px; top: -6px; }
  .reg-screen::before { width: 76px; height: 21px; margin-left: -38px; }
  .reg-bloom { top: 250px; width: 330px; height: 170px; margin: -85px 0px 0px -165px; }
  .reg-bar { top: 227px; }
  .flow.is-open .reg-bar { width: 316px; }
  .flow.is-sent .reg-bar { width: 194px; height: 40px; top: 46px; left: 58.5%; }
  .flow[data-ato="2"].is-sent .reg-bar { width: 198px; left: 57.94%; }
  .flow[data-ato="3"].is-sent .reg-bar { width: 197px; left: 58.09%; }
  .reg-text { font-size: 0.68rem; }
  .flow.is-sent .reg-text { font-size: 0.7rem; }
  .reg-item { left: 85px; top: 165px; width: 170px; height: 170px; }
  .flow.is-sent .reg-item { left: 44px; top: 122px; width: 150px; height: 150px; }
  .reg-agenda { left: 44px; top: 122px; width: 252px; height: 146px; }
  .reg-days { --hora: 20px; --enc: 2px; }
  .reg-fila { left: 44px; top: 122px; width: 252px; height: 146px; }
  .reg-fila-top { margin-bottom: 7px; }
  .reg-tasks { --linha: 28px; --alt: 22px; }
  .reg-task, .reg-nova { padding: 0px 8px; gap: 7px; }
  .reg-cap { left: 44px; top: 282px; width: 180px; }
  .reg-cap[data-ato="2"], .reg-cap[data-ato="3"] { width: 252px; }
  .reg-tags { top: 330px; gap: 6px; }
  .reg-tags span { padding: 5px 10px 4px; font-size: 0.54rem; }
  .reg-chart { top: 370px; }
  .reg-insight { top: 456px; }
  .reg-done { top: 370px; padding-top: 10px; }
  .reg-done .reg-chart-top { margin-bottom: 6px; }
  .reg-insight[data-ato="2"], .reg-insight[data-ato="3"] { top: 446px; }
  .flow-cursor { transform: translate(230px, 580px); }
  .flow.is-aiming .flow-cursor, .flow.is-clicking .flow-cursor { transform: translate(302px, 248px); }
  .flow.is-clicking .flow-cursor { transform: translate(302px, 248px) scale(0.88); }
  .flow.is-sent .flow-cursor { transform: translate(302px, 580px); }
}

@media (max-width: 400px) {
  .flow { --flow-scale: 0.9; }
  .promise-stage { height: 460px; }
}

.of-section { position: relative; z-index: 3; width: 100%; padding: 104px 0px 112px; display: flex; flex-direction: column; align-items: center; }

.of-row { width: 94%; max-width: 1300px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 20px; }

.of-card { position: relative; display: flex; flex-direction: column; min-height: 612px; border-radius: 24px; overflow: hidden; background: rgb(0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(0, 0, 0, 0.8) 0px 0px 80px; padding: 60px 28px 28px; }

.of-stage { flex: 1 1 0%; min-height: 0px; }

.of-title { font-family: Poppins, sans-serif; font-size: 1.02rem; font-weight: 500; color: rgb(255, 255, 255); letter-spacing: -0.01em; line-height: 1.4; margin-bottom: 8px; }

.of-desc { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: rgb(134, 134, 139); line-height: 1.55; margin-bottom: 0px; }

.of-btn { margin-top: clamp(38px, 3.6vw, 52px); font-size: 1.02rem; color: rgb(134, 134, 139); }

.of-btn span { text-decoration: underline 1px; text-underline-offset: 4px; }

.of-btn:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 4px; }

.of-abrir { position: absolute; top: 20px; right: 20px; z-index: 2; width: 38px; height: 38px; display: grid; place-items: center; padding: 0px; border-radius: 11px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.043); color: rgb(142, 142, 150); cursor: pointer; transition: background 200ms, color 200ms, border-color 200ms; }

.of-abrir svg { width: 15px; height: 15px; display: block; }

.of-abrir:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.22); color: rgb(255, 255, 255); }

.of-abrir:focus-visible { outline: rgba(255, 255, 255, 0.55) solid 2px; outline-offset: 2px; }

.of-stage-cartao { position: relative; }

.ofc-cena { position: absolute; inset: 0px 0px 34px; display: flex; align-items: center; justify-content: center; perspective: 1300px; }

.ofc-cena::before { content: ""; position: absolute; width: 70.3%; height: 79.8%; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, 0.07), transparent 72%); animation: 4.8s ease-in-out 0.25s infinite alternate none paused ofc-halo; }

.ofc-tilt { height: 91.2%; max-height: 380px; aspect-ratio: 54 / 85.6; transform-style: preserve-3d; will-change: transform; }

.ofc-flutua { width: 100%; height: 100%; transform-style: preserve-3d; animation: 4.8s ease-in-out 0s infinite alternate none paused ofc-flutua; will-change: transform; }

.ofc-cartao { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; animation: 7s ease-in-out 0s infinite normal none paused ofc-balanca; will-change: transform; }

.of-card.of-vivo .ofc-flutua, .of-card.of-vivo .ofc-cartao, .of-card.of-vivo .ofc-brilho, .of-card.of-vivo .ofc-cena::before { animation-play-state: running; }

.ofc-verso { position: absolute; inset: 0px; border-radius: 14px; background: rgb(3, 3, 4); border: 1px solid rgba(255, 255, 255, 0.07); transform: translateZ(-2.6px); backface-visibility: hidden; }

.ofc-face { position: absolute; inset: 0px; border-radius: 14px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.16); background: repeating-linear-gradient(115deg, rgba(255, 255, 255, 0.01) 0px, rgba(255, 255, 255, 0.01) 1px, transparent 1px, transparent 4px), radial-gradient(120% 90% at 18% 6%, rgba(255, 255, 255, 0.11), transparent 55%), linear-gradient(158deg, transparent 44.4%, rgba(255, 255, 255, 0.14) 46.9%, transparent 47.4%), linear-gradient(158deg, transparent 28%, rgba(255, 255, 255, 0.05) 44%, rgba(255, 255, 255, 0.075) 50%, rgba(255, 255, 255, 0.03) 60%, transparent 74%), radial-gradient(150% 100% at 85% 108%, rgba(255, 255, 255, 0.05), transparent 60%), linear-gradient(165deg, rgb(34, 34, 38) 0%, rgb(17, 17, 19) 36%, rgb(6, 6, 7) 72%, rgb(11, 11, 13) 100%); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; transform: translateZ(0.1px); backface-visibility: hidden; will-change: transform; }

.ofc-brilho { position: absolute; inset: -12%; background: linear-gradient(112deg, transparent 34%, rgba(255, 255, 255, 0.07) 44%, rgba(255, 255, 255, 0.17) 52%, rgba(255, 255, 255, 0.07) 60%, transparent 70%); animation: 7s ease-in-out 0s infinite normal none paused ofc-luz; backface-visibility: hidden; will-change: transform; }

.of-card.of-namao.of-vivo .ofc-cartao, .of-card.of-namao.of-vivo .ofc-brilho { animation-play-state: paused; }

.ofc-chip { position: absolute; width: 17.5%; left: 70.5%; top: 22%; transform: translate(-50%, -50%); }

.ofc-nfc { position: absolute; width: 8%; left: 88%; top: 22%; transform: translate(-50%, -50%); }

.ofc-logo { position: absolute; width: 26%; right: 8%; bottom: 7%; }

@keyframes ofc-balanca { 
  0% { transform: rotateY(-24deg) rotateX(6deg); }
  30% { transform: rotateY(9deg) rotateX(-2deg); }
  52% { transform: rotateY(21deg) rotateX(-6deg); }
  76% { transform: rotateY(-7deg) rotateX(2deg); }
  100% { transform: rotateY(-24deg) rotateX(6deg); }
}

@keyframes ofc-flutua { 
  0% { transform: translateY(10px) rotateZ(1.5deg); }
  100% { transform: translateY(-10px) rotateZ(-1.1deg); }
}

@keyframes ofc-luz { 
  0% { transform: translateX(-30%); }
  52% { transform: translateX(30%); }
  100% { transform: translateX(-30%); }
}

@keyframes ofc-halo { 
  0% { transform: scale(0.93); opacity: 0.72; }
  100% { transform: scale(1.07); opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .ofc-flutua, .ofc-cartao, .ofc-brilho { animation: auto ease 0s 1 normal none running none; }
  .ofc-cena::before { animation: auto ease 0s 1 normal none running none; }
  .ofc-cartao { transform: rotateY(-14deg) rotateX(5deg); }
  .ofc-tilt, .ofc-flutua, .ofc-cartao, .ofc-face, .ofc-brilho { will-change: auto; }
}

.of-stage-org { position: relative; display: flex; align-items: center; justify-content: center; min-height: 424px; }

.ofg { --ofg-ease: cubic-bezier(0.22,1,0.36,1); --ofg-desliza: cubic-bezier(0.34,0.28,0.18,1); --ofg-encaixe: cubic-bezier(0.5,0.05,0.2,1); --ofg-toque: cubic-bezier(0.4,0,0.2,1); --ofg-saida: cubic-bezier(0.5,0,0.9,0.35); --ofg-lin: 68px; --ofg-lados: 20px; position: relative; transform: translate3d(0px, -28px, 0px); width: 100%; max-width: 330px; height: 424px; flex: 0 0 auto; overflow: hidden; font-family: Poppins, sans-serif; }

.ofg.is-mudo, .ofg.is-mudo *, .ofg.is-mudo ::before, .ofg.is-mudo ::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }

.ofg-compra { position: absolute; inset: 0px; transform: translate3d(0px, 68px, 0px) scale(1.15); }

.ofg-compra::before { content: ""; position: absolute; left: 50%; top: 188px; width: 254px; height: 268px; margin: -134px 0px 0px -127px; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, 0.075), transparent 72%); opacity: 0; transition: opacity 760ms ease-out; }

.ofg.is-in .ofg-compra::before { opacity: 1; }

.ofg.is-registro .ofg-compra::before { opacity: 0; transition: opacity 520ms ease-in; }

.ofg-pos { position: absolute; left: 50%; margin-left: -58px; top: 112px; width: 116px; height: 176px; z-index: 1; padding: 9px; border-radius: 18px; background: linear-gradient(160deg, rgb(35, 35, 38) 0%, rgb(13, 13, 15) 55%, rgb(26, 26, 29) 100%); box-shadow: rgba(0, 0, 0, 0.62) 0px 22px 44px, rgba(255, 255, 255, 0.07) 0px 0px 0px 1px, rgba(255, 255, 255, 0.15) 0px 1px 1px inset; transform: translate3d(0px, 46px, 0px); opacity: 0; transition: transform 680ms var(--ofg-ease),opacity 420ms ease-out; will-change: transform; }

.ofg.is-in .ofg-pos { transform: translate3d(0px, 0px, 0px); opacity: 1; }

.ofg.is-registro .ofg-pos { transform: translate3d(0px, 124px, 0px); opacity: 0; transition: transform 640ms var(--ofg-saida),opacity 460ms ease-in 60ms; }

.ofg-tela { position: relative; height: 112px; border-radius: 11px; background: rgb(5, 5, 6); box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; overflow: hidden; }

.ofg-tela::after { content: ""; position: absolute; inset: 0px; background: rgba(255, 255, 255, 0.11); opacity: 0; pointer-events: none; }

.ofg.is-tap .ofg-tela::after { animation: 640ms ease-out 120ms 1 normal forwards running ofg-estalo; }

@keyframes ofg-estalo { 
  0% { opacity: 0; }
  12% { opacity: 1; }
  100% { opacity: 0; }
}

.ofg-nfc { position: absolute; left: 50%; top: 18px; width: 14px; height: 19px; margin-left: -7px; color: rgba(255, 255, 255, 0.34); transition: color 300ms ease-out; }

.ofg.is-tap .ofg-nfc { color: rgba(255, 255, 255, 0.82); }

.ofg-tela-valor { position: absolute; left: 0px; right: 0px; top: 50px; text-align: center; font-size: 0.98rem; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: -0.01em; font-variant-numeric: tabular-nums; line-height: 24px; }

.ofg-tela > .ofg-tela-slot { position: absolute; left: 8px; right: 8px; top: 80px; height: 14px; }

.ofg-tela-slot > span { text-align: center; font-size: 0.55rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.14em; line-height: 14px; }

.ofg-tela-slot > .ofg-cru { color: rgb(86, 86, 94); }

.ofg-tela-slot > .ofg-cat { display: flex; align-items: center; justify-content: center; gap: 5px; color: rgb(217, 217, 223); }

.ofg-tela-slot > .ofg-cat svg { width: 9px; height: 9px; flex: 0 0 auto; stroke: currentcolor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none; }

.ofg-tela-slot > .ofg-cat svg path { stroke-dasharray: 14; stroke-dashoffset: 14; transition: stroke-dashoffset 340ms var(--ofg-ease); }

.ofg.is-ok .ofg-tela-slot > .ofg-cat svg path { stroke-dashoffset: 0; transition-delay: 300ms; }

.ofg-teclas { position: absolute; left: 12px; right: 12px; top: 128px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px 7px; }

.ofg-teclas i { height: 8px; border-radius: 3px; background: rgba(255, 255, 255, 0.07); box-shadow: rgba(255, 255, 255, 0.05) 0px 1px 0px inset; }

.ofg-ondas { position: absolute; left: 50%; top: 120px; width: 0px; height: 0px; z-index: 2; }

.ofg-ondas i { position: absolute; left: 0px; top: 0px; width: 40px; height: 40px; margin: -20px 0px 0px -20px; border-radius: 50%; border: 1.5px solid rgba(255, 255, 255, 0.6); opacity: 0; transform: scale(0.32); }

.ofg.is-tap .ofg-ondas i { animation: 940ms cubic-bezier(0.18, 0.62, 0.3, 1) 0s 1 normal forwards running ofg-onda; }

.ofg.is-tap .ofg-ondas i:nth-child(2) { animation-delay: 130ms; }

.ofg.is-tap .ofg-ondas i:nth-child(3) { animation-delay: 260ms; }

@keyframes ofg-onda { 
  0% { opacity: 0; transform: scale(0.32); }
  16% { opacity: 0.62; }
  100% { opacity: 0; transform: scale(2.15); }
}

.ofg-cartao { position: absolute; left: 50%; margin-left: -58px; top: 26px; width: 116px; height: 73px; z-index: 3; border-radius: 9px; box-shadow: rgba(0, 0, 0, 0.72) 0px 16px 32px; transform: translate3d(0px, -168px, 0px) rotate(-26deg); opacity: 0; transition: transform 720ms var(--ofg-ease),opacity 420ms ease-out; will-change: transform; }

.ofg.is-in .ofg-cartao { transform: translate3d(0px, 0px, 0px) rotate(-13deg); opacity: 1; }

.ofg.is-perto .ofg-cartao { transform: translate3d(0px, 22px, 0px) rotate(-10deg); transition: transform 400ms var(--ofg-toque); }

.ofg.is-ok .ofg-cartao { transform: translate3d(0px, 5px, 0px) rotate(-12deg); transition: transform 460ms var(--ofg-ease) 160ms; }

.ofg.is-registro .ofg-cartao { transform: translate3d(-52px, -152px, 0px) rotate(-31deg); opacity: 0; transition: transform 660ms var(--ofg-saida),opacity 440ms ease-in 100ms; }

.ofg-cartao-face { position: absolute; inset: 0px; border-radius: 9px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.16); background: radial-gradient(120% 90% at 18% 6%, rgba(255, 255, 255, 0.12), transparent 55%), linear-gradient(158deg, transparent 44.4%, rgba(255, 255, 255, 0.15) 46.9%, transparent 47.4%), linear-gradient(158deg, transparent 28%, rgba(255, 255, 255, 0.05) 44%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 60%, transparent 74%), linear-gradient(165deg, rgb(34, 34, 38) 0%, rgb(17, 17, 19) 36%, rgb(6, 6, 7) 72%, rgb(11, 11, 13) 100%); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }

.ofg-chip { position: absolute; left: 12px; top: 23px; width: 17px; }

.ofg-cartao-nfc { position: absolute; left: 34px; top: 24px; width: 7px; }

.ofg-visa { position: absolute; right: 10px; bottom: 9px; width: 27px; }

.ofg-dash { position: absolute; inset: 0px; will-change: transform; }

.ofg.is-saindo .ofg-dash { transform: translate3d(0px, 300px, 0px); opacity: 0; transition: transform 700ms var(--ofg-saida),opacity 620ms ease-in 60ms; }

.ofg-painel { position: absolute; left: 0px; right: 0px; top: 56px; height: 308px; border-radius: 20px; border: 1px solid rgba(255, 255, 255, 0.1); background-color: rgb(8, 8, 10); background-image: linear-gradient(rgba(255, 255, 255, 0.043), rgba(255, 255, 255, 0.01) 46%, rgba(255, 255, 255, 0.024)); overflow: hidden; opacity: 0; clip-path: inset(79px 9px 145px round 12px); will-change: clip-path; }

.ofg.is-painel .ofg-painel { opacity: 1; clip-path: inset(0px round 20px); transition: clip-path 620ms var(--ofg-desliza),-webkit-clip-path 620ms var(--ofg-desliza); }

.ofg-topo { height: 72px; padding: 16px var(--ofg-lados) 0; }

.ofg-topo-linha { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }

.ofg-mes { font-size: 0.6rem; font-weight: 400; text-transform: uppercase; letter-spacing: 0.16em; color: rgb(117, 117, 125); white-space: nowrap; }

.ofg-conta { min-width: 0px; font-size: 0.64rem; font-weight: 300; color: rgb(78, 78, 86); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ofg-total { display: block; height: 25px; margin-top: 6px; }

.ofg-total > span { font-size: 1.12rem; font-weight: 400; color: rgb(255, 255, 255); line-height: 25px; letter-spacing: -0.015em; font-variant-numeric: tabular-nums; }

.ofg-lista { position: relative; margin-top: 98px; height: calc(var(--ofg-lin) * 2); overflow: hidden; }

.ofg-linha, .ofg-nova { height: var(--ofg-lin); padding: 0 var(--ofg-lados); display: flex; flex-direction: column; justify-content: center; gap: 7px; }

.ofg-linha { border-top: 1px solid rgba(255, 255, 255, 0.06); }

.ofg-cabeca { display: flex; align-items: center; justify-content: space-between; gap: 14px; height: 19px; }

.ofg-nome { flex: 1 1 0%; min-width: 0px; font-size: 0.92rem; font-weight: 400; color: rgb(255, 255, 255); line-height: 19px; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ofg-valor { flex: 0 0 auto; font-size: 0.88rem; font-weight: 400; color: rgb(233, 233, 237); line-height: 19px; font-variant-numeric: tabular-nums; white-space: nowrap; }

.ofg-etiqueta { font-size: 0.74rem; font-weight: 300; color: rgb(162, 162, 170); line-height: 16px; }

.ofg-nova { position: absolute; left: 0px; right: 0px; top: 143px; z-index: 3; transform: translate3d(0px, 63px, 0px); transition: transform 660ms var(--ofg-ease); will-change: transform; }

.ofg.is-registro .ofg-nova { transform: translate3d(0px, 0px, 0px); transition: transform 620ms var(--ofg-desliza) 200ms; }

.ofg-nova::before { content: ""; position: absolute; inset: -9px 8px; z-index: -1; border-radius: 14px; border: 1px solid rgba(255, 255, 255, 0.15); background-color: rgb(12, 12, 14); background-image: linear-gradient(rgba(255, 255, 255, 0.055), rgba(255, 255, 255, 0.01) 60%, rgba(255, 255, 255, 0.02)); box-shadow: rgba(0, 0, 0, 0.72) 0px 18px 40px; transform: scale3d(0.33, 0.86, 1); opacity: 0; transition: transform 660ms var(--ofg-ease),opacity 400ms ease-out; }

.ofg.is-registro .ofg-nova::before { transform: scale3d(1, 1, 1); opacity: 1; }

.ofg-nova > * { opacity: 0; transition: opacity 380ms ease-out; }

.ofg.is-registro .ofg-nova > * { opacity: 1; transition-delay: 260ms; }

.ofg-nome-slot { flex: 1 1 0%; min-width: 0px; height: 19px; }

.ofg-nome-slot > .ofg-cru { font-size: 0.67rem; font-weight: 300; letter-spacing: 0.03em; line-height: 19px; color: rgb(107, 107, 116); }

.ofg-nome-slot > .ofg-cat { font-size: 0.92rem; font-weight: 400; letter-spacing: -0.01em; line-height: 19px; color: rgb(255, 255, 255); }

.ofg-sub-slot { height: 16px; }

.ofg-sub-slot > .ofg-cru { font-size: 0.65rem; font-weight: 300; line-height: 16px; color: rgb(85, 85, 92); }

.ofg-sub-slot > .ofg-cat { font-size: 0.74rem; font-weight: 300; line-height: 16px; color: rgb(162, 162, 170); }

.ofg-slot { position: relative; overflow: hidden; }

.ofg-slot > span { position: absolute; left: 0px; right: 0px; top: 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: transform 380ms var(--ofg-encaixe); }

.ofg-slot > .ofg-cru { transform: translateY(0px); opacity: 1; transition: transform 380ms var(--ofg-encaixe),opacity 220ms ease-out 40ms; }

.ofg-slot > .ofg-cat { transform: translateY(100%); }

.ofg.is-ok .ofg-tela-slot > .ofg-cru, .ofg.is-total .ofg-total > .ofg-cru, .ofg.is-nome .ofg-nome-slot > .ofg-cru, .ofg.is-cat .ofg-sub-slot > .ofg-cru { transform: translateY(-100%); opacity: 0; }

.ofg.is-ok .ofg-tela-slot > .ofg-cat, .ofg.is-total .ofg-total > .ofg-cat, .ofg.is-nome .ofg-nome-slot > .ofg-cat, .ofg.is-cat .ofg-sub-slot > .ofg-cat { transform: translateY(0px); }

@media (prefers-reduced-motion: reduce) {
  .ofg *, .ofg ::before, .ofg ::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }
  .ofg-compra { display: none; }
  .ofg-painel { opacity: 1; clip-path: none; }
  .ofg-painel, .ofg-nova { transform: none; will-change: auto; }
  .ofg-nova::before { transform: none; opacity: 1; }
  .ofg-nova > * { opacity: 1; }
  .ofg-slot > .ofg-cru { transform: translateY(-100%); opacity: 0; }
  .ofg-slot > .ofg-cat { transform: translateY(0px); }
}

@media (max-width: 600px) {
  .ofg { max-width: 380px; }
}

@media (max-width: 960px) {
  .of-stage-cartao { min-height: 350px; }
}

@media (max-width: 960px) {
  .of-row { grid-template-columns: minmax(0px, 1fr); gap: 16px; }
  .of-card { min-height: 300px; }
}

@media (max-width: 600px) {
  .of-section { padding: 67px 0px 96px; }
  .of-row { width: 96%; }
  .of-abrir { top: 14px; right: 14px; width: 32px; height: 32px; border-radius: 10px; }
  .of-abrir svg { width: 13px; height: 13px; }
  .of-card { border-radius: 16px; padding: 62px 16px 24px; min-height: 280px; }
  .of-title { font-size: 0.92rem; }
  .of-btn { font-size: 0.92rem; }
  .of-desc { font-size: 0.82rem; }
}

.of-modal { position: fixed; inset: 0px; z-index: 200; display: grid; place-items: center; padding: max(24px,env(safe-area-inset-top,0px)) max(24px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(24px,env(safe-area-inset-left,0px)); }

.of-modal[hidden] { display: none; }

.of-modal-veu { position: absolute; inset: 0px; background: rgba(0, 0, 0, 0.74); backdrop-filter: blur(6px); opacity: 0; transition: opacity 260ms; }

.of-modal-caixa { position: relative; display: flex; flex-direction: column; width: min(1020px, 100%); max-height: 88dvh; overflow: hidden; padding: 0px; border-radius: 24px; background: rgb(5, 5, 5); border: 1px solid rgba(255, 255, 255, 0.12); box-shadow: rgba(0, 0, 0, 0.85) 0px 40px 120px; opacity: 0; transform: translateY(14px) scale(0.985); transition: opacity 260ms, transform 300ms cubic-bezier(0.22, 1, 0.36, 1); }

.of-modal-aberto .of-modal-veu { opacity: 1; }

.of-modal-aberto .of-modal-caixa { opacity: 1; transform: none; }

.of-modal-caixa:focus { outline: none; }

.of-modal-x { position: absolute; top: 20px; right: 20px; width: 38px; height: 38px; display: grid; place-items: center; padding: 0px; border-radius: 11px; border: 1px solid rgba(255, 255, 255, 0.1); background: rgba(255, 255, 255, 0.043); color: rgb(142, 142, 150); cursor: pointer; transition: background 200ms, color 200ms, border-color 200ms; }

.of-modal-x svg { width: 15px; height: 15px; display: block; }

.of-modal-x:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.22); color: rgb(255, 255, 255); }

.of-modal-x:focus-visible { outline: rgba(255, 255, 255, 0.55) solid 2px; outline-offset: 2px; }

.of-modal-topo { flex: 0 0 auto; padding: 40px 76px 24px 44px; }

.of-modal-topo > * { max-width: 660px; }

.of-modal-corpo { flex: 1 1 auto; min-height: 0px; overflow-y: auto; overscroll-behavior: contain; padding: 6px 44px 18px; scrollbar-width: thin; scrollbar-color: rgba(255, 255, 255, 0.16) transparent; }

.of-modal-corpo::-webkit-scrollbar { width: 10px; }

.of-modal-corpo::-webkit-scrollbar-track { background: transparent; }

.of-modal-corpo::-webkit-scrollbar-thumb { border: 3px solid transparent; border-radius: 99px; background: content-box rgba(255, 255, 255, 0.16); }

.of-modal-corpo::-webkit-scrollbar-thumb:hover { background: content-box rgba(255, 255, 255, 0.3); }

.of-modal-caixa::before, .of-modal-caixa::after { content: ""; position: absolute; left: 1px; right: 11px; height: 34px; pointer-events: none; opacity: 0; transition: opacity 220ms; z-index: 2; }

.of-modal-caixa::before { top: var(--of-modal-topo-h,96px); background: linear-gradient(rgb(5, 5, 5) 0%, rgba(5, 5, 5, 0) 100%); }

.of-modal-caixa::after { bottom: var(--of-modal-pe-h,74px); background: linear-gradient(to top, rgb(5, 5, 5) 0%, rgba(5, 5, 5, 0) 100%); }

.of-modal-caixa.tem-acima::before, .of-modal-caixa.tem-abaixo::after { opacity: 1; }

.of-modal-etiqueta { display: block; font-family: Poppins, sans-serif; font-size: 0.62rem; font-weight: 500; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(122, 122, 130); margin-bottom: 14px; }

.of-modal-titulo { font-family: Poppins, sans-serif; font-size: 1.85rem; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: -0.02em; line-height: 1.22; margin: 0px 0px 14px; }

.of-modal-lead { font-family: Poppins, sans-serif; font-size: 0.95rem; font-weight: 300; color: rgb(164, 164, 171); line-height: 1.6; margin: 0px; }

.of-modal-grade { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 34px 40px; }

.of-modal-bloco { min-width: 0px; }

.of-modal-bloco h3 { font-family: Poppins, sans-serif; font-size: 0.95rem; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: -0.01em; line-height: 1.4; margin: 0px 0px 8px; }

.of-modal-bloco p { font-family: Poppins, sans-serif; font-size: 0.84rem; font-weight: 300; color: rgb(134, 134, 139); line-height: 1.55; margin: 0px; }

.ofm-palco { position: relative; height: 224px; margin-bottom: 18px; border-radius: 16px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.07); background: radial-gradient(115% 125% at 50% -16%, rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.024) 46%, rgba(255, 255, 255, 0) 74%), rgb(8, 8, 10); }

.ofm-peca { position: absolute; left: 22px; right: 22px; top: 22px; min-height: 100%; padding: 15px 16px 20px; border-radius: 14px; font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; background: linear-gradient(168deg, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 100%), rgb(11, 11, 14); border: 1px solid rgba(255, 255, 255, 0.086); box-shadow: rgba(0, 0, 0, 0.55) 0px 18px 40px; opacity: 0; transform: translateX(var(--ofm-x,0)) translateY(12px); transition: opacity 420ms, transform 560ms cubic-bezier(0.22, 1, 0.36, 1); }

.of-modal-aberto .ofm-peca { opacity: 1; transform: translateX(var(--ofm-x,0)); }

.of-modal-aberto .of-modal-bloco:nth-child(1) .ofm-peca { transition-delay: 90ms; }

.of-modal-aberto .of-modal-bloco:nth-child(2) .ofm-peca { transition-delay: 160ms; }

.of-modal-aberto .of-modal-bloco:nth-child(3) .ofm-peca { transition-delay: 230ms; }

.of-modal-aberto .of-modal-bloco:nth-child(4) .ofm-peca { transition-delay: 300ms; }

.ofm-fone { --ofm-x: -50%; left: 50%; right: auto; width: 252px; padding: 13px 15px 26px; border-radius: 16px; }

.ofm-fone-topo { display: flex; align-items: center; gap: 6px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); font-size: 0.5rem; font-weight: 400; letter-spacing: 0.07em; color: rgba(255, 255, 255, 0.38); }

.ofm-cadeado { width: 9px; height: 10px; flex: 0 0 auto; }

p.ofm-fone-titulo { margin: 12px 0px 10px; font-size: 0.72rem; font-weight: 400; line-height: 1.3; color: rgba(255, 255, 255, 0.92); }

.ofm-itens { list-style: none; display: flex; flex-direction: column; gap: 7px; margin: 0px; padding: 0px; }

.ofm-itens li { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 9px; background: rgba(255, 255, 255, 0.035); font-size: 0.6rem; font-weight: 300; color: rgba(255, 255, 255, 0.62); }

.ofm-tique { width: 14px; height: 14px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.88); color: rgb(11, 11, 14); }

.ofm-tique svg { width: 9px; height: 9px; display: block; }

.ofm-bio { display: flex; align-items: center; justify-content: center; gap: 7px; margin-top: 12px; padding: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.9); font-size: 0.58rem; font-weight: 500; color: rgb(11, 11, 14); }

.ofm-bio-marca { display: block; width: 13px; height: 13px; }

.ofm-bio-marca svg { width: 100%; height: 100%; display: block; }

.ofm-painel-topo { display: flex; align-items: center; justify-content: space-between; gap: 10px; }

.ofm-rot { font-size: 0.5rem; font-weight: 400; letter-spacing: 0.13em; text-transform: uppercase; color: rgba(255, 255, 255, 0.36); }

.ofm-selo { display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, 0.12); font-size: 0.48rem; font-weight: 400; letter-spacing: 0.02em; color: rgba(255, 255, 255, 0.5); white-space: nowrap; }

.ofm-selo svg { width: 11px; height: 8px; flex: 0 0 auto; }

.ofm-valor { display: block; margin: 11px 0px 8px; font-size: 1.22rem; font-weight: 400; letter-spacing: -0.02em; color: rgb(255, 255, 255); }

.ofm-extrato { list-style: none; margin: 0px; padding: 0px; border-top: 1px solid rgba(255, 255, 255, 0.07); }

.ofm-extrato li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 0px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); font-size: 0.58rem; font-weight: 300; color: rgba(255, 255, 255, 0.5); }

.ofm-extrato b { font-weight: 400; color: rgba(255, 255, 255, 0.86); white-space: nowrap; }

.ofm-extrato b.is-entrada { color: rgb(255, 255, 255); }

.ofm-extrato b.is-entrada::before { content: "+"; }

.ofm-extrato b:not(.is-entrada)::before { content: "−"; margin-right: 1px; }

.ofm-busca { display: flex; align-items: center; gap: 7px; padding: 10px 11px; border-radius: 9px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.06); font-size: 0.58rem; font-weight: 300; color: rgba(255, 255, 255, 0.34); }

.ofm-busca svg { width: 11px; height: 11px; flex: 0 0 auto; }

.ofm-fichas { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 8px; margin-top: 12px; }

.ofm-fichas i { height: 48px; display: grid; place-items: center; border-radius: 11px; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.42); font-style: normal; }

.ofm-fichas i img { display: block; width: auto; height: auto; max-width: 58%; max-height: 42%; opacity: 0.55; }

.ofm-fichas .ficha-caixa img { max-width: 46%; }

.ofm-fichas .ficha-nubank img, .ofm-fichas .ficha-xp img { max-height: 32%; }

.ofm-ficha-conta { font-size: 0.6rem; font-weight: 400; color: rgba(255, 255, 255, 0.66); background: rgba(255, 255, 255, 0.06); }

.ofm-linha-chave { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 22px 0px 18px; padding: 14px 13px; border-radius: 10px; background: rgba(255, 255, 255, 0.035); border: 1px solid rgba(255, 255, 255, 0.06); }

.ofm-linha-chave b { display: block; font-size: 0.62rem; font-weight: 400; color: rgba(255, 255, 255, 0.9); }

.ofm-linha-chave span { display: block; margin-top: 3px; font-size: 0.52rem; font-weight: 300; color: rgba(255, 255, 255, 0.38); }

.ofm-chave { position: relative; width: 31px; height: 18px; flex: 0 0 auto; border-radius: 99px; background: rgba(255, 255, 255, 0.2); transition: background 500ms; }

.ofm-chave i { position: absolute; top: 2.5px; left: 2.5px; width: 13px; height: 13px; border-radius: 50%; background: rgb(237, 237, 241); transform: translateX(13px); }

.of-modal-aberto .ofm-chave { background: rgba(255, 255, 255, 0.07); transition-delay: 1.35s; }

.of-modal-aberto .ofm-chave i { animation: 560ms cubic-bezier(0.22, 1, 0.36, 1) 1.3s 1 normal both running ofmChaveDesliga; }

@keyframes ofmChaveDesliga { 
  0% { transform: translateX(13px); background: rgb(237, 237, 241); }
  100% { transform: translateX(0px); background: rgba(255, 255, 255, 0.5); }
}

.ofm-cancelar { display: block; padding: 12px; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.14); text-align: center; font-size: 0.58rem; font-weight: 400; color: rgba(255, 255, 255, 0.72); }

.ofm-cats { list-style: none; margin: 12px 0px 0px; padding: 0px; }

.ofm-cats li { display: flex; align-items: center; gap: 10px; padding: 7px 0px; font-size: 0.58rem; font-weight: 300; color: rgba(255, 255, 255, 0.5); }

.ofm-cats li > span { flex: 0 0 auto; width: 74px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.ofm-cats li > i { height: 5px; width: var(--w,100%); border-radius: 99px; background: linear-gradient(90deg, rgba(255, 255, 255, 0.42), rgba(255, 255, 255, 0.16)); }

.ofm-cats li > b { margin-left: auto; font-weight: 400; color: rgba(255, 255, 255, 0.86); white-space: nowrap; }

.ofm-fixa-nome { display: block; margin: 10px 0px 2px; font-size: 0.78rem; font-weight: 400; color: rgba(255, 255, 255, 0.92); }

.ofm-serie { list-style: none; margin: 0px; padding: 0px; }

.ofm-serie li { position: relative; display: flex; align-items: center; gap: 10px; padding: 6px 0px 6px 19px; font-size: 0.58rem; font-weight: 300; color: rgba(255, 255, 255, 0.5); }

.ofm-serie li::before { content: ""; position: absolute; left: 3px; top: 50%; height: 100%; border-left: 1px solid rgba(255, 255, 255, 0.14); }

.ofm-serie li:last-child::before { display: none; }

.ofm-serie li:nth-last-child(2)::before { border-left-style: dashed; }

.ofm-ponto { position: absolute; left: 0px; top: 50%; width: 7px; height: 7px; margin-top: -3.5px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); }

.ofm-serie b { margin-left: auto; font-weight: 400; color: rgba(255, 255, 255, 0.86); white-space: nowrap; }

.ofm-serie .is-prevista { color: rgba(255, 255, 255, 0.3); }

.ofm-serie .is-prevista b { color: rgba(255, 255, 255, 0.42); }

.ofm-serie .is-prevista .ofm-ponto { background: transparent; border: 1px solid rgba(255, 255, 255, 0.3); }

.ofm-serie em { margin-left: 6px; font-style: normal; font-size: 0.44rem; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.32); }

.ofm-barras { display: flex; align-items: flex-end; justify-content: space-between; height: 80px; margin-top: 4px; }

.ofm-barras i { flex: 1 1 0%; max-width: 38px; height: var(--h,50%); border-radius: 5px; transform-origin: center bottom; background: linear-gradient(rgba(255, 255, 255, 0.34), rgba(255, 255, 255, 0.1)); }

.ofm-barras .is-prevista { background: rgba(255, 255, 255, 0.027); border: 1px dashed rgba(255, 255, 255, 0.26); }

.ofm-meses { display: flex; justify-content: space-between; margin-top: 8px; }

.ofm-meses span { flex: 1 1 0%; max-width: 38px; text-align: center; font-size: 0.46rem; font-weight: 400; letter-spacing: 0.08em; text-transform: uppercase; color: rgba(255, 255, 255, 0.28); }

.ofm-meses .is-prevista { color: rgba(255, 255, 255, 0.5); }

.of-modal-aberto .ofm-barras .is-prevista { animation: 620ms cubic-bezier(0.22, 1, 0.36, 1) 1.25s 1 normal both running ofmBarraSobe; }

.of-modal-aberto .ofm-meses .is-prevista { animation: 520ms ease 1.45s 1 normal both running ofmMesAcende; }

@keyframes ofmBarraSobe { 
  0% { transform: scaleY(0.04); opacity: 0; }
  100% { transform: scaleY(1); opacity: 1; }
}

@keyframes ofmMesAcende { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

.ofm-ic-chat { width: 11px; height: 10px; flex: 0 0 auto; }

.ofm-bolhas { display: flex; flex-direction: column; gap: 9px; margin-top: 13px; }

.ofm-bolha { display: block; max-width: 90%; padding: 8px 10px; border-radius: 12px; font-size: 0.6rem; font-weight: 300; line-height: 1.45; }

.ofm-bolha.is-sua { align-self: flex-end; border-bottom-right-radius: 4px; background: rgba(255, 255, 255, 0.9); color: rgb(11, 11, 14); }

.ofm-bolha:not(.is-sua) { align-self: flex-start; border-bottom-left-radius: 4px; background: rgba(255, 255, 255, 0.055); color: rgba(255, 255, 255, 0.68); }

.ofw-topo { display: flex; align-items: center; gap: 8px; padding-bottom: 9px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }

.ofw-topo > div { min-width: 0px; }

.ofw-topo b { display: block; font-size: 0.58rem; font-weight: 400; color: rgba(255, 255, 255, 0.9); }

.ofw-topo b + span { display: block; margin-top: 1px; font-size: 0.46rem; font-weight: 300; color: rgba(255, 255, 255, 0.34); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ofw-avatar { width: 22px; height: 22px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.09); color: rgba(255, 255, 255, 0.5); }

.ofw-avatar svg { width: 12px; height: 12px; display: block; }

.ofw-mono { width: 20px; height: 20px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.5rem; font-weight: 500; color: rgba(255, 255, 255, 0.72); }

.ofw-dia { display: block; width: fit-content; margin: 12px auto 10px; padding: 3px 9px; border-radius: 99px; background: rgba(255, 255, 255, 0.05); font-size: 0.45rem; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.34); }

.ofw-fio { display: flex; flex-direction: column; gap: 7px; }

.ofw-topo + .ofw-fio { margin-top: 12px; }

.ofw-bolha { max-width: 92%; padding: 7px 10px 5px; border-radius: 12px; font-size: 0.58rem; font-weight: 300; line-height: 1.45; }

.ofw-bolha.is-sai { align-self: flex-end; border-bottom-right-radius: 4px; background: rgba(255, 255, 255, 0.13); color: rgba(255, 255, 255, 0.92); }

.ofw-bolha.is-entra { align-self: flex-start; border-bottom-left-radius: 4px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.06); color: rgba(255, 255, 255, 0.62); }

.ofw-bolha em { display: block; margin-bottom: 3px; font-style: normal; font-size: 0.46rem; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; color: rgba(255, 255, 255, 0.42); }

.ofw-bolha .ofw-txt { display: block; }

.ofw-bolha > i { display: flex; align-items: center; justify-content: flex-end; gap: 3px; margin-top: 4px; font-style: normal; font-size: 0.42rem; line-height: 1; font-weight: 300; color: rgba(255, 255, 255, 0.32); }

.ofw-bolha.is-sai > i { color: rgba(255, 255, 255, 0.45); }

.ofw-visto { width: 11px; height: 8px; flex: 0 0 auto; }

.ofw-audio { display: flex; align-items: center; gap: 8px; padding: 8px 11px; }

.ofw-play { width: 17px; height: 17px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.88); color: rgb(11, 11, 14); }

.ofw-play svg { width: 7px; height: 7px; display: block; }

.ofw-onda { display: flex; align-items: center; gap: 2px; flex: 1 1 0%; height: 14px; }

.ofw-onda i { flex: 1 1 0%; height: var(--h,40%); min-width: 1.5px; border-radius: 99px; background: rgba(255, 255, 255, 0.42); }

.ofw-dur { flex: 0 0 auto; font-size: 0.44rem; font-weight: 300; color: rgba(255, 255, 255, 0.55); }

.ofw-digitando { display: flex; align-items: center; gap: 8px; padding: 6px 11px; }

.ofw-digitando em { margin-bottom: 0px; }

.ofw-pontos { display: inline-flex; align-items: center; gap: 4px; height: 8px; }

.ofw-pontos i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); }

.ofw-pontos i:nth-child(2) { background: rgba(255, 255, 255, 0.34); }

.ofw-pontos i:nth-child(3) { background: rgba(255, 255, 255, 0.22); }

.ofw-chip { display: inline-flex; align-items: center; gap: 4px; margin-bottom: 6px; padding: 2px 7px; border-radius: 99px; border: 1px solid rgba(255, 255, 255, 0.14); font-size: 0.44rem; font-weight: 400; letter-spacing: 0.06em; text-transform: uppercase; color: rgba(255, 255, 255, 0.55); }

.ofw-chip svg { width: 9px; height: 9px; flex: 0 0 auto; }

.ofw-avisos .ofw-dia { margin: 2px auto 11px; }

.ofw-quem { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }

.ofw-quem b { font-size: 0.6rem; font-weight: 400; color: rgba(255, 255, 255, 0.9); }

.ofw-hora { margin-left: auto; font-size: 0.45rem; font-weight: 300; color: rgba(255, 255, 255, 0.3); }

.ofw-resposta .ofm-rot { display: block; line-height: 1; }

.ofw-resposta .ofm-valor { margin: 4px 0px 5px; }

.ofw-resposta .ofm-extrato li { padding: 8px 0px; }

.ofw-membros { list-style: none; display: flex; flex-direction: column; gap: 2px; margin: 9px 0px 0px; padding: 0px; }

.ofw-membros li { display: flex; align-items: center; gap: 9px; padding: 3px 6px; border-radius: 8px; }

.ofw-membros li > div { min-width: 0px; }

.ofw-membros li b { display: block; font-size: 0.58rem; font-weight: 400; line-height: 1.25; color: rgba(255, 255, 255, 0.9); }

.ofw-membros li div span { display: block; margin-top: 1px; font-size: 0.47rem; font-weight: 300; line-height: 1.25; color: rgba(255, 255, 255, 0.36); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.of-modal-pe { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 18px 44px 20px; border-top: 1px solid rgba(255, 255, 255, 0.08); }

.of-modal-voltar { font-family: Poppins, sans-serif; font-size: 0.86rem; font-weight: 400; color: rgb(134, 134, 139); padding: 0px; border: 0px; background: none; cursor: pointer; transition: color 200ms; }

.of-modal-voltar:hover { color: rgb(255, 255, 255); }

.of-modal-voltar:focus-visible { outline: rgba(255, 255, 255, 0.55) solid 2px; outline-offset: 4px; border-radius: 4px; }

.of-modal-link { font-family: Poppins, sans-serif; display: inline-flex; align-items: center; font-size: 0.86rem; font-weight: 400; color: rgb(255, 255, 255); text-decoration: none; padding: 9px 20px; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 980px; white-space: nowrap; transition: border-color 200ms, background 200ms; }

.of-modal-link:hover { border-color: rgba(255, 255, 255, 0.45); background: rgba(255, 255, 255, 0.06); }

.of-modal-link:focus-visible { outline: rgba(255, 255, 255, 0.55) solid 2px; outline-offset: 3px; }

@media (max-width: 980px) {
  .of-modal-caixa { width: min(680px, 100%); }
  .of-modal-grade { grid-template-columns: minmax(0px, 1fr); gap: 26px; }
  .ofm-peca { left: 50%; right: auto; width: min(420px, 100% - 44px); --ofm-x: -50%; }
  .ofm-fone { width: 250px; }
}

@media (max-width: 760px) {
  .of-modal { padding: max(14px,env(safe-area-inset-top,0px)) max(14px,env(safe-area-inset-right,0px)) max(14px,env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px)); }
  .of-modal-caixa { max-height: 92dvh; border-radius: 18px; overflow-y: auto; overscroll-behavior: contain; }
  .of-modal-caixa::before, .of-modal-caixa::after { display: none; }
  .of-modal-corpo { overflow: visible; flex: 0 0 auto; }
  .of-modal-x { position: sticky; top: 12px; right: auto; flex: 0 0 auto; align-self: flex-end; margin: 12px 12px -46px auto; width: 34px; height: 34px; background: rgba(20, 20, 22, 0.92); backdrop-filter: blur(8px); z-index: 10; }
  .of-modal-topo { padding: 28px 56px 18px 20px; }
  .of-modal-corpo { padding: 6px 20px 10px; }
  .of-modal-pe { gap: 14px; padding: 16px 20px 20px; }
  .of-modal-link { flex: 1 1 0%; justify-content: center; text-align: center; white-space: normal; text-wrap-style: balance; line-height: 1.35; padding: 11px 18px; }
  .of-modal-titulo { font-size: 1.4rem; }
  .of-modal-lead { font-size: 0.88rem; }
  .of-modal-grade { gap: 24px; }
  .ofm-palco { height: 220px; margin-bottom: 16px; }
  .ofm-peca { top: 20px; width: calc(100% - 36px); }
  .ofm-fone { width: min(252px, 100% - 24px); }
}

@media (max-width: 359px) {
  .ofm-linha-chave { gap: 8px; padding: 12px 9px; }
  .ofm-linha-chave b { font-size: 0.55rem; }
}

@media (prefers-reduced-motion: reduce) {
  .of-modal-veu, .of-modal-caixa { transition: none; }
  .of-modal-caixa { transform: none; }
  .ofm-peca { opacity: 1; transform: translateX(var(--ofm-x,0)); transition: none; }
  .of-modal-aberto .ofm-peca { transition-delay: 0s; }
  .of-modal-aberto .ofm-chave { transition: none; }
  .of-modal-aberto .ofm-chave i { animation: auto ease 0s 1 normal none running none; transform: translateX(0px); background: rgba(255, 255, 255, 0.5); }
  .of-modal-aberto .ofm-barras .is-prevista, .of-modal-aberto .ofm-meses .is-prevista { animation: auto ease 0s 1 normal none running none; opacity: 1; transform: none; }
}

.sem-rolagem { overflow: hidden; }

.of-stage-conversa { position: relative; display: flex; align-items: flex-end; justify-content: center; overflow: hidden; min-height: 427px; }

.ofr { --ofr-ease: cubic-bezier(0.22,1,0.36,1); --ofr-mao-x: cubic-bezier(0.4,0,0.2,1); --ofr-mao-y: cubic-bezier(0.36,0.06,0.2,1); --ofr-abre: cubic-bezier(0.34,0.28,0.18,1); --ofr-abrir: cubic-bezier(0.36,0.66,0.16,1); --ofr-curta: cubic-bezier(0.12,0.72,0.18,1); --ofr-saida: cubic-bezier(0.5,0,0.9,0.35); --ofr-h: 393px; position: relative; width: 100%; max-width: 362px; height: var(--ofr-h); margin-bottom: 17px; flex: 0 0 auto; overflow: hidden; font-family: Poppins, sans-serif; transform: translate3d(0px, 0px, 0px); pointer-events: none; opacity: 1; }

.ofr.is-mudo, .ofr.is-mudo *, .ofr.is-mudo ::before, .ofr.is-mudo ::after { transition: none !important; animation: auto ease 0s 1 normal none running none !important; }

.ofr-tela { position: absolute; inset: 0px; padding-bottom: 12px; display: flex; flex-direction: column; justify-content: center; }

.ofr.is-aberto .ofr-tela { opacity: 0; transition: opacity 240ms; }

.ofr-topo { position: relative; z-index: 2; flex: 0 0 auto; height: 44px; display: flex; align-items: center; gap: 9px; padding: 0px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); opacity: 0; transform: translate3d(0px, -10px, 0px); transition: opacity 460ms ease,transform 560ms var(--ofr-ease); }

.ofr.is-in .ofr-topo { opacity: 1; transform: none; }

.ofr-topo > div { min-width: 0px; }

.ofr-topo b { display: block; font-size: 0.64rem; font-weight: 400; color: rgba(255, 255, 255, 0.9); }

.ofr-topo b + span { display: block; margin-top: 1px; font-size: 0.48rem; font-weight: 300; color: rgba(255, 255, 255, 0.34); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ofr-avatar { width: 24px; height: 24px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.075); border: 1px solid rgba(255, 255, 255, 0.09); color: rgba(255, 255, 255, 0.5); }

.ofr-avatar svg { width: 13px; height: 13px; display: block; }

.ofr-dia { position: relative; z-index: 1; flex: 0 0 auto; align-self: center; margin-top: 16px; padding: 3px 10px; border-radius: 99px; background: rgba(255, 255, 255, 0.05); font-size: 0.46rem; font-weight: 400; line-height: 11px; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(255, 255, 255, 0.32); opacity: 0; transition: opacity 500ms 120ms; }

.ofr.is-in .ofr-dia { opacity: 1; }

.ofr-fio { position: relative; z-index: 1; margin: 28px 14px 0px; display: flex; flex-direction: column; align-items: flex-start; container-type: inline-size; }

.ofr-vao { align-self: stretch; display: flex; align-items: flex-end; height: 0px; transition: height 420ms var(--ofr-abre),margin-top 420ms var(--ofr-abre); }

.ofr-vao-voce { justify-content: flex-end; }

.ofr.is-enviado .ofr-vao-voce { height: 59px; }

.ofr.is-digitando .ofr-vao-martin { height: 36px; margin-top: 7px; }

.ofr.is-resposta .ofr-vao-martin { height: 60px; }

.ofr-bolha { position: relative; max-width: min(88%, 290px); border-radius: 13px; }

.ofr-bolha::before { content: ""; position: absolute; inset: 0px; z-index: -1; border-radius: inherit; opacity: 0; transform: scale3d(0.42, 0.5, 1); transition: transform 520ms var(--ofr-ease) 180ms,opacity 300ms ease-out 180ms; }

.ofr-bolha > * { opacity: 0; transition: opacity 320ms; }

.ofr-voce { height: 59px; padding: 8px 11px 6px; border-bottom-right-radius: 4px; color: rgba(255, 255, 255, 0.92); }

.ofr-voce::before { background: rgba(255, 255, 255, 0.13); transform-origin: 100% 100%; }

.ofr.is-enviado .ofr-voce::before { transform: scale3d(1, 1, 1); opacity: 1; }

.ofr.is-enviado .ofr-voce > * { opacity: 1; transition-delay: 380ms; }

.ofr-voce .ofr-fala { display: block; font-size: 0.7rem; font-weight: 300; line-height: 1.45; }

.ofr-bolha > i { display: flex; align-items: center; justify-content: flex-end; gap: 3px; min-height: 9px; margin-top: 4px; font-style: normal; font-size: 0.44rem; line-height: 1; font-weight: 300; color: rgba(255, 255, 255, 0.45); }

.ofr-visto { width: 11px; height: 8px; flex: 0 0 auto; }

.ofr-martin { width: 58px; min-width: fit-content; height: 36px; padding: 7px 11px; border-bottom-left-radius: 4px; color: rgba(255, 255, 255, 0.66); transition: width 420ms var(--ofr-abre),height 420ms var(--ofr-abre); }

.ofr-martin::before { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.06); transform-origin: 0px 100%; }

.ofr.is-digitando .ofr-martin::before { transform: scale3d(1, 1, 1); opacity: 1; }

.ofr.is-digitando .ofr-martin > em { opacity: 1; transition-delay: 380ms; }

.ofr.is-digitando .ofr-martin > .ofr-slot { opacity: 1; transition: opacity 320ms ease 380ms,height 420ms var(--ofr-abre); }

.ofr.is-resposta .ofr-martin { width: min(88%, 290px); height: 60px; }

.ofr-martin em { display: block; margin-bottom: 4px; font-style: normal; font-size: 0.46rem; font-weight: 500; letter-spacing: 0.09em; line-height: 1; text-transform: uppercase; color: rgba(255, 255, 255, 0.42); }

.ofr-slot { position: relative; display: block; height: 9px; overflow: hidden; transition: height 420ms var(--ofr-abre); }

.ofr.is-resposta .ofr-slot { height: 33px; }

.ofr-pontos, .ofr-resp { position: absolute; left: 0px; right: 0px; top: 0px; transition: transform 420ms var(--ofr-curta),opacity 260ms ease; }

.ofr-pontos { display: flex; align-items: center; gap: 4px; height: 9px; }

.ofr-pontos i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255, 255, 255, 0.5); }

.ofr-pontos i:nth-child(2) { background: rgba(255, 255, 255, 0.34); }

.ofr-pontos i:nth-child(3) { background: rgba(255, 255, 255, 0.22); }

.ofr.is-digitando:not(.is-resposta) .ofr-pontos i { animation: 1050ms ease-in-out 0s infinite normal none running ofrPonto; }

.ofr.is-digitando:not(.is-resposta) .ofr-pontos i:nth-child(2) { animation-delay: 150ms; }

.ofr.is-digitando:not(.is-resposta) .ofr-pontos i:nth-child(3) { animation-delay: 300ms; }

@keyframes ofrPonto { 
  0%, 100% { opacity: 1; }
  45% { opacity: 0.35; }
}

.ofr-resp { font-size: 0.68rem; font-weight: 300; line-height: 1.45; width: calc(-24px + min(88cqw, 290px)); transform: translateY(100%); opacity: 0; }

.ofr.is-resposta .ofr-pontos { transform: translateY(-140%); opacity: 0; }

.ofr.is-resposta .ofr-resp { transform: translateY(0px); opacity: 1; }

.ofr-vaga { align-self: stretch; height: 0px; transition: height 460ms var(--ofr-abre),margin-top 460ms var(--ofr-abre); }

.ofr.is-vaga .ofr-vaga { height: 92px; margin-top: 6px; }

.ofr-barra { position: relative; z-index: 2; flex: 0 0 auto; margin: 12px 12px 0px; height: 40px; display: flex; align-items: center; gap: 6px; padding: 0px 5px 0px 12px; border-radius: 20px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.08); opacity: 0; transform: translate3d(0px, 14px, 0px); transition: opacity 460ms ease,transform 560ms var(--ofr-ease); }

.ofr.is-in .ofr-barra { opacity: 1; transform: none; }

.ofr-campo { flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; white-space: nowrap; overflow: hidden; font-size: 0.63rem; font-weight: 300; line-height: 1.2; color: rgba(255, 255, 255, 0.88); }

.ofr.is-enviado .ofr-campo { opacity: 0; transform: translate3d(0px, -10px, 0px); transition: opacity 180ms ease-in, transform 220ms ease-in; }

.ofr.is-digitando .ofr-campo { opacity: 1; transform: none; transition: opacity 300ms, transform 300ms; }

.ofr-caret { width: 1px; height: 12px; flex: 0 0 auto; margin-left: 1px; background: rgba(255, 255, 255, 0.85); opacity: 0; }

.ofr.is-typing .ofr-caret { opacity: 1; }

.ofr.is-armed .ofr-caret { animation: 1s steps(1) 0s infinite normal none running ofrCaret; }

.ofr.is-enviado .ofr-caret { animation: auto ease 0s 1 normal none running none; opacity: 0; }

@keyframes ofrCaret { 
  0%, 50% { opacity: 1; }
  51%, 100% { opacity: 0; }
}

.ofr-enviar { position: relative; width: 30px; height: 30px; flex: 0 0 auto; display: grid; place-items: center; border-radius: 50%; background: rgba(255, 255, 255, 0.06); border: 1px solid rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.26); transition: background 220ms ease,border-color 220ms ease,color 220ms ease,transform 180ms var(--ofr-curta); }

.ofr-enviar svg { width: 14px; height: 14px; display: block; }

.ofr.is-armed .ofr-enviar { background: rgba(255, 255, 255, 0.14); border-color: rgba(255, 255, 255, 0.32); color: rgba(255, 255, 255, 0.92); }

.ofr.is-toque .ofr-enviar { background: rgb(255, 255, 255); border-color: rgb(255, 255, 255); color: rgb(0, 0, 0); transform: scale(0.9); transition-duration: 90ms; }

.ofr.is-enviado .ofr-enviar { background: rgba(255, 255, 255, 0.06); border-color: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.26); transform: none; }

@keyframes ofrAnel { 
  0% { transform: scale(1); opacity: 0.7; }
  100% { transform: scale(2.1); opacity: 0; }
}

.ofr-doc { position: absolute; inset: 0px; z-index: 5; clip-path: inset(calc(100% - 156px) 68px 64px 14px round 14px); opacity: 0; transform: translate3d(0px, 12px, 0px); transition: clip-path 640ms var(--ofr-abrir),opacity 380ms ease,transform 520ms var(--ofr-curta); }

.ofr.is-relatorio .ofr-doc { opacity: 1; transform: none; }

.ofr.is-aberto .ofr-doc { clip-path: inset(0px round 18px); }

.ofr-capa { position: absolute; left: 14px; right: 68px; bottom: 64px; height: 92px; display: flex; flex-direction: column; justify-content: center; gap: 6px; padding: 0px 12px; border-radius: 14px; background: rgb(16, 16, 20); border: 1px solid rgba(255, 255, 255, 0.09); transition: opacity 180ms ease-in; }

.ofr.is-aberto .ofr-capa { opacity: 0; }

.ofr-capa-topo { display: flex; align-items: center; gap: 6px; }

.ofr-ic { width: 15px; height: 15px; flex: 0 0 auto; display: grid; place-items: center; color: rgba(255, 255, 255, 0.42); }

.ofr-ic svg { width: 12px; height: 14px; display: block; }

.ofr-capa-topo b { font-size: 0.62rem; font-weight: 400; color: rgba(255, 255, 255, 0.88); }

.ofr-capa-meio { display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; }

.ofr-capa-meio strong { font-size: 0.92rem; font-weight: 400; letter-spacing: -0.01em; line-height: 1; color: rgb(255, 255, 255); }

.ofr-mini { display: flex; align-items: flex-end; gap: 3px; width: 56px; height: 18px; flex: 0 0 auto; }

.ofr-mini i { position: relative; flex: 1 1 0%; height: 100%; border-radius: 2px; background: rgba(255, 255, 255, 0.035); }

.ofr-mini i::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: var(--h); border-radius: 2px; background: rgba(255, 255, 255, 0.5); }

.ofr-mini i:first-child::after { background: rgba(255, 255, 255, 0.85); }

.ofr-capa-pe { display: flex; align-items: center; justify-content: space-between; font-size: 0.5rem; font-weight: 300; color: rgba(255, 255, 255, 0.36); }

.ofr-capa-pe i { font-style: normal; font-size: 0.44rem; }

.ofr-rel { position: absolute; inset: 0px; display: flex; flex-direction: column; justify-content: center; padding: 14px 18px 16px; opacity: 0; transition: opacity 1ms; }

.ofr.is-aberto .ofr-rel { opacity: 1; transition: opacity 1ms 200ms; }

.ofr-rel-topo, .ofr-rel-valor, .ofr-lista li, .ofr-proj { opacity: 0; transform: translate3d(0px, 8px, 0px); transition: opacity 420ms ease,transform 520ms var(--ofr-curta); }

.ofr.is-conteudo .ofr-rel-topo, .ofr.is-conteudo .ofr-rel-valor, .ofr.is-conteudo .ofr-lista li, .ofr.is-conteudo .ofr-proj { opacity: 1; transform: none; }

.ofr.is-conteudo .ofr-rel-valor { transition-delay: 0.12s; }

.ofr.is-conteudo .ofr-lista li:nth-child(1) { transition-delay: 0.24s; }

.ofr.is-conteudo .ofr-lista li:nth-child(2) { transition-delay: 0.32s; }

.ofr.is-conteudo .ofr-lista li:nth-child(3) { transition-delay: 0.4s; }

.ofr.is-conteudo .ofr-lista li:nth-child(4) { transition-delay: 0.48s; }

.ofr.is-conteudo .ofr-proj { transition-delay: 0.6s; }

.ofr-rel-topo { display: flex; align-items: center; gap: 8px; margin: 0px -18px; padding: 0px 18px 9px; border-bottom: 1px solid rgba(255, 255, 255, 0.08); }

.ofr-rel-topo i { width: 12px; height: 12px; flex: 0 0 auto; display: grid; place-items: center; color: rgba(255, 255, 255, 0.45); }

.ofr-rel-topo i svg { width: 10px; height: 10px; display: block; }

.ofr-rel-topo b { flex: 1 1 0%; min-width: 0px; font-size: 0.68rem; font-weight: 400; color: rgb(255, 255, 255); }

.ofr-rel-valor { margin-top: 14px; }

.ofr-rot { display: block; font-size: 0.5rem; font-weight: 400; letter-spacing: 0.12em; line-height: 1; text-transform: uppercase; color: rgba(255, 255, 255, 0.38); }

.ofr-rel-valor strong { display: block; margin: 0px; white-space: nowrap; font-size: 1.2rem; font-weight: 400; letter-spacing: -0.02em; line-height: 1; color: rgb(255, 255, 255); }

.ofr-sub { display: block; margin-top: 6px; font-size: 0.54rem; font-weight: 300; color: rgba(255, 255, 255, 0.42); }

.ofr-lista { margin: 18px 0px 0px; padding: 0px; list-style: none; }

.ofr-lista li { padding: 8px 0px; border-top: 1px solid rgba(255, 255, 255, 0.055); }

.ofr-lista li:first-child { border-top: 0px; padding-top: 0px; }

.ofr-lista li:last-child { padding-bottom: 0px; }

.ofr-li-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }

.ofr-li-topo > span { min-width: 0px; font-size: 0.68rem; font-weight: 300; color: rgba(255, 255, 255, 0.82); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.ofr-li-topo b { flex: 0 0 auto; font-size: 0.68rem; font-weight: 400; color: rgb(255, 255, 255); }

.ofr-proj { margin-top: 12px; }

.ofr-cols { display: flex; align-items: stretch; height: 56px; margin-top: 5px; }

.ofr-colu { position: relative; flex: 1 1 0%; min-width: 0px; }

.ofr-colu i { position: absolute; left: 50%; bottom: 0px; width: 30px; height: var(--b); margin-left: -15px; border-radius: 5px; background: rgba(255, 255, 255, 0.9); transform: scaleY(0); transform-origin: center bottom; transition: transform 560ms var(--ofr-abre); }

.ofr-colu.is-prev i { background: rgba(255, 255, 255, 0.34); }

.ofr-colu b { position: absolute; left: 50%; bottom: calc(var(--b) + 4px); transform: translateX(-50%); font-size: 0.44rem; font-weight: 400; letter-spacing: 0.01em; line-height: 1; white-space: nowrap; color: rgba(255, 255, 255, 0.92); opacity: 0; transition: opacity 320ms; }

.ofr-colu.is-prev b { color: rgba(255, 255, 255, 0.5); }

.ofr-colu:last-child b { color: rgba(255, 255, 255, 0.3); }

.ofr.is-conteudo .ofr-colu i { transform: scaleY(1); }

.ofr.is-conteudo .ofr-colu b { opacity: 1; }

.ofr.is-conteudo .ofr-colu:nth-child(1) i { transition-delay: 0.68s; }

.ofr.is-conteudo .ofr-colu:nth-child(2) i { transition-delay: 0.76s; }

.ofr.is-conteudo .ofr-colu:nth-child(3) i { transition-delay: 0.84s; }

.ofr.is-conteudo .ofr-colu:nth-child(4) i { transition-delay: 0.92s; }

.ofr.is-conteudo .ofr-colu:nth-child(5) i { transition-delay: 1s; }

.ofr.is-conteudo .ofr-colu:nth-child(1) b { transition-delay: 1.04s; }

.ofr.is-conteudo .ofr-colu:nth-child(2) b { transition-delay: 1.12s; }

.ofr.is-conteudo .ofr-colu:nth-child(3) b { transition-delay: 1.2s; }

.ofr.is-conteudo .ofr-colu:nth-child(4) b { transition-delay: 1.28s; }

.ofr.is-conteudo .ofr-colu:nth-child(5) b { transition-delay: 1.36s; }

.ofr-meses { display: flex; margin-top: 4px; }

.ofr-meses span { flex: 1 1 0%; min-width: 0px; text-align: center; font-size: 0.5rem; font-weight: 300; color: rgba(255, 255, 255, 0.5); }

.ofr-meses span:first-child { color: rgba(255, 255, 255, 0.85); }

.ofr-meses span:last-child { color: rgba(255, 255, 255, 0.28); }

.ofr-mao { position: absolute; inset: 0px; z-index: 7; pointer-events: none; transform: translateX(calc(100% - 32px)); transition: transform 700ms var(--ofr-mao-x); }

.ofr-mao > i { position: absolute; left: 0px; top: 0px; width: 34px; height: 34px; margin: -17px 0px 0px -17px; border-radius: 50%; background: rgba(255, 255, 255, 0.15); border: 1.5px solid rgba(255, 255, 255, 0.72); box-shadow: rgba(0, 0, 0, 0.5) 0px 3px 10px; opacity: 0; transform: translateY(calc(var(--ofr-h) + 44px)) scale(1); transition: transform 740ms var(--ofr-mao-y),opacity 260ms ease; }

.ofr-mao > i::after { content: ""; position: absolute; inset: -2px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.5); opacity: 0; }

.ofr.is-mira .ofr-mao > i { opacity: 1; transform: translateY(calc(var(--ofr-h) - 144px)) scale(1); }

.ofr.is-toque .ofr-mao > i { transform: translateY(calc(var(--ofr-h) - 144px)) scale(0.82); transition-duration: 110ms, 260ms; }

.ofr.is-toque .ofr-mao > i::after, .ofr.is-enviado .ofr-mao > i::after { animation: ofrAnel 700ms var(--ofr-ease) forwards; }

.ofr.is-enviado .ofr-mao > i { opacity: 0.35; transform: translateY(calc(var(--ofr-h) + 30px)) scale(1); transition: transform 520ms var(--ofr-saida) 120ms,opacity 300ms ease 120ms; }

.ofr.is-mira2 .ofr-mao { transform: translateX(calc(50% - 27px)); }

.ofr.is-mira2 .ofr-mao > i { opacity: 1; transform: translateY(calc(var(--ofr-h) - 110px)) scale(1); transition: transform 640ms var(--ofr-mao-y),opacity 300ms ease; }

.ofr.is-toque2 .ofr-mao > i { transform: translateY(calc(var(--ofr-h) - 110px)) scale(0.82); transition-duration: 110ms, 300ms; }

.ofr.is-toque2 .ofr-mao > i::after, .ofr.is-aberto .ofr-mao > i::after { animation: ofrAnelDoc 700ms var(--ofr-ease) forwards; }

@keyframes ofrAnelDoc { 
  0% { transform: scale(1); opacity: 0.7; }
  100% { transform: scale(2.1); opacity: 0; }
}

.ofr.is-aberto .ofr-mao > i { opacity: 0; transform: translateY(calc(var(--ofr-h) + 48px)) scale(1); transition: transform 520ms var(--ofr-saida) 140ms,opacity 260ms ease 140ms; }

.ofr.is-saindo { transform: translate3d(0px, 26px, 0px); opacity: 0; transition: transform 560ms var(--ofr-saida),opacity 460ms ease-in 60ms; }

@media (max-width: 600px) {
  .ofr { max-width: 380px; }
}

@media (prefers-reduced-motion: reduce) {
  .ofr .ofr-mao { display: none; }
}

.of-bancos { width: 94%; max-width: 1300px; margin-bottom: 54px; --of-bancos-h: 16.8px; --of-bancos-vao: 36px; --of-bancos-tinta: 0.74; --of-bancos-fade: 96px; --of-bancos-pose: 131px; }

.of-bancos-nota { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: rgb(255, 255, 255); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; text-align: center; margin-bottom: 40px; }

.of-bancos-trilho { position: relative; overflow: hidden; mask-image: linear-gradient(to right,transparent 0,#000 var(--of-bancos-fade),#000 calc(100% - var(--of-bancos-fade)),transparent 100%); }

.of-bancos-fita { display: flex; width: max-content; animation: 34s linear 0s infinite normal none running of-bancos-anda; }

@keyframes of-bancos-anda { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(calc(-33.3333%), 0px, 0px); }
}

.of-bancos-fila { display: flex; align-items: center; flex: 0 0 auto; }

.of-bancos-logo { flex: 0 0 auto; height: calc(var(--of-bancos-h) * var(--alt,1)); aspect-ratio: var(--r); margin-right: var(--of-bancos-vao); object-fit: contain; object-position: center center; filter: brightness(0) invert(1); opacity: calc(var(--of-bancos-tinta) * var(--tom,1)); }

.of-bancos-logo.is-btg { --r: 2.524; --alt: 1.32; }

.of-bancos-logo.is-santander { --r: 5.797; }

.of-bancos-logo.is-c6 { --r: 5.000; --tom: 0.75; }

.of-bancos-logo.is-bradesco { --r: 5.369; }

.of-bancos-logo.is-sicredi { --r: 4.233; }

.of-bancos-logo.is-sicoob { --r: 4.469; --tom: 0.77; }

.of-bancos-logo.is-inter { --r: 3.941; --tom: 0.81; }

.of-bancos-logo.is-nubank { --r: 1.826; --alt: 0.72; --tom: 0.94; }

.of-bancos-logo.is-xp { --r: 1.786; --alt: 0.72; --tom: 0.83; }

.of-bancos-logo.is-caixa { --r: 4.420; --tom: 0.64; }

.of-bancos-logo.is-bb { --r: 1.000; --alt: 0.90; --tom: 0.85; }

.of-bancos-logo.is-itau { --r: 1.000; --alt: 0.84; --tom: 0.66; }

@media (max-width: 960px) {
  .of-bancos { --of-bancos-h: 15px; --of-bancos-vao: 30px; --of-bancos-fade: 76px; --of-bancos-pose: 120px; margin-bottom: 42px; }
}

@media (max-width: 600px) {
  .of-bancos { width: 96%; --of-bancos-h: 13px; --of-bancos-vao: 24px; --of-bancos-fade: 56px; --of-bancos-pose: 108px; margin-bottom: 34px; }
  .of-bancos-nota { font-size: 1.4rem; margin-bottom: 32px; }
  .of-bancos-fita { animation-duration: 27s; }
}

@media (prefers-reduced-motion: reduce) {
  .of-bancos-fita { animation: auto ease 0s 1 normal none running none; transform: translate3d(calc(var(--of-bancos-pose) * -1),0,0); }
}

.site-footer { position: relative; z-index: 3; width: 100%; padding: 0 0 calc(48px + env(safe-area-inset-bottom,0px)); display: flex; flex-direction: column; align-items: center; }

.footer-inner { position: relative; width: 94%; max-width: 1300px; padding-top: 44px; }

.footer-inner::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 1px; background: rgba(255, 255, 255, 0.12); }

.footer-top { display: grid; grid-template-columns: minmax(0px, 1.45fr) minmax(0px, 0.85fr) minmax(0px, 0.85fr) minmax(0px, 1.15fr); gap: 40px; align-items: start; }

.footer-logo-link { display: inline-flex; align-items: center; }

.footer-logo { height: 26px; width: auto; }

.footer-about { margin-top: 16px; max-width: 340px; font-size: 0.82rem; font-weight: 300; line-height: 1.6; color: rgb(134, 134, 139); }

.footer-social { display: flex; gap: 8px; margin-top: 22px; }

.footer-social a { width: 32px; height: 32px; border-radius: 10px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, 0.12); color: rgb(134, 134, 139); transition: color 0.3s, border-color 0.3s, background 0.3s; }

.footer-social a:hover { color: rgb(255, 255, 255); border-color: rgba(255, 255, 255, 0.28); background: rgba(255, 255, 255, 0.05); }

.footer-social svg { width: 15px; height: 15px; fill: none; stroke: currentcolor; stroke-width: 1.6; stroke-linejoin: round; }

.footer-social svg .is-solid { fill: currentcolor; stroke: none; }

.footer-col { display: flex; flex-direction: column; align-items: flex-start; }

.footer-col-title { font-family: Poppins, sans-serif; font-size: 0.62rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.16em; line-height: 1; color: rgb(255, 255, 255); margin: 8px 0px 18px; }

.footer-links a { font-size: 0.82rem; font-weight: 300; color: rgb(134, 134, 139); text-decoration: none; transition: color 0.3s; }

.footer-links a + a { margin-top: 11px; }

.footer-links a:hover { color: rgb(255, 255, 255); }

.footer-support-text { margin-top: 12px; max-width: 288px; font-size: 0.8rem; font-weight: 300; line-height: 1.55; color: rgb(134, 134, 139); }

.footer-mail { display: inline-block; font-size: 0.8rem; font-weight: 300; color: rgb(134, 134, 139); text-decoration: none; transition: color 0.3s; word-break: break-word; }

.footer-mail:hover { color: rgb(255, 255, 255); }

.footer-wa { display: inline-flex; align-items: center; justify-content: center; gap: 8px; margin-top: 22px; padding: 11px 20px; border-radius: 980px; background: rgb(255, 255, 255); border: 1px solid rgb(255, 255, 255); color: rgb(10, 10, 10); font-size: 0.8rem; font-weight: 500; text-decoration: none; transition: opacity 0.3s; }

.footer-wa:hover { opacity: 0.85; }

.footer-wa svg { width: 15px; height: 15px; fill: rgb(10, 10, 10); flex-shrink: 0; }

.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 12px 28px; flex-wrap: wrap; margin-top: 40px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.08); }

.footer-legal { font-size: 0.72rem; font-weight: 300; color: rgb(110, 110, 115); }

.footer-terms { display: flex; gap: 24px; flex-wrap: wrap; }

.footer-terms a { font-size: 0.82rem; font-weight: 300; color: rgb(110, 110, 115); text-decoration: none; transition: color 0.3s; }

.footer-terms a:hover { color: rgb(255, 255, 255); }

.site-footer.is-preto { background: rgb(12, 12, 13); }

.site-footer.is-branco { background: rgb(255, 255, 255); }

.site-footer.is-branco .footer-inner::before { background: rgba(0, 0, 0, 0.12); }

.site-footer.is-branco .footer-col-title { color: rgb(10, 10, 10); }

.site-footer.is-branco .footer-social a { border-color: rgba(0, 0, 0, 0.12); }

.site-footer.is-branco .footer-social a:hover { color: rgb(10, 10, 10); border-color: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.04); }

.site-footer.is-branco .footer-links a:hover, .site-footer.is-branco .footer-mail:hover, .site-footer.is-branco .footer-terms a:hover { color: rgb(10, 10, 10); }

.site-footer.is-branco .footer-wa { background: rgb(10, 10, 10); border-color: rgb(10, 10, 10); color: rgb(255, 255, 255); }

.site-footer.is-branco .footer-wa svg { fill: rgb(255, 255, 255); }

.site-footer.is-branco .footer-bottom { border-top-color: rgba(0, 0, 0, 0.08); }

@media (max-width: 1140px) {
  .footer-top { grid-template-columns: minmax(0px, 1.25fr) minmax(0px, 0.8fr) minmax(0px, 0.8fr) minmax(0px, 1.05fr); gap: 32px; }
}

@media (max-width: 980px) {
  .footer-top { grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 30px 32px; }
  .footer-brand { grid-column: 1 / -1; }
  .footer-about { max-width: 520px; }
  .footer-col-title { margin-top: 0px; }
}

@media (max-width: 760px) {
  .footer-top { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .footer-support { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .site-footer { padding: 0 0 calc(36px + env(safe-area-inset-bottom,0px)); }
  .footer-inner { width: 100%; padding: 32px 24px 0px; }
  .footer-inner::before { left: 24px; right: 24px; }
  .footer-top { grid-template-columns: minmax(156px, 1fr) minmax(0px, 1fr); gap: 28px 16px; }
  .footer-wa { width: 100%; }
  .footer-bottom { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 14px; margin-top: 38px; }
}

@media (max-width: 360px) {
  .footer-top { grid-template-columns: minmax(0px, 1fr); gap: 26px; }
}

.ag-section { position: relative; z-index: 3; width: 100%; background: var(--ag-branco); margin: 0px; padding: 104px 0px 88px; display: flex; flex-direction: column; align-items: center; --ag-branco: #ffffff; --ag-tile-bg: #f6f6f4; --ag-tinta: #16161a; --ag-tinta-2: #6a6a70; --ag-tinta-3: #a2a2a8; --ag-fio: rgba(22,22,26,0.08); --ag-obj: #ffffff; --ag-cinza: #e4e4e0; --ag-verde: #d8fdd2; --ag-verde-tinta: #157a4a; --ag-azul: #53bdeb; --ag-neutro: #eceae7; --ag-frio-tinta: #2c6ba6; --ag-raio: 22px; --ag-ease: cubic-bezier(0.22,1,0.36,1); --ag-calmo: cubic-bezier(0.4,0,0.2,1); --ag-saida: cubic-bezier(0.5,0,0.9,0.35); --ag-mola: cubic-bezier(0.34,1.34,0.5,1); --ag-mola-2: cubic-bezier(0.3,1.42,0.5,1); }

.ag-grade { width: 94%; max-width: 1300px; display: grid; grid-template-columns: minmax(0px, 1fr); row-gap: clamp(52px, 5.5vw, 80px); }

.ag-lado { position: relative; }

.ag-topo { max-width: 620px; margin-inline: auto; text-align: center; }

.ag-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: rgb(12, 12, 13); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin-bottom: 14px; }

.ag-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--ag-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin-inline: auto; }

.ag-pilha { display: grid; grid-template-columns: repeat(2, minmax(0px, 616px)); justify-content: space-between; align-items: start; gap: clamp(48px, 4.9vw, 68px) clamp(40px, 5vw, 68px); }

.ag-card { position: relative; container-type: inline-size; --ag-arte-w: 300px; --ag-arte-h: 188px; --ag-esc: 0.5; }

.ag-tile { position: relative; height: var(--ag-tile-h,clamp(148px,19cqw,168px)); border-radius: var(--ag-raio); overflow: hidden; background: var(--ag-tile-bg); margin-bottom: 20px; }

.ag-arte { position: absolute; left: 50%; top: 50%; width: var(--ag-arte-w); height: var(--ag-arte-h); transform: translate(-50%,-50%) scale(var(--ag-esc)); font-family: Poppins, sans-serif; user-select: none; pointer-events: none; }

.ag-titulo { font-family: Poppins, sans-serif; font-size: 1.02rem; font-weight: 500; color: var(--ag-tinta); letter-spacing: -0.012em; line-height: 1.35; margin-bottom: 9px; }

.ag-desc { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--ag-tinta); line-height: 1.52; letter-spacing: -0.004em; }

.ag1 { --ag-arte-w: 330px; --ag-arte-h: 190px; }

.ag1-fala { position: absolute; left: 56px; top: 0px; width: 266px; height: 90px; padding: 10px 11px 9px; border-radius: 12px 0px 12px 12px; background: var(--ag-verde); box-shadow: rgba(22, 22, 26, 0.07) 0px 1px 2px, rgba(22, 22, 26, 0.05) 0px 6px 18px; opacity: 0; transform: translateY(9px) scale(0.965); transition: opacity 0.34s var(--ag-calmo),transform 0.5s var(--ag-mola); }

.ag1-fala::after { content: ""; position: absolute; top: 0px; right: -8px; width: 8px; height: 13px; background: var(--ag-verde); clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.ag1-linha { display: flex; align-items: center; gap: 8px; height: 25px; }

.ag1-play { position: relative; width: 19px; height: 19px; flex: 0 0 auto; }

.ag1-glifo { position: absolute; left: 2.6px; top: 1.4px; width: 14px; height: 16.4px; fill: rgb(74, 107, 88); transition: opacity 0.18s var(--ag-calmo); }

.ag1-play-off { opacity: 0; }

.ag-card[data-ag="1"][data-fase="ouvindo"] .ag1-play-on { opacity: 0; }

.ag-card[data-ag="1"][data-fase="ouvindo"] .ag1-play-off { opacity: 1; }

.ag1-onda { position: relative; width: 178px; height: 21px; flex: 0 0 auto; }

.ag1-barras { position: absolute; left: 0px; top: 0px; width: 178px; height: 21px; display: flex; align-items: center; gap: 3.05px; }

.ag1-barras i { width: 2.6px; height: var(--h,50%); border-radius: 1.3px; background: rgb(179, 201, 173); flex: 0 0 auto; }

.ag1-lidas i { background: rgb(47, 107, 75); }

.ag1-lidas { clip-path: inset(0px 100% 0px 0px); }

.ag-card[data-ag="1"][data-fase="ouvindo"] .ag1-lidas { animation: 2.06s linear 0s 1 normal forwards running ag1Toca; }

.ag-card[data-ag="1"][data-fase="ouvido"] .ag1-lidas, .ag-card[data-ag="1"][data-fase="digitando"] .ag1-lidas, .ag-card[data-ag="1"][data-fase="resposta"] .ag1-lidas, .ag-card[data-ag="1"][data-fase="saindo"] .ag1-lidas, .ag-card[data-ag="1"][data-fase="montado"] .ag1-lidas { clip-path: inset(0px); }

@keyframes ag1Toca { 
  0% { clip-path: inset(0px 100% 0px 0px); }
  100% { clip-path: inset(0px); }
}

.ag1-cabeca { position: absolute; left: -3.6px; top: 50%; width: 8.4px; height: 8.4px; margin-top: -4.2px; border-radius: 50%; background: rgb(47, 107, 75); transform: translateX(0px); }

.ag-card[data-ag="1"][data-fase="ouvindo"] .ag1-cabeca { animation: 2.06s linear 0s 1 normal forwards running ag1Cabeca; }

.ag-card[data-ag="1"][data-fase="ouvido"] .ag1-cabeca, .ag-card[data-ag="1"][data-fase="digitando"] .ag1-cabeca, .ag-card[data-ag="1"][data-fase="resposta"] .ag1-cabeca, .ag-card[data-ag="1"][data-fase="saindo"] .ag1-cabeca, .ag-card[data-ag="1"][data-fase="montado"] .ag1-cabeca { transform: translateX(178px); }

@keyframes ag1Cabeca { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(178px); }
}

.ag1-dur { font-size: 10.6px; font-weight: 400; color: rgba(17, 27, 33, 0.5); letter-spacing: 0.01em; flex: 0 0 auto; }

.ag1-fio { height: 1px; margin: 7.5px 0px 8.5px; background: rgba(17, 27, 33, 0.08); }

.ag1-tr { height: 15px; margin: 0px; font-size: 10.5px; font-weight: 400; line-height: 1.42; color: rgba(17, 27, 33, 0.72); letter-spacing: -0.006em; white-space: nowrap; }

.ag1-tr i { display: inline-block; font-style: normal; opacity: 0; transform: translateY(2.5px); transition: opacity 0.32s var(--ag-calmo),transform 0.32s var(--ag-calmo); }

.ag-card[data-ag="1"][data-fase="ouvindo"] .ag1-tr i { opacity: 1; transform: translateY(0px); transition-delay: calc(var(--i) * 0.235s); }

.ag-card[data-ag="1"][data-fase="ouvido"] .ag1-tr i, .ag-card[data-ag="1"][data-fase="digitando"] .ag1-tr i, .ag-card[data-ag="1"][data-fase="resposta"] .ag1-tr i, .ag-card[data-ag="1"][data-fase="saindo"] .ag1-tr i, .ag-card[data-ag="1"][data-fase="montado"] .ag1-tr i { opacity: 1; transform: translateY(0px); }

.ag1-meta { display: flex; align-items: center; justify-content: flex-end; gap: 3.5px; margin-top: 2.5px; height: 11px; font-size: 9.4px; color: rgba(17, 27, 33, 0.44); }

.ag1-visto { width: 13.5px; height: 9.8px; flex: 0 0 auto; fill: none; stroke: rgba(17, 27, 33, 0.34); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s var(--ag-calmo); }

.ag-card[data-ag="1"][data-fase="ouvido"] .ag1-visto, .ag-card[data-ag="1"][data-fase="digitando"] .ag1-visto, .ag-card[data-ag="1"][data-fase="resposta"] .ag1-visto, .ag-card[data-ag="1"][data-fase="saindo"] .ag1-visto, .ag-card[data-ag="1"][data-fase="montado"] .ag1-visto { stroke: var(--ag-azul); transition-delay: 0.18s; }

.ag1-dig { position: absolute; left: 7px; top: 105px; width: 53px; height: 30px; border-radius: 0px 12px 12px; background: var(--ag-obj); box-shadow: rgba(22, 22, 26, 0.07) 0px 1px 2px, rgba(22, 22, 26, 0.05) 0px 6px 18px; display: grid; place-items: center; opacity: 0; transform: translateY(6px) scale(0.9); transition: opacity 0.24s var(--ag-calmo),transform 0.36s var(--ag-mola); }

.ag1-dig::after { content: ""; position: absolute; top: 0px; left: -8px; width: 8px; height: 13px; background: var(--ag-obj); clip-path: polygon(100% 0px, 100% 100%, 0px 0px); }

.ag-card[data-ag="1"][data-fase="digitando"] .ag1-dig { opacity: 1; transform: translateY(0px) scale(1); }

.ag-card[data-ag="1"][data-fase="resposta"] .ag1-dig { opacity: 0; transform: translateY(0px) scale(1); transition: opacity 0.16s var(--ag-calmo); }

.ag1-pontos { display: flex; align-items: center; gap: 3.7px; }

.ag1-pontos i { width: 4.2px; height: 4.2px; border-radius: 50%; background: var(--ag-tinta-3); opacity: 0.5; }

.ag-card[data-ag="1"][data-fase="digitando"] .ag1-pontos i { animation: ag1Ponto 0.96s var(--ag-calmo) infinite; }

.ag-card[data-ag="1"][data-fase="digitando"] .ag1-pontos i:nth-child(2) { animation-delay: 0.14s; }

.ag-card[data-ag="1"][data-fase="digitando"] .ag1-pontos i:nth-child(3) { animation-delay: 0.28s; }

@keyframes ag1Ponto { 
  0%, 100% { opacity: 0.34; transform: translateY(0px); }
  45% { opacity: 1; transform: translateY(-2.5px); }
}

.ag1-resp { position: absolute; left: 7px; top: 105px; width: 263px; height: 85px; padding: 9px 11px 7.5px; border-radius: 0px 12px 12px; background: var(--ag-obj); box-shadow: rgba(22, 22, 26, 0.07) 0px 1px 2px, rgba(22, 22, 26, 0.05) 0px 8px 20px; opacity: 0; transform: translateY(10px) scale(0.97); transition: opacity 0.36s var(--ag-calmo),transform 0.52s var(--ag-mola); }

.ag1-resp::after { content: ""; position: absolute; top: 0px; left: -8px; width: 8px; height: 13px; background: var(--ag-obj); clip-path: polygon(100% 0px, 100% 100%, 0px 0px); }

.ag-card[data-ag="1"][data-fase="resposta"] .ag1-resp, .ag-card[data-ag="1"][data-fase="montado"] .ag1-resp { opacity: 1; transform: translateY(0px) scale(1); }

.ag1-quem { display: block; height: 10px; margin-bottom: 5.5px; font-size: 10.8px; font-weight: 500; line-height: 1; color: var(--ag-frio-tinta); letter-spacing: -0.005em; }

.ag1-ev { position: relative; display: flex; align-items: center; width: 241px; height: 33px; margin-bottom: 6.5px; padding-left: 16px; border-radius: 8px; overflow: hidden; background: var(--ag-neutro); }

.ag1-tarja { position: absolute; left: 0px; top: 8.5px; bottom: 8.5px; width: 3.5px; border-radius: 0px 3.5px 3.5px 0px; background: rgb(123, 163, 224); }

.ag1-ev-t { font-size: 15px; font-weight: 500; line-height: 1.15; color: var(--ag-tinta); letter-spacing: -0.01em; white-space: nowrap; }

.ag1-pe { display: flex; align-items: flex-end; justify-content: space-between; gap: 9px; height: 13px; }

.ag1-aviso { font-size: 11.1px; font-weight: 400; line-height: 1.2; color: var(--ag-tinta-2); letter-spacing: -0.004em; }

.ag1-hora { flex: 0 0 auto; font-size: 9.4px; line-height: 1.3; color: rgba(17, 27, 33, 0.44); }

.ag-card[data-ag="1"][data-fase="fala"] .ag1-fala, .ag-card[data-ag="1"][data-fase="ouvindo"] .ag1-fala, .ag-card[data-ag="1"][data-fase="ouvido"] .ag1-fala, .ag-card[data-ag="1"][data-fase="digitando"] .ag1-fala, .ag-card[data-ag="1"][data-fase="resposta"] .ag1-fala, .ag-card[data-ag="1"][data-fase="montado"] .ag1-fala { opacity: 1; transform: translateY(0px) scale(1); }

.ag2 { --ag-arte-w: 300px; --ag-arte-h: 210px; }

.ag2-fone { position: absolute; left: 0px; top: -18px; width: 300px; height: 420px; padding: 5px; border-radius: 42px; background: linear-gradient(160deg, rgb(35, 35, 38) 0%, rgb(13, 13, 15) 55%, rgb(26, 26, 29) 100%); box-shadow: rgba(12, 12, 13, 0.4) 0px 20px 44px -16px, rgba(255, 255, 255, 0.07) 0px 0px 0px 1px, rgba(255, 255, 255, 0.16) 0px 1px 1px inset; opacity: 0; transform: translateY(250px); transition: transform 1.05s cubic-bezier(0.28,0.55,0.25,1),opacity 0.58s var(--ag-calmo); }

.ag2-tela { position: relative; height: 100%; border-radius: 37px; overflow: hidden; background: rgb(23, 23, 26); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; text-align: left; }

.ag2-ilha { position: absolute; top: 10px; left: 50%; width: 78px; height: 22px; margin-left: -39px; border-radius: 999px; background: rgb(0, 0, 0); z-index: 3; }

.ag2-app { position: absolute; inset: 0px; display: flex; flex-direction: column; overflow: hidden; transform: translateZ(0px); }

.ag2-zap { background: rgb(236, 229, 221); z-index: 1; }

.ag2-topo { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; padding: 42px 14px 10px; background: rgb(246, 243, 239); box-shadow: rgba(11, 20, 26, 0.08) 0px 1px 0px; }

.ag2-voltar { width: 15px; height: 15px; flex: 0 0 auto; margin-left: -4.4px; margin-right: -2px; fill: none; stroke: rgb(22, 22, 26); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.ag2-av { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 50%; overflow: hidden; background: rgb(0, 0, 0); }

.ag2-av img { display: block; width: 100%; height: 100%; object-fit: cover; }

.ag2-id { display: grid; gap: 1px; min-width: 0px; }

.ag2-id b { font-size: 15px; font-weight: 600; letter-spacing: -0.014em; line-height: 1.25; color: rgb(12, 12, 13); white-space: nowrap; }

.ag2-selo { width: 0.94em; height: 0.94em; margin-left: 0.26em; vertical-align: -0.1em; }

.ag2-id em { display: block; font-size: 11.5px; font-style: normal; font-weight: 400; line-height: 1.3; color: rgb(102, 119, 129); white-space: nowrap; }

.ag2-fluxo { display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; min-height: 0px; padding: 6px 8px 0px; }

.ag2-audio { position: relative; align-self: flex-end; max-width: 88%; margin-right: 16px; padding: 5px 8px; border-radius: 10px 2px 10px 10px; background: var(--ag-verde); box-shadow: rgba(11, 20, 26, 0.13) 0px 1px 0.5px; }

.ag2-audio::after { content: ""; position: absolute; top: 0px; right: -7px; width: 8px; height: 10px; background-color: inherit; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.ag2-linha { display: flex; align-items: center; gap: 6px; height: 19px; }

.ag2-play { width: 17px; height: 17px; flex: 0 0 auto; display: grid; place-items: center; }

.ag2-play svg { width: 11px; height: 12.8px; margin-left: 1px; fill: rgb(74, 107, 88); }

.ag2-onda { position: relative; flex: 1 1 0%; min-width: 0px; height: 17px; }

.ag2-barras { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: space-between; }

.ag2-barras i { width: 2.2px; height: var(--h,50%); flex: 0 0 auto; border-radius: 1.1px; background: rgb(179, 201, 173); }

.ag2-cabeca { position: absolute; left: -1.4px; top: 50%; width: 7.2px; height: 7.2px; margin-top: -3.6px; border-radius: 50%; background: rgb(47, 107, 75); }

.ag2-dur { flex: 0 0 auto; font-size: 9.6px; font-weight: 400; line-height: 1; letter-spacing: 0.01em; color: rgba(17, 27, 33, 0.5); }

.ag2-fio { height: 1px; margin: 4.5px 0px; background: rgba(17, 27, 33, 0.08); }

.ag2-tr { margin: 0px; font-size: 10.4px; font-weight: 400; line-height: 1.3; letter-spacing: -0.006em; color: rgba(17, 27, 33, 0.72); white-space: nowrap; }

.ag2-meta { display: flex; align-items: center; justify-content: flex-end; gap: 3.2px; margin-top: 1.5px; height: 10px; font-size: 9.2px; line-height: 1; color: rgba(17, 27, 33, 0.44); }

.ag2-visto { width: 13px; height: 9.4px; flex: 0 0 auto; fill: none; stroke: var(--ag-azul); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

.ag2-resp { position: relative; max-width: 80%; margin-left: 16px; margin-top: 6px; padding: 5.5px 9px 6px; border-radius: 2px 10px 10px; background: rgb(255, 255, 255); box-shadow: rgba(11, 20, 26, 0.13) 0px 1px 0.5px; font-size: 13.5px; line-height: 1.34; letter-spacing: -0.006em; color: rgb(17, 27, 33); }

.ag2-resp::after { content: ""; position: absolute; top: 0px; left: -7px; width: 8px; height: 10px; background-color: inherit; clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.ag2-quem { display: block; margin-bottom: 2.5px; font-weight: 600; line-height: 1.2; }

.ag2-ev { position: relative; display: flex; align-items: center; height: 25px; margin-bottom: 3.5px; padding: 0px 8px 0px 15px; border-radius: 7px; overflow: hidden; background: var(--ag-neutro); }

.ag2-tarja { position: absolute; left: 0px; top: 6px; bottom: 6px; width: 3px; border-radius: 0px 3px 3px 0px; background: rgb(123, 163, 224); }

.ag2-ev-t { font-size: 12px; font-weight: 500; line-height: 1.15; letter-spacing: -0.01em; color: rgb(17, 27, 33); white-space: nowrap; }

.ag2-aviso { display: block; padding-right: 30px; line-height: 1.3; }

.ag2-hora { position: absolute; right: 8px; bottom: 5px; font-size: 9.6px; line-height: 1; letter-spacing: 0px; color: rgba(11, 20, 26, 0.45); }

.ag2-gcal { background: rgb(255, 255, 255); z-index: 2; translate: 112%; scale: 0.94; border-radius: 37px; }

.ag2-gtopo { display: flex; align-items: center; gap: 9px; flex: 0 0 auto; padding: 42px 12px 6px; }

.ag2-menu { width: 17px; height: 11.3px; flex: 0 0 auto; fill: none; stroke: rgb(95, 99, 104); stroke-width: 1.7; stroke-linecap: round; }

.ag2-glogo { width: 19px; height: 19px; flex: 0 0 auto; }

.ag2-mes { font-size: 17px; font-weight: 500; line-height: 1.2; letter-spacing: -0.012em; color: rgb(60, 64, 67); }

.ag2-lupa { width: 16px; height: 16px; flex: 0 0 auto; margin-left: auto; fill: none; stroke: rgb(95, 99, 104); stroke-width: 1.7; stroke-linecap: round; }

.ag2-semana { display: grid; grid-template-columns: repeat(7, 1fr); flex: 0 0 auto; padding: 0px 8px 7px; }

.ag2-d { display: flex; flex-direction: column; align-items: center; }

.ag2-d i { font-size: 9.6px; font-style: normal; font-weight: 500; line-height: 1; letter-spacing: 0.03em; color: rgb(112, 117, 122); }

.ag2-d b { margin-top: 5px; width: 23px; height: 23px; border-radius: 50%; font-size: 12.6px; font-weight: 400; line-height: 23px; text-align: center; letter-spacing: -0.01em; color: rgb(60, 64, 67); }

.ag2-d-alvo b { background: rgb(26, 115, 232); font-weight: 500; color: rgb(255, 255, 255); }

.ag2-gfio { height: 1px; flex: 0 0 auto; background: rgba(0, 0, 0, 0.09); }

.ag2-grade { position: relative; flex: 1 1 0%; min-height: 0px; }

.ag2-h { position: absolute; left: 8px; right: 8px; height: 12px; }

.ag2-h[data-h="1"] { top: 10px; }

.ag2-h[data-h="2"] { top: 58px; }

.ag2-h[data-h="3"] { top: 106px; }

.ag2-h b { position: absolute; left: 0px; top: 0px; width: 28px; text-align: right; font-size: 9.4px; font-weight: 400; line-height: 12px; letter-spacing: -0.01em; color: rgb(112, 117, 122); }

.ag2-h i { position: absolute; left: 34px; right: 0px; top: 6px; height: 1px; background: rgba(0, 0, 0, 0.09); }

.ag2-evento, .ag2-peca { padding: 5px 8px; border-radius: 5px; overflow: hidden; background: rgb(26, 115, 232); color: rgb(255, 255, 255); }

.ag2-evento { position: absolute; left: 42px; right: 10px; top: 64px; height: 48px; opacity: 0; }

.ag2-brilho { position: absolute; top: -30%; bottom: -30%; left: 0px; width: 46%; pointer-events: none; background: linear-gradient(104deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.38) 50%, rgba(255, 255, 255, 0) 100%); transform: translateX(-180%); opacity: 0; }

.ag2-evento b, .ag2-peca b { display: block; font-size: 11.6px; font-weight: 500; line-height: 1.2; letter-spacing: -0.008em; white-space: nowrap; }

.ag2-evento span, .ag2-peca span { display: block; margin-top: 1px; font-size: 10px; font-weight: 400; line-height: 1.2; letter-spacing: -0.004em; color: rgba(255, 255, 255, 0.88); white-space: nowrap; }

.ag2-arrasto { position: absolute; left: 47px; top: 164.99px; width: 238px; height: 48px; z-index: 4; display: none; }

.ag-card[data-ag="2"][data-fase="arrasta"] .ag2-arrasto, .ag-card[data-ag="2"][data-fase="evento"] .ag2-arrasto { display: block; }

.ag2-desvio { position: absolute; inset: 0px; }

.ag2-peca { position: absolute; inset: 0px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; text-align: left; }

.ag2-cursor { position: absolute; left: 179px; top: 11px; width: 14px; height: 22.2px; fill: rgb(255, 255, 255); stroke: rgb(43, 43, 46); stroke-width: 1.15; stroke-linejoin: round; filter: drop-shadow(rgba(12, 12, 13, 0.42) 0px 1px 1.6px); }

.ag-card[data-ag="2"][data-fase="arrasta"] .ag2-arrasto { animation: 1150ms cubic-bezier(0.3, 0.2, 0.55, 1) 0s 1 normal both running ag2Puxa; }

.ag-card[data-ag="2"][data-fase="arrasta"] .ag2-desvio { animation: 820ms cubic-bezier(0.3, 0.1, 0.3, 1) 0s 1 normal both running ag2Desvia; }

.ag-card[data-ag="2"][data-fase="arrasta"] .ag2-peca { animation: 1150ms linear 0s 1 normal both running ag2Levanta; }

@keyframes ag2Puxa { 
  0% { translate: 0px 145px; }
  100% { translate: 0px; }
}

@keyframes ag2Desvia { 
  0% { translate: 16px; }
  100% { translate: 0px; }
}

@keyframes ag2Levanta { 
  0% { scale: 1.045; box-shadow: rgba(12, 12, 13, 0.4) 0px 8px 18px -6px, rgba(12, 12, 13, 0.2) 0px 2px 6px -1px; }
  48% { scale: 1.045; box-shadow: rgba(12, 12, 13, 0.4) 0px 8px 18px -6px, rgba(12, 12, 13, 0.2) 0px 2px 6px -1px; animation-timing-function: cubic-bezier(0.4, 0, 0.3, 1); }
  100% { scale: 1; box-shadow: rgba(12, 12, 13, 0) 0px 0px 0px -6px, rgba(12, 12, 13, 0) 0px 0px 0px -1px; }
}

.ag-card[data-ag="2"][data-fase="evento"] .ag2-peca { display: none; }

.ag-card[data-ag="2"][data-fase="evento"] .ag2-cursor { animation: 180ms cubic-bezier(0.4, 0, 0.3, 1) 0s 1 normal both running ag2Larga, 480ms cubic-bezier(0.4, 0.06, 0.24, 1) 180ms 1 normal both running ag2Sai; }

@keyframes ag2Larga { 
  0% { scale: 1; }
  50% { scale: 0.94; }
  100% { scale: 1; }
}

@keyframes ag2Sai { 
  0% { translate: 0px; opacity: 1; }
  100% { translate: 24px -12px; opacity: 0; }
}

.ag-card[data-ag="2"][data-fase="sobe"] .ag2-fone, .ag-card[data-ag="2"][data-fase="whats"] .ag2-fone, .ag-card[data-ag="2"][data-fase="troca"] .ag2-fone, .ag-card[data-ag="2"][data-fase="agenda"] .ag2-fone, .ag-card[data-ag="2"][data-fase="arrasta"] .ag2-fone, .ag-card[data-ag="2"][data-fase="evento"] .ag2-fone, .ag-card[data-ag="2"][data-fase="montado"] .ag2-fone { opacity: 1; transform: translateY(0px); }

.ag-card[data-ag="2"][data-fase="troca"] .ag2-zap { animation: 640ms cubic-bezier(0.32, 0, 0.16, 1) 0s 1 normal both running ag2ZapViaja, 640ms linear 0s 1 normal both running ag2ZapEncolhe; }

.ag-card[data-ag="2"][data-fase="troca"] .ag2-gcal { animation: 640ms cubic-bezier(0.32, 0, 0.16, 1) 0s 1 normal both running ag2GcalViaja, 640ms linear 0s 1 normal both running ag2GcalCresce; }

@keyframes ag2ZapViaja { 
  0% { translate: 0px; }
  100% { translate: -112%; }
}

@keyframes ag2GcalViaja { 
  0% { translate: 112%; }
  100% { translate: 0px; }
}

@keyframes ag2ZapEncolhe { 
  0% { scale: 1; border-radius: 0px; animation-timing-function: cubic-bezier(0.45, 0, 0.5, 1); }
  25% { scale: 0.94; border-radius: 37px; }
  100% { scale: 0.94; border-radius: 37px; }
}

@keyframes ag2GcalCresce { 
  0% { scale: 0.94; border-radius: 37px; }
  70% { scale: 0.94; border-radius: 37px; animation-timing-function: cubic-bezier(0.45, 0, 0.5, 1); }
  100% { scale: 1; border-radius: 0px; }
}

.ag-card[data-ag="2"][data-fase="agenda"] .ag2-zap, .ag-card[data-ag="2"][data-fase="arrasta"] .ag2-zap, .ag-card[data-ag="2"][data-fase="evento"] .ag2-zap, .ag-card[data-ag="2"][data-fase="saindo"] .ag2-zap, .ag-card[data-ag="2"][data-fase="montado"] .ag2-zap { translate: -112%; scale: 0.94; border-radius: 37px; }

.ag-card[data-ag="2"][data-fase="agenda"] .ag2-gcal, .ag-card[data-ag="2"][data-fase="arrasta"] .ag2-gcal, .ag-card[data-ag="2"][data-fase="evento"] .ag2-gcal, .ag-card[data-ag="2"][data-fase="saindo"] .ag2-gcal, .ag-card[data-ag="2"][data-fase="montado"] .ag2-gcal { translate: 0px; scale: 1; border-radius: 0px; }

.ag-card[data-ag="2"][data-fase="evento"] .ag2-evento, .ag-card[data-ag="2"][data-fase="saindo"] .ag2-evento, .ag-card[data-ag="2"][data-fase="montado"] .ag2-evento { opacity: 1; }

.ag-card[data-ag="2"][data-fase="evento"] .ag2-brilho { animation: 0.64s cubic-bezier(0.36, 0, 0.28, 1) 0.66s 1 normal both running ag2Brilho; }

@keyframes ag2Brilho { 
  0% { opacity: 0; transform: translateX(-180%); }
  16% { opacity: 1; }
  84% { opacity: 1; }
  100% { opacity: 0; transform: translateX(330%); }
}

.ag-card[data-ag="2"][data-fase="saindo"] .ag2-fone { opacity: 0; transform: translateY(0px); transition: opacity 0.46s var(--ag-saida); }

@media (prefers-reduced-motion: reduce) {
  .ag2-arrasto { display: none; }
  .ag2-arrasto, .ag2-desvio, .ag2-peca, .ag2-cursor, .ag2-brilho { animation: auto ease 0s 1 normal none running none; }
}

.ag-card[data-ag="2"][data-fase="off"] .ag2-fone { transition: none; }

.ag3 { --ag-arte-w: 332px; --ag-arte-h: 203px; }

.ag3-ped { position: absolute; left: 23px; top: 23px; width: 302px; height: 90px; padding: 10px 11px 9px; border-radius: 10px 0px 10px 10px; background: var(--ag-verde); box-shadow: rgba(22, 22, 26, 0.07) 0px 1px 2px, rgba(22, 22, 26, 0.05) 0px 6px 18px; opacity: 0; transform: translateY(9px) scale(0.975); transition: opacity 0.36s var(--ag-calmo),transform 0.52s var(--ag-mola); }

.ag3-ped::after { content: ""; position: absolute; top: 0px; right: -7px; width: 7px; height: 11px; background: var(--ag-verde); clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.ag3-ped-linha { display: flex; align-items: center; gap: 7px; height: 25px; }

.ag3-play { position: relative; width: 19px; height: 19px; flex: 0 0 auto; }

.ag3-glifo { position: absolute; left: 2.6px; top: 1.4px; width: 14px; height: 16.4px; fill: rgb(74, 107, 88); transition: opacity 0.18s var(--ag-calmo); }

.ag3-play-off { opacity: 0; }

.ag-card[data-ag="3"][data-fase="tocando"] .ag3-play-on { opacity: 0; }

.ag-card[data-ag="3"][data-fase="tocando"] .ag3-play-off { opacity: 1; }

.ag3-onda { position: relative; width: 217.3px; height: 21px; flex: 0 0 auto; }

.ag3-barras { position: absolute; left: 0px; top: 0px; width: 217.3px; height: 21px; display: flex; align-items: center; gap: 3.05px; }

.ag3-barras i { width: 2.6px; height: var(--h,50%); border-radius: 1.3px; background: rgb(179, 201, 173); flex: 0 0 auto; }

.ag3-lidas i { background: rgb(47, 107, 75); }

.ag3-lidas { clip-path: inset(0px 100% 0px 0px); }

.ag-card[data-ag="3"][data-fase="tocando"] .ag3-lidas { animation: 2.06s linear 0s 1 normal forwards running ag3Toca; }

.ag-card[data-ag="3"][data-fase="tocado"] .ag3-lidas, .ag-card[data-ag="3"][data-fase="digitando"] .ag3-lidas, .ag-card[data-ag="3"][data-fase="resposta"] .ag3-lidas, .ag-card[data-ag="3"][data-fase="dia"] .ag3-lidas { clip-path: inset(0px); }

@keyframes ag3Toca { 
  0% { clip-path: inset(0px 100% 0px 0px); }
  100% { clip-path: inset(0px); }
}

.ag3-cabeca { position: absolute; left: -3.6px; top: 50%; width: 8.4px; height: 8.4px; margin-top: -4.2px; border-radius: 50%; background: rgb(47, 107, 75); transform: translateX(0px); }

.ag-card[data-ag="3"][data-fase="tocando"] .ag3-cabeca { animation: 2.06s linear 0s 1 normal forwards running ag3Cabeca; }

.ag-card[data-ag="3"][data-fase="tocado"] .ag3-cabeca, .ag-card[data-ag="3"][data-fase="digitando"] .ag3-cabeca, .ag-card[data-ag="3"][data-fase="resposta"] .ag3-cabeca, .ag-card[data-ag="3"][data-fase="dia"] .ag3-cabeca { transform: translateX(217.3px); }

@keyframes ag3Cabeca { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(217.3px); }
}

.ag3-dur { font-size: 10.6px; font-weight: 400; color: rgba(17, 27, 33, 0.5); letter-spacing: 0.01em; flex: 0 0 auto; }

.ag3-fio { height: 1px; margin: 7.5px 0px 8.5px; background: rgba(17, 27, 33, 0.08); }

.ag3-tr { height: 15px; margin: 0px; font-size: 10.5px; font-weight: 400; line-height: 1.42; color: rgba(17, 27, 33, 0.72); letter-spacing: -0.006em; white-space: nowrap; }

.ag3-tr i { display: inline-block; font-style: normal; opacity: 0; transform: translateY(2.5px); transition: opacity 0.32s var(--ag-calmo),transform 0.32s var(--ag-calmo); }

.ag-card[data-ag="3"][data-fase="tocando"] .ag3-tr i { opacity: 1; transform: translateY(0px); transition-delay: calc(var(--i) * 0.165s); }

.ag-card[data-ag="3"][data-fase="tocado"] .ag3-tr i, .ag-card[data-ag="3"][data-fase="digitando"] .ag3-tr i, .ag-card[data-ag="3"][data-fase="resposta"] .ag3-tr i, .ag-card[data-ag="3"][data-fase="dia"] .ag3-tr i { opacity: 1; transform: translateY(0px); }

.ag3-ped-meta { display: flex; align-items: center; justify-content: flex-end; gap: 3.5px; margin-top: 2.5px; height: 11px; font-size: 9.4px; color: rgba(17, 27, 33, 0.44); }

.ag3-visto { width: 13.5px; height: 9.8px; flex: 0 0 auto; fill: none; stroke: rgba(17, 27, 33, 0.34); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; transition: stroke 0.3s var(--ag-calmo); }

.ag3-dig { position: absolute; left: 7px; top: 126px; width: 52px; height: 29px; border-radius: 0px 10px 10px; background: var(--ag-obj); box-shadow: rgba(22, 22, 26, 0.07) 0px 1px 2px, rgba(22, 22, 26, 0.05) 0px 6px 18px; display: grid; place-items: center; opacity: 0; transform: translateY(6px) scale(0.9); transition: opacity 0.24s var(--ag-calmo),transform 0.36s var(--ag-mola); }

.ag3-dig::after { content: ""; position: absolute; top: 0px; left: -7px; width: 7px; height: 11px; background: var(--ag-obj); clip-path: polygon(100% 0px, 100% 100%, 0px 0px); }

.ag3-pontos { display: flex; align-items: center; gap: 3.7px; }

.ag3-pontos i { width: 4.2px; height: 4.2px; border-radius: 50%; background: var(--ag-tinta-3); opacity: 0.5; }

.ag3-msg { position: absolute; left: 7px; width: 302px; padding: 9px 10px 8px; border-radius: 0px 10px 10px; background: var(--ag-obj); box-shadow: rgba(22, 22, 26, 0.07) 0px 1px 2px, rgba(22, 22, 26, 0.05) 0px 8px 20px; opacity: 0; transform: translateY(9px) scale(0.975); transition: opacity 0.36s var(--ag-calmo),transform 0.52s var(--ag-mola); }

.ag3-msg::after { content: ""; position: absolute; top: 0px; left: -7px; width: 7px; height: 11px; background: var(--ag-obj); clip-path: polygon(100% 0px, 100% 100%, 0px 0px); }

.ag3-conv { top: 126px; }

.ag3-link { display: flex; align-items: center; gap: 6px; min-width: 0px; }

.ag3-cam { width: 16px; height: 10.5px; flex: 0 0 auto; fill: none; stroke: var(--ag-frio-tinta); stroke-width: 1.3; stroke-linejoin: round; }

.ag3-url { font-size: 13px; font-weight: 400; line-height: 1.15; color: var(--ag-frio-tinta); letter-spacing: -0.008em; white-space: nowrap; }

.ag3-nota { display: block; font-size: 13px; font-weight: 400; line-height: 1.3; color: var(--ag-tinta); letter-spacing: -0.008em; white-space: nowrap; }

.ag3-pe { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 3px; height: 17px; }

.ag3-hora { flex: 0 0 auto; font-size: 10px; line-height: 1.3; color: rgba(17, 27, 33, 0.44); }

.ag3-dia { position: absolute; left: 50%; top: 28px; height: 19px; padding: 0px 11px; display: flex; align-items: center; border-radius: 9.5px; background: var(--ag-obj); box-shadow: rgba(22, 22, 26, 0.06) 0px 1px 2px; opacity: 0; transform: translateX(-50%) scale(0.9); transition: opacity 0.42s var(--ag-calmo),transform 0.5s var(--ag-mola-2); }

.ag3-dia span { font-size: 8.8px; font-weight: 500; line-height: 1; color: var(--ag-tinta-2); letter-spacing: 0.08em; text-transform: uppercase; }

.ag3-meet { position: absolute; left: 50%; top: 62px; width: 268px; height: 113px; padding: 8px; border-radius: 12px; background: rgb(32, 33, 36); box-shadow: rgba(22, 22, 26, 0.1) 0px 1px 2px, rgba(22, 22, 26, 0.13) 0px 8px 20px; opacity: 0; transform: translateX(-50%) translateY(9px) scale(0.975); transition: opacity 0.40s var(--ag-calmo),transform 0.52s var(--ag-mola); }

.ag3-lads { display: flex; gap: 7px; height: 69px; }

.ag3-lad { position: relative; display: block; flex: 1 1 0px; min-width: 0px; border-radius: 8px; background: rgb(48, 49, 52); }

.ag3-lad::after { content: ""; position: absolute; inset: 0px; border-radius: 8px; box-shadow: rgb(138, 180, 248) 0px 0px 0px 2px inset; opacity: 0; }

.ag3-ini, .ag3-av { position: absolute; left: 50%; top: 50%; width: 30px; height: 30px; margin: -18px 0px 0px -15px; border-radius: 50%; }

.ag3-ini { display: grid; place-items: center; font-size: 13px; font-style: normal; font-weight: 500; color: rgb(255, 255, 255); letter-spacing: 0px; }

.ag3-lad-a .ag3-ini { background: rgb(200, 98, 62); }

.ag3-lad-l .ag3-ini { background: rgb(91, 110, 196); }

.ag3-lad-s { background: radial-gradient(72% 58% at 50% 45%, rgb(94, 36, 85) 0%, rgb(61, 28, 57) 52%, rgb(39, 22, 39) 100%); }

.ag3-av { display: block; overflow: hidden; background: rgb(0, 0, 0); }

.ag3-av img { display: block; width: 100%; height: 100%; object-fit: cover; }

.ag3-mudo { position: absolute; right: 5px; top: 5px; width: 13px; height: 13px; border-radius: 50%; background: rgba(255, 255, 255, 0.16); display: grid; place-items: center; font-style: normal; }

.ag3-mic { width: 8px; height: 8px; fill: rgb(255, 255, 255); }

.ag3-lad b { position: absolute; left: 8px; bottom: 5px; font-size: 9px; font-weight: 500; line-height: 1; color: rgba(255, 255, 255, 0.88); letter-spacing: -0.004em; }

.ag3-meet-pe { display: flex; align-items: center; justify-content: space-between; height: 22px; margin-top: 6px; }

.ag3-cod { font-size: 9.6px; font-weight: 400; line-height: 1; color: rgba(255, 255, 255, 0.55); letter-spacing: 0.005em; }

.ag3-desliga { width: 34px; height: 20px; border-radius: 10px; background: rgb(234, 67, 53); display: grid; place-items: center; }

.ag3-fone { width: 12px; height: 12px; fill: rgb(255, 255, 255); transform: rotate(133deg); }

.ag3-ata { top: 62px; }

.ag3-doc { padding: 8px 9px 9px; border-radius: 8px; background: var(--ag-neutro); }

.ag3-doc-cab { display: flex; align-items: center; gap: 7px; height: 18px; margin-bottom: 7px; }

.ag3-folha { width: 13px; height: 15.5px; flex: 0 0 auto; fill: none; stroke: var(--ag-tinta); stroke-width: 1.25; stroke-linejoin: round; }

.ag3-doc-t { font-size: 15.5px; font-weight: 500; line-height: 1.1; color: var(--ag-tinta); letter-spacing: -0.012em; white-space: nowrap; }

.ag3-doc-d { margin-left: auto; font-size: 10.4px; font-weight: 400; line-height: 1.1; color: var(--ag-tinta-2); white-space: nowrap; }

.ag3-tar { display: flex; align-items: center; gap: 7px; height: 17px; font-size: 13px; font-weight: 400; line-height: 1.2; color: var(--ag-tinta-2); letter-spacing: -0.008em; white-space: nowrap; }

.ag3-tar + .ag3-tar { margin-top: 4px; }

.ag3-tar b { font-weight: 500; color: var(--ag-tinta); }

.ag3-tar i { width: 10px; height: 10px; flex: 0 0 auto; border: 1.25px solid var(--ag-tinta-3); border-radius: 2.5px; }

.ag3-pe-ata { justify-content: flex-end; margin-top: 3px; height: 13px; }

.ag-card[data-ag="3"][data-fase="pedido"] .ag3-ped, .ag-card[data-ag="3"][data-fase="tocando"] .ag3-ped, .ag-card[data-ag="3"][data-fase="tocado"] .ag3-ped, .ag-card[data-ag="3"][data-fase="digitando"] .ag3-ped, .ag-card[data-ag="3"][data-fase="resposta"] .ag3-ped { opacity: 1; transform: translateY(0px) scale(1); }

.ag-card[data-ag="3"][data-fase="tocado"] .ag3-visto { stroke: var(--ag-azul); transition-delay: 0.18s; }

.ag-card[data-ag="3"][data-fase="digitando"] .ag3-visto, .ag-card[data-ag="3"][data-fase="resposta"] .ag3-visto, .ag-card[data-ag="3"][data-fase="dia"] .ag3-visto { stroke: var(--ag-azul); }

.ag-card[data-ag="3"][data-fase="digitando"] .ag3-dig { opacity: 1; transform: translateY(0px) scale(1); }

.ag-card[data-ag="3"][data-fase="digitando"] .ag3-pontos i { animation: ag3Ponto 0.96s var(--ag-calmo) infinite; }

.ag-card[data-ag="3"][data-fase="digitando"] .ag3-pontos i:nth-child(2) { animation-delay: 0.14s; }

.ag-card[data-ag="3"][data-fase="digitando"] .ag3-pontos i:nth-child(3) { animation-delay: 0.28s; }

@keyframes ag3Ponto { 
  0%, 100% { opacity: 0.34; transform: translateY(0px); }
  45% { opacity: 1; transform: translateY(-2.5px); }
}

.ag-card[data-ag="3"][data-fase="resposta"] .ag3-dig { opacity: 0; transform: translateY(0px) scale(1); transition: opacity 0.16s var(--ag-calmo); }

.ag-card[data-ag="3"][data-fase="resposta"] .ag3-conv, .ag-card[data-ag="3"][data-fase="montado"] .ag3-conv { opacity: 1; transform: translateY(0px) scale(1); }

.ag-card[data-ag="3"][data-fase="dia"] .ag3-a1, .ag-card[data-ag="3"][data-fase="reuniao"] .ag3-a1, .ag-card[data-ag="3"][data-fase="encerra"] .ag3-a1, .ag-card[data-ag="3"][data-fase="ata"] .ag3-a1, .ag-card[data-ag="3"][data-fase="saindo"] .ag3-a1 { opacity: 0; transform: translateY(0px) scale(1); transition: opacity 0.38s var(--ag-saida); }

.ag-card[data-ag="3"][data-fase="dia"] .ag3-dia, .ag-card[data-ag="3"][data-fase="reuniao"] .ag3-dia, .ag-card[data-ag="3"][data-fase="encerra"] .ag3-dia, .ag-card[data-ag="3"][data-fase="ata"] .ag3-dia, .ag-card[data-ag="3"][data-fase="montado"] .ag3-dia { opacity: 1; transform: translateX(-50%) scale(1); }

.ag-card[data-ag="3"][data-fase="dia"] .ag3-dia { transition-delay: 0.34s; }

.ag-card[data-ag="3"][data-fase="reuniao"] .ag3-meet { opacity: 1; transform: translateX(-50%) translateY(0px) scale(1); }

.ag-card[data-ag="3"][data-fase="reuniao"] .ag3-lad-a::after { animation: 2.6s linear 0.54s 1 normal both running ag3FalaA; }

.ag-card[data-ag="3"][data-fase="reuniao"] .ag3-lad-l::after { animation: 2.6s linear 0.54s 1 normal both running ag3FalaL; }

@keyframes ag3FalaA { 
  0%, 100% { opacity: 0; }
  4%, 27% { opacity: 1; }
  31%, 71% { opacity: 0; }
  75%, 90% { opacity: 1; }
  94% { opacity: 0; }
}

@keyframes ag3FalaL { 
  0%, 31% { opacity: 0; }
  35%, 66% { opacity: 1; }
  70%, 100% { opacity: 0; }
}

.ag-card[data-ag="3"][data-fase="encerra"] .ag3-meet, .ag-card[data-ag="3"][data-fase="ata"] .ag3-meet, .ag-card[data-ag="3"][data-fase="saindo"] .ag3-meet { opacity: 0; transform: translateX(-50%) translateY(0px) scale(1); transition: opacity 0.44s var(--ag-saida); }

.ag-card[data-ag="3"][data-fase="ata"] .ag3-ata, .ag-card[data-ag="3"][data-fase="montado"] .ag3-ata { opacity: 1; transform: translateY(0px) scale(1); }

.ag-card[data-ag="3"][data-fase="montado"] .ag3-conv { top: 0px; }

.ag-card[data-ag="3"][data-fase="montado"] .ag3-dia { top: 63px; }

.ag-card[data-ag="3"][data-fase="montado"] .ag3-ata { top: 90px; }

.ag-card[data-ag="3"][data-fase="saindo"] .ag3-msg, .ag-card[data-ag="3"][data-fase="saindo"] .ag3-dia { opacity: 0; transition: opacity 0.44s var(--ag-saida); }

.ag-card[data-ag="3"][data-fase="saindo"] .ag3-msg { transform: translateY(0px) scale(1); }

.ag-card[data-ag="3"][data-fase="saindo"] .ag3-dia { transform: translateX(-50%) scale(1); }

.ag-card[data-ag="3"][data-fase="off"] .ag3-ped, .ag-card[data-ag="3"][data-fase="off"] .ag3-dig, .ag-card[data-ag="3"][data-fase="off"] .ag3-msg, .ag-card[data-ag="3"][data-fase="off"] .ag3-dia, .ag-card[data-ag="3"][data-fase="off"] .ag3-meet, .ag-card[data-ag="3"][data-fase="off"] .ag3-visto, .ag-card[data-ag="3"][data-fase="off"] .ag3-glifo, .ag-card[data-ag="3"][data-fase="off"] .ag3-tr i { transition: none; }

.ag-card[data-ag="3"][data-fase="off"] .ag3-ped, .ag-card[data-ag="3"][data-fase="off"] .ag3-msg { opacity: 0; transform: translateY(9px) scale(0.975); }

.ag-card[data-ag="3"][data-fase="off"] .ag3-dig { opacity: 0; transform: translateY(6px) scale(0.9); }

.ag-card[data-ag="3"][data-fase="off"] .ag3-dia { opacity: 0; transform: translateX(-50%) scale(0.9); }

.ag-card[data-ag="3"][data-fase="off"] .ag3-meet { opacity: 0; transform: translateX(-50%) translateY(9px) scale(0.975); }

.ag4 { --ag-arte-w: 300px; --ag-arte-h: 186px; }

.ag4-fone { position: absolute; left: 0px; top: -30px; width: 300px; height: 420px; padding: 5px; border-radius: 42px; background: linear-gradient(160deg, rgb(35, 35, 38) 0%, rgb(13, 13, 15) 55%, rgb(26, 26, 29) 100%); box-shadow: rgba(12, 12, 13, 0.4) 0px 20px 44px -16px, rgba(255, 255, 255, 0.07) 0px 0px 0px 1px, rgba(255, 255, 255, 0.16) 0px 1px 1px inset; opacity: 0; transform: translateY(250px); transition: transform 1.05s cubic-bezier(0.28,0.55,0.25,1),opacity 0.58s var(--ag-calmo); }

.ag4-tela { position: relative; height: 100%; border-radius: 37px; overflow: hidden; display: flex; flex-direction: column; background: rgb(236, 229, 221); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; text-align: left; }

.ag4-ilha { position: absolute; top: 10px; left: 50%; width: 78px; height: 22px; margin-left: -39px; border-radius: 999px; background: rgb(0, 0, 0); z-index: 2; }

.ag4-topo { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; padding: 42px 14px 10px; background: rgb(246, 243, 239); box-shadow: rgba(11, 20, 26, 0.08) 0px 1px 0px; }

.ag4-voltar { width: 15px; height: 15px; flex: 0 0 auto; margin-left: -4.4px; margin-right: -2px; fill: none; stroke: rgb(22, 22, 26); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.ag4-av { width: 32px; height: 32px; flex: 0 0 auto; border-radius: 50%; overflow: hidden; background: rgb(0, 0, 0); }

.ag4-av img { display: block; width: 100%; height: 100%; object-fit: cover; }

.ag4-id { display: grid; gap: 1px; min-width: 0px; }

.ag4-id b { font-size: 15px; font-weight: 600; letter-spacing: -0.014em; line-height: 1.25; color: rgb(12, 12, 13); white-space: nowrap; }

.ag4-selo { width: 0.94em; height: 0.94em; margin-left: 0.26em; vertical-align: -0.1em; }

.ag4-id em { display: block; font-size: 11.5px; font-style: normal; font-weight: 400; line-height: 1.3; color: rgb(102, 119, 129); white-space: nowrap; }

.ag4-fluxo { display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; min-height: 0px; padding: 16px 8px 0px; }

.ag4-dia { align-self: center; margin-bottom: 10px; padding: 4px 10px 5px; border-radius: 8px; background: rgba(255, 255, 255, 0.82); box-shadow: rgba(11, 20, 26, 0.1) 0px 1px 0.5px; font-size: 10.5px; font-weight: 500; line-height: 1.3; letter-spacing: 0.03em; text-transform: uppercase; color: rgb(102, 119, 129); }

.ag4-bolha { position: relative; max-width: 80%; margin-left: 16px; margin-top: -26px; padding: 6px 9px 7px; border-radius: 2px 10px 10px; background: rgb(255, 255, 255); box-shadow: rgba(11, 20, 26, 0.13) 0px 1px 0.5px; font-size: 13.5px; line-height: 1.34; letter-spacing: -0.006em; color: rgb(17, 27, 33); opacity: 0; transform: translateY(7px) scale(0.97); transition: opacity 0.3s var(--ag-calmo),transform 0.42s var(--ag-mola); }

.ag4-bolha::after { content: ""; position: absolute; top: 0px; left: -7px; width: 8px; height: 10px; background-color: inherit; clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.ag4-dig { position: relative; width: 44px; height: 26px; margin-left: 16px; border-radius: 2px 10px 10px; background: rgb(255, 255, 255); box-shadow: rgba(11, 20, 26, 0.13) 0px 1px 0.5px; display: grid; place-items: center; opacity: 0; transform: translateY(6px) scale(0.92); transition: opacity 0.24s var(--ag-calmo),transform 0.36s var(--ag-mola); }

.ag4-dig::after { content: ""; position: absolute; top: 0px; left: -7px; width: 8px; height: 10px; background-color: inherit; clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.ag4-pontos { display: flex; align-items: center; gap: 4.5px; }

.ag4-pontos i { width: 5px; height: 5px; border-radius: 50%; background: rgb(134, 150, 160); opacity: 0.5; }

.ag-card[data-ag="4"][data-fase="digitando"] .ag4-dig { opacity: 1; transform: translateY(0px) scale(1); }

.ag-card[data-ag="4"][data-fase="digitando"] .ag4-pontos i { animation: ag4Ponto 0.96s var(--ag-calmo) infinite; }

.ag-card[data-ag="4"][data-fase="digitando"] .ag4-pontos i:nth-child(2) { animation-delay: 0.14s; }

.ag-card[data-ag="4"][data-fase="digitando"] .ag4-pontos i:nth-child(3) { animation-delay: 0.28s; }

@keyframes ag4Ponto { 
  0%, 100% { opacity: 0.34; transform: translateY(0px); }
  45% { opacity: 1; transform: translateY(-2.5px); }
}

.ag-card[data-ag="4"][data-fase="chega"] .ag4-dig, .ag-card[data-ag="4"][data-fase="montado"] .ag4-dig { opacity: 0; transform: translateY(0px) scale(1); transition: opacity 0.16s var(--ag-calmo); }

.ag-card[data-ag="4"][data-fase="saindo"] .ag4-dig { opacity: 0; transition: none; }

.ag4-quem { display: block; font-weight: 600; }

.ag4-cab { display: block; }

.ag4-l { display: flex; align-items: center; gap: 4px; height: 18px; white-space: nowrap; }

.ag4-l b { flex: 0 0 auto; font-variant-numeric: tabular-nums; font-weight: inherit; }

.ag4-l span { font-weight: inherit; }

.ag4-l[data-l="3"] { padding-right: 34px; }

.ag4-pe { position: absolute; right: 9px; bottom: 7px; font-size: 10px; line-height: 1; letter-spacing: 0px; color: rgba(11, 20, 26, 0.45); }

.ag-card[data-ag="4"][data-fase="sobe"] .ag4-fone, .ag-card[data-ag="4"][data-fase="digitando"] .ag4-fone, .ag-card[data-ag="4"][data-fase="chega"] .ag4-fone, .ag-card[data-ag="4"][data-fase="montado"] .ag4-fone { opacity: 1; transform: translateY(0px); }

.ag-card[data-ag="4"][data-fase="chega"] .ag4-bolha, .ag-card[data-ag="4"][data-fase="saindo"] .ag4-bolha, .ag-card[data-ag="4"][data-fase="montado"] .ag4-bolha { opacity: 1; transform: translateY(0px) scale(1); }

.ag-card[data-ag="4"][data-fase="saindo"] .ag4-fone { opacity: 0; transform: translateY(0px); transition: opacity 0.46s var(--ag-saida); }

.ag-card[data-ag="4"][data-fase="off"] .ag4-fone, .ag-card[data-ag="4"][data-fase="off"] .ag4-dig, .ag-card[data-ag="4"][data-fase="off"] .ag4-pontos i, .ag-card[data-ag="4"][data-fase="off"] .ag4-bolha { transition: none; }

.ag-btn { margin-top: clamp(38px, 3.6vw, 52px); font-size: 1.02rem; color: var(--ag-tinta-2); }

.ag-btn span { text-decoration: underline 1px; text-underline-offset: 4px; }

.ag-btn:focus-visible { outline: 2px solid var(--ag-tinta); outline-offset: 4px; }

@media (max-width: 1100px) {
  .ag-pilha { grid-template-columns: minmax(0px, min(616px, 100%)); justify-content: center; row-gap: clamp(48px, 7vw, 64px); }
}

@media (max-width: 600px) {
  .ag-section { margin-top: 0px; padding: 60px 0px 64px; }
  .ag-grade { width: 96%; row-gap: 52px; }
  .ag-headline { font-size: 1.4rem; margin-bottom: 12px; }
  .ag-tile { border-radius: 16px; margin-bottom: 15px; }
  .ag-titulo { font-size: 0.92rem; }
  .ag-btn { font-size: 0.92rem; }
  .ag-sub, .ag-desc { font-size: 0.82rem; }
  .ag-pilha .ag-card[data-ag="4"] { order: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .ag-section *, .ag-section ::before, .ag-section ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}

.mostra-section { position: relative; z-index: 3; width: 100%; background: var(--mostra-branco); padding: 80px 0px 112px; display: flex; flex-direction: column; align-items: center; --mostra-branco: #ffffff; --mostra-tinta: #0c0c0d; --mostra-tinta-2: #6a6a70; --mostra-verde: #d8fdd2; --mostra-azul: #53bdeb; --mostra-app-tinta: #111b21; --mostra-ar: 22px; --mostra-bico: 8px; --mostra-vao: 14px; --mostra-berco: 2px; --mostra-fade: 90px; --mostra-calmo: cubic-bezier(0.4,0,0.2,1); }

.mostra-grade { width: 94%; max-width: 1300px; display: flex; flex-direction: column; align-items: center; }

.mostra-topo { max-width: 620px; margin-inline: auto; text-align: center; margin-bottom: clamp(40px, 3.9vw, 56px); }

.mostra-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--mostra-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin-bottom: 14px; }

.mostra-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--mostra-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin-inline: auto; }

.mostra-esteiras { width: 100%; display: flex; flex-direction: column; row-gap: calc(var(--mostra-vao) - var(--mostra-berco) * 2); }

.mostra-trilho { position: relative; overflow: hidden; padding: var(--mostra-berco) 0; mask-image: linear-gradient(to right,transparent 0,#000 var(--mostra-fade),#000 calc(100% - var(--mostra-fade)),transparent 100%); }

.mostra-fita { display: flex; width: max-content; animation: auto linear 0s infinite normal none running mostra-anda; }

@keyframes mostra-anda { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(-50%, 0px, 0px); }
}

.mostra-f1 { animation-duration: 173s; --p: 307px; }

.mostra-f2 { animation-duration: 175s; --p: 234px; animation-direction: reverse; }

.mostra-f3 { animation-duration: 164s; --p: 349px; }

.mostra-fila { display: flex; align-items: center; flex: 0 0 auto; }

.mostra-bolha { position: relative; flex: 0 0 auto; width: max-content; white-space: nowrap; margin-right: calc(var(--mostra-ar) + var(--mostra-bico)); padding: 7px 10px 8px; border-radius: 10px 2px 10px 10px; background: var(--mostra-verde); box-shadow: rgba(11, 20, 26, 0.13) 0px 1px 0.5px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.36; letter-spacing: -0.006em; color: var(--mostra-app-tinta); --meta: 53px; }

.mostra-bolha::after { content: ""; position: absolute; top: 0px; right: -7px; width: 8px; height: 10px; background-color: inherit; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.mostra-txt { display: block; }

.mostra-txt::after { content: ""; display: inline-block; width: var(--meta); height: 1px; }

.mostra-meta { position: absolute; right: 10px; bottom: 11px; display: flex; align-items: center; gap: 3px; font-size: 11px; line-height: 1; letter-spacing: 0px; color: rgba(11, 20, 26, 0.45); }

.mostra-visto { width: 15px; height: 10px; flex: 0 0 auto; fill: none; stroke: var(--mostra-azul); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

@media (prefers-reduced-motion: reduce) {
  .mostra-fita { animation: auto ease 0s 1 normal none running none; transform: translate3d(calc((var(--p) - var(--mostra-fade)) * -1),0,0); }
}

.mostra-btn { margin-top: clamp(40px, 3.9vw, 56px); font-size: 1.02rem; color: var(--mostra-tinta-2); }

.mostra-btn span { text-decoration: underline 1px; text-underline-offset: 4px; }

.mostra-btn:focus-visible { outline: 2px solid var(--mostra-tinta); outline-offset: 4px; }

@media (max-width: 960px) {
  .mostra-section { --mostra-fade: 72px; }
}

@media (max-width: 600px) {
  .mostra-section { --mostra-fade: 52px; padding: 56px 0px 96px; }
  .mostra-headline { font-size: 1.8rem; }
  .mostra-topo { margin-bottom: clamp(34px, 8vw, 44px); }
  .mostra-btn { margin-top: clamp(34px, 8vw, 44px); font-size: 0.92rem; }
}

.preco-section { position: relative; z-index: 3; width: 100%; background: var(--preco-branco); padding: 160px 0px 112px; display: flex; flex-direction: column; align-items: center; --preco-branco: #ffffff; --preco-tinta: #0c0c0d; --preco-tinta-2: #6a6a70; --preco-fio: rgba(12,12,13,0.1); --preco-fio-btn: rgba(12,12,13,0.16); --preco-lavagem: rgba(12,12,13,0.02); --preco-marca-1: #c582ff; --preco-marca-2: #f174ba; --preco-degrade: linear-gradient(100deg,var(--preco-marca-1),var(--preco-marca-2)); --preco-raio: 22px; --preco-vao: 32px; --preco-respiro: 40px; --preco-calmo: cubic-bezier(0.4,0,0.2,1); }

.preco-defs { position: absolute; width: 0px; height: 0px; overflow: hidden; }

.preco-grade { width: 94%; max-width: 1300px; display: flex; flex-direction: column; align-items: center; }

.preco-topo { max-width: 620px; margin-inline: auto; text-align: center; margin-bottom: clamp(52px, 5.5vw, 80px); }

.preco-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--preco-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; }

.preco-apoio { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin-bottom: 22px; text-wrap: balance; }

.preco-cards { width: 100%; max-width: 960px; margin-inline: auto; }

.preco-card { position: relative; display: grid; grid-template-columns: minmax(0px, 42fr) minmax(0px, 58fr); column-gap: 56px; row-gap: var(--preco-respiro); align-items: start; padding: var(--preco-respiro); border: 1.5px solid var(--preco-fio); border-radius: var(--preco-raio); background: var(--preco-branco); }

.preco-nome { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 500; color: var(--preco-tinta-2); letter-spacing: -0.01em; line-height: 1.4; margin-bottom: 10px; }

.preco-valor { display: flex; align-items: baseline; color: var(--preco-tinta); font-family: Poppins, sans-serif; margin-bottom: 10px; }

.preco-moeda { font-size: 1.25rem; font-weight: 400; letter-spacing: -0.02em; margin-right: 6px; }

.preco-numero { font-size: 2.8rem; font-weight: 400; letter-spacing: -0.03em; line-height: 1; }

.preco-periodo { font-size: 0.88rem; font-weight: 300; color: var(--preco-tinta-2); margin-left: 6px; }

.preco-leitor { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

.preco-ancora { font-family: Poppins, sans-serif; font-size: 0.82rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.5; letter-spacing: -0.006em; }

.preco-desconto { font-family: Poppins, sans-serif; font-size: 0.82rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.5; letter-spacing: -0.006em; margin-bottom: 6px; }

.preco-desconto s { margin-right: 6px; text-decoration: line-through 1px; opacity: 0.7; }

.preco-desconto strong { font-weight: 600; color: var(--preco-tinta); }

.preco-cobranca { font-family: Poppins, sans-serif; font-size: 0.82rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.5; letter-spacing: -0.006em; margin-bottom: 6px; }

.preco-fecho { grid-column: 1 / -1; display: flex; flex-direction: column; align-items: center; }

.preco-micro { font-family: Poppins, sans-serif; font-size: 0.82rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.5; letter-spacing: -0.006em; margin-top: 13px; text-align: center; }

.preco-btn { display: flex; align-items: center; justify-content: center; width: 100%; max-width: 420px; padding: 12.5px 24.5px; border: 1.5px solid var(--preco-fio-btn); border-radius: 980px; background: transparent; color: var(--preco-tinta); font-family: Poppins, sans-serif; font-size: 1.02rem; font-weight: 500; line-height: normal; text-align: center; text-decoration: none; transition: transform 0.35s var(--preco-calmo),background-color 0.35s var(--preco-calmo),border-color 0.35s var(--preco-calmo),box-shadow 0.35s var(--preco-calmo); }

.preco-btn:hover { transform: translateY(-2px); background: var(--preco-lavagem); border-color: var(--preco-tinta); }

.preco-btn:focus-visible { outline: 2px solid var(--preco-tinta); outline-offset: 4px; background: var(--preco-lavagem); }

.preco-btn--cheio { border-color: transparent; background: var(--preco-degrade); color: var(--preco-branco); }

.preco-btn--cheio:hover { transform: translateY(-2px); box-shadow: rgba(150, 95, 190, 0.65) 0px 12px 24px -14px; background: var(--preco-degrade); border-color: transparent; }

.preco-btn--cheio:focus-visible { outline: 2px solid var(--preco-tinta); outline-offset: 4px; background: var(--preco-degrade); border-color: transparent; }

.preco-lista { list-style: none; display: flex; flex-direction: column; gap: 16px; }

.preco-lista li { display: flex; align-items: flex-start; gap: 9px; font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--preco-tinta); line-height: 1.45; letter-spacing: -0.008em; }

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

.preco-item-nome { font-weight: 500; }

.preco-item-sub { font-size: 0.82rem; color: var(--preco-tinta-2); }

.preco-icone { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 0.2em; --preco-disco: var(--preco-tinta); --preco-risco: var(--preco-branco); }

.preco-selos { grid-column: 1 / -1; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 13px 32px; }

.preco-selos li { display: flex; align-items: flex-start; gap: 9px; font-family: Poppins, sans-serif; font-size: 0.82rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.45; letter-spacing: -0.008em; }

.preco-selos .preco-icone { flex-basis: 14px; width: 14px; height: 14px; --preco-disco: var(--preco-tinta-2); }

@media (max-width: 1120px) {
  .preco-cards { max-width: 620px; }
  .preco-card { grid-template-columns: minmax(0px, 1fr); row-gap: var(--preco-vao); }
  .preco-selos { flex-direction: column; gap: 13px; }
  .preco-btn { max-width: none; }
}

@media (max-width: 600px) {
  .preco-section { padding: 120px 0px 96px; }
  .preco-grade { width: 96%; }
  .preco-topo { margin-bottom: 52px; }
  .preco-headline { font-size: 1.8rem; }
  .preco-card { --preco-raio: 16px; --preco-respiro: 28px; padding-inline: 24px; }
  .preco-numero { font-size: 2.4rem; }
}

@media (prefers-reduced-motion: reduce) {
  .preco-btn { transition: background-color 0.35s var(--preco-calmo),border-color 0.35s var(--preco-calmo),box-shadow 0.35s var(--preco-calmo); }
  .preco-btn:hover, .preco-btn--cheio:hover { transform: none; }
}

.faq-section { position: relative; z-index: 3; width: 100%; background: var(--faq-branco); padding: 104px 0px 112px; display: flex; flex-direction: column; align-items: center; interpolate-size: allow-keywords; --faq-branco: #ffffff; --faq-tinta: #0c0c0d; --faq-tinta-2: #6a6a70; --faq-tile: #f6f6f4; --faq-obj: #ffffff; --faq-lavagem: rgba(12,12,13,0.02); --faq-raio: 22px; --faq-calmo: cubic-bezier(0.4,0,0.2,1); --faq-tempo: 0.34s; }

.faq-defs { position: absolute; width: 0px; height: 0px; overflow: hidden; }

.faq-grade { width: 94%; max-width: 1300px; display: flex; flex-direction: column; align-items: center; }

.faq-topo { max-width: 620px; margin-inline: auto; text-align: center; margin-bottom: clamp(40px, 3.9vw, 56px); }

.faq-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--faq-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin-bottom: 14px; }

.faq-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--faq-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin-inline: auto; text-wrap: balance; }

.faq-colunas { width: 100%; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); column-gap: 20px; align-items: start; }

.faq-coluna { display: flex; flex-direction: column; gap: 12px; }

.faq-item { background: var(--faq-tile); border-radius: var(--faq-raio); box-shadow: transparent 0px 0px 0px 999px inset; transition: box-shadow var(--faq-tempo) var(--faq-calmo); }

.faq-item:hover { box-shadow: inset 0 0 0 999px var(--faq-lavagem); }

.faq-pergunta { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 22px; list-style: none; cursor: pointer; border-radius: var(--faq-raio); font-family: Poppins, sans-serif; font-size: 1.02rem; font-weight: 500; color: var(--faq-tinta); letter-spacing: -0.012em; line-height: 1.4; }

.faq-pergunta::-webkit-details-marker { display: none; }

.faq-pergunta::marker { content: ""; }

.faq-pergunta:focus-visible { outline: 2px solid var(--faq-tinta); outline-offset: -3px; }

.faq-circulo { flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; background: var(--faq-obj); display: grid; place-items: center; transition: transform var(--faq-tempo) var(--faq-calmo); }

.faq-item[open] .faq-circulo { transform: rotate(180deg); }

.faq-seta { width: 16px; height: 16px; fill: none; stroke: var(--faq-tinta-2); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; transition: stroke var(--faq-tempo) var(--faq-calmo); }

.faq-item[open] .faq-seta, .faq-pergunta:hover .faq-seta { stroke: var(--faq-tinta); }

.faq-corpo { padding: 0px 22px 22px; }

.faq-corpo p { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; line-height: 1.55; letter-spacing: -0.008em; color: var(--faq-tinta-2); }

.faq-link { color: var(--faq-tinta); text-decoration: underline 1px rgba(12, 12, 13, 0.35); text-underline-offset: 3px; transition: text-decoration-color var(--faq-tempo) var(--faq-calmo); }

.faq-link:hover { text-decoration-color: var(--faq-tinta); }

.faq-link:focus-visible { outline: 2px solid var(--faq-tinta); outline-offset: 3px; border-radius: 3px; }

.faq-item::details-content { block-size: 0px; overflow: clip; transition: block-size var(--faq-tempo) var(--faq-calmo),content-visibility var(--faq-tempo) allow-discrete; }

.faq-item[open]::details-content { block-size: auto; }

@media (prefers-reduced-motion: reduce) {
  .faq-item, .faq-item::details-content, .faq-circulo, .faq-seta, .faq-link { transition: none; }
}

@media (max-width: 960px) {
  .faq-colunas { grid-template-columns: minmax(0px, 1fr); row-gap: 12px; }
}

@media (max-width: 600px) {
  .faq-section { padding: 88px 0px 96px; }
  .faq-grade { width: 96%; }
  .faq-headline { font-size: 1.8rem; }
  .faq-pergunta { gap: 16px; padding: 18px; font-size: 0.92rem; }
  .faq-corpo { padding: 0px 18px 20px; }
  .faq-sub, .faq-corpo p { font-size: 0.82rem; }
}

.exp-section { position: relative; z-index: 3; width: 100%; --exp-branco: #ffffff; --exp-tinta: #0c0c0d; --exp-tinta-2: #6a6a70; --exp-fio: rgba(12,12,13,0.1); background: var(--exp-branco); padding: 104px 0px 112px; display: flex; flex-direction: column; align-items: center; }

.exp-topo { width: 94%; max-width: 620px; margin-inline: auto; text-align: center; margin-bottom: clamp(52px, 5.5vw, 80px); }

.exp-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--exp-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin-bottom: 14px; }

.exp-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--exp-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin-inline: auto; text-wrap: balance; }

.exp-grade { width: 94%; max-width: 1300px; display: grid; grid-template-rows: 1fr 1fr; gap: 20px; }

.exp-linha { display: grid; gap: 20px; }

.exp-linha--topo { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.exp-linha--topo .exp-card:first-child { grid-column: span 2; }

.exp-linha--base { grid-template-columns: repeat(3, minmax(0px, 1fr)); }

.exp-card { position: relative; display: flex; flex-direction: column; border-radius: 24px; overflow: hidden; background: var(--exp-branco); border: 1.5px solid var(--exp-fio); padding: 28px; }

.exp-linha--topo .exp-card, .exp-linha--base .exp-card { min-height: 480px; }

.exp-vao { flex: 1 1 0%; min-height: 0px; }

.exp-abrir { position: absolute; top: 20px; right: 20px; z-index: 2; width: 38px; height: 38px; display: grid; place-items: center; padding: 0px; border-radius: 11px; border: 1.5px solid var(--exp-fio); background: var(--exp-branco); color: var(--exp-tinta-2); transition: background 200ms, color 200ms, border-color 200ms; }

.exp-abrir svg { width: 15px; height: 15px; display: block; }

.exp-abrir[aria-controls] { cursor: pointer; }

.exp-abrir[aria-controls]:hover { background: rgb(244, 244, 246); border-color: rgba(12, 12, 13, 0.22); color: var(--exp-tinta); }

.exp-abrir[aria-controls]:focus-visible { outline: rgba(12, 12, 13, 0.55) solid 2px; outline-offset: 2px; }

.exp-title { font-family: Poppins, sans-serif; font-size: 1.02rem; font-weight: 500; color: var(--exp-tinta); letter-spacing: -0.01em; line-height: 1.4; margin-bottom: 8px; }

.exp-desc { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--exp-tinta-2); line-height: 1.55; margin-bottom: 0px; }

.exp-btn { margin-top: clamp(38px, 3.6vw, 52px); font-size: 1.02rem; color: var(--exp-tinta-2); }

.exp-btn span { text-decoration: underline 1px; text-underline-offset: 4px; }

.exp-btn:focus-visible { outline: 2px solid var(--exp-tinta); outline-offset: 4px; }

@media (max-width: 960px) {
  .exp-grade, .exp-linha { gap: 16px; }
  .exp-grade { grid-template-rows: none; }
  .exp-linha--topo, .exp-linha--base { grid-template-columns: minmax(0px, 1fr); }
  .exp-linha--topo .exp-card:first-child { grid-column: auto; }
  .exp-linha--topo .exp-card, .exp-linha--base .exp-card { min-height: 300px; }
}

@media (max-width: 600px) {
  .exp-section { padding: 88px 0px 96px; }
  .exp-grade { width: 96%; }
  .exp-topo { width: 96%; margin-bottom: 52px; }
  .exp-headline { font-size: 1.8rem; }
  .exp-card { border-radius: 16px; padding: 24px 16px; }
  .exp-linha--topo .exp-card, .exp-linha--base .exp-card { min-height: 280px; }
  .exp-title { font-size: 0.92rem; }
  .exp-btn { font-size: 0.92rem; }
  .exp-desc { font-size: 0.82rem; }
}

.exp-vao--painel { flex: 1 0 auto; container-type: inline-size; overflow: hidden; margin: 0px 0px 24px; }

.pn-app { width: 94%; margin: 0px auto; font-size: calc(1.09302cqw); font-family: Poppins, sans-serif; background: rgb(255, 255, 255); color: rgb(13, 34, 51); text-align: left; }

.pn-app *, .pn-app ::before, .pn-app ::after { box-sizing: border-box; }

.pn-topo { display: flex; align-items: center; justify-content: space-between; gap: 1.6em; padding: 0.2em 0px 1.15em; }

.pn-abas { display: flex; align-items: center; gap: 2.2em; }

.pn-aba { display: flex; align-items: center; gap: 0.8em; }

.pn-aba-foto { width: 2.8em; height: 2.8em; border-radius: 50%; overflow: hidden; flex: 0 0 auto; border: 0.16em solid rgb(223, 227, 232); }

.pn-aba-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

.pn-aba-txt { display: flex; flex-direction: column; gap: 0.15em; }

.pn-aba-txt b { font-size: 0.88em; font-weight: 600; letter-spacing: 0.12em; line-height: 1.1; color: rgb(154, 163, 173); }

.pn-aba-txt i { font-size: 0.8em; font-style: italic; font-weight: 300; line-height: 1.1; color: rgb(170, 178, 187); }

.pn-aba.is-ativa .pn-aba-foto { border-color: rgb(15, 122, 82); }

.pn-aba.is-ativa .pn-aba-txt b { color: rgb(15, 122, 82); }

.pn-aba.is-ativa .pn-aba-txt i { color: rgb(111, 156, 135); }

.pn-fio { height: 0.22em; background: linear-gradient(90deg, rgb(188, 133, 248), rgb(226, 123, 183) 62%, rgba(226, 123, 183, 0.22)); }

.pn-corpo { padding: 1.9em 0px 0px; }

.pn-rotulo { display: flex; align-items: center; gap: 1.4em; margin: 0px 0px 1.8em; }

.pn-rotulo b { font-size: 0.88em; font-weight: 600; letter-spacing: 0.2em; color: rgb(15, 122, 82); white-space: nowrap; }

.pn-rotulo i { flex: 1 1 0%; height: 1px; background: rgb(228, 232, 237); }

.pn-rotulo--solo { margin: 0px 0px 0.9em; }

.pn-rotulo--solo b { color: rgb(154, 163, 173); letter-spacing: 0.16em; }

.pn-colunas { display: grid; grid-template-columns: minmax(0px, 30fr) minmax(0px, 45.5fr); gap: 3.3em; }

.pn-mes { display: flex; align-items: center; gap: 1em; margin: 0px 0px 1.6em; }

.pn-seta { width: 2.2em; height: 2.2em; border-radius: 50%; border: 0.13em solid rgb(227, 231, 236); display: flex; align-items: center; justify-content: center; color: rgb(139, 149, 161); line-height: 1; flex: 0 0 auto; }

.pn-mes b { font-size: 0.95em; font-weight: 600; letter-spacing: 0.18em; color: rgb(13, 34, 51); }

.pn-saldo { display: flex; align-items: baseline; gap: 0.12em; margin: 0px 0px 1.9em; line-height: 1; }

.pn-saldo em { font-size: 1.5em; font-style: normal; font-weight: 600; }

.pn-saldo strong { font-size: 4.3em; font-weight: 700; letter-spacing: -0.025em; }

.pn-saldo .pn-cent { font-size: 1.3em; }

.pn-saldo i { font-size: 0.95em; font-style: normal; font-weight: 500; color: rgb(15, 122, 82); margin-left: 0.9em; white-space: nowrap; }

.pn-tri { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0.6em; margin: 0px 0px 1.8em; }

.pn-tri > span, .pn-inicio { display: flex; flex-direction: column; gap: 0.45em; }

.pn-inicio { margin: 0px 0px 1.8em; }

.pn-tri b, .pn-inicio b { font-size: 0.8em; font-weight: 500; letter-spacing: 0.14em; color: rgb(154, 163, 173); white-space: nowrap; }

.pn-tri i, .pn-inicio i { font-size: 1.12em; font-style: normal; font-weight: 500; color: rgb(18, 41, 58); white-space: nowrap; }

.pn-recado { display: flex; align-items: flex-start; gap: 0.9em; }

.pn-recado-foto { width: 2.6em; height: 2.6em; border-radius: 50%; overflow: hidden; flex: 0 0 auto; }

.pn-recado-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

.pn-balao { flex: 1 1 0%; min-width: 0px; background: rgb(255, 255, 255); border: 0.1em solid rgb(231, 234, 238); border-radius: 0.9em; padding: 0.9em 1.1em; }

.pn-balao-quem { margin: 0px 0px 0.5em; font-size: 0.9em; font-weight: 300; color: rgb(154, 163, 173); }

.pn-balao-quem b { color: rgb(15, 122, 82); font-weight: 600; }

.pn-balao-txt { margin: 0px; font-size: 0.95em; font-weight: 300; line-height: 1.45; color: rgb(61, 74, 87); }

.pn-balao-txt b { font-weight: 600; color: rgb(18, 41, 58); }

.pn-balao-sync { display: flex; align-items: center; justify-content: flex-end; gap: 0.4em; margin: 0.5em 0px 0px; font-size: 0.8em; font-weight: 300; color: rgb(165, 173, 182); }

.pn-balao-sync svg { width: 1.5em; height: 0.95em; color: rgb(83, 189, 235); flex: 0 0 auto; }

.pn-graf { position: relative; }

.pn-graf svg { display: block; width: 100%; height: 13.2em; }

.pn-graf-area { fill: url("#pnGrafFill"); stroke: none; }

.pn-graf-linha { fill: none; stroke: rgb(28, 138, 95); stroke-width: 1.7; stroke-linejoin: round; vector-effect: non-scaling-stroke; }

.pn-graf-jul { fill: none; stroke: rgb(200, 206, 214); stroke-width: 1.3; stroke-dasharray: 5, 4; stroke-linejoin: round; vector-effect: non-scaling-stroke; }

.pn-graf-ref { fill: none; stroke: rgb(188, 195, 203); stroke-width: 1; stroke-dasharray: 1, 4; vector-effect: non-scaling-stroke; }

.pn-marca { position: absolute; display: flex; flex-direction: column; align-items: center; gap: 0.5em; font-size: 0.72em; font-weight: 500; letter-spacing: 0.16em; color: rgb(107, 118, 131); white-space: nowrap; }

.pn-marca i { width: 0.85em; height: 0.85em; border-radius: 50%; background: rgb(28, 138, 95); flex: 0 0 auto; }

.pn-marca--pico { left: 89.1%; top: 42.7%; flex-direction: column-reverse; transform: translate(-50%, calc(-100% + 0.42em)); }

.pn-marca--vale { left: 37%; top: 72.7%; transform: translate(-50%, -0.42em); }

.pn-eixo { position: relative; height: 1.3em; margin: 0.5em 0px 0px; font-size: 0.82em; font-weight: 400; color: rgb(154, 163, 173); }

.pn-eixo span { position: absolute; top: 0px; }

.pn-eixo span:nth-child(1) { left: 0.8%; }

.pn-eixo span:nth-child(2) { left: 32.1%; }

.pn-eixo span:nth-child(3) { left: 68.3%; }

.pn-legenda { display: flex; align-items: center; gap: 0.7em; margin: 0.45em 0px 1.5em; font-size: 0.8em; font-weight: 400; letter-spacing: 0.14em; color: rgb(154, 163, 173); }

.pn-legenda i { width: 2.8em; height: 0px; border-top: 0.15em dashed rgb(200, 206, 214); flex: 0 0 auto; }

.pn-lanc { list-style: none; margin: 0px; padding: 0px; }

.pn-lanc li { display: flex; align-items: center; gap: 0.9em; padding: 0.62em 0px; border-bottom: 0.1em solid rgb(233, 236, 240); }

.pn-lanc li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.pn-ponto { width: 0.7em; height: 0.7em; border-radius: 50%; flex: 0 0 auto; }

.pn-ponto--azul { background: rgb(53, 160, 224); }

.pn-ponto--laranja { background: rgb(240, 120, 43); }

.pn-lanc-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 0.3em; }

.pn-lanc-txt b, .pn-lanc-txt i { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pn-lanc-txt b { font-size: 1em; font-weight: 500; color: rgb(18, 41, 58); }

.pn-lanc-txt i { font-size: 0.75em; font-style: normal; font-weight: 400; letter-spacing: 0.12em; color: rgb(154, 163, 173); }

.pn-lanc-val { font-size: 1.05em; font-weight: 600; color: rgb(18, 41, 58); white-space: nowrap; flex: 0 0 auto; }

@media (max-width: 600px) {
  .exp-vao--painel { margin: 0px 0px 20px; }
  .pn-app { width: 100%; margin: 0px; font-size: min(2.77778cqw, 10.5px); }
  .pn-app .pn-aba-txt i { display: none; }
  .pn-app .pn-abas { gap: 0.55em; }
  .pn-app .pn-aba { gap: 0.5em; }
  .pn-app .pn-aba-foto { width: 2em; height: 2em; }
  .pn-app .pn-aba-txt b { letter-spacing: 0.06em; }
  .pn-app .pn-pagina .pn-colunas { display: flex; flex-direction: column; gap: 1.4em; flex: 1 1 0%; min-height: 0px; }
  .pn-app .pn-pagina .pn-esq, .pn-app .pn-pagina .pn-dir { display: contents; }
  .pn-app .pn-pagina { display: flex; flex-direction: column; }
  .pn-app .pn-mes { order: 1; margin: 0px; }
  .pn-app .pn-saldo, .pn-app .pn-num, .pn-app .pn-frase, .pn-app .pn-barra { order: 2; margin: 0px; }
  .pn-app .pn-graf, .pn-app .pn-dia, .pn-app .pn-tar, .pn-app .pn-meses { order: 3; flex: 1 1 auto; min-height: 0px; }
  .pn-app .pn-tri, .pn-app .pn-par { order: 4; margin: 0px; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1.1em; font-size: 1.18em; }
  .pn-app .pn-recado { order: 5; }
  .pn-app .pn-inicio, .pn-app .pn-status, .pn-app .pn-tar li:nth-child(n+5), .pn-app .pn-eixo, .pn-app .pn-legenda, .pn-app .pn-rotulo--solo, .pn-app .pn-lanc, .pn-app .pn-marca, .pn-app .pn-nota { display: none; }
  .pn-app .pn-saldo, .pn-app .pn-num { align-self: flex-start; }
  .pn-app .pn-saldo strong, .pn-app .pn-num strong { font-size: 5.2em; }
  .pn-app .pn-graf { width: 100%; height: 11em; }
  .pn-app .pn-graf svg { position: absolute; inset: 0px; width: 100%; height: 100%; }
  .pn-app .pn-dia { height: 16em; margin-top: 0px; }
  .pn-app .pn-ev-txt i { display: none; }
  .pn-app .pn-tar { display: flex; flex-direction: column; height: 14em; overflow: hidden; }
  .pn-app .pn-tar li { flex: 1 1 0%; min-height: 0px; }
  .pn-app .pn-tar li:nth-child(4) { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }
}

.pn-corpo { display: grid; }

.pn-pagina { grid-area: 1 / 1; opacity: 0; pointer-events: none; transition: opacity 0.22s cubic-bezier(0.5, 0, 0.9, 0.35); }

.pn-pagina.is-ativa { opacity: 1; pointer-events: auto; transition: opacity 0.4s cubic-bezier(0.22, 1, 0.36, 1) 0.14s; }

@media (prefers-reduced-motion: reduce) {
  .pn-pagina { transition: none; }
}

.pn-aba[data-aba="tarefas"].is-ativa .pn-aba-foto { border-color: rgb(201, 112, 47); }

.pn-aba[data-aba="tarefas"].is-ativa .pn-aba-txt b { color: rgb(201, 112, 47); }

.pn-aba[data-aba="tarefas"].is-ativa .pn-aba-txt i { color: rgb(185, 138, 110); }

.pn-rotulo--tarefas b { color: rgb(74, 85, 96); }

.pn-balao-quem b.is-luna { color: rgb(201, 112, 47); }

.pn-num { display: flex; align-items: baseline; gap: 0.45em; margin: 0px 0px 1.4em; line-height: 1; }

.pn-num strong { font-size: 4.3em; font-weight: 700; letter-spacing: -0.025em; }

.pn-num em { font-size: 1.3em; font-style: normal; font-weight: 500; color: rgb(61, 74, 87); }

.pn-barra { display: flex; gap: 0.4em; height: 0.95em; margin: 0px 0px 1.6em; }

.pn-seg { border-radius: 1em; }

.pn-seg.is-vermelho, .pn-status .is-vermelho { background: rgb(239, 106, 90); }

.pn-seg.is-ambar, .pn-status .is-ambar { background: rgb(242, 192, 120); }

.pn-seg.is-azul, .pn-status .is-azul { background: rgb(127, 178, 229); }

.pn-seg.is-verde, .pn-status .is-verde { background: rgb(143, 214, 169); }

.pn-status { list-style: none; margin: 0px 0px 1.7em; padding: 0px; }

.pn-status li { display: flex; align-items: center; gap: 0.8em; padding: 0.5em 0px; }

.pn-status i { width: 0.75em; height: 0.75em; border-radius: 50%; flex: 0 0 auto; }

.pn-status span { flex: 1 1 0%; font-size: 1.05em; font-weight: 500; color: rgb(18, 41, 58); }

.pn-status b { font-size: 1.1em; font-weight: 600; color: rgb(18, 41, 58); }

.pn-par { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.6em; margin: 0px 0px 1.8em; }

.pn-par > span { display: flex; flex-direction: column; gap: 0.45em; }

.pn-par b { font-size: 0.8em; font-weight: 500; letter-spacing: 0.14em; color: rgb(154, 163, 173); }

.pn-par i { font-size: 1.75em; font-style: normal; font-weight: 600; color: rgb(18, 41, 58); }

.pn-tar { list-style: none; margin: 0px; padding: 0px; }

.pn-tar li { display: flex; align-items: center; gap: 0.9em; padding: 0.58em 0px; border-bottom: 0.1em solid rgb(233, 236, 240); }

.pn-tar li:last-child { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.pn-ponto--vermelho { background: rgb(239, 106, 90); }

.pn-ponto--ambar { background: rgb(242, 192, 120); }

.pn-tar-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 0.3em; }

.pn-tar-txt b, .pn-tar-txt i { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pn-tar-txt b { font-size: 1em; font-weight: 500; color: rgb(18, 41, 58); }

.pn-tar-txt i { font-size: 0.75em; font-style: normal; font-weight: 400; letter-spacing: 0.12em; color: rgb(154, 163, 173); }

.pn-tar-txt i.is-urgente { color: rgb(208, 84, 60); }

.pn-selo { padding: 0.32em 0.8em; border-radius: 1.2em; border: 0.12em solid rgb(229, 180, 138); font-size: 0.72em; font-weight: 600; letter-spacing: 0.12em; color: rgb(201, 112, 47); flex: 0 0 auto; }

.pn-abrir { font-size: 0.85em; font-weight: 500; color: rgb(201, 112, 47); white-space: nowrap; flex: 0 0 auto; }

.pn-pagina .pn-tri > span, .pn-pagina .pn-inicio, .pn-pagina .pn-recado, .pn-pagina .pn-status li, .pn-pagina .pn-par > span, .pn-pagina .pn-lanc li, .pn-pagina .pn-tar li { opacity: 0; transform: translateY(8px); }

.pn-pagina.is-ativa .pn-tri > span, .pn-pagina.is-ativa .pn-inicio, .pn-pagina.is-ativa .pn-recado, .pn-pagina.is-ativa .pn-status li, .pn-pagina.is-ativa .pn-par > span, .pn-pagina.is-ativa .pn-lanc li, .pn-pagina.is-ativa .pn-tar li { animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: pnEntra; animation-timeline: auto; animation-range: normal; animation-delay: calc(.18s + var(--pn-i,0) * .055s); }

@keyframes pnEntra { 
  100% { opacity: 1; transform: none; }
}

.pn-pagina .pn-tri > span:nth-child(1) { --pn-i: 1; }

.pn-pagina .pn-tri > span:nth-child(2) { --pn-i: 2; }

.pn-pagina .pn-tri > span:nth-child(3) { --pn-i: 3; }

.pn-pagina .pn-inicio { --pn-i: 4; }

.pn-pagina .pn-par > span:nth-child(1) { --pn-i: 5; }

.pn-pagina .pn-par > span:nth-child(2) { --pn-i: 6; }

.pn-pagina .pn-recado { --pn-i: 8; }

.pn-status li:nth-child(1) { --pn-i: 1; }

.pn-status li:nth-child(2) { --pn-i: 2; }

.pn-status li:nth-child(3) { --pn-i: 3; }

.pn-status li:nth-child(4) { --pn-i: 4; }

.pn-lanc li:nth-child(1), .pn-tar li:nth-child(1) { --pn-i: 3; }

.pn-lanc li:nth-child(2), .pn-tar li:nth-child(2) { --pn-i: 4; }

.pn-lanc li:nth-child(3), .pn-tar li:nth-child(3) { --pn-i: 5; }

.pn-lanc li:nth-child(4), .pn-tar li:nth-child(4) { --pn-i: 6; }

.pn-tar li:nth-child(5) { --pn-i: 7; }

.pn-tar li:nth-child(6) { --pn-i: 8; }

.pn-tar li:nth-child(7) { --pn-i: 9; }

.pn-tar li:nth-child(8) { --pn-i: 10; }

.pn-barra .pn-seg { transform: scaleX(0); transform-origin: left center; }

.pn-pagina.is-ativa .pn-barra .pn-seg { animation-duration: 0.55s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: pnCresce; animation-timeline: auto; animation-range: normal; animation-delay: calc(.24s + var(--pn-i,0) * .07s); }

@keyframes pnCresce { 
  100% { transform: none; }
}

.pn-barra .pn-seg:nth-child(1) { --pn-i: 0; }

.pn-barra .pn-seg:nth-child(2) { --pn-i: 1; }

.pn-barra .pn-seg:nth-child(3) { --pn-i: 2; }

.pn-barra .pn-seg:nth-child(4) { --pn-i: 3; }

.pn-graf-linha { stroke-dasharray: 1; stroke-dashoffset: 1; }

.pn-pagina.is-ativa .pn-graf-linha { animation: 0.95s cubic-bezier(0.4, 0, 0.2, 1) 0.12s 1 normal forwards running pnTraca; }

@keyframes pnTraca { 
  100% { stroke-dashoffset: 0; }
}

.pn-graf-area, .pn-graf-jul, .pn-graf-ref, .pn-marca { opacity: 0; }

.pn-pagina.is-ativa .pn-graf-jul { animation: 0.6s ease 0.3s 1 normal forwards running pnAparece; }

.pn-pagina.is-ativa .pn-graf-area { animation: 0.7s ease 0.45s 1 normal forwards running pnAparece; }

.pn-pagina.is-ativa .pn-graf-ref { animation: 0.5s ease 0.6s 1 normal forwards running pnAparece; }

.pn-pagina.is-ativa .pn-marca { animation: 0.5s ease 0.85s 1 normal forwards running pnAparece; }

@keyframes pnAparece { 
  100% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .pn-pagina, .pn-pagina * { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
  .pn-pagina .pn-tri > span, .pn-pagina .pn-inicio, .pn-pagina .pn-recado, .pn-pagina .pn-status li, .pn-pagina .pn-par > span, .pn-pagina .pn-lanc li, .pn-pagina .pn-tar li { opacity: 1; transform: none; }
  .pn-barra .pn-seg { transform: none; }
  .pn-graf-linha { stroke-dashoffset: 0; }
  .pn-graf-area, .pn-graf-jul, .pn-graf-ref, .pn-marca { opacity: 1; }
}

.pn-pagina--tarefas .pn-colunas, .pn-pagina--operacao .pn-colunas { grid-template-columns: minmax(0px, 30fr) minmax(0px, 40fr); gap: 7em; }

.pn-aba[data-aba="agenda"].is-ativa .pn-aba-foto { border-color: rgb(47, 111, 237); }

.pn-aba[data-aba="agenda"].is-ativa .pn-aba-txt b { color: rgb(47, 111, 237); }

.pn-aba[data-aba="agenda"].is-ativa .pn-aba-txt i { color: rgb(138, 165, 221); }

.pn-rotulo--agenda b { color: rgb(47, 111, 237); }

.pn-balao-quem b.is-sofi { color: rgb(47, 111, 237); }

.pn-dia { position: relative; height: 32em; margin-top: 0.8em; }

.pn-hora { position: absolute; left: 0px; transform: translateY(-50%); font-size: 0.82em; font-weight: 400; color: rgb(154, 163, 173); }

.pn-risco { position: absolute; left: 3.4em; right: 0px; height: 1px; background: rgb(236, 239, 242); }

.pn-ev { position: absolute; left: 4.2em; right: 0px; display: flex; align-items: flex-start; gap: 0.75em; transform: translateY(-0.55em); }

.pn-pino { position: relative; width: 0.85em; height: 2.4em; flex: 0 0 auto; }

.pn-pino::before, .pn-pino::after { content: ""; position: absolute; left: 50%; transform: translateX(-50%); background: rgb(47, 111, 237); }

.pn-pino::before { top: 0px; width: 0.85em; height: 0.85em; border-radius: 50%; }

.pn-pino::after { top: 0.72em; width: 0.24em; height: 1.7em; border-radius: 0.2em; }

.pn-ev-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 0.35em; }

.pn-ev-txt b, .pn-ev-txt i { display: flex; align-items: baseline; gap: 0.55em; }

.pn-ev-txt b span, .pn-ev-txt i span { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pn-ev-txt b { font-size: 1.02em; font-weight: 500; color: rgb(18, 41, 58); }

.pn-ev-txt b em { flex: 0 0 auto; width: 3em; font-style: normal; font-weight: 600; color: rgb(47, 111, 237); }

.pn-ev-txt i { font-size: 0.8em; font-style: normal; font-weight: 400; color: rgb(154, 163, 173); align-items: center; gap: 0.5em; }

.pn-ev-txt i em { flex: 0 0 auto; width: 9.4em; font-style: normal; }

.pn-chip { display: inline-block; flex: 0 0 auto; padding: 0.12em 0.6em; border-radius: 1em; border: 0.11em solid rgb(223, 227, 232); font-size: 0.88em; font-weight: 600; letter-spacing: 0.08em; color: rgb(106, 116, 128); }

.pn-pagina .pn-ev { opacity: 0; }

.pn-pagina.is-ativa .pn-ev { animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: pnPousa; animation-timeline: auto; animation-range: normal; animation-delay: calc(.3s + var(--pn-i,0) * .1s); }

@keyframes pnPousa { 
  0% { opacity: 0; transform: translate(-0.8em, -0.55em); }
  100% { opacity: 1; transform: translateY(-0.55em); }
}

.pn-dia .pn-ev:nth-of-type(1) { --pn-i: 0; }

.pn-dia .pn-ev:nth-of-type(2) { --pn-i: 1; }

.pn-dia .pn-ev:nth-of-type(3) { --pn-i: 2; }

.pn-dia .pn-ev:nth-of-type(4) { --pn-i: 3; }

.pn-pagina .pn-risco { transform: scaleX(0); transform-origin: left center; }

.pn-pagina.is-ativa .pn-risco { animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: pnCresce; animation-timeline: auto; animation-range: normal; animation-delay: calc(.16s + var(--pn-i,0) * .045s); }

.pn-dia .pn-risco:nth-of-type(1) { --pn-i: 0; }

.pn-dia .pn-risco:nth-of-type(2) { --pn-i: 1; }

.pn-dia .pn-risco:nth-of-type(3) { --pn-i: 2; }

.pn-dia .pn-risco:nth-of-type(4) { --pn-i: 3; }

.pn-dia .pn-risco:nth-of-type(5) { --pn-i: 4; }

.pn-dia .pn-risco:nth-of-type(6) { --pn-i: 5; }

.pn-dia .pn-risco:nth-of-type(7) { --pn-i: 6; }

@media (prefers-reduced-motion: reduce) {
  .pn-pagina .pn-ev { opacity: 1; transform: translateY(-0.55em); }
  .pn-pagina .pn-risco { transform: none; }
}

.pn-aba[data-aba] { cursor: pointer; }

.pn-aba-foto, .pn-aba-txt b, .pn-aba-txt i { transition: border-color 0.3s, color 0.3s; }

.pn-aba[data-aba]:not(.is-ativa):hover .pn-aba-foto { border-color: rgb(195, 203, 212); }

.pn-aba[data-aba]:not(.is-ativa):hover .pn-aba-txt b { color: rgb(106, 116, 128); }

.pn-aba[data-aba="operacao"].is-ativa .pn-aba-foto { border-color: rgb(123, 69, 214); }

.pn-aba[data-aba="operacao"].is-ativa .pn-aba-txt b { color: rgb(123, 69, 214); }

.pn-aba[data-aba="operacao"].is-ativa .pn-aba-txt i { color: rgb(169, 138, 212); }

.pn-rotulo--operacao b { color: rgb(123, 69, 214); }

.pn-balao-quem b.is-theo { color: rgb(123, 69, 214); }

.pn-num--so { margin-bottom: 0.35em; }

.pn-frase { margin: 0px 0px 1.7em; font-size: 1.05em; font-weight: 300; color: rgb(106, 116, 128); }

.pn-frase b { font-weight: 600; color: rgb(18, 41, 58); }

.pn-meses { list-style: none; margin: 0px; padding: 0px; }

.pn-meses li { display: flex; align-items: center; gap: 1.1em; padding: 0.52em 0px; }

.pn-meses b { flex: 0 0 auto; width: 5.2em; font-size: 0.95em; font-weight: 500; color: rgb(18, 41, 58); }

.pn-trilho { flex: 1 1 0%; min-width: 0px; display: block; height: 0.5em; }

.pn-trilho i { display: block; height: 100%; border-radius: 1em; background: rgb(188, 133, 248); transform-origin: left center; }

.pn-meses em { flex: 0 0 auto; width: 2.9em; text-align: right; font-size: 0.95em; font-style: normal; font-weight: 600; color: rgb(18, 41, 58); }

.pn-nota { margin: 1.5em 0px 0px; font-size: 0.72em; font-weight: 400; letter-spacing: 0.1em; color: rgb(179, 186, 194); }

.pn-pagina .pn-meses li { opacity: 0; transform: translateY(8px); }

.pn-pagina.is-ativa .pn-meses li { animation-duration: 0.5s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: pnEntra; animation-timeline: auto; animation-range: normal; animation-delay: calc(.18s + var(--pn-i,0) * .055s); }

.pn-pagina .pn-trilho i { transform: scaleX(0); }

.pn-pagina.is-ativa .pn-trilho i { animation-duration: 0.6s; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: pnCresce; animation-timeline: auto; animation-range: normal; animation-delay: calc(.3s + var(--pn-i,0) * .07s); }

.pn-meses li:nth-child(1) { --pn-i: 1; }

.pn-meses li:nth-child(2) { --pn-i: 2; }

.pn-meses li:nth-child(3) { --pn-i: 3; }

.pn-meses li:nth-child(4) { --pn-i: 4; }

.pn-meses li:nth-child(5) { --pn-i: 5; }

.pn-meses li:nth-child(6) { --pn-i: 6; }

@media (prefers-reduced-motion: reduce) {
  .pn-pagina .pn-meses li { opacity: 1; transform: none; }
  .pn-pagina .pn-trilho i { transform: none; }
}

.pn-pagina--operacao .pn-dir { display: flex; flex-direction: column; justify-content: center; }

.pnm-passagem { display: flex; flex-direction: column; }

.pnm-balao-zap { margin-top: 11px; align-self: flex-end; max-width: 84%; padding: 7px 10px 5px; border-radius: 10px 10px 3px; background: rgba(37, 122, 90, 0.3); border: 1px solid rgba(80, 190, 140, 0.2); }

.pnm-balao-zap p { margin: 0px; font-size: 0.58rem; font-weight: 300; line-height: 1.35; color: rgba(255, 255, 255, 0.82); }

.pnm-hora { display: flex; align-items: center; justify-content: flex-end; gap: 4px; margin-top: 3px; font-size: 0.44rem; font-weight: 300; color: rgba(255, 255, 255, 0.42); }

.pnm-hora svg { width: 11px; height: 7px; color: rgb(83, 189, 235); }

.pnm-desce { display: block; margin: 9px auto 7px; width: 12px; color: rgba(255, 255, 255, 0.22); }

.pnm-desce svg { width: 100%; display: block; }

.pnm-rot-baixo { margin: 0px 0px 7px; }

.pnm-lanc { list-style: none; margin: 0px; padding: 0px; }

.pnm-lanc li { display: flex; align-items: center; gap: 9px; padding: 8px 10px; border-radius: 9px; background: rgba(255, 255, 255, 0.043); border: 1px solid rgba(255, 255, 255, 0.075); }

.pnm-ponto { width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; background: rgb(53, 160, 224); }

.pnm-lanc-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }

.pnm-lanc-txt b { font-size: 0.56rem; font-weight: 400; color: rgba(255, 255, 255, 0.88); }

.pnm-lanc-txt i { font-size: 0.45rem; font-style: normal; font-weight: 300; letter-spacing: 0.06em; color: rgba(255, 255, 255, 0.38); }

.pnm-lanc-val { flex: 0 0 auto; font-size: 0.58rem; font-weight: 400; color: rgba(255, 255, 255, 0.88); }

.pnm-mesas { display: flex; flex-direction: column; }

.pnm-abas { list-style: none; margin: 8px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 5px; }

.pnm-abas li { display: flex; align-items: center; gap: 9px; padding: 4px 9px; border-radius: 9px; border: 1px solid transparent; }

.pnm-abas li.is-ativa { background: rgba(255, 255, 255, 0.05); border-color: rgba(255, 255, 255, 0.086); }

.pnm-aba-foto { width: 18px; height: 18px; border-radius: 50%; overflow: hidden; flex: 0 0 auto; border: 1.5px solid rgba(255, 255, 255, 0.14); }

.pnm-abas li.is-ativa .pnm-aba-foto { border-color: rgb(56, 199, 141); }

.pnm-aba-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

.pnm-aba-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0px; }

.pnm-aba-txt b { font-size: 0.47rem; font-weight: 500; line-height: 1.1; letter-spacing: 0.12em; color: rgba(255, 255, 255, 0.5); }

.pnm-aba-txt i { font-size: 0.45rem; font-style: italic; font-weight: 300; line-height: 1.1; color: rgba(255, 255, 255, 0.34); }

.pnm-abas li.is-ativa .pnm-aba-txt b { color: rgb(56, 199, 141); }

.pnm-abas li.is-ativa .pnm-aba-txt i { color: rgba(120, 200, 165, 0.7); }

.pnm-fio-marca { display: block; margin-top: 8px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgb(197, 130, 255), rgb(241, 116, 186)); opacity: 0.75; }

.pnm-nav { display: flex; flex-direction: column; justify-content: center; gap: 13px; }

.pnm-nav-pastilhas { display: flex; gap: 5px; }

.pnm-nav-pastilhas i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, 0.14); }

.pnm-nav-barra { display: flex; align-items: center; gap: 8px; padding: 9px 12px; border-radius: 99px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.09); }

.pnm-cadeado { width: 11px; height: 13px; flex: 0 0 auto; color: rgba(255, 255, 255, 0.45); }

.pnm-url { font-size: 0.58rem; font-weight: 300; letter-spacing: 0.01em; color: rgba(255, 255, 255, 0.82); }

.pnm-nav-nota { margin: 0px; font-size: 0.47rem; font-weight: 300; color: rgba(255, 255, 255, 0.36); }

.pnm-recado-peca { display: flex; flex-direction: column; }

.pnm-recado { display: flex; align-items: flex-start; gap: 9px; margin-top: 12px; }

.pnm-recado-foto { width: 26px; height: 26px; border-radius: 50%; overflow: hidden; flex: 0 0 auto; border: 1.5px solid rgba(255, 255, 255, 0.14); }

.pnm-recado-foto img { width: 100%; height: 100%; object-fit: cover; display: block; }

.pnm-balao { flex: 1 1 0%; min-width: 0px; padding: 10px 12px; border-radius: 11px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.086); }

.pnm-balao-quem { margin: 0px 0px 6px; font-size: 0.47rem; font-weight: 300; color: rgba(255, 255, 255, 0.42); }

.pnm-balao-quem b { font-weight: 500; color: rgba(255, 255, 255, 0.72); }

.pnm-balao-txt { margin: 0px; font-size: 0.57rem; font-weight: 300; line-height: 1.45; color: rgba(255, 255, 255, 0.8); }

.pnm-balao-txt b { font-weight: 500; color: rgb(255, 255, 255); }

.pnm-balao-sync { display: flex; align-items: center; justify-content: flex-end; gap: 5px; margin: 7px 0px 0px; font-size: 0.45rem; font-weight: 300; color: rgba(255, 255, 255, 0.36); }

.pnm-balao-sync svg { width: 12px; height: 8px; color: rgb(83, 189, 235); }

.exp-vao--convite { flex: 1 1 0px; min-height: 0px; container-type: size; overflow: hidden; display: flex; align-items: center; margin: 0px 0px 24px; }

.cv-peca { position: relative; width: 20.5em; max-width: 100%; margin: 0px auto; font-size: min(4.87805cqw, 5.43478cqh, 18px); font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; text-align: left; color: var(--exp-tinta); overflow: hidden; }

.cv-peca *, .cv-peca ::before, .cv-peca ::after { box-sizing: border-box; }

.cv-palco { display: grid; height: 17.8em; position: relative; }

.cv-ato { grid-area: 1 / 1; display: flex; flex-direction: column; min-width: 0px; opacity: 0; }

.cv-ato { padding: 1.6em 0.9em 1.3em; }

.cv-rot { display: flex; align-items: center; gap: 0.85em; margin: 0px; font-size: 0.66em; font-weight: 500; line-height: 1.2; letter-spacing: 0.1em; color: var(--exp-tinta-2); }

.cv-rot::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--exp-fio); }

.cv-ato--menu .cv-rot { margin-bottom: 1.45em; }

.cv-menu { flex: 1 1 0%; list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 0.6em; }

.cv-fila { flex: 1 0 auto; display: flex; align-items: center; gap: 0.6em; padding: 0.7em 0.65em; border-radius: 0.85em; background: var(--exp-branco); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em; }

.cv-icone { flex: 0 0 auto; width: 2.15em; height: 2.15em; display: grid; place-items: center; border-radius: 0.62em; border: 1px solid var(--exp-fio); color: var(--exp-tinta-2); }

.cv-icone svg { width: 1.16em; height: 1.16em; display: block; }

.cv-fila-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 0.12em; }

.cv-fila-txt b { font-size: 0.9em; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; }

.cv-fila-txt i { font-size: 0.6em; font-style: normal; font-weight: 300; line-height: 1.25; color: var(--exp-tinta-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cv-chev { flex: 0 0 auto; font-size: 1.05em; font-weight: 300; line-height: 1; color: var(--exp-tinta-2); }

.cv-folha-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 1em; padding-bottom: 0.8em; border-bottom: 1px solid var(--exp-fio); }

.cv-folha-topo b { font-size: 1em; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; }

.cv-fechar { flex: 0 0 auto; font-size: 0.74em; font-weight: 300; line-height: 1.2; color: var(--exp-tinta-2); }

.cv-lead { margin: 1.28em 0px 0px; font-size: 0.78em; font-weight: 300; line-height: 1.5; color: var(--exp-tinta-2); }

.cv-lead--meio { text-align: center; }

.cv-titular { display: flex; align-items: center; gap: 0.75em; margin: 1em 0px 0px; padding: 0.72em 0.8em; border-radius: 0.85em; background: var(--exp-branco); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em; }

.cv-ponto { flex: 0 0 auto; width: 0.5em; height: 0.5em; border-radius: 50%; background: rgb(123, 69, 214); }

.cv-carimbo { flex: 0 0 auto; font-size: 0.6em; font-weight: 600; line-height: 1; letter-spacing: 0.18em; white-space: nowrap; padding: 0.32em 0.42em 0.32em 0.6em; border: 0.17em solid rgb(15, 122, 82); border-radius: 0.45em; color: rgb(15, 122, 82); transform: rotate(-4deg); }

.cv-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5em; padding: 0.78em 1em; border-radius: 99px; border: 1.5px solid var(--exp-fio); background: var(--exp-branco); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em; color: var(--exp-tinta); font-size: 0.82em; font-weight: 500; line-height: 1.15; white-space: nowrap; }

.cv-btn svg { width: 1.05em; height: 1.05em; flex: 0 0 auto; display: block; }

.cv-btn--largo { margin-top: 1.6em; width: 100%; }

.cv-acoes { display: flex; gap: 0.6em; margin-top: auto; padding-top: 1em; }

.cv-btn--copiar { flex: 0 0 auto; }

.cv-btn--zap { flex: 1 1 0%; background: rgb(18, 160, 90); border-color: rgb(18, 160, 90); color: rgb(255, 255, 255); }

.cv-btn--zap svg { fill: currentcolor; }

.cv-rot--codigo { margin-top: 1.6em; }

.cv-codigo { margin: 0.55em 0px 0px; font-size: 1.32em; font-weight: 600; line-height: 1.25; letter-spacing: 0.08em; color: var(--exp-tinta); }

.cv-zap-topo { flex: 0 0 auto; display: flex; align-items: center; gap: 0.6em; margin-bottom: 1.35em; }

.cv-zap-av { flex: 0 0 auto; width: 2.3em; height: 2.3em; border-radius: 50%; overflow: hidden; background: rgb(0, 0, 0); }

.cv-zap-av img { display: block; width: 100%; height: 100%; object-fit: cover; }

.cv-selo { width: 0.94em; height: 0.94em; margin-left: 0.24em; vertical-align: -0.1em; }

.cv-zap-id { min-width: 0px; display: flex; flex-direction: column; gap: 0.1em; }

.cv-zap-id b { font-size: 0.86em; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; white-space: nowrap; }

.cv-zap-id i { font-size: 0.7em; font-style: normal; font-weight: 300; line-height: 1.2; color: var(--exp-tinta-2); }

.cv-chat { flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; justify-content: flex-start; gap: 0.5em; }

.cv-fala { position: relative; flex: 0 0 auto; display: flex; }

.cv-fala--out { justify-content: flex-end; }

.cv-fala--in { justify-content: flex-start; }

.cv-chip { flex: 0 0 auto; align-self: center; max-width: 100%; margin-bottom: 0.1em; padding: 0.34em 0.8em; border-radius: 99px; background: var(--exp-branco); box-shadow: rgba(12, 12, 13, 0.08) 0px 0.07em 0.14em; font-size: 0.62em; font-weight: 500; line-height: 1.25; letter-spacing: 0.03em; color: var(--exp-tinta-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cv-balao { position: relative; max-width: 92%; padding: 0.42em 0.6em 0.4em; border-radius: 0.52em; box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em; color: rgb(17, 27, 33); --cv-pe: 2.7em; }

.cv-balao p { margin: 0px; font-size: 0.86em; font-weight: 400; line-height: 1.38; letter-spacing: -0.006em; }

.cv-balao p::after { content: ""; display: inline-block; width: var(--cv-pe); }

.cv-balao--out { background: rgb(216, 253, 210); border-top-right-radius: 0.12em; transform-origin: 100% 0px; --cv-pe: 3.9em; }

.cv-balao--in { background: rgb(255, 255, 255); border-top-left-radius: 0.12em; transform-origin: 0% 0px; }

.cv-dig { position: absolute; top: 0px; width: 3.1em; height: 1.75em; display: flex; align-items: center; justify-content: center; border-radius: 0.52em; box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em; opacity: 0; }

.cv-dig--out { right: 0px; background: rgb(216, 253, 210); border-top-right-radius: 0.12em; transform-origin: 100% 0px; }

.cv-dig--in { left: 0px; background: rgb(255, 255, 255); border-top-left-radius: 0.12em; transform-origin: 0% 0px; }

.cv-dig::after { content: ""; position: absolute; top: 0px; width: 0.46em; height: 0.58em; background-color: inherit; }

.cv-dig--in::after { left: -0.4em; clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.cv-dig--out::after { right: -0.4em; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.cv-dig i { width: 0.26em; height: 0.26em; border-radius: 50%; background: var(--exp-tinta-2); opacity: 0.34; }

.cv-dig i + i { margin-left: 0.23em; }

.cv-balao::after { content: ""; position: absolute; top: 0px; width: 0.46em; height: 0.58em; background-color: inherit; }

.cv-balao--in::after { left: -0.4em; clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.cv-balao--out::after { right: -0.4em; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.cv-quem { display: block; margin: 0px 0px 0.15em; font-size: 0.74em; font-weight: 600; line-height: 1.2; color: rgb(123, 69, 214); }

.cv-meta { position: absolute; right: 0.6em; bottom: 0.42em; display: flex; align-items: center; gap: 0.28em; font-size: 0.62em; font-weight: 400; line-height: 1; letter-spacing: 0px; color: rgba(11, 20, 26, 0.45); }

.cv-visto { width: 1.1em; height: 0.72em; flex: 0 0 auto; fill: none; stroke: rgb(83, 189, 235); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

@keyframes cvAto1 { 
  0% { opacity: 0; }
  0.875% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  3.375% { opacity: 1; }
  18.375% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  19.75% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes cvAto2 { 
  0% { opacity: 0; }
  19.25% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  21.75% { opacity: 1; }
  37.75% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  39.125% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes cvAto3 { 
  0% { opacity: 0; }
  38.625% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  41.125% { opacity: 1; }
  59.25% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  60.625% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes cvAto4 { 
  0% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  1.375% { opacity: 0; }
  60.125% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  62.625% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes cvFila { 
  0% { opacity: 0; transform: translateY(0.55em); }
  2.4375% { opacity: 0; transform: translateY(0.55em); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  6.3125% { opacity: 1; transform: none; }
  20.5% { opacity: 1; transform: none; }
  20.51% { opacity: 0; transform: translateY(0.55em); }
  100% { opacity: 0; transform: translateY(0.55em); }
}

@keyframes cvFilaAlvo { 
  0% { opacity: 0; transform: translateY(0.55em); background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
  2.4375% { opacity: 0; transform: translateY(0.55em); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  6.3125% { opacity: 1; transform: none; }
  14.625% { opacity: 1; transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  15.375% { opacity: 1; transform: translateY(0.14em) scale(0.94); background-color: rgb(242, 242, 244); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.02em 0.05em, rgba(12, 12, 13, 0.07) 0px 0.1em 0.26em, rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; }
  15.875% { opacity: 1; transform: translateY(0.14em) scale(0.94); background-color: rgb(242, 242, 244); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.02em 0.05em, rgba(12, 12, 13, 0.07) 0px 0.1em 0.26em, rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  17.125% { opacity: 1; transform: translateY(-0.02em) scale(1.012); background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.11) 0px 0.08em 0.16em, rgba(12, 12, 13, 0.1) 0px 0.62em 1.34em, rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  18.125% { opacity: 1; transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
  20.5% { opacity: 1; transform: none; }
  20.51% { opacity: 0; transform: translateY(0.55em); }
  100% { opacity: 0; transform: translateY(0.55em); background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
}

@keyframes cvToqueBotao { 
  0% { transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
  33.9375% { transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  34.6875% { transform: translateY(0.16em) scale(0.925); background-color: rgb(242, 242, 244); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.02em 0.05em, rgba(12, 12, 13, 0.07) 0px 0.1em 0.26em, rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; }
  35.1875% { transform: translateY(0.16em) scale(0.925); background-color: rgb(242, 242, 244); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.02em 0.05em, rgba(12, 12, 13, 0.07) 0px 0.1em 0.26em, rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  36.4375% { transform: translateY(-0.025em) scale(1.014); background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.11) 0px 0.08em 0.16em, rgba(12, 12, 13, 0.1) 0px 0.62em 1.34em, rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  37.4375% { transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
  100% { transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
}

@keyframes cvToqueZap { 
  0% { transform: none; background-color: rgb(18, 160, 90); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
  55.4375% { transform: none; background-color: rgb(18, 160, 90); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  56.1875% { transform: translateY(0.16em) scale(0.925); background-color: rgb(15, 122, 82); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.02em 0.05em, rgba(12, 12, 13, 0.07) 0px 0.1em 0.26em, rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; }
  56.6875% { transform: translateY(0.16em) scale(0.925); background-color: rgb(15, 122, 82); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.02em 0.05em, rgba(12, 12, 13, 0.07) 0px 0.1em 0.26em, rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  57.9375% { transform: translateY(-0.025em) scale(1.014); background-color: rgb(18, 160, 90); box-shadow: rgba(12, 12, 13, 0.11) 0px 0.08em 0.16em, rgba(12, 12, 13, 0.1) 0px 0.62em 1.34em, rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  58.9375% { transform: none; background-color: rgb(18, 160, 90); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
  100% { transform: none; background-color: rgb(18, 160, 90); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
}

@keyframes cvBalaoOut { 
  0% { opacity: 1; transform: none; }
  2% { opacity: 1; transform: none; }
  2.01% { opacity: 0; transform: scale(0.92); }
  66.5625% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  69.0625% { opacity: 1; transform: none; }
  100% { opacity: 1; transform: none; }
}

@keyframes cvBalaoIn { 
  0% { opacity: 1; transform: none; }
  2% { opacity: 1; transform: none; }
  2.01% { opacity: 0; transform: scale(0.92); }
  80.3125% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  83.125% { opacity: 1; transform: none; }
  100% { opacity: 1; transform: none; }
}

@keyframes cvChip { 
  0% { opacity: 1; transform: scale(1); }
  2% { opacity: 1; transform: scale(1); }
  2.01% { opacity: 0; transform: scale(0.9); }
  60.125% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.3, 1.42, 0.5, 1); }
  63.25% { opacity: 1; transform: scale(1); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes cvDigOut { 
  0% { opacity: 0; transform: scale(0.9); }
  60.9375% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  63.4375% { opacity: 1; transform: scale(1); }
  66.5625% { opacity: 1; transform: scale(1); }
  67.5625% { opacity: 0; transform: scale(1); }
  67.57% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cvDigIn { 
  0% { opacity: 0; transform: scale(0.9); }
  73.4375% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  75.9375% { opacity: 1; transform: scale(1); }
  80.3125% { opacity: 1; transform: scale(1); }
  81.3125% { opacity: 0; transform: scale(1); }
  81.32% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cvPonto { 
  0%, 100% { opacity: 0.34; transform: translateY(0px); }
  45% { opacity: 1; transform: translateY(-0.16em); }
}

.exp-vao .cv-ato { pointer-events: none; }

.exp-vao .is-vez { position: relative; cursor: pointer; pointer-events: auto; }

.cv-peca[data-ato="2"] .cv-ato--gente .cv-fechar, .cv-peca[data-ato="3"] .cv-ato--codigo .cv-fechar { cursor: pointer; pointer-events: auto; }

.cv-ato--menu { opacity: 1; }

.exp-card.is-vivo .cv-ato--menu { animation: 16s linear 0s infinite normal none running cvAto1; }

.exp-card.is-vivo .cv-ato--gente { animation: 16s linear 0s infinite normal none running cvAto2; }

.exp-card.is-vivo .cv-ato--codigo { animation: 16s linear 0s infinite normal none running cvAto3; }

.exp-card.is-vivo .cv-ato--zap { animation: 16s linear 0s infinite normal none running cvAto4; }

.exp-card.is-vivo .cv-fila { animation-duration: 16s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: cvFila; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i) * 70ms); }

.exp-card.is-vivo .cv-fila--alvo { animation: 16s linear 0ms infinite normal none running cvFilaAlvo; }

.exp-card.is-vivo .cv-btn--largo { animation: 16s linear 0s infinite normal none running cvToqueBotao; }

.exp-card.is-vivo .cv-btn--zap { animation: 16s linear 0s infinite normal none running cvToqueZap; }

.exp-card.is-vivo .cv-chip { animation: 16s linear 0s infinite normal none running cvChip; }

.exp-card.is-vivo .cv-balao--out { animation: 16s linear 0s infinite normal none running cvBalaoOut; }

.exp-card.is-vivo .cv-balao--in { animation: 16s linear 0s infinite normal none running cvBalaoIn; }

.exp-card.is-vivo .cv-dig--out { animation: 16s linear 0s infinite normal none running cvDigOut; }

.exp-card.is-vivo .cv-dig--in { animation: 16s linear 0s infinite normal none running cvDigIn; }

.exp-card.is-vivo .cv-dig i { animation: 0.96s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running cvPonto; }

.exp-card.is-vivo .cv-dig i:nth-child(2) { animation-delay: 0.14s; }

.exp-card.is-vivo .cv-dig i:nth-child(3) { animation-delay: 0.28s; }

.exp-card.is-parado .cv-dig i { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .exp-card.is-vivo .cv-ato, .exp-card.is-vivo .cv-fila, .exp-card.is-vivo .cv-btn, .exp-card.is-vivo .cv-chip, .exp-card.is-vivo .cv-balao, .exp-card.is-vivo .cv-dig, .exp-card.is-vivo .cv-dig i { animation: auto ease 0s 1 normal none running none; }
  .cv-peca[data-ato] .cv-ato { opacity: 0; }
  .cv-peca[data-ato="1"] .cv-ato--menu, .cv-peca[data-ato="2"] .cv-ato--gente, .cv-peca[data-ato="3"] .cv-ato--codigo, .cv-peca[data-ato="4"] .cv-ato--zap { opacity: 1; }
  .exp-card .cv-fila { opacity: 1; transform: none; }
  .exp-card .cv-balao { opacity: 1; transform: none; }
  .exp-card .cv-dig { opacity: 0; }
}

.cv-ato--desvio { z-index: 2; position: absolute; inset: 1em 0px 0px; padding: 0px; background: var(--exp-branco); border-radius: 1.1em 1.1em 0px 0px; box-shadow: rgba(12, 12, 13, 0) 0px 0px 0px; opacity: 1; transform: translateY(100%); transition: transform 0.26s cubic-bezier(0.5, 0, 0.9, 0.35), box-shadow 0.22s linear; }

.cv-peca[data-desvio="convites"] .cv-ato--convites, .cv-peca[data-desvio="contador"] .cv-ato--contador { opacity: 1; transform: translateY(0px); box-shadow: rgba(12, 12, 13, 0.14) 0px -0.3em 1.25em; transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.18s linear; pointer-events: auto; }

.cv-puxador { flex: 0 0 auto; width: 2.4em; height: 0.26em; margin: 0.6em auto 0.75em; border-radius: 99px; background: rgba(12, 12, 13, 0.13); }

.cv-ato--desvio .cv-folha-topo { padding: 0px 0.9em 0.75em; }

.cv-fechar--vez { cursor: pointer; }

.cv-lista-vao { position: relative; flex: 1 1 0%; min-height: 0px; overflow: hidden; }

.cv-lista-vao::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 1.5em; pointer-events: none; background: linear-gradient(rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.86) 58%, rgb(255, 255, 255) 100%); }

.cv-lista { list-style: none; margin: 0px; padding: 0px 0.9em; }

.cv-conv { display: flex; align-items: center; gap: 0.6em; padding: 0.62em 0px; border-bottom: 1px solid var(--exp-fio); overflow: hidden; }

.cv-conv-ponto { flex: 0 0 auto; width: 0.62em; height: 0.62em; border-radius: 50%; border: 1px solid rgba(12, 12, 13, 0.2); }

.cv-conv-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 0.12em; }

.cv-conv-cod { font-size: 0.76em; font-weight: 600; line-height: 1.2; letter-spacing: 0.045em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cv-conv-meta { font-size: 0.53em; font-style: normal; font-weight: 400; line-height: 1.3; letter-spacing: 0.07em; text-transform: uppercase; color: var(--exp-tinta-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cv-conv-acoes { flex: 0 0 auto; display: flex; gap: 0.4em; }

.cv-mini { flex: 0 0 auto; width: 1.75em; height: 1.75em; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--exp-fio); background: var(--exp-branco); color: var(--exp-tinta-2); cursor: pointer; transition: background-color 0.16s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.16s cubic-bezier(0.4, 0, 0.2, 1), color 0.16s cubic-bezier(0.4, 0, 0.2, 1), transform 0.16s cubic-bezier(0.4, 0, 0.2, 1); }

.cv-mini svg { grid-area: 1 / 1; width: 0.82em; height: 0.82em; display: block; }

.cv-mini-v { opacity: 0; }

.cv-mini--apagar { color: rgb(229, 72, 77); }

.cv-mini:active { transform: scale(0.9); }

.cv-conv.is-copiado .cv-mini--copiar { border-color: rgb(18, 160, 90); background: rgb(18, 160, 90); color: rgb(255, 255, 255); }

.cv-conv.is-copiado .cv-mini-i { opacity: 0; }

.cv-conv.is-copiado .cv-mini-v { opacity: 1; }

.cv-conv.is-saindo { opacity: 0; transform: translateX(0.9em); border-bottom-color: transparent; transition: height 0.26s cubic-bezier(0.5, 0, 0.9, 0.35), padding 0.26s cubic-bezier(0.5, 0, 0.9, 0.35), opacity 0.16s linear, transform 0.26s cubic-bezier(0.5, 0, 0.9, 0.35); }

.exp-vao .cv-fila--convites { cursor: pointer; pointer-events: auto; }

@media (prefers-reduced-motion: reduce) {
  .cv-ato--desvio, .cv-peca[data-desvio="convites"] .cv-ato--convites, .cv-peca[data-desvio="contador"] .cv-ato--contador, .cv-mini, .cv-ct-seta, .cv-conv.is-saindo { transition: none; }
}

.cv-ct-corpo { flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; padding: 0px 0.9em 1.3em; }

.cv-ponto--vazio { background: transparent; box-shadow: rgba(12, 12, 13, 0.22) 0px 0px 0px 1px inset; }

.cv-ct-estado { flex: 0 0 auto; display: flex; align-items: center; gap: 0.75em; padding: 0.85em 0px 0.1em; }

.cv-ct-mes { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 0.6em; margin-top: 1em; }

.cv-ct-rot { flex: 0 0 auto; font-size: 0.66em; font-weight: 500; line-height: 1.2; letter-spacing: 0.1em; text-transform: uppercase; color: var(--exp-tinta-2); }

.cv-ct-nav { flex: 0 0 auto; display: flex; align-items: center; gap: 0.5em; }

.cv-ct-nome { font-size: 0.86em; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; }

.cv-ct-seta { flex: 0 0 auto; width: 1.7em; height: 1.7em; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--exp-fio); font-size: 0.9em; font-weight: 300; line-height: 1; color: var(--exp-tinta-2); cursor: pointer; transition: transform 0.16s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.16s cubic-bezier(0.4, 0, 0.2, 1); }

.cv-ct-seta:active { transform: scale(0.88); }

.cv-ct-seta.is-off { opacity: 0.32; cursor: default; pointer-events: none; }

.cv-ct-lista { flex: 0 0 auto; list-style: none; margin: 0.5em 0px 0px; padding: 0px; }

.cv-ct-lista li { display: flex; align-items: baseline; justify-content: space-between; gap: 0.8em; padding: 0.42em 0px; border-bottom: 1px solid var(--exp-fio); font-size: 0.72em; font-weight: 300; line-height: 1.3; color: var(--exp-tinta-2); }

.cv-ct-lista li:last-child { border-bottom: 0px; }

.cv-ct-lista b { flex: 0 0 auto; font-weight: 600; color: var(--exp-tinta); }

.cv-ct-pe { margin-top: auto; padding-top: 0.5em; display: grid; place-items: stretch; }

.cv-ct-pe > * { grid-area: 1 / 1; }

.cv-ct-btn { width: 100%; cursor: pointer; transition: opacity 0.18s linear, transform 0.16s cubic-bezier(0.4, 0, 0.2, 1); }

.cv-ct-btn:active { transform: scale(0.975); }

.cv-ct-feito { display: flex; flex-direction: column; justify-content: center; gap: 0.2em; opacity: 0; pointer-events: none; transition: opacity 0.22s cubic-bezier(0.22, 1, 0.36, 1) 0.08s; }

.cv-ct-cod { font-size: 0.86em; font-weight: 600; line-height: 1.2; letter-spacing: 0.07em; color: var(--exp-tinta); }

.cv-ct-nota { font-size: 0.58em; font-style: normal; font-weight: 300; line-height: 1.35; color: var(--exp-tinta-2); }

.cv-ato--contador.is-gerado .cv-ct-btn { opacity: 0; pointer-events: none; }

.cv-ato--contador.is-gerado .cv-ct-feito { opacity: 1; }

.cv-conv.is-nova { animation: 0.42s cubic-bezier(0.22, 1, 0.36, 1) 0s 1 normal both running cvConvNasce; }

.cv-conv.is-nova .cv-conv-ponto { border-color: rgb(18, 160, 90); background: rgb(18, 160, 90); }

@keyframes cvConvNasce { 
  0% { opacity: 0; transform: translateY(-0.5em); }
  100% { opacity: 1; transform: none; }
}

.exp-vao .cv-fila--contador { cursor: pointer; pointer-events: auto; }

@media (max-width: 960px) {
  .exp-vao--convite { flex: 1 0 auto; height: 350px; }
  .cv-peca { max-width: 440px; margin: 0px auto; }
}

.exp-vao--cobranca { flex: 1 1 0px; min-height: 0px; container-type: size; overflow: hidden; display: flex; align-items: stretch; margin: 0px 0px 24px; }

.cb-palco { position: relative; width: 22em; max-width: 100%; margin: 0px auto; height: 100%; --cb-teto: 24px; font-size: min(calc(100cqw / 22),calc((100cqh - var(--cb-teto)) / 18.1),18px); font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; text-align: left; color: var(--exp-tinta); }

@container (max-width: 504px) {
  .cb-palco { --cb-teto: 110px; }
}

@container (max-width: 320px) {
  .cb-palco { --cb-teto: 86px; }
}

.cb-palco *, .cb-palco ::before, .cb-palco ::after { box-sizing: border-box; }

.cb-cena { position: absolute; inset: 0px; display: flex; flex-direction: column; justify-content: center; gap: 1em; padding: 0px 0.55em 0.08em; min-width: 0px; }

.cb-fala--segue { margin-top: -0.4em; }

.cb-chip { flex: 0 0 auto; align-self: center; max-width: 100%; padding: 0.34em 0.8em; border-radius: 99px; background: var(--exp-branco); box-shadow: rgba(12, 12, 13, 0.11) 0px 0.06em 0.05em; font-size: 0.62em; font-weight: 500; line-height: 1.25; letter-spacing: 0.03em; color: var(--exp-tinta-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cb-fala { position: relative; flex: 0 0 auto; display: flex; }

.cb-fala--out { justify-content: flex-end; }

.cb-fala--in { justify-content: flex-start; }

.cb-balao { position: relative; flex: 0 0 auto; max-width: 92%; padding: 0.42em 0.6em 0.4em; border-radius: 0.6em; color: rgb(17, 27, 33); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.06em 0.05em, rgba(12, 12, 13, 0.06) 0px 0.15em 0.3em; --cb-pe: 2.7em; }

.cb-balao p { margin: 0px; font-size: 0.86em; font-weight: 400; line-height: 1.38; letter-spacing: -0.006em; }

.cb-balao p::after { content: ""; display: inline-block; width: var(--cb-pe); }

.cb-balao--out { background: rgb(216, 253, 210); border-top-right-radius: 0px; transform-origin: 100% 0px; --cb-pe: 3.9em; }

.cb-balao--in { background: var(--exp-branco); border-top-left-radius: 0px; transform-origin: 0% 0px; }

.cb-balao--out.cb-balao--segue, .cb-dig--out.cb-dig--segue { border-top-right-radius: 0.6em; }

.cb-balao--in.cb-balao--segue, .cb-dig--in.cb-dig--segue { border-top-left-radius: 0.6em; }

.cb-balao--segue::after, .cb-dig--segue::after { display: none; }

.cb-balao--link { --cb-pe: 0em; }

.cb-balao--out.cb-balao--link { --cb-pe-link: 3.35em; }

.cb-balao--in.cb-balao--link { --cb-pe-link: 2.25em; }

.cb-link { display: flex; align-items: center; gap: 0.36em; margin-top: 0.23em; padding-right: var(--cb-pe-link,3.35em); overflow: hidden; }

.cb-glifo { width: 1.02em; height: 0.67em; flex: 0 0 auto; fill: none; stroke: rgb(44, 107, 166); stroke-width: 1.3; stroke-linejoin: round; stroke-linecap: round; }

.cb-url { font-size: 0.86em; font-weight: 400; line-height: 1.15; letter-spacing: -0.008em; color: rgb(44, 107, 166); white-space: nowrap; }

.cb-balao::after { content: ""; position: absolute; top: 0px; width: 0.44em; height: 0.7em; background-color: inherit; }

.cb-balao--in::after { left: -0.42em; clip-path: polygon(100% 0px, 100% 100%, 0px 0px); }

.cb-balao--out::after { right: -0.42em; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.cb-quem { display: block; margin: 0px 0px 0.1em; font-size: 0.72em; font-weight: 600; line-height: 1.2; color: rgb(15, 122, 82); }

.cb-meta { position: absolute; right: 0.6em; bottom: 0.42em; display: flex; align-items: center; gap: 0.28em; font-size: 0.66em; font-weight: 400; line-height: 1; letter-spacing: 0px; color: rgba(11, 20, 26, 0.45); }

.cb-visto { width: 1.1em; height: 0.72em; flex: 0 0 auto; fill: none; stroke: rgb(83, 189, 235); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.cb-balao--doc { width: 11.4em; padding-bottom: 1.15em; }

.cb-arq { display: flex; align-items: center; gap: 0.5em; padding: 0.42em 0.54em; border-radius: 0.5em; background: rgba(255, 255, 255, 0.55); }

.cb-folha { width: 1.5em; height: 1.85em; flex: 0 0 auto; fill: none; stroke: rgba(11, 20, 26, 0.5); stroke-width: 0.85; stroke-linejoin: round; }

.cb-arq-col { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; }

.cb-arq-t { font-size: 0.68em; font-weight: 400; line-height: 1.24; letter-spacing: -0.004em; color: rgb(17, 27, 33); overflow-wrap: break-word; }

.cb-arq-d { margin-top: 0.12em; font-size: 0.6em; font-weight: 400; line-height: 1.2; color: rgba(11, 20, 26, 0.45); white-space: nowrap; }

.cb-dig { position: absolute; top: 0px; width: 3.1em; height: 1.75em; display: flex; align-items: center; justify-content: center; border-radius: 0.6em; box-shadow: rgba(12, 12, 13, 0.14) 0px 0.06em 0.05em, rgba(12, 12, 13, 0.06) 0px 0.15em 0.3em; opacity: 0; }

.cb-dig--out { right: 0px; background: rgb(216, 253, 210); border-top-right-radius: 0px; transform-origin: 100% 0px; }

.cb-dig--in { left: 0px; background: var(--exp-branco); border-top-left-radius: 0px; transform-origin: 0% 0px; }

.cb-dig::after { content: ""; position: absolute; top: 0px; width: 0.44em; height: 0.7em; background-color: inherit; }

.cb-dig--in::after { left: -0.42em; clip-path: polygon(100% 0px, 100% 100%, 0px 0px); }

.cb-dig--out::after { right: -0.42em; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.cb-dig i { width: 0.26em; height: 0.26em; border-radius: 50%; background: var(--exp-tinta-2); opacity: 0.34; }

.cb-dig i + i { margin-left: 0.23em; }

.cb-cena--carga { justify-content: center; align-items: center; text-align: center; }

.cb-carga { display: flex; flex-direction: column; align-items: center; gap: 0.62em; opacity: 0; transform: scale(0.9); }

.cb-anel { display: block; width: 1.7em; height: 1.7em; }

.cb-anel-trilho { fill: none; stroke: rgba(12, 12, 13, 0.12); stroke-width: 1.7; }

.cb-anel-arco { fill: none; stroke: rgba(12, 12, 13, 0.42); stroke-width: 1.7; stroke-linecap: round; stroke-dasharray: 15, 42.8; }

.cb-carga-t { font-size: 0.62em; font-weight: 500; line-height: 1.25; letter-spacing: 0.03em; color: var(--exp-tinta-2); white-space: nowrap; }

@keyframes cbCenaA { 
  0% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  1.494% { opacity: 1; }
  26.494% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  27.987% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes cbCenaB { 
  0% { opacity: 0; }
  36.714% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  38.208% { opacity: 1; }
  71.934% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  73.428% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes cbCenaC { 
  0% { opacity: 0; }
  80.582% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  82.075% { opacity: 1; }
  98.349% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  99.843% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes cbEntraA1 { 
  0% { opacity: 0; transform: scale(0.92); }
  6.093% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  7.744% { opacity: 1; transform: scale(1); }
  27.987% { opacity: 1; transform: scale(1); }
  28.066% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes cbEntraA2 { 
  0% { opacity: 0; transform: scale(0.92); }
  15.802% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  17.453% { opacity: 1; transform: scale(1); }
  27.987% { opacity: 1; transform: scale(1); }
  28.066% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes cbEntraB1 { 
  0% { opacity: 0; transform: scale(0.92); }
  41.824% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  43.475% { opacity: 1; transform: scale(1); }
  73.428% { opacity: 1; transform: scale(1); }
  73.506% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes cbEntraB2 { 
  0% { opacity: 0; transform: scale(0.92); }
  49.175% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  50.825% { opacity: 1; transform: scale(1); }
  73.428% { opacity: 1; transform: scale(1); }
  73.506% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes cbEntraB3 { 
  0% { opacity: 0; transform: scale(0.92); }
  58.097% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  59.748% { opacity: 1; transform: scale(1); }
  73.428% { opacity: 1; transform: scale(1); }
  73.506% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes cbEntraC1 { 
  0% { opacity: 0; transform: scale(0.92); }
  86.871% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  88.522% { opacity: 1; transform: scale(1); }
  99.843% { opacity: 1; transform: scale(1); }
  99.921% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes cbCargaL1 { 
  0% { opacity: 0; transform: scale(0.9); }
  28.145% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.3, 1.42, 0.5, 1); }
  29.481% { opacity: 1; transform: scale(1); }
  35.377% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  36.557% { opacity: 0; transform: scale(1); }
  36.635% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cbCargaL2 { 
  0% { opacity: 0; transform: scale(0.9); }
  73.585% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.3, 1.42, 0.5, 1); }
  74.921% { opacity: 1; transform: scale(1); }
  79.245% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  80.425% { opacity: 0; transform: scale(1); }
  80.503% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cbDigA1 { 
  0% { opacity: 0; transform: scale(0.9); }
  0.786% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  2.358% { opacity: 1; transform: scale(1); }
  6.093% { opacity: 1; transform: scale(1); }
  6.722% { opacity: 0; transform: scale(1); }
  6.8% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cbDigA2 { 
  0% { opacity: 0; transform: scale(0.9); }
  9.906% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  11.478% { opacity: 1; transform: scale(1); }
  15.802% { opacity: 1; transform: scale(1); }
  16.431% { opacity: 0; transform: scale(1); }
  16.509% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cbDigB1 { 
  0% { opacity: 0; transform: scale(0.9); }
  36.714% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  38.286% { opacity: 1; transform: scale(1); }
  41.824% { opacity: 1; transform: scale(1); }
  42.453% { opacity: 0; transform: scale(1); }
  42.531% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cbDigB2 { 
  0% { opacity: 0; transform: scale(0.9); }
  45.44% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  47.013% { opacity: 1; transform: scale(1); }
  49.175% { opacity: 1; transform: scale(1); }
  49.803% { opacity: 0; transform: scale(1); }
  49.882% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cbDigB3 { 
  0% { opacity: 0; transform: scale(0.9); }
  53.577% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  55.149% { opacity: 1; transform: scale(1); }
  58.097% { opacity: 1; transform: scale(1); }
  58.726% { opacity: 0; transform: scale(1); }
  58.805% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cbDigC1 { 
  0% { opacity: 0; transform: scale(0.9); }
  81.368% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  82.94% { opacity: 1; transform: scale(1); }
  86.871% { opacity: 1; transform: scale(1); }
  87.5% { opacity: 0; transform: scale(1); }
  87.579% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes cbPonto { 
  0%, 100% { opacity: 0.34; transform: translateY(0px); }
  45% { opacity: 1; transform: translateY(-0.16em); }
}

@keyframes cbGira { 
  100% { transform: rotate(360deg); }
}

.cb-cena { opacity: 0; }

.cb-cena--joao { opacity: 1; }

.cb-cena--carga { opacity: 1; }

.exp-card.is-vivo .cb-cena--pedido { animation: 23.35s linear 0s infinite normal none running cbCenaA; }

.exp-card.is-vivo .cb-cena--joao { animation: 23.35s linear 0s infinite normal none running cbCenaB; }

.exp-card.is-vivo .cb-cena--volta { animation: 23.35s linear 0s infinite normal none running cbCenaC; }

.exp-card.is-vivo .cb-ent--a1 { animation: 23.35s linear 0s infinite normal none running cbEntraA1; }

.exp-card.is-vivo .cb-ent--a2 { animation: 23.35s linear 0s infinite normal none running cbEntraA2; }

.exp-card.is-vivo .cb-ent--b1 { animation: 23.35s linear 0s infinite normal none running cbEntraB1; }

.exp-card.is-vivo .cb-ent--b2 { animation: 23.35s linear 0s infinite normal none running cbEntraB2; }

.exp-card.is-vivo .cb-ent--b3 { animation: 23.35s linear 0s infinite normal none running cbEntraB3; }

.exp-card.is-vivo .cb-ent--c1 { animation: 23.35s linear 0s infinite normal none running cbEntraC1; }

.exp-card.is-vivo .cb-ent--l1 { animation: 23.35s linear 0s infinite normal none running cbCargaL1; }

.exp-card.is-vivo .cb-ent--l2 { animation: 23.35s linear 0s infinite normal none running cbCargaL2; }

.exp-card.is-vivo .cb-dig--a1 { animation: 23.35s linear 0s infinite normal none running cbDigA1; }

.exp-card.is-vivo .cb-dig--a2 { animation: 23.35s linear 0s infinite normal none running cbDigA2; }

.exp-card.is-vivo .cb-dig--b1 { animation: 23.35s linear 0s infinite normal none running cbDigB1; }

.exp-card.is-vivo .cb-dig--b2 { animation: 23.35s linear 0s infinite normal none running cbDigB2; }

.exp-card.is-vivo .cb-dig--b3 { animation: 23.35s linear 0s infinite normal none running cbDigB3; }

.exp-card.is-vivo .cb-dig--c1 { animation: 23.35s linear 0s infinite normal none running cbDigC1; }

.exp-card.is-vivo .cb-dig i { animation: 0.96s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running cbPonto; }

.exp-card.is-vivo .cb-dig i:nth-child(2) { animation-delay: 0.14s; }

.exp-card.is-vivo .cb-dig i:nth-child(3) { animation-delay: 0.28s; }

.exp-card.is-vivo .cb-anel { animation: 0.9s linear 0s infinite normal none running cbGira; }

.exp-card.is-parado .cb-cena, .exp-card.is-parado .cb-balao, .exp-card.is-parado .cb-dig, .exp-card.is-parado .cb-dig i, .exp-card.is-parado .cb-carga, .exp-card.is-parado .cb-anel { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .exp-card.is-vivo .cb-cena, .exp-card.is-vivo .cb-balao, .exp-card.is-vivo .cb-dig, .exp-card.is-vivo .cb-dig i, .exp-card.is-vivo .cb-carga, .exp-card.is-vivo .cb-anel { animation: auto ease 0s 1 normal none running none; }
  .exp-card .cb-cena { opacity: 0; }
  .exp-card .cb-cena--joao { opacity: 1; }
  .exp-card .cb-cena--joao .cb-balao { opacity: 1; transform: none; }
  .exp-card .cb-dig { opacity: 0; }
  .exp-card .cb-carga { opacity: 0; }
}

@media (max-width: 960px) {
  .exp-vao--cobranca { flex: 1 0 auto; height: 390px; align-items: stretch; }
  .cb-palco { max-width: 440px; }
}

.exp-vao--docs { flex: 1 1 0px; min-height: 0px; container-type: size; overflow: hidden; display: flex; align-items: stretch; margin: 0px 0px 24px; }

.dc-palco { position: relative; width: 22em; max-width: 100%; margin: 0px auto; height: 100%; --dc-teto: 24px; font-size: min(calc(100cqw / 22),calc((100cqh - var(--dc-teto)) / 18.1),18px); font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; text-align: left; color: var(--exp-tinta); }

@container (max-width: 504px) {
  .dc-palco { --dc-teto: 110px; }
}

@container (max-width: 320px) {
  .dc-palco { --dc-teto: 86px; }
}

.dc-palco *, .dc-palco ::before, .dc-palco ::after { box-sizing: border-box; }

.dc-cena { position: absolute; inset: 0px; display: flex; flex-direction: column; justify-content: center; gap: 1em; padding: 0px 0.55em 0.08em; min-width: 0px; }

.dc-chip { flex: 0 0 auto; align-self: center; max-width: 100%; padding: 0.34em 0.8em; border-radius: 99px; background: var(--exp-branco); box-shadow: rgba(12, 12, 13, 0.11) 0px 0.06em 0.05em; font-size: 0.62em; font-weight: 500; line-height: 1.25; letter-spacing: 0.03em; color: var(--exp-tinta-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dc-fala { position: relative; flex: 0 0 auto; display: flex; }

.dc-fala--out { justify-content: flex-end; }

.dc-fala--in { justify-content: flex-start; }

.dc-balao { position: relative; flex: 0 0 auto; max-width: 92%; padding: 0.42em 0.6em 0.4em; border-radius: 0.6em; color: rgb(17, 27, 33); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.06em 0.05em, rgba(12, 12, 13, 0.06) 0px 0.15em 0.3em; --dc-pe: 2.7em; }

.dc-balao p { margin: 0px; font-size: 0.86em; font-weight: 400; line-height: 1.38; letter-spacing: -0.006em; }

.dc-balao p::after { content: ""; display: inline-block; width: var(--dc-pe); }

.dc-balao--out { background: rgb(216, 253, 210); border-top-right-radius: 0px; transform-origin: 100% 0px; --dc-pe: 3.9em; }

.dc-balao--in { background: var(--exp-branco); border-top-left-radius: 0px; transform-origin: 0% 0px; }

.dc-balao::after { content: ""; position: absolute; top: 0px; width: 0.44em; height: 0.7em; background-color: inherit; }

.dc-balao--in::after { left: -0.42em; clip-path: polygon(100% 0px, 100% 100%, 0px 0px); }

.dc-balao--out::after { right: -0.42em; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.dc-quem { display: block; margin: 0px 0px 0.1em; font-size: 0.72em; font-weight: 600; line-height: 1.2; color: rgb(201, 112, 47); }

.dc-meta { position: absolute; right: 0.6em; bottom: 0.42em; display: flex; align-items: center; gap: 0.28em; font-size: 0.66em; font-weight: 400; line-height: 1; letter-spacing: 0px; color: rgba(11, 20, 26, 0.45); }

.dc-visto { width: 1.1em; height: 0.72em; flex: 0 0 auto; fill: none; stroke: rgb(83, 189, 235); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.dc-arq { display: flex; align-items: center; gap: 0.42em; margin: 0px 0px 0.3em; padding: 0.4em 0.52em; border-radius: 0.5em; background: rgba(255, 255, 255, 0.55); }

.dc-balao--in .dc-arq { background: rgba(12, 12, 13, 0.05); }

.dc-folha { width: 0.95em; height: 1.17em; flex: 0 0 auto; fill: none; stroke: rgba(11, 20, 26, 0.5); stroke-width: 1.2; stroke-linejoin: round; }

.dc-arq-t { flex: 1 1 0%; min-width: 0px; font-size: 0.68em; font-weight: 400; line-height: 1.2; letter-spacing: -0.004em; color: rgb(17, 27, 33); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dc-arq-d { flex: 0 0 auto; font-size: 0.6em; font-weight: 400; line-height: 1.2; color: rgba(11, 20, 26, 0.45); white-space: nowrap; }

.dc-balao--doc { width: 13.6em; }

.dc-balao--nu { padding-bottom: 1.15em; }

.dc-balao--nu .dc-arq { margin-bottom: 0px; }

.dc-dig { position: absolute; top: 0px; width: 3.1em; height: 1.75em; display: flex; align-items: center; justify-content: center; border-radius: 0.6em; box-shadow: rgba(12, 12, 13, 0.14) 0px 0.06em 0.05em, rgba(12, 12, 13, 0.06) 0px 0.15em 0.3em; opacity: 0; }

.dc-dig--out { right: 0px; background: rgb(216, 253, 210); border-top-right-radius: 0px; transform-origin: 100% 0px; }

.dc-dig--in { left: 0px; background: var(--exp-branco); border-top-left-radius: 0px; transform-origin: 0% 0px; }

.dc-dig::after { content: ""; position: absolute; top: 0px; width: 0.44em; height: 0.7em; background-color: inherit; }

.dc-dig--in::after { left: -0.42em; clip-path: polygon(100% 0px, 100% 100%, 0px 0px); }

.dc-dig--out::after { right: -0.42em; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.dc-dig i { width: 0.26em; height: 0.26em; border-radius: 50%; background: var(--exp-tinta-2); opacity: 0.34; }

.dc-dig i + i { margin-left: 0.23em; }

.dc-cena--tempo { justify-content: center; align-items: center; }

.dc-passa { display: flex; flex-direction: column; align-items: center; gap: 0.62em; opacity: 0; }

.dc-dia { opacity: 0; transform: translateY(0.9em); }

.dc-dia--1 { opacity: 1; transform: translateY(0px); }

@keyframes dcCenaA { 
  0% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  2.1312% { opacity: 1; }
  36.3993% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  38.5306% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes dcCenaB { 
  0% { opacity: 0; }
  57.9921% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  60.1234% { opacity: 1; }
  97.7566% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  99.899% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes dcEntraA1 { 
  0% { opacity: 0; transform: scale(0.92); }
  7.8519% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  10.2075% { opacity: 1; transform: scale(1); }
  38.5306% { opacity: 1; transform: scale(1); }
  38.6096% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes dcEntraA2 { 
  0% { opacity: 0; transform: scale(0.92); }
  19.742% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  22.0976% { opacity: 1; transform: scale(1); }
  38.5306% { opacity: 1; transform: scale(1); }
  38.6096% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes dcEntraB1 { 
  0% { opacity: 0; transform: scale(0.92); }
  67.5266% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  69.8822% { opacity: 1; transform: scale(1); }
  99.899% { opacity: 1; transform: scale(1); }
  99.978% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes dcEntraC1 { 
  0% { opacity: 0; transform: scale(0.92); }
  80.258% { opacity: 0; transform: scale(0.92); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  82.6136% { opacity: 1; transform: scale(1); }
  99.899% { opacity: 1; transform: scale(1); }
  99.978% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 0; transform: scale(0.92); }
}

@keyframes dcPassa { 
  0% { opacity: 0; }
  38.7549% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  40.4375% { opacity: 1; }
  56.0852% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  57.7678% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes dcDia1 { 
  0% { opacity: 1; }
  41.2227% { opacity: 1; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  42.6809% { opacity: 0.72; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  44.3634% { opacity: 0.5; }
  57.8463% { opacity: 0.5; }
  57.9253% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes dcDia2 { 
  0% { opacity: 0; transform: translateY(0.9em); }
  39.8766% { opacity: 0; transform: translateY(0.9em); animation-timing-function: cubic-bezier(0.12, 0.72, 0.18, 1); }
  41.2227% { opacity: 1; transform: translateY(0px); }
  42.4565% { opacity: 1; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  43.9148% { opacity: 0.72; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  45.5973% { opacity: 0.5; }
  57.8463% { opacity: 0.5; transform: translateY(0px); }
  57.9253% { opacity: 0; transform: translateY(0.9em); }
  100% { opacity: 0; transform: translateY(0.9em); }
}

@keyframes dcDia3 { 
  0% { opacity: 0; transform: translateY(0.9em); }
  41.2227% { opacity: 0; transform: translateY(0.9em); animation-timing-function: cubic-bezier(0.12, 0.72, 0.18, 1); }
  42.4565% { opacity: 1; transform: translateY(0px); }
  43.4661% { opacity: 1; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  44.9243% { opacity: 0.72; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  46.6068% { opacity: 0.5; }
  57.8463% { opacity: 0.5; transform: translateY(0px); }
  57.9253% { opacity: 0; transform: translateY(0.9em); }
  100% { opacity: 0; transform: translateY(0.9em); }
}

@keyframes dcDia4 { 
  0% { opacity: 0; transform: translateY(0.9em); }
  42.3444% { opacity: 0; transform: translateY(0.9em); animation-timing-function: cubic-bezier(0.12, 0.72, 0.18, 1); }
  43.4661% { opacity: 1; transform: translateY(0px); }
  44.3634% { opacity: 1; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  45.8216% { opacity: 0.72; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  47.5042% { opacity: 0.5; }
  57.8463% { opacity: 0.5; transform: translateY(0px); }
  57.9253% { opacity: 0; transform: translateY(0.9em); }
  100% { opacity: 0; transform: translateY(0.9em); }
}

@keyframes dcDia5 { 
  0% { opacity: 0; transform: translateY(0.9em); }
  43.3539% { opacity: 0; transform: translateY(0.9em); animation-timing-function: cubic-bezier(0.12, 0.72, 0.18, 1); }
  44.3634% { opacity: 1; transform: translateY(0px); }
  45.2608% { opacity: 1; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  46.719% { opacity: 0.72; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  48.4016% { opacity: 0.5; }
  57.8463% { opacity: 0.5; transform: translateY(0px); }
  57.9253% { opacity: 0; transform: translateY(0.9em); }
  100% { opacity: 0; transform: translateY(0.9em); }
}

@keyframes dcDia6 { 
  0% { opacity: 0; transform: translateY(0.9em); }
  44.2513% { opacity: 0; transform: translateY(0.9em); animation-timing-function: cubic-bezier(0.12, 0.72, 0.18, 1); }
  45.2608% { opacity: 1; transform: translateY(0px); }
  46.2703% { opacity: 1; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  47.7285% { opacity: 0.72; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  49.4111% { opacity: 0.5; }
  57.8463% { opacity: 0.5; transform: translateY(0px); }
  57.9253% { opacity: 0; transform: translateY(0.9em); }
  100% { opacity: 0; transform: translateY(0.9em); }
}

@keyframes dcDia7 { 
  0% { opacity: 0; transform: translateY(0.9em); }
  45.1486% { opacity: 0; transform: translateY(0.9em); animation-timing-function: cubic-bezier(0.12, 0.72, 0.18, 1); }
  46.2703% { opacity: 1; transform: translateY(0px); }
  47.6164% { opacity: 1; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  49.0746% { opacity: 0.72; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  50.7572% { opacity: 0.5; }
  57.8463% { opacity: 0.5; transform: translateY(0px); }
  57.9253% { opacity: 0; transform: translateY(0.9em); }
  100% { opacity: 0; transform: translateY(0.9em); }
}

@keyframes dcDia8 { 
  0% { opacity: 0; transform: translateY(0.9em); }
  46.2703% { opacity: 0; transform: translateY(0.9em); animation-timing-function: cubic-bezier(0.12, 0.72, 0.18, 1); }
  47.6164% { opacity: 1; transform: translateY(0px); }
  49.4111% { opacity: 1; animation-timing-function: cubic-bezier(0.34, 0.28, 0.18, 1); }
  50.9815% { opacity: 0.72; }
  57.8463% { opacity: 0.72; transform: translateY(0px); }
  57.9253% { opacity: 0; transform: translateY(0.9em); }
  100% { opacity: 0; transform: translateY(0.9em); }
}

@keyframes dcDia9 { 
  0% { opacity: 0; transform: translateY(0.9em); }
  47.7285% { opacity: 0; transform: translateY(0.9em); animation-timing-function: cubic-bezier(0.12, 0.72, 0.18, 1); }
  49.4111% { opacity: 1; transform: translateY(0px); }
  57.8463% { opacity: 1; transform: translateY(0px); }
  57.9253% { opacity: 0; transform: translateY(0.9em); }
  100% { opacity: 0; transform: translateY(0.9em); }
}

@keyframes dcDigA1 { 
  0% { opacity: 0; transform: scale(0.9); }
  1.1217% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  3.3651% { opacity: 1; transform: scale(1); }
  7.8519% { opacity: 1; transform: scale(1); }
  8.7493% { opacity: 0; transform: scale(1); }
  8.8283% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes dcDigA2 { 
  0% { opacity: 0; transform: scale(0.9); }
  13.2922% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  15.5356% { opacity: 1; transform: scale(1); }
  19.742% { opacity: 1; transform: scale(1); }
  20.6394% { opacity: 0; transform: scale(1); }
  20.7184% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes dcDigB1 { 
  0% { opacity: 0; transform: scale(0.9); }
  59.1139% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  61.3573% { opacity: 1; transform: scale(1); }
  67.5266% { opacity: 1; transform: scale(1); }
  68.424% { opacity: 0; transform: scale(1); }
  68.503% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes dcDigC1 { 
  0% { opacity: 0; transform: scale(0.9); }
  73.8082% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  76.0516% { opacity: 1; transform: scale(1); }
  80.258% { opacity: 1; transform: scale(1); }
  81.1554% { opacity: 0; transform: scale(1); }
  81.2344% { opacity: 0; transform: scale(0.9); }
  100% { opacity: 0; transform: scale(0.9); }
}

@keyframes dcPonto { 
  0%, 100% { opacity: 0.34; transform: translateY(0px); }
  45% { opacity: 1; transform: translateY(-0.16em); }
}

.dc-cena { opacity: 0; }

.dc-cena--acha { opacity: 1; }

.dc-cena--tempo { opacity: 1; }

.exp-card.is-vivo .dc-cena--manda { animation: 16.95s linear 0s infinite normal none running dcCenaA; }

.exp-card.is-vivo .dc-cena--acha { animation: 16.95s linear 0s infinite normal none running dcCenaB; }

.exp-card.is-vivo .dc-ent--a1 { animation: 16.95s linear 0s infinite normal none running dcEntraA1; }

.exp-card.is-vivo .dc-ent--a2 { animation: 16.95s linear 0s infinite normal none running dcEntraA2; }

.exp-card.is-vivo .dc-ent--b1 { animation: 16.95s linear 0s infinite normal none running dcEntraB1; }

.exp-card.is-vivo .dc-ent--c1 { animation: 16.95s linear 0s infinite normal none running dcEntraC1; }

.exp-card.is-vivo .dc-ent--t1 { animation: 16.95s linear 0s infinite normal none running dcPassa; }

.exp-card.is-vivo .dc-dia--1 { animation: 16.95s linear 0s infinite normal none running dcDia1; }

.exp-card.is-vivo .dc-dia--2 { animation: 16.95s linear 0s infinite normal none running dcDia2; }

.exp-card.is-vivo .dc-dia--3 { animation: 16.95s linear 0s infinite normal none running dcDia3; }

.exp-card.is-vivo .dc-dia--4 { animation: 16.95s linear 0s infinite normal none running dcDia4; }

.exp-card.is-vivo .dc-dia--5 { animation: 16.95s linear 0s infinite normal none running dcDia5; }

.exp-card.is-vivo .dc-dia--6 { animation: 16.95s linear 0s infinite normal none running dcDia6; }

.exp-card.is-vivo .dc-dia--7 { animation: 16.95s linear 0s infinite normal none running dcDia7; }

.exp-card.is-vivo .dc-dia--8 { animation: 16.95s linear 0s infinite normal none running dcDia8; }

.exp-card.is-vivo .dc-dia--9 { animation: 16.95s linear 0s infinite normal none running dcDia9; }

.exp-card.is-vivo .dc-dig--a1 { animation: 16.95s linear 0s infinite normal none running dcDigA1; }

.exp-card.is-vivo .dc-dig--a2 { animation: 16.95s linear 0s infinite normal none running dcDigA2; }

.exp-card.is-vivo .dc-dig--b1 { animation: 16.95s linear 0s infinite normal none running dcDigB1; }

.exp-card.is-vivo .dc-dig--c1 { animation: 16.95s linear 0s infinite normal none running dcDigC1; }

.exp-card.is-vivo .dc-dig i { animation: 0.96s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running dcPonto; }

.exp-card.is-vivo .dc-dig i:nth-child(2) { animation-delay: 0.14s; }

.exp-card.is-vivo .dc-dig i:nth-child(3) { animation-delay: 0.28s; }

.exp-card.is-parado .dc-cena, .exp-card.is-parado .dc-balao, .exp-card.is-parado .dc-dig, .exp-card.is-parado .dc-dig i, .exp-card.is-parado .dc-passa, .exp-card.is-parado .dc-dia { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .exp-card.is-vivo .dc-cena, .exp-card.is-vivo .dc-balao, .exp-card.is-vivo .dc-dig, .exp-card.is-vivo .dc-dig i, .exp-card.is-vivo .dc-passa, .exp-card.is-vivo .dc-dia { animation: auto ease 0s 1 normal none running none; }
  .exp-card .dc-cena { opacity: 0; }
  .exp-card .dc-cena--acha { opacity: 1; }
  .exp-card .dc-cena--acha .dc-balao { opacity: 1; transform: none; }
  .exp-card .dc-dig { opacity: 0; }
  .exp-card .dc-passa { opacity: 0; }
}

@media (max-width: 960px) {
  .exp-vao--docs { flex: 1 0 auto; height: 390px; align-items: stretch; }
  .dc-palco { max-width: 440px; }
}

.of-modal--claro .of-modal-caixa { background: var(--exp-branco,#ffffff); border: 1.5px solid rgba(12, 12, 13, 0.1); box-shadow: rgba(12, 12, 13, 0.28) 0px 40px 120px; }

.of-modal--claro .of-modal-caixa::before { background: linear-gradient(rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); }

.of-modal--claro .of-modal-caixa::after { background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%); }

.of-modal--claro .of-modal-corpo { scrollbar-color: rgba(12, 12, 13, 0.18) transparent; }

.of-modal--claro .of-modal-corpo::-webkit-scrollbar-thumb { background: content-box rgba(12, 12, 13, 0.18); }

.of-modal--claro .of-modal-corpo::-webkit-scrollbar-thumb:hover { background: content-box rgba(12, 12, 13, 0.32); }

.of-modal--claro .of-modal-etiqueta { color: rgb(106, 106, 112); }

.of-modal--claro .of-modal-titulo { color: rgb(12, 12, 13); }

.of-modal--claro .of-modal-lead { color: rgb(106, 106, 112); }

.of-modal--claro .of-modal-bloco h3 { color: rgb(12, 12, 13); }

.of-modal--claro .of-modal-bloco p { color: rgb(106, 106, 112); }

.of-modal--claro .of-modal-x { border: 1.5px solid rgba(12, 12, 13, 0.1); background: rgb(255, 255, 255); color: rgb(106, 106, 112); }

.of-modal--claro .of-modal-x:hover { background: rgb(244, 244, 246); border-color: rgba(12, 12, 13, 0.22); color: rgb(12, 12, 13); }

.of-modal--claro .of-modal-x:focus-visible { outline: rgba(12, 12, 13, 0.55) solid 2px; }

.of-modal--claro .of-modal-pe { border-top: 1px solid rgba(12, 12, 13, 0.1); }

.of-modal--claro .of-modal-voltar { color: rgb(106, 106, 112); }

.of-modal--claro .of-modal-voltar:hover { color: rgb(12, 12, 13); }

.of-modal--claro .of-modal-link { color: rgb(255, 255, 255); background: rgb(12, 12, 13); border: 1.5px solid rgb(12, 12, 13); }

.of-modal--claro .of-modal-link:hover { background: rgb(38, 38, 43); border-color: rgb(38, 38, 43); }

.of-modal--claro .ofm-palco { border: 1.5px solid rgba(12, 12, 13, 0.1); background: radial-gradient(115% 125% at 50% -16%, rgba(12, 12, 13, 0.05) 0%, rgba(12, 12, 13, 0.02) 46%, rgba(12, 12, 13, 0) 74%), rgb(247, 247, 249); }

.of-modal--claro .ofm-peca { background: rgb(255, 255, 255); border: 1.5px solid rgba(12, 12, 13, 0.1); box-shadow: rgba(12, 12, 13, 0.07) 0px 12px 30px; }

.of-modal--claro .ofm-rot { color: rgb(106, 106, 112); }

.of-modal--claro .ofm-selo { border: 1px solid rgba(12, 12, 13, 0.12); color: rgb(106, 106, 112); }

.of-modal--claro .pnm-balao-zap { background: rgb(216, 253, 210); border: 1px solid rgba(12, 12, 13, 0.06); }

.of-modal--claro .pnm-balao-zap p { color: rgb(17, 27, 33); }

.of-modal--claro .pnm-hora { color: rgb(102, 119, 129); }

.of-modal--claro .pnm-desce { color: rgba(12, 12, 13, 0.24); }

.of-modal--claro .pnm-lanc li { background: rgb(255, 255, 255); border: 1px solid rgba(12, 12, 13, 0.1); }

.of-modal--claro .pnm-lanc-txt b { color: rgb(12, 12, 13); }

.of-modal--claro .pnm-lanc-txt i { color: rgb(106, 106, 112); }

.of-modal--claro .pnm-lanc-val { color: rgb(12, 12, 13); }

.of-modal--claro .pnm-abas li.is-ativa { background: rgb(242, 247, 244); border-color: rgba(15, 122, 82, 0.22); }

.of-modal--claro .pnm-aba-foto { border-color: rgb(227, 231, 236); }

.of-modal--claro .pnm-abas li.is-ativa .pnm-aba-foto { border-color: rgb(15, 122, 82); }

.of-modal--claro .pnm-aba-txt b { color: rgb(154, 163, 173); }

.of-modal--claro .pnm-aba-txt i { color: rgb(106, 106, 112); }

.of-modal--claro .pnm-abas li.is-ativa .pnm-aba-txt b { color: rgb(15, 122, 82); }

.of-modal--claro .pnm-abas li.is-ativa .pnm-aba-txt i { color: rgb(61, 115, 89); }

.of-modal--claro .pnm-nav-pastilhas i { background: rgba(12, 12, 13, 0.14); }

.of-modal--claro .pnm-nav-barra { background: rgb(242, 242, 244); border: 1px solid rgba(12, 12, 13, 0.1); }

.of-modal--claro .pnm-cadeado { color: rgb(106, 106, 112); }

.of-modal--claro .pnm-url { color: rgb(12, 12, 13); }

.of-modal--claro p.pnm-nav-nota { font-size: 0.47rem; font-weight: 300; color: rgb(139, 149, 161); }

.of-modal--claro .pnm-recado-foto { border-color: rgb(227, 231, 236); }

.of-modal--claro .pnm-balao { background: rgb(255, 255, 255); border: 1px solid rgb(231, 234, 238); }

.of-modal--claro .pnm-balao-quem { color: rgb(154, 163, 173); }

.of-modal--claro .pnm-balao-quem b { color: rgb(74, 85, 96); }

.of-modal--claro .pnm-balao-txt { color: rgb(53, 65, 76); }

.of-modal--claro .pnm-balao-txt b { color: rgb(13, 34, 51); }

.of-modal--claro .pnm-balao-sync { color: rgb(165, 173, 182); }

.cvm-menu-peca { display: flex; flex-direction: column; }

.cvm-menu { list-style: none; margin: 10px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 7px; }

.cvm-menu li { display: flex; align-items: center; gap: 9px; padding: 8px 9px; border-radius: 10px; background: rgb(255, 255, 255); border: 1px solid rgba(12, 12, 13, 0.1); }

.cvm-icone { flex: 0 0 auto; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 7px; border: 1px solid rgba(12, 12, 13, 0.1); color: rgb(106, 106, 112); }

.cvm-icone svg { width: 13px; height: 13px; display: block; }

.cvm-fila-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }

.cvm-fila-txt b { font-size: 0.56rem; font-weight: 500; line-height: 1.2; color: rgb(12, 12, 13); }

.cvm-fila-txt i { font-size: 0.45rem; font-style: normal; font-weight: 300; line-height: 1.25; color: rgb(106, 106, 112); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cvm-chev { flex: 0 0 auto; font-size: 0.7rem; font-weight: 300; line-height: 1; color: rgb(106, 106, 112); }

.cvm-folha { display: flex; flex-direction: column; }

.cvm-folha-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid rgba(12, 12, 13, 0.1); }

.cvm-folha-topo b { font-size: 0.62rem; font-weight: 500; line-height: 1.2; color: rgb(12, 12, 13); }

.cvm-fechar { flex: 0 0 auto; font-size: 0.47rem; font-weight: 300; line-height: 1.2; color: rgb(106, 106, 112); }

p.cvm-lead { margin: 12px 0px 0px; font-size: 0.52rem; font-weight: 300; line-height: 1.5; text-align: center; color: rgb(106, 106, 112); }

p.cvm-rot-codigo { margin: 13px 0px 0px; font-size: 0.5rem; font-weight: 400; line-height: 1.2; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(106, 106, 112); }

p.cvm-codigo { margin: 6px 0px 0px; font-size: 0.86rem; font-weight: 500; line-height: 1.25; letter-spacing: 0.08em; color: rgb(12, 12, 13); }

.cvm-acoes { display: flex; gap: 7px; margin-top: 13px; }

.cvm-btn { display: inline-flex; align-items: center; justify-content: center; gap: 5px; padding: 8px 11px; border-radius: 99px; border: 1px solid rgba(12, 12, 13, 0.1); background: rgb(255, 255, 255); color: rgb(12, 12, 13); font-size: 0.5rem; font-weight: 500; line-height: 1.15; white-space: nowrap; }

.cvm-btn svg { width: 11px; height: 11px; flex: 0 0 auto; display: block; }

.cvm-btn--zap { flex: 1 1 0%; background: rgb(18, 160, 90); border-color: rgb(18, 160, 90); color: rgb(255, 255, 255); }

.cvm-btn--zap svg { fill: currentcolor; }

.cvm-zap { display: flex; flex-direction: column; }

.cvm-zap-topo { flex: 0 0 auto; display: flex; align-items: center; gap: 8px; }

.cvm-zap-av { flex: 0 0 auto; width: 26px; height: 26px; border-radius: 50%; overflow: hidden; background: rgb(0, 0, 0); }

.cvm-zap-av img { display: block; width: 100%; height: 100%; object-fit: cover; }

.cvm-selo { width: 0.94em; height: 0.94em; margin-left: 0.24em; vertical-align: -0.1em; }

.cvm-zap-id { min-width: 0px; display: flex; flex-direction: column; gap: 1px; }

.cvm-zap-id b { font-size: 0.58rem; font-weight: 500; line-height: 1.2; color: rgb(12, 12, 13); white-space: nowrap; }

.cvm-zap-id i { font-size: 0.45rem; font-style: normal; font-weight: 300; line-height: 1.2; color: rgb(106, 106, 112); }

.cvm-chat { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; gap: 7px; margin-top: 11px; }

.cvm-chip { align-self: center; max-width: 100%; padding: 3px 9px; border-radius: 99px; background: rgb(242, 242, 244); font-size: 0.44rem; font-weight: 500; line-height: 1.25; letter-spacing: 0.03em; color: rgb(106, 106, 112); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cvm-fala { display: flex; }

.cvm-fala--out { justify-content: flex-end; }

.cvm-fala--in { justify-content: flex-start; }

.cvm-balao { position: relative; max-width: 90%; padding: 6px 9px 5px; border-radius: 8px; box-shadow: rgba(12, 12, 13, 0.1) 0px 1px 2px, rgba(12, 12, 13, 0.07) 0px 6px 16px; color: rgb(17, 27, 33); --cvm-pe: 2.6em; }

.cvm-balao p { margin: 0px; font-size: 0.57rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.006em; color: rgb(17, 27, 33); }

.cvm-balao p::after { content: ""; display: inline-block; width: var(--cvm-pe); }

.cvm-balao--out { background: rgb(216, 253, 210); border-top-right-radius: 2px; --cvm-pe: 3.9em; }

.cvm-balao--in { background: rgb(255, 255, 255); border-top-left-radius: 2px; }

.cvm-balao::after { content: ""; position: absolute; top: 0px; width: 6px; height: 9px; background-color: inherit; }

.cvm-balao--in::after { left: -5px; clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.cvm-balao--out::after { right: -5px; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.cvm-quem { display: block; margin: 0px 0px 2px; font-size: 0.47rem; font-weight: 500; line-height: 1.2; color: rgb(123, 69, 214); }

.cvm-meta { position: absolute; right: 9px; bottom: 5px; display: flex; align-items: center; gap: 3px; font-size: 0.42rem; font-weight: 400; line-height: 1; color: rgba(11, 20, 26, 0.45); }

.cvm-visto { width: 11px; height: 7px; flex: 0 0 auto; fill: none; stroke: rgb(83, 189, 235); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.cvm-gente-peca { display: flex; flex-direction: column; }

.cvm-gente { list-style: none; margin: 10px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 7px; }

.cvm-gente li { display: flex; align-items: center; gap: 9px; padding: 8px 9px; border-radius: 10px; background: rgb(255, 255, 255); border: 1px solid rgba(12, 12, 13, 0.1); }

.cvm-av { flex: 0 0 auto; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: rgb(242, 242, 244); border: 1px solid rgba(12, 12, 13, 0.1); font-size: 0.5rem; font-weight: 500; line-height: 1; color: rgb(106, 106, 112); }

.cvm-av--voce { background: rgb(12, 12, 13); border-color: rgb(12, 12, 13); color: rgb(255, 255, 255); }

.cvm-gente-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 2px; }

.cvm-gente-txt b { font-size: 0.56rem; font-weight: 500; line-height: 1.2; color: rgb(12, 12, 13); }

.cvm-gente-txt i { font-size: 0.45rem; font-style: normal; font-weight: 300; line-height: 1.25; color: rgb(106, 106, 112); }

.cvm-perm { flex: 0 0 auto; padding: 3px 8px; border-radius: 99px; background: rgb(242, 242, 244); font-size: 0.44rem; font-weight: 400; line-height: 1.25; color: rgb(106, 106, 112); white-space: nowrap; }

.cbm-peca { display: flex; flex-direction: column; }

.cbm-chat { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; gap: 7px; }

.cbm-chip { align-self: center; max-width: 100%; padding: 3px 9px; border-radius: 99px; background: rgb(242, 242, 244); font-size: 0.44rem; font-weight: 500; line-height: 1.25; letter-spacing: 0.03em; color: rgb(106, 106, 112); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.cbm-fala { display: flex; }

.cbm-fala--out { justify-content: flex-end; }

.cbm-fala--in { justify-content: flex-start; }

.cbm-balao { position: relative; max-width: 90%; padding: 6px 9px 5px; border-radius: 8px; box-shadow: rgba(12, 12, 13, 0.1) 0px 1px 2px, rgba(12, 12, 13, 0.07) 0px 6px 16px; color: rgb(17, 27, 33); --cbm-pe: 2.6em; }

.cbm-balao p { margin: 0px; font-size: 0.57rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.006em; color: rgb(17, 27, 33); }

.cbm-balao p::after { content: ""; display: inline-block; width: var(--cbm-pe); }

.cbm-balao--out { background: rgb(216, 253, 210); border-top-right-radius: 2px; --cbm-pe: 3.9em; }

.cbm-balao--in { background: rgb(255, 255, 255); border-top-left-radius: 2px; }

.cbm-balao::after { content: ""; position: absolute; top: 0px; width: 6px; height: 9px; background-color: inherit; }

.cbm-balao--in::after { left: -5px; clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.cbm-balao--out::after { right: -5px; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.cbm-balao--in.cbm-balao--segue { border-top-left-radius: 8px; }

.cbm-balao--segue::after { display: none; }

.cbm-quem { display: block; margin: 0px 0px 2px; font-size: 0.47rem; font-weight: 500; line-height: 1.2; color: rgb(15, 122, 82); }

.cbm-quem--sofi { color: rgb(47, 111, 237); }

.cbm-meta { position: absolute; right: 9px; bottom: 5px; display: flex; align-items: center; gap: 3px; font-size: 0.42rem; font-weight: 400; line-height: 1; color: rgba(11, 20, 26, 0.45); }

.cbm-visto { width: 11px; height: 7px; flex: 0 0 auto; fill: none; stroke: rgb(83, 189, 235); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.cbm-balao--doc { width: 11.6rem; padding-bottom: 13px; --cbm-pe: 0em; }

.cbm-recibo { padding: 6px 7px 7px; border-radius: 6px; background: rgba(12, 12, 13, 0.07); }

.cbm-recibo-cab { display: flex; align-items: center; gap: 5px; margin-bottom: 4px; }

.cbm-selo { width: 10px; height: 10px; flex: 0 0 auto; }

.cbm-selo circle { fill: rgb(18, 160, 90); }

.cbm-selo path { fill: none; stroke: rgb(255, 255, 255); stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }

.cbm-recibo-t { font-size: 0.47rem; font-weight: 500; line-height: 1.2; letter-spacing: -0.004em; color: rgb(17, 27, 33); white-space: nowrap; }

.cbm-recibo-d { margin-left: auto; font-size: 0.42rem; font-weight: 400; line-height: 1.2; color: rgba(11, 20, 26, 0.45); white-space: nowrap; }

.of-modal--claro .cbm-peca .cbm-balao .cbm-recibo p.cbm-recibo-v { margin: 0px; font-size: 0.76rem; font-weight: 500; line-height: 1.2; letter-spacing: -0.012em; color: rgb(17, 27, 33); }

.of-modal--claro .cbm-peca .cbm-balao .cbm-recibo p.cbm-recibo-l { margin: 2px 0px 0px; font-size: 0.44rem; font-weight: 400; line-height: 1.3; color: rgba(11, 20, 26, 0.5); white-space: nowrap; }

.cbm-balao--link { --cbm-pe: 0em; }

.cbm-link { display: flex; align-items: center; gap: 5px; margin-top: 3px; padding-right: 24px; overflow: hidden; }

.cbm-glifo { width: 13px; height: 8.5px; flex: 0 0 auto; fill: none; stroke: rgb(44, 107, 166); stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }

.cbm-url { font-size: 0.57rem; font-weight: 400; line-height: 1.15; letter-spacing: -0.008em; color: rgb(44, 107, 166); white-space: nowrap; }

@media (max-width: 760px) {
  .cbm-chat { gap: 6px; }
  .cbm-balao--doc { padding-bottom: 11px; }
  .cbm-recibo { padding: 5px 6px; }
  .cbm-recibo-cab { gap: 4px; margin-bottom: 3px; }
  .cbm-selo { width: 9px; height: 9px; }
  .cbm-recibo-t { font-size: 0.45rem; }
  .of-modal--claro .cbm-peca .cbm-balao .cbm-recibo p.cbm-recibo-v { font-size: 0.7rem; }
  .of-modal--claro .cbm-peca .cbm-balao .cbm-recibo p.cbm-recibo-l { margin-top: 1px; font-size: 0.42rem; }
}

@media (max-width: 359px) {
  .cbm-fala:has(> .cbm-balao--doc) { display: none; }
}

.gdm-peca { display: flex; flex-direction: column; }

.gdm-chat { flex: 1 1 0%; display: flex; flex-direction: column; justify-content: center; gap: 7px; margin-top: 10px; }

.gdm-fala { display: flex; }

.gdm-fala--out { justify-content: flex-end; }

.gdm-fala--in { justify-content: flex-start; }

.gdm-balao { position: relative; max-width: 92%; padding: 6px 9px 5px; border-radius: 8px; box-shadow: rgba(12, 12, 13, 0.1) 0px 1px 2px, rgba(12, 12, 13, 0.07) 0px 6px 16px; color: rgb(17, 27, 33); --gdm-pe: 2.6em; }

.gdm-balao p { margin: 0px; font-size: 0.57rem; font-weight: 400; line-height: 1.4; letter-spacing: -0.006em; color: rgb(17, 27, 33); }

.gdm-balao p::after { content: ""; display: inline-block; width: var(--gdm-pe); }

.gdm-balao--out { background: rgb(216, 253, 210); border-top-right-radius: 2px; --gdm-pe: 3.9em; }

.gdm-balao--in { background: rgb(255, 255, 255); border-top-left-radius: 2px; }

.gdm-balao::after { content: ""; position: absolute; top: 0px; width: 6px; height: 9px; background-color: inherit; }

.gdm-balao--in::after { left: -5px; clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.gdm-balao--out::after { right: -5px; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.gdm-balao--doc { padding-bottom: 16px; }

.gdm-quem { display: block; margin: 0px 0px 2px; font-size: 0.47rem; font-weight: 500; line-height: 1.2; color: rgb(201, 112, 47); }

.gdm-meta { position: absolute; right: 9px; bottom: 5px; display: flex; align-items: center; gap: 3px; font-size: 0.42rem; font-weight: 400; line-height: 1; color: rgba(11, 20, 26, 0.45); }

.gdm-visto { width: 11px; height: 7px; flex: 0 0 auto; fill: none; stroke: rgb(83, 189, 235); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.gdm-arq { display: flex; align-items: center; gap: 7px; margin: 0px 0px 5px; padding: 7px 9px; border-radius: 6px; background: rgba(255, 255, 255, 0.55); }

.gdm-arq--in { margin: 0px; background: rgba(12, 12, 13, 0.05); }

.gdm-folha { width: 11px; height: 13.5px; flex: 0 0 auto; fill: none; stroke: rgba(11, 20, 26, 0.5); stroke-width: 1.2; stroke-linejoin: round; }

.gdm-arq-t { font-size: 0.53rem; line-height: 1.2; color: rgb(17, 27, 33); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.gdm-arq-d { flex: 0 0 auto; font-size: 0.46rem; line-height: 1.2; color: rgba(11, 20, 26, 0.45); }

.gdm-doc { display: flex; align-items: center; gap: 9px; margin-top: auto; padding: 8px 9px; border-radius: 10px; background: rgb(255, 255, 255); border: 1px solid rgba(12, 12, 13, 0.1); }

.gdm-capa { flex: 0 0 auto; width: 26px; height: 30px; display: grid; place-items: center; border-radius: 5px; background: rgb(242, 242, 244); border: 1px solid rgba(12, 12, 13, 0.1); font-size: 0.4rem; font-weight: 500; letter-spacing: 0.06em; color: rgb(106, 106, 112); }

.gdm-doc-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }

.gdm-doc-txt b { font-size: 0.56rem; font-weight: 500; line-height: 1.2; color: rgb(12, 12, 13); }

.gdm-doc-txt i { font-size: 0.45rem; font-style: normal; font-weight: 300; line-height: 1.25; color: rgb(106, 106, 112); }

p.gdm-aviso { display: flex; align-items: center; gap: 6px; margin: 10px 0px auto; font-size: 0.47rem; font-weight: 300; line-height: 1.3; color: rgb(106, 106, 112); }

p.gdm-aviso svg { width: 12px; height: 12px; flex: 0 0 auto; display: block; }

.drm-peca { display: flex; flex-direction: column; }

.drm-pastas { list-style: none; margin: 9px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 5px; }

.drm-pastas li { display: flex; align-items: center; gap: 9px; padding: 7px 9px; border-radius: 9px; background: rgb(255, 255, 255); border: 1px solid rgba(12, 12, 13, 0.1); }

.drm-glifo { flex: 0 0 auto; display: block; color: rgb(106, 106, 112); }

.drm-glifo svg { width: 15px; height: 12px; display: block; }

.drm-pasta-t { flex: 1 1 0%; min-width: 0px; font-size: 0.55rem; font-weight: 400; line-height: 1.2; color: rgb(12, 12, 13); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.drm-pasta-n { flex: 0 0 auto; font-size: 0.45rem; font-weight: 300; line-height: 1.2; color: rgb(106, 106, 112); white-space: nowrap; }

.drm-plano { display: flex; align-items: center; gap: 9px; margin: auto 0px; padding: 10px 11px; border-radius: 10px; background: rgb(255, 255, 255); border: 1px solid rgba(12, 12, 13, 0.1); }

.drm-plano-t { flex: 1 1 0%; min-width: 0px; font-size: 0.58rem; font-weight: 400; line-height: 1.2; color: rgb(12, 12, 13); }

.drm-plano-n { flex: 0 0 auto; padding: 3px 8px; border-radius: 99px; background: rgb(242, 242, 244); font-size: 0.44rem; font-weight: 400; line-height: 1.25; color: rgb(106, 106, 112); white-space: nowrap; }

.drm-nav { display: flex; flex-direction: column; gap: 11px; }

.drm-nav-pastilhas { display: flex; gap: 5px; }

.drm-nav-pastilhas i { width: 7px; height: 7px; border-radius: 50%; background: rgba(12, 12, 13, 0.14); }

.drm-nav-barra { display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 99px; background: rgb(242, 242, 244); border: 1px solid rgba(12, 12, 13, 0.1); }

.drm-cadeado { width: 11px; height: 13px; flex: 0 0 auto; color: rgb(106, 106, 112); }

.drm-url { font-size: 0.58rem; font-weight: 300; letter-spacing: 0.01em; color: rgb(12, 12, 13); }

.drm-pastas--nav { margin: 0px; }

.drm-arq { display: flex; align-items: center; gap: 9px; margin-top: auto; padding: 8px 9px; border-radius: 10px; background: rgb(255, 255, 255); border: 1px solid rgba(12, 12, 13, 0.1); }

.drm-capa { flex: 0 0 auto; width: 26px; height: 30px; display: grid; place-items: center; border-radius: 5px; background: rgb(242, 242, 244); border: 1px solid rgba(12, 12, 13, 0.1); font-size: 0.4rem; font-weight: 500; letter-spacing: 0.06em; color: rgb(106, 106, 112); }

.drm-arq-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 3px; }

.drm-arq-txt b { font-size: 0.56rem; font-weight: 500; line-height: 1.2; color: rgb(12, 12, 13); }

.drm-arq-txt i { font-size: 0.45rem; font-style: normal; font-weight: 300; line-height: 1.25; color: rgb(106, 106, 112); }

.drm-acoes { display: flex; justify-content: flex-end; gap: 7px; margin: 9px 0px auto; }

.drm-btn { display: inline-flex; align-items: center; gap: 5px; padding: 7px 11px; border-radius: 99px; background: rgb(255, 255, 255); border: 1px solid rgba(12, 12, 13, 0.1); font-size: 0.5rem; font-weight: 400; line-height: 1.15; color: rgb(12, 12, 13); white-space: nowrap; }

.drm-btn svg { width: 12px; height: 12px; flex: 0 0 auto; display: block; color: rgb(106, 106, 112); }

.of-modal--claro .cvm-zap .cvm-balao p, .of-modal--claro .cbm-peca .cbm-balao p, .of-modal--claro .gdm-peca .gdm-balao p { color: rgb(17, 27, 33); }

.of-modal--claro .cvm-folha p.cvm-codigo { color: rgb(12, 12, 13); }

.exp-vao--drive { flex: 1 1 0px; min-height: 0px; container-type: size; overflow: hidden; display: flex; align-items: center; margin: 0px 0px 24px; }

.dv-peca { position: relative; width: 20.5em; max-width: 100%; margin: 0px auto; font-size: min(4.87805cqw, 4.52489cqh, 18px); font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; text-align: left; color: var(--exp-tinta); overflow: hidden; }

.dv-peca *, .dv-peca ::before, .dv-peca ::after { box-sizing: border-box; }

.dv-palco { display: grid; height: 21.5em; }

.dv-ato { grid-area: 1 / 1; display: flex; flex-direction: column; min-width: 0px; }

.dv-ato { padding: 1.6em 0.9em 1.3em; }

.dv-topo { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 0.7em; padding-right: 2.5em; min-width: 0px; }

.dv-migalha { flex: 1 1 0%; min-width: 0px; margin: -0.5em; padding: 0.5em; display: flex; align-items: baseline; gap: 0.34em; font-size: 0.92em; line-height: 1.2; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; }

.dv-migalha b { font-weight: 600; color: var(--exp-tinta); }

.dv-migalha span { font-weight: 400; color: var(--exp-tinta-2); }

.dv-volta { display: inline-block; }

.dv-migalha em { font-style: normal; font-weight: 300; color: var(--exp-fio-forte,rgba(12,12,13,0.28)); }

.dv-botoes { flex: 0 0 auto; display: flex; gap: 0.4em; }

.dv-bt { width: 2em; height: 2em; display: grid; place-items: center; border-radius: 50%; border: 1px solid var(--exp-fio); background: var(--exp-branco); color: var(--exp-tinta-2); }

.dv-bt svg { width: 0.95em; height: 0.95em; display: block; }

.dv-bt.is-aceso { border-color: rgba(123, 69, 214, 0.28); background: rgb(244, 239, 255); color: rgb(123, 69, 214); }

.dv-rot { flex: 0 0 auto; display: flex; align-items: center; gap: 0.85em; margin: 1.3em 0px 0.95em; font-size: 0.66em; font-weight: 500; line-height: 1.2; letter-spacing: 0.1em; color: var(--exp-tinta-2); white-space: nowrap; }

.dv-rot::after { content: ""; flex: 1 1 0%; height: 1px; background: var(--exp-fio); }

.dv-conta { position: relative; display: inline-block; }

.dv-conta i { font-style: normal; }

.dv-conta-a { opacity: 0; }

.dv-conta-b { position: absolute; inset: 0px; opacity: 1; }

.dv-lista { flex: 0 0 auto; list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 0.5em; }

.dv-fila, .dv-arq, .dv-log { flex: 0 0 3em; display: flex; align-items: center; gap: 0.6em; padding: 0px 0.65em; border-radius: 0.85em; background: var(--exp-branco); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em; }

.dv-glifo { flex: 0 0 auto; width: 2em; height: 2em; display: grid; place-items: center; border-radius: 0.58em; border: 1px solid var(--exp-fio); color: var(--exp-tinta-2); }

.dv-glifo svg { width: 1.05em; height: 1.05em; display: block; }

.dv-glifo--doc { border-color: rgba(123, 69, 214, 0.22); color: rgb(123, 69, 214); }

.dv-txt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 0.1em; }

.dv-txt b { font-size: 0.86em; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dv-meta, .dv-sub { font-size: 0.58em; font-style: normal; font-weight: 300; line-height: 1.25; color: var(--exp-tinta-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.dv-meta { text-transform: uppercase; letter-spacing: 0.07em; }

.dv-sub { font-size: 0.62em; }

.dv-chev { flex: 0 0 auto; font-size: 1.05em; font-weight: 300; line-height: 1; color: var(--exp-tinta-2); }

.dv-carimbo { flex: 0 0 auto; font-size: 0.56em; font-weight: 600; line-height: 1; letter-spacing: 0.14em; text-transform: uppercase; white-space: nowrap; padding: 0.4em 0.5em 0.4em 0.64em; border-radius: 99px; border: 1.4px solid rgba(123, 69, 214, 0.42); color: rgb(123, 69, 214); }

.dv-pe { flex: 0 0 auto; margin: 1.5em 0px 0px; font-size: 0.7em; font-weight: 300; line-height: 1.4; color: var(--exp-tinta-2); }

.dv-ato.is-grade .dv-lista { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 5.4em; gap: 0.5em; }

.dv-ato.is-grade .dv-fila, .dv-ato.is-grade .dv-arq { position: relative; flex: 0 0 auto; height: auto; min-width: 0px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 0.42em; padding: 0.62em 0.7em; }

.dv-ato.is-grade .dv-txt { flex: 0 0 auto; width: 100%; }

.dv-ato.is-grade .dv-chev { display: none; }

.dv-ato.is-grade .dv-carimbo { position: absolute; top: 0.5em; right: 0.5em; }

.dv-ato.is-grade .dv-pe { margin-top: 1em; }

.dv-lista--ficha { margin-top: 1.3em; }

.dv-tags { flex: 0 0 auto; list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 0.4em; }

.dv-tag { font-size: 0.62em; font-weight: 400; line-height: 1; letter-spacing: 0.02em; white-space: nowrap; padding: 0.5em 0.72em; border-radius: 99px; border: 1px solid var(--exp-fio); color: var(--exp-tinta-2); }

.dv-desc { flex: 0 0 auto; margin: 0.95em 0px 0px; font-size: 0.72em; font-weight: 300; line-height: 1.45; color: var(--exp-tinta-2); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

@keyframes dvAtoEntra { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes dvAtoSai { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes dvEntraFila { 
  0% { opacity: 0; transform: translateY(0.55em); }
  100% { opacity: 1; transform: none; }
}

@keyframes dvEntraPe { 
  0% { opacity: 0; transform: translateY(0.4em); }
  100% { opacity: 1; transform: none; }
}

@keyframes dvEntraNovo { 
  0% { opacity: 0; transform: translateY(0.5em) scale(0.94); }
  100% { opacity: 1; transform: none; }
}

@keyframes dvEntraCarimbo { 
  0% { opacity: 0; transform: scale(0.86); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes dvContaSai { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes dvContaEntra { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes dvToqueFila { 
  0% { transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  21.43% { transform: translateY(0.14em) scale(0.94); background-color: rgb(242, 242, 244); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.02em 0.05em, rgba(12, 12, 13, 0.07) 0px 0.1em 0.26em, rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; }
  35.71% { transform: translateY(0.14em) scale(0.94); background-color: rgb(242, 242, 244); box-shadow: rgba(12, 12, 13, 0.14) 0px 0.02em 0.05em, rgba(12, 12, 13, 0.07) 0px 0.1em 0.26em, rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  71.43% { transform: translateY(-0.02em) scale(1.012); background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.11) 0px 0.08em 0.16em, rgba(12, 12, 13, 0.1) 0px 0.62em 1.34em, rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  100% { transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0.1) 0px 0.06em 0.12em, rgba(12, 12, 13, 0.08) 0px 0.5em 1.2em, rgba(12, 12, 13, 0) 0px 0px 0px inset; }
}

@keyframes dvToqueBt { 
  0% { transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  21.43% { transform: translateY(0.16em) scale(0.925); background-color: rgb(242, 242, 244); box-shadow: rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; }
  35.71% { transform: translateY(0.16em) scale(0.925); background-color: rgb(242, 242, 244); box-shadow: rgba(12, 12, 13, 0.15) 0px 0.16em 0.34em inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  71.43% { transform: translateY(-0.025em) scale(1.014); background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  100% { transform: none; background-color: rgb(255, 255, 255); box-shadow: rgba(12, 12, 13, 0) 0px 0px 0px inset; }
}

@keyframes dvToqueTexto { 
  0% { transform: none; color: var(--exp-tinta-2); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  21.43% { transform: scale(0.94); color: var(--exp-tinta); }
  35.71% { transform: scale(0.94); color: var(--exp-tinta); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  71.43% { transform: scale(1.012); color: var(--exp-tinta); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  100% { transform: none; color: var(--exp-tinta-2); }
}

.dv-ato { animation: 200ms cubic-bezier(0.22, 1, 0.36, 1) 90ms 1 normal backwards running dvAtoEntra; }

.dv-ato.is-sai { opacity: 0; pointer-events: none; animation: 120ms cubic-bezier(0.5, 0, 0.9, 0.35) 0s 1 normal backwards running dvAtoSai; }

.dv-ato.is-pousado { animation: auto ease 0s 1 normal none running none; }

.dv-ato .dv-fila, .dv-ato .dv-arq--pasta, .dv-ato .dv-arq--velho, .dv-ato .dv-log { animation-duration: 300ms; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: backwards; animation-play-state: running; animation-name: dvEntraFila; animation-timeline: auto; animation-range: normal; animation-delay: calc(150ms + var(--i) * 30ms); }

.dv-ato .dv-pe { animation: 280ms cubic-bezier(0.22, 1, 0.36, 1) 420ms 1 normal backwards running dvEntraPe; }

.dv-ato .dv-arq--novo { animation: 550ms cubic-bezier(0.32, 1.32, 0.45, 1) 960ms 1 normal backwards running dvEntraNovo; }

.dv-ato .dv-carimbo { animation: 500ms cubic-bezier(0.3, 1.42, 0.5, 1) 1060ms 1 normal backwards running dvEntraCarimbo; }

.dv-ato .dv-conta-a { animation: 200ms cubic-bezier(0.5, 0, 0.9, 0.35) 1110ms 1 normal backwards running dvContaSai; }

.dv-ato .dv-conta-b { animation: 300ms cubic-bezier(0.22, 1, 0.36, 1) 1210ms 1 normal backwards running dvContaEntra; }

.dv-ato.is-pousado .dv-fila, .dv-ato.is-pousado .dv-arq, .dv-ato.is-pousado .dv-log, .dv-ato.is-pousado .dv-pe, .dv-ato.is-pousado .dv-carimbo, .dv-ato.is-pousado .dv-conta-a, .dv-ato.is-pousado .dv-conta-b { animation: auto ease 0s 1 normal none running none; }

.dv-peca .dv-fila.is-tocado, .dv-peca .dv-arq.is-tocado { animation: 560ms linear 0s 1 normal none running dvToqueFila; }

.dv-peca .dv-bt.is-tocado { animation: 560ms linear 0s 1 normal none running dvToqueBt; }

.dv-peca .dv-volta.is-tocado { animation: 560ms linear 0s 1 normal none running dvToqueTexto; }

.dv-peca [data-ir] { cursor: pointer; }

.dv-bt[data-ir], .dv-volta[data-ir] { position: relative; }

.dv-bt[data-ir]::before, .dv-volta[data-ir]::before { content: ""; position: absolute; inset: -0.45em; }

@media (hover: hover) {
  .dv-fila[data-ir], .dv-arq[data-ir] { transition: box-shadow 160ms cubic-bezier(0.22, 1, 0.36, 1), transform 160ms cubic-bezier(0.22, 1, 0.36, 1); }
  .dv-fila[data-ir]:hover, .dv-arq[data-ir]:hover { transform: translateY(-0.06em); box-shadow: rgba(12, 12, 13, 0.11) 0px 0.08em 0.16em, rgba(12, 12, 13, 0.11) 0px 0.7em 1.5em; }
  .dv-bt[data-ir] { transition: background-color 160ms linear, color 160ms linear; }
  .dv-bt[data-ir]:hover { background: rgb(247, 247, 248); color: var(--exp-tinta); }
  .dv-volta[data-ir] { transition: color 160ms linear; }
  .dv-volta[data-ir]:hover { color: var(--exp-tinta); }
}

@media (prefers-reduced-motion: reduce) {
  .dv-ato, .dv-ato.is-sai, .dv-ato .dv-fila, .dv-ato .dv-arq--pasta, .dv-ato .dv-arq--velho, .dv-ato .dv-log, .dv-ato .dv-pe, .dv-ato .dv-arq--novo, .dv-ato .dv-carimbo, .dv-ato .dv-conta-a, .dv-ato .dv-conta-b { animation: auto ease 0s 1 normal none running none; }
  .dv-peca .dv-fila.is-tocado, .dv-peca .dv-arq.is-tocado, .dv-peca .dv-bt.is-tocado, .dv-peca .dv-volta.is-tocado { animation: auto ease 0s 1 normal none running none; }
  .dv-peca .dv-fila.is-tocado, .dv-peca .dv-arq.is-tocado, .dv-peca .dv-bt.is-tocado { background-color: rgb(242, 242, 244); }
  .dv-peca .dv-volta.is-tocado { color: var(--exp-tinta); }
}

@media (max-width: 960px) {
  .exp-vao--drive { flex: 1 0 auto; height: 390px; }
  .dv-peca { max-width: 440px; margin: 0px auto; }
}

.cli-section { position: relative; z-index: 3; width: 100%; --cli-banda: linear-gradient(112deg,transparent 16%,rgba(64,62,86,0.85) 46%,transparent 78%),linear-gradient(160deg,#161419 0%,#0b0b0e 58%,#14121a 100%); --cli-tinta: rgba(255,255,255,0.92); --cli-tinta-2: rgba(255,255,255,0.62); background: var(--cli-banda); padding: 104px 0px 112px; display: flex; flex-direction: column; align-items: center; }

.cli-topo { width: 94%; max-width: 620px; margin-inline: auto; text-align: center; margin-bottom: clamp(52px, 5.5vw, 80px); }

.cli-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--cli-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin-bottom: 14px; }

.cli-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--cli-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin-inline: auto; text-wrap: balance; }

.cli-grade { width: 94%; max-width: 1300px; display: grid; container-type: inline-size; }

.cli-linha { display: grid; gap: 80px; }

.cli-card { position: relative; display: flex; flex-direction: column; }

.cli-vao { flex: 1 1 0%; min-height: 0px; }

.cli-title { font-family: Poppins, sans-serif; font-size: 1.02rem; font-weight: 500; color: var(--cli-tinta); letter-spacing: -0.01em; line-height: 1.4; margin-bottom: 8px; }

.cli-desc { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--cli-tinta-2); line-height: 1.55; margin-bottom: 0px; }

.cli-btn { margin-top: clamp(38px, 3.6vw, 52px); font-size: 1.02rem; color: var(--cli-tinta-2); }

.cli-btn span { text-decoration: underline 1px; text-underline-offset: 4px; }

.cli-btn:focus-visible { outline: 2px solid var(--cli-tinta); outline-offset: 4px; }

@media (min-width: 961px) {
  .cli-grade { grid-template-columns: minmax(0px, 1fr) minmax(0px, 1fr); column-gap: 80px; }
  .cli-linha { display: contents; }
}

@media (max-width: 960px) {
  .cli-grade, .cli-linha { gap: 48px; }
  .cli-grade { width: min(94%, 100% - 48px); }
}

.cli-vao-sofi { margin-bottom: 24px; }

@media (min-width: 961px) {
  .cli-vao-sofi { flex: 0 0 auto; aspect-ratio: 40 / 36.143; }
}

@media (max-width: 960px) {
  .cli-vao-sofi { flex: 0 0 auto; height: 410px; margin-bottom: 24px; }
}

@media (max-width: 600px) {
  .cli-section { padding: 88px 0px 96px; }
  .cli-topo { width: calc(100% - 48px); margin-bottom: 52px; }
  .cli-headline { font-size: 1.8rem; }
  .cli-grade, .cli-linha { gap: 40px; }
  .cli-title { font-size: 0.92rem; }
  .cli-btn { font-size: 0.92rem; }
  .cli-desc { font-size: 0.82rem; }
}

.cli-vao--horarios { flex: 0 0 auto; aspect-ratio: 50.8 / 21.6; container-type: size; display: flex; align-items: center; margin: 0px 0px 24px; }

.mk-peca { --mk-ink-1: #0f172a; --mk-ink-2: #334155; --mk-ink-3: #64748b; --mk-ink-4: #94a3b8; --mk-ink-5: #cbd2dd; --mk-az: #2563eb; --mk-az-ch: #2563eb; --mk-no-az: #ffffff; --mk-anel: rgba(37,99,235,0.17); --mk-anel-0: rgba(37,99,235,0); --mk-cursor: rgba(37,99,235,1); --mk-cursor-0: rgba(37,99,235,0); --mk-sup-1: #ffffff; --mk-sup-2: #ffffff; --mk-sup-3: #ffffff; --mk-afunda: #f2f2f4; --mk-recuo: #f8f9fb; --mk-fio-1: rgba(15,23,42,0.14); --mk-fio-2: rgba(15,23,42,0.095); --mk-fio-3: rgba(15,23,42,0.055); --mk-divisor: rgba(15,23,42,0.12); --mk-fase: -2s; position: relative; width: 50.8em; max-width: 100%; margin: 0px auto; font-size: min(1.9685cqw, 4.62963cqh); font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; text-align: left; color: var(--mk-ink-1); }

.mk-peca *, .mk-peca ::before, .mk-peca ::after { box-sizing: border-box; }

.mk-cartao { display: flex; align-items: stretch; background: rgb(245, 245, 247); border: 0px; box-shadow: none; border-radius: 1.1em; overflow: hidden; }

.mk-esq { flex: 0 0 41%; display: flex; flex-direction: column; align-items: center; gap: 0.24em; padding: 0.85em 0.7em 0.9em; background: var(--mk-recuo); border-right: 1px solid var(--mk-divisor); border-radius: 1.1em 0px 0px 1.1em; text-align: center; }

.mk-avatar { display: flex; align-items: center; justify-content: center; width: 2.15em; height: 2.15em; border-radius: 50%; background: var(--mk-sup-1); border: 1px solid var(--mk-fio-1); box-shadow: rgba(15, 23, 42, 0.16) 0px 0.12em 0.4em; }

.mk-avatar b { font-size: 0.95em; font-weight: 700; line-height: 1; color: var(--mk-az); }

.mk-rotulo { margin-top: 0.2em; font-size: 0.6em; line-height: 1.3; color: var(--mk-ink-3); }

.mk-nome { font-size: 0.82em; font-weight: 700; line-height: 1.25; color: var(--mk-ink-1); }

.mk-mes { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 13.6em; margin-top: 0.5em; }

.mk-mes b { font-size: 0.68em; font-weight: 700; line-height: 1.2; color: var(--mk-ink-1); }

.mk-seta { font-size: 0.8em; font-style: normal; line-height: 1; color: var(--mk-ink-4); }

.mk-semana, .mk-dias { display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); width: 100%; max-width: 13.6em; }

.mk-semana { margin-top: 0.35em; gap: 0px 0.06em; }

.mk-semana span { font-size: 0.58em; font-weight: 600; line-height: 1.4; letter-spacing: 0.02em; text-transform: uppercase; color: var(--mk-ink-4); text-align: center; }

.mk-dias { margin-top: 0.12em; gap: 0.1em 0.06em; }

.mk-dia, .mk-vago { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1; border-radius: 50%; font-size: 0.62em; line-height: 1; }

.mk-dia--ido { color: var(--mk-ink-5); }

.mk-dia--livre { font-weight: 700; color: var(--mk-ink-1); }

.mk-dia--alvo { font-weight: 700; }

.mk-disco { position: absolute; inset: 0px; border-radius: 50%; background: var(--mk-az-ch); opacity: 0; transform: scale(0.55); }

.mk-dia-n { position: relative; color: var(--mk-ink-1); }

.mk-dir { flex: 1 1 auto; min-width: 0px; display: grid; padding: 0.85em 0.9em 0.95em; background: transparent; }

.mk-ato { grid-area: 1 / 1; display: flex; flex-direction: column; gap: 0.42em; min-width: 0px; opacity: 0; }

.mk-ato--passo1 { opacity: 1; }

.mk-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 0.5em; }

.mk-titulo { font-size: 0.74em; font-weight: 700; line-height: 1.3; color: var(--mk-ink-1); }

.mk-etapa { flex: 0 0 auto; font-size: 0.58em; font-style: normal; line-height: 1.3; color: var(--mk-ink-3); }

.mk-apoio { font-size: 0.6em; line-height: 1.45; color: var(--mk-ink-3); }

.mk-apoio b { font-weight: 700; color: var(--mk-ink-1); }

.mk-apoio--dia { opacity: 0; transform: translateY(0.35em); }

.mk-duracoes { display: flex; flex-wrap: wrap; gap: 0.3em; margin: 0.12em 0px 0.4em; }

.mk-dur { padding: 0.42em 0.8em; border: 1px solid var(--mk-fio-1); border-radius: 999px; background: var(--mk-sup-1); font-size: 0.6em; font-weight: 500; line-height: 1.2; color: var(--mk-ink-1); }

.mk-horas { margin-top: 0.12em; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 0.4em; }

.mk-hora { padding: 0.5em 0.4em; border: 1px solid var(--mk-fio-1); border-radius: 0.6em; background: var(--mk-sup-1); font-size: 0.66em; font-weight: 700; line-height: 1.2; color: var(--mk-ink-1); text-align: center; opacity: 0; transform: translateY(0.5em); }

.mk-resumo { display: flex; flex-direction: column; gap: 0.2em; padding: 0.55em 0.7em; border: 1px solid var(--mk-fio-3); border-radius: 0.7em; background: var(--mk-sup-3); }

.mk-resumo-l { display: flex; align-items: center; gap: 0.5em; font-size: 0.66em; font-weight: 600; line-height: 1.45; color: var(--mk-ink-1); }

.mk-ico { flex: 0 0 auto; width: 1em; height: 1em; color: var(--mk-ink-4); }

.mk-resumo .mk-ico { color: var(--mk-az); }

.mk-grupo { display: flex; flex-direction: column; gap: 0.16em; }

.mk-rot { font-size: 0.58em; font-weight: 600; font-style: normal; line-height: 1.2; color: var(--mk-ink-2); }

.mk-rot em { font-style: normal; color: var(--mk-ink-3); }

.mk-campo { display: flex; align-items: center; gap: 0.5em; padding: 0.5em 0.7em; border: 1px solid var(--mk-fio-2); border-radius: 0.7em; background: var(--mk-sup-2); box-shadow: 0 0 0 0 var(--mk-anel-0); }

.mk-campo-val { position: relative; flex: 1 1 auto; min-width: 0px; font-size: 0.66em; line-height: 1.3; }

.mk-ph { display: block; font-style: normal; color: var(--mk-ink-4); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; opacity: 0; }

.mk-tec { position: absolute; left: 0px; top: 0px; box-sizing: content-box; display: block; width: var(--w); overflow: hidden; white-space: nowrap; font-weight: 500; line-height: inherit; color: var(--mk-ink-1); background: var(--mk-sup-2); border-right: 0.1em solid transparent; }

.mk-agendar { display: flex; align-items: center; justify-content: center; margin-top: auto; padding: 0.62em 1em; border-radius: 999px; background: linear-gradient(90deg, rgb(139, 92, 246), rgb(236, 72, 153)); box-shadow: rgba(15, 23, 42, 0.1) 0px 0.06em 0.12em, rgba(15, 23, 42, 0.137) 0px 0.5em 1.2em, rgba(15, 23, 42, 0) 0px 0px 0px inset; }

.mk-agendar b { font-size: 0.72em; font-weight: 600; line-height: 1.2; color: rgb(255, 255, 255); }

.mk-ato--fim { align-items: center; justify-content: center; gap: 0.5em; text-align: center; }

.mk-selo { display: flex; align-items: center; justify-content: center; width: 2.3em; height: 2.3em; border-radius: 50%; background: var(--mk-az-ch); color: var(--mk-no-az); opacity: 1; transform: none; }

.mk-selo svg { width: 1.15em; height: 1.15em; }

.mk-fim-t { font-size: 0.9em; font-weight: 700; line-height: 1.3; color: var(--mk-ink-1); }

.mk-fim-p { max-width: 18em; font-size: 0.62em; line-height: 1.5; color: var(--mk-ink-3); }

.mk-fim-l { opacity: 1; transform: none; }

@keyframes mkAto1 { 
  0% { opacity: 0; }
  8.5417% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  10.4167% { opacity: 1; }
  29.6875% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  30.7292% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes mkAto2 { 
  0% { opacity: 0; }
  30.9375% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  32.8125% { opacity: 1; }
  65.3646% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  66.4063% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes mkAto3 { 
  0% { opacity: 1; }
  7.2917% { opacity: 1; animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  8.3333% { opacity: 0; }
  66.6146% { opacity: 0; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  68.4896% { opacity: 1; }
  100% { opacity: 1; }
}

@keyframes mkDisco { 
  0% { opacity: 1; transform: scale(1); }
  7.2917% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  8.3333% { opacity: 0; transform: scale(0.55); }
  18.8542% { opacity: 0; transform: scale(0.4); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  20.1042% { opacity: 1; transform: scale(1); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes mkDia { 
  0% { transform: none; }
  18.2292% { transform: none; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  18.8542% { transform: scale(0.94); }
  19.2708% { transform: scale(0.94); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  20.3125% { transform: scale(1.012); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  21.1458% { transform: none; }
  100% { transform: none; }
}

@keyframes mkDiaTinta { 
  0% { color: var(--mk-no-az); }
  7.2917% { color: var(--mk-no-az); }
  8.3333% { color: var(--mk-ink-1); }
  19.0625% { color: var(--mk-ink-1); }
  19.7917% { color: var(--mk-no-az); }
  100% { color: var(--mk-no-az); }
}

@keyframes mkDur { 
  0% { transform: none; background-color: var(--mk-sup-1); border-color: var(--mk-fio-1); color: var(--mk-ink-1); }
  11.9792% { transform: none; background-color: var(--mk-sup-1); border-color: var(--mk-fio-1); color: var(--mk-ink-1); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  12.6042% { transform: scale(0.94); background-color: var(--mk-afunda); border-color: var(--mk-fio-1); color: var(--mk-ink-1); }
  13.0208% { transform: scale(0.94); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  14.0625% { transform: scale(1.012); background-color: var(--mk-az-ch); border-color: var(--mk-az-ch); color: var(--mk-no-az); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  14.8958% { transform: none; background-color: var(--mk-az-ch); border-color: var(--mk-az-ch); color: var(--mk-no-az); }
  100% { transform: none; background-color: var(--mk-az-ch); border-color: var(--mk-az-ch); color: var(--mk-no-az); }
}

@keyframes mkApoioDia { 
  0% { opacity: 0; transform: translateY(0.35em); }
  19.8958% { opacity: 0; transform: translateY(0.35em); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  21.9792% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes mkHora { 
  0% { opacity: 0; transform: translateY(0.5em); }
  20.2083% { opacity: 0; transform: translateY(0.5em); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  22.2917% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 1; transform: translateY(0px); }
}

@keyframes mkHoraAlvo { 
  0% { opacity: 0; transform: translateY(0.5em) scale(1); background-color: var(--mk-sup-1); border-color: var(--mk-fio-1); color: var(--mk-ink-1); }
  20.2083% { opacity: 0; transform: translateY(0.5em) scale(1); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  22.2917% { opacity: 1; transform: translateY(0px) scale(1); }
  26.5625% { opacity: 1; transform: translateY(0px) scale(1); background-color: var(--mk-sup-1); border-color: var(--mk-fio-1); color: var(--mk-ink-1); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  27.1875% { transform: translateY(0px) scale(0.94); background-color: var(--mk-afunda); }
  27.6042% { transform: translateY(0px) scale(0.94); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  28.6458% { transform: translateY(0px) scale(1.012); background-color: var(--mk-az-ch); border-color: var(--mk-az-ch); color: var(--mk-no-az); animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  29.4792% { transform: translateY(0px) scale(1); background-color: var(--mk-az-ch); border-color: var(--mk-az-ch); color: var(--mk-no-az); }
  100% { opacity: 1; transform: translateY(0px) scale(1); background-color: var(--mk-az-ch); border-color: var(--mk-az-ch); color: var(--mk-no-az); }
}

@keyframes mkFoco1 { 
  0% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
  35.9375% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
  36.5625% { border-color: var(--mk-az-ch); box-shadow: 0 0 0 0.2em var(--mk-anel); }
  43.2292% { border-color: var(--mk-az-ch); box-shadow: 0 0 0 0.2em var(--mk-anel); }
  43.8542% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
  100% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
}

@keyframes mkFoco2 { 
  0% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
  43.2292% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
  43.8542% { border-color: var(--mk-az-ch); box-shadow: 0 0 0 0.2em var(--mk-anel); }
  52.3438% { border-color: var(--mk-az-ch); box-shadow: 0 0 0 0.2em var(--mk-anel); }
  52.9688% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
  100% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
}

@keyframes mkFoco3 { 
  0% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
  52.3438% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
  52.9688% { border-color: var(--mk-az-ch); box-shadow: 0 0 0 0.2em var(--mk-anel); }
  59.6354% { border-color: var(--mk-az-ch); box-shadow: 0 0 0 0.2em var(--mk-anel); }
  60.2604% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
  100% { border-color: var(--mk-fio-1); box-shadow: 0 0 0 0 var(--mk-anel-0); }
}

@keyframes mkTec1 { 
  0% { width: 0px; border-right-color: var(--mk-cursor-0); }
  35.9375% { width: 0px; border-right-color: var(--mk-cursor-0); }
  36.0417% { width: 0px; border-right-color: var(--mk-cursor); }
  36.4583% { width: 0px; animation-timing-function: steps(12); }
  41.6667% { width: var(--w); }
  43.2292% { width: var(--w); border-right-color: var(--mk-cursor); }
  43.3333% { width: var(--w); border-right-color: var(--mk-cursor-0); }
  100% { width: var(--w); border-right-color: var(--mk-cursor-0); }
}

@keyframes mkTec2 { 
  0% { width: 0px; border-right-color: var(--mk-cursor-0); }
  43.2292% { width: 0px; border-right-color: var(--mk-cursor-0); }
  43.3333% { width: 0px; border-right-color: var(--mk-cursor); }
  43.75% { width: 0px; animation-timing-function: steps(22); }
  50.7813% { width: var(--w); }
  52.3438% { width: var(--w); border-right-color: var(--mk-cursor); }
  52.4479% { width: var(--w); border-right-color: var(--mk-cursor-0); }
  100% { width: var(--w); border-right-color: var(--mk-cursor-0); }
}

@keyframes mkTec3 { 
  0% { width: 0px; border-right-color: var(--mk-cursor-0); }
  52.3438% { width: 0px; border-right-color: var(--mk-cursor-0); }
  52.4479% { width: 0px; border-right-color: var(--mk-cursor); }
  52.8646% { width: 0px; animation-timing-function: steps(15); }
  58.3333% { width: var(--w); }
  59.6354% { width: var(--w); border-right-color: var(--mk-cursor); }
  59.7396% { width: var(--w); border-right-color: var(--mk-cursor-0); }
  100% { width: var(--w); border-right-color: var(--mk-cursor-0); }
}

@keyframes mkPh1 { 
  0% { opacity: 1; }
  36.4583% { opacity: 1; }
  37.2917% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes mkPh2 { 
  0% { opacity: 1; }
  43.75% { opacity: 1; }
  44.5833% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes mkPh3 { 
  0% { opacity: 1; }
  52.8646% { opacity: 1; }
  53.6979% { opacity: 0; }
  100% { opacity: 0; }
}

@keyframes mkBotao { 
  0% { transform: none; box-shadow: rgba(15, 23, 42, 0.1) 0px 0.06em 0.12em, rgba(15, 23, 42, 0.137) 0px 0.5em 1.2em, rgba(15, 23, 42, 0) 0px 0px 0px inset; }
  62.2396% { transform: none; box-shadow: rgba(15, 23, 42, 0.1) 0px 0.06em 0.12em, rgba(15, 23, 42, 0.137) 0px 0.5em 1.2em, rgba(15, 23, 42, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  62.8646% { transform: translateY(0.16em) scale(0.925); box-shadow: rgba(15, 23, 42, 0.137) 0px 0.02em 0.05em, rgba(15, 23, 42, 0.07) 0px 0.1em 0.26em, rgba(15, 23, 42, 0.15) 0px 0.16em 0.34em inset; }
  63.2813% { transform: translateY(0.16em) scale(0.925); box-shadow: rgba(15, 23, 42, 0.137) 0px 0.02em 0.05em, rgba(15, 23, 42, 0.07) 0px 0.1em 0.26em, rgba(15, 23, 42, 0.15) 0px 0.16em 0.34em inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  64.3229% { transform: translateY(-0.025em) scale(1.014); box-shadow: rgba(15, 23, 42, 0.114) 0px 0.08em 0.16em, rgba(15, 23, 42, 0.16) 0px 0.62em 1.34em, rgba(15, 23, 42, 0) 0px 0px 0px inset; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
  65.1563% { transform: none; box-shadow: rgba(15, 23, 42, 0.1) 0px 0.06em 0.12em, rgba(15, 23, 42, 0.137) 0px 0.5em 1.2em, rgba(15, 23, 42, 0) 0px 0px 0px inset; }
  100% { transform: none; box-shadow: rgba(15, 23, 42, 0.1) 0px 0.06em 0.12em, rgba(15, 23, 42, 0.137) 0px 0.5em 1.2em, rgba(15, 23, 42, 0) 0px 0px 0px inset; }
}

@keyframes mkSelo { 
  0% { opacity: 1; transform: none; }
  7.2917% { opacity: 1; transform: none; }
  8.3333% { opacity: 0; transform: scale(0.7); }
  66.4063% { opacity: 0; transform: scale(0.5); animation-timing-function: cubic-bezier(0.32, 1.32, 0.45, 1); }
  68.4896% { opacity: 1; transform: scale(1); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes mkFimLinha { 
  0% { opacity: 1; transform: none; }
  7.2917% { opacity: 1; transform: none; }
  8.3333% { opacity: 0; transform: translateY(0.4em); }
  66.6146% { opacity: 0; transform: translateY(0.4em); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  68.6979% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 1; transform: translateY(0px); }
}

.cli-card.is-vivo .mk-ato--passo1 { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkAto1; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-ato--passo2 { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkAto2; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-ato--fim { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkAto3; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-disco { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkDisco; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-dia--alvo { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkDia; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-dia-n { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkDiaTinta; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-dur--alvo { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkDur; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-apoio--dia { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkApoioDia; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-hora { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkHora; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i) * 60ms + var(--mk-fase)); }

.cli-card.is-vivo .mk-hora--alvo { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkHoraAlvo; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-campo--nome { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkFoco1; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-campo--mail { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkFoco2; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-campo--zap { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkFoco3; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-tec--nome { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkTec1; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-tec--mail { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkTec2; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-tec--zap { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkTec3; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-ph--nome { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkPh1; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-ph--mail { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkPh2; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-ph--zap { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkPh3; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-agendar { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkBotao; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-selo { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkSelo; animation-timeline: auto; animation-range: normal; animation-delay: var(--mk-fase); }

.cli-card.is-vivo .mk-fim-l { animation-duration: 19.2s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; animation-play-state: running; animation-name: mkFimLinha; animation-timeline: auto; animation-range: normal; animation-delay: calc(var(--i) * 80ms + var(--mk-fase)); }

.cli-card.is-parado .mk-ato, .cli-card.is-parado .mk-disco, .cli-card.is-parado .mk-dia--alvo, .cli-card.is-parado .mk-dia-n, .cli-card.is-parado .mk-dur--alvo, .cli-card.is-parado .mk-apoio--dia, .cli-card.is-parado .mk-hora, .cli-card.is-parado .mk-campo, .cli-card.is-parado .mk-tec, .cli-card.is-parado .mk-ph, .cli-card.is-parado .mk-agendar, .cli-card.is-parado .mk-selo, .cli-card.is-parado .mk-fim-l { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .cli-card.is-vivo .mk-ato, .cli-card.is-vivo .mk-disco, .cli-card.is-vivo .mk-dia--alvo, .cli-card.is-vivo .mk-dia-n, .cli-card.is-vivo .mk-dur--alvo, .cli-card.is-vivo .mk-apoio--dia, .cli-card.is-vivo .mk-hora, .cli-card.is-vivo .mk-campo, .cli-card.is-vivo .mk-tec, .cli-card.is-vivo .mk-ph, .cli-card.is-vivo .mk-agendar, .cli-card.is-vivo .mk-selo, .cli-card.is-vivo .mk-fim-l { animation: auto ease 0s 1 normal none running none; }
}

@media (max-width: 960px) {
  @container (max-width: 660px) and (min-height: 380px) {
  .mk-peca { width: 24em; font-size: min(4.16667cqw, 3.46021cqh, 15px); }
  .mk-cartao { flex-direction: column; }
  .mk-esq { flex: 0 0 auto; padding: 0.8em 0.7em 0.85em; border-right: 0px; border-bottom: 1px solid var(--mk-divisor); border-radius: 1.1em 1.1em 0px 0px; }
  .mk-mes, .mk-semana, .mk-dias { display: none; }
  .mk-avatar { width: 2.6em; height: 2.6em; }
  .mk-avatar b { font-size: 1.15em; }
  .mk-rotulo { font-size: 0.72em; }
  .mk-nome { font-size: 0.98em; }
  .mk-titulo { font-size: 0.9em; }
  .mk-etapa { font-size: 0.66em; }
  .mk-apoio { font-size: 0.7em; }
  .mk-dur { font-size: 0.7em; }
  .mk-hora { font-size: 0.8em; }
  .mk-resumo-l { font-size: 0.76em; }
  .mk-rot { font-size: 0.66em; }
  .mk-campo-val { font-size: 0.76em; }
  .mk-agendar b { font-size: 0.82em; }
  .mk-fim-t { font-size: 1em; }
  .mk-fim-p { font-size: 0.72em; }
}
}

@media (max-width: 702px) {
  .cli-vao--horarios { aspect-ratio: auto; height: 410px; }
}

@media (min-width: 961px) {
  .cli-vao--horarios { aspect-ratio: 40 / 36.143; }
  .mk-peca { width: 40em; font-size: min(2.5cqw, 2.76679cqh); }
  .mk-cartao { flex-direction: column; }
  .mk-esq { flex: 0 0 auto; padding: 0.72em 6.2em 0.7em; gap: 0.16em; border-right: 0px; border-bottom: 1px solid var(--mk-divisor); border-radius: 1.1em 1.1em 0px 0px; }
  .mk-avatar { display: none; }
  .mk-rotulo { margin-top: 0px; }
  .mk-nome { margin-top: 0.24em; }
  .mk-mes { margin-top: 0.8em; }
  .mk-mes, .mk-semana, .mk-dias { max-width: none; }
  .mk-semana { margin-top: 0.44em; gap: 0px; }
  .mk-semana span { font-size: 0.62em; }
  .mk-dias { margin-top: 0.08em; gap: 0px; }
  .mk-dia, .mk-vago { width: 44.38%; justify-self: center; font-size: 0.7em; }
  .mk-dir { padding: 0.7em 6.2em 1.8em; align-items: center; }
  .mk-ato { gap: 0.44em; }
  .mk-grupo { gap: 0.16em; }
  .mk-campo { padding: 0.46em 0.7em; }
  .mk-resumo { flex-flow: wrap; align-items: center; padding: 0.52em 0.7em; gap: 0.14em 1.1em; }
  .mk-agendar { padding: 0.58em 1em; }
}

.cli-papel { width: 100%; height: 100%; font-size: calc(1.9685cqw); background: radial-gradient(80% 66% at 50% 40%, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 40%, rgb(243, 243, 246) 78%, rgb(235, 235, 240) 100%); border: 0px; box-shadow: none; border-radius: 1.1em; }

@media (min-width: 961px) {
  .cli-papel { font-size: calc(1.25cqw - 1px); }
}

@media (max-width: 702px) {
  .cli-papel { font-size: min(4.16667cqw, 14.1869px); }
}

@media (max-width: 600px) {
  .cli-vao--horarios { flex: 0 0 auto; height: auto; aspect-ratio: 24 / 28.9; min-height: 380px; }
  .mk-peca { font-size: calc(4.16667cqw); }
  .cli-papel { font-size: calc(4.16667cqw); }
}

.sf-palco { position: absolute; inset: 0px; overflow: hidden; border-radius: inherit; container-type: size; }

.sf-fone { --uc: min(calc(100cqw / 380),calc(100cqh / 360)); --u: calc(var(--uc) * 0.8); --esc: calc(var(--u) * 300 / 596); position: absolute; left: calc(50% - var(--u) * 150); top: calc(var(--uc) * 44); width: calc(var(--u) * 300); height: calc(var(--esc) * 1210); opacity: 0; transform: translateY(100cqh); transition: transform 1.6s cubic-bezier(0.28, 0.55, 0.25, 1), opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1); }

.cli-card.is-vivo .sf-fone { opacity: 1; transform: translateY(0px); }

.sf-png { position: absolute; inset: 0px; width: 100%; height: 100%; display: block; z-index: 2; pointer-events: none; }

.sf-tela { position: absolute; left: calc(var(--esc) * 28); top: calc(var(--esc) * 21); width: calc(var(--esc) * 542); height: calc(var(--esc) * 1168); border-radius: calc(var(--esc) * 52); z-index: 1; overflow: hidden; display: flex; flex-direction: column; background: rgb(236, 229, 221); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; text-align: left; }

.sf-topo { display: flex; align-items: center; gap: calc(var(--u) * 10); flex: 0 0 auto; padding: calc(var(--esc) * 71 + var(--u) * 10) calc(var(--u) * 14) calc(var(--u) * 10); background: rgb(246, 246, 246); box-shadow: rgba(11, 20, 26, 0.08) 0px 1px 0px; }

.sf-voltar { width: calc(var(--u) * 15); height: calc(var(--u) * 15); flex: 0 0 auto; margin-left: calc(var(--u) * -4.4); margin-right: calc(var(--u) * -2); fill: none; stroke: rgb(22, 22, 26); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

.sf-av { width: calc(var(--u) * 32); height: calc(var(--u) * 32); flex: 0 0 auto; border-radius: 50%; overflow: hidden; background: rgb(0, 0, 0); }

.sf-av img { display: block; width: 100%; height: 100%; object-fit: cover; }

.sf-id { display: grid; gap: 1px; min-width: 0px; }

.sf-id b { font-size: calc(var(--u) * 13.5); font-weight: 600; letter-spacing: -0.014em; line-height: 1.25; color: rgb(12, 12, 13); white-space: nowrap; }

.sf-selo { width: 0.94em; height: 0.94em; margin-left: 0.26em; vertical-align: -0.1em; }

.sf-id em { display: block; font-size: calc(var(--u) * 11.5); font-style: normal; font-weight: 400; line-height: 1.3; color: rgb(102, 119, 129); white-space: nowrap; }

.sf-fluxo { display: flex; flex-direction: column; align-items: flex-start; flex: 1 1 0%; min-height: 0px; padding: calc(var(--u) * 16) calc(var(--u) * 8) 0; }

.sf-dia { align-self: center; margin-bottom: calc(var(--u) * 10); padding: calc(var(--u) * 4) calc(var(--u) * 10) calc(var(--u) * 5); border-radius: calc(var(--u) * 8); background: rgba(255, 255, 255, 0.82); box-shadow: rgba(11, 20, 26, 0.1) 0px 1px 0.5px; font-size: calc(var(--u) * 10.5); font-weight: 500; line-height: 1.3; letter-spacing: 0.03em; text-transform: uppercase; color: rgb(102, 119, 129); }

.sf-atos { position: relative; align-self: stretch; flex: 1 1 0%; min-height: 0px; }

.sf-cena { position: absolute; top: 0px; left: 0px; right: 0px; display: flex; flex-direction: column; align-items: stretch; gap: calc(var(--u) * 9); }

.sf-cena--1 { opacity: 0; }

.sf-cena--2 { opacity: 1; }

.sf-fala { position: relative; flex: 0 0 auto; display: flex; }

.sf-fala--in { justify-content: flex-start; transform: translateX(calc(var(--u) * 5)); }

.sf-fala--out { justify-content: flex-end; }

.sf-bolha { position: relative; flex: 0 0 auto; max-width: 83%; padding: calc(var(--u) * 6) calc(var(--u) * 7.5) calc(var(--u) * 5); border-radius: calc(var(--u) * 9); box-shadow: rgba(11, 20, 26, 0.13) 0px 1px 0.5px; color: rgb(17, 27, 33); --sf-pe: calc(var(--u) * 25); }

.sf-bolha--in { background: rgb(255, 255, 255); transform-origin: 0px 0px; }

.sf-bolha--out { background: rgb(216, 253, 210); transform-origin: 100% 0px; --sf-pe: calc(var(--u) * 40); }

.sf-bolha p { margin: 0px; font-size: calc(var(--u) * 10.5); font-weight: 400; line-height: 1.45; }

.sf-bolha p::after { content: ""; display: inline-block; width: var(--sf-pe); }

.sf-quem { display: block; margin: 0 0 calc(var(--u) * 3.8); font-size: calc(var(--u) * 10.1); font-weight: 600; line-height: 1.2; }

.sf-meta { position: absolute; right: calc(var(--u) * 7.5); bottom: calc(var(--u) * 5); display: flex; align-items: center; gap: calc(var(--u) * 2.6); font-size: calc(var(--u) * 7.8); font-weight: 400; line-height: 1; color: rgba(11, 20, 26, 0.45); }

.sf-visto { width: calc(var(--u) * 12); height: calc(var(--u) * 9); flex: 0 0 auto; fill: none; stroke: rgb(83, 189, 235); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.sf-dig { position: absolute; top: 0px; width: calc(var(--u) * 32); height: calc(var(--u) * 20); display: flex; align-items: center; justify-content: center; border-radius: calc(var(--u) * 9); box-shadow: rgba(11, 20, 26, 0.13) 0px 1px 0.5px; opacity: 0; }

.sf-dig--in { left: 0px; background: rgb(255, 255, 255); transform-origin: 0px 0px; }

.sf-dig--out { right: 0px; background: rgb(216, 253, 210); transform-origin: 100% 0px; }

.sf-dig i { width: calc(var(--u) * 4.5); height: calc(var(--u) * 4.5); border-radius: 50%; background: rgb(106, 106, 112); opacity: 0.3; }

.sf-dig i + i { margin-left: calc(var(--u) * 3); }

@keyframes sfDig { 
  0% { opacity: 0; transform: scale(0.9); animation-timing-function: cubic-bezier(0.34, 1.34, 0.5, 1); }
  23.256% { opacity: 1; transform: scale(1); }
  81.395% { opacity: 1; transform: scale(1); animation-timing-function: cubic-bezier(0.5, 0, 0.9, 0.35); }
  100% { opacity: 0; transform: scale(1); }
}

@keyframes sfNasce { 
  0% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 1; transform: scale(1); }
}

@keyframes sfAtoSai { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}

@keyframes sfAtoVem { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes sfPulso { 
  0%, 80%, 100% { opacity: 0.3; }
  40% { opacity: 1; }
}

.cli-card.is-vivo .sf-dig--1 { animation: 860ms linear 1250ms 1 normal backwards running sfDig; }

.cli-card.is-vivo .sf-ent--1 { animation: 420ms cubic-bezier(0.32, 1.32, 0.45, 1) 1950ms 1 normal backwards running sfNasce; }

.cli-card.is-vivo .sf-dig--2 { animation: 860ms linear 3320ms 1 normal backwards running sfDig; }

.cli-card.is-vivo .sf-ent--2 { animation: 420ms cubic-bezier(0.32, 1.32, 0.45, 1) 4020ms 1 normal backwards running sfNasce; }

.cli-card.is-vivo .sf-cena--1 { animation: 350ms cubic-bezier(0.5, 0, 0.9, 0.35) 6190ms 1 normal backwards running sfAtoSai; }

.cli-card.is-vivo .sf-cena--2 { animation: 350ms cubic-bezier(0.22, 1, 0.36, 1) 6580ms 1 normal backwards running sfAtoVem; }

.cli-card.is-vivo .sf-dig--3 { animation: 860ms linear 6760ms 1 normal backwards running sfDig; }

.cli-card.is-vivo .sf-ent--3 { animation: 420ms cubic-bezier(0.32, 1.32, 0.45, 1) 7460ms 1 normal backwards running sfNasce; }

.cli-card.is-vivo .sf-dig--4 { animation: 860ms linear 8780ms 1 normal backwards running sfDig; }

.cli-card.is-vivo .sf-ent--4 { animation: 420ms cubic-bezier(0.32, 1.32, 0.45, 1) 9480ms 1 normal backwards running sfNasce; }

.cli-card.is-vivo .sf-dig--5 { animation: 860ms linear 10700ms 1 normal backwards running sfDig; }

.cli-card.is-vivo .sf-ent--5 { animation: 420ms cubic-bezier(0.32, 1.32, 0.45, 1) 11400ms 1 normal backwards running sfNasce; }

.cli-card.is-vivo .sf-dig i { animation: 1.4s cubic-bezier(0.4, 0, 0.2, 1) 0s infinite normal none running sfPulso; }

.cli-card.is-vivo .sf-dig i:nth-child(2) { animation-delay: 0.2s; }

.cli-card.is-vivo .sf-dig i:nth-child(3) { animation-delay: 0.4s; }

.cli-card.is-parado .sf-cena, .cli-card.is-parado .sf-bolha, .cli-card.is-parado .sf-dig, .cli-card.is-parado .sf-dig i { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
  .sf-fone { opacity: 1; transform: translateY(0px); transition: none; }
  .cli-card.is-vivo .sf-cena, .cli-card.is-vivo .sf-bolha, .cli-card.is-vivo .sf-dig, .cli-card.is-vivo .sf-dig i { animation: auto ease 0s 1 normal none running none; }
}

.emp-section { position: relative; z-index: 3; width: 100%; background: radial-gradient(128% 92% at 50% -8%, rgba(255, 255, 255, 0.055) 0%, rgba(255, 255, 255, 0.02) 42%, rgba(255, 255, 255, 0) 72%); padding: 104px 0px 112px; display: flex; flex-direction: column; align-items: center; --emp-tinta: #f5f5f7; --emp-tinta-2: #86868b; --emp-fio-pilula: rgba(255,255,255,0.14); --emp-fio-janela: rgba(255,255,255,0.12); --emp-wire-bloco: rgba(255,255,255,0.05); --emp-wire-fio: rgba(255,255,255,0.10); --emp-ease: cubic-bezier(0.22,1,0.36,1); --emp-varre: 900ms; --emp-rampa: 60px; --emp-travessia: cubic-bezier(0.4,0.1,0.3,1); --emp-esteira: 700ms; --emp-esteira-ease: cubic-bezier(0.65,0,0.35,1); --emp-esteira-z: 350ms; --emp-alt: 470px; --emp-corpo: 15px; --emp-larg: 400px; --emp-barra-alt: 44px; --emp-jan-alt: calc(var(--emp-alt) + var(--emp-barra-alt) + 2px); --emp-respiro: 60px; --emp-pilula-alt: 56px; }

.emp-topo { width: 94%; max-width: 620px; margin-inline: auto; text-align: center; margin-bottom: clamp(40px, 3.9vw, 56px); }

.emp-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--emp-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin-bottom: 0px; }

.emp-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--emp-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin-inline: auto; text-wrap: balance; }

.emp-palco { position: relative; width: 100%; overflow: hidden; padding-bottom: 24px; }

.emp-cena { position: relative; width: 94%; max-width: 1300px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; }

.emp-pilula { position: relative; z-index: 5; width: min(600px, 92%); height: 56px; flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 0px 9px 0px 18px; border-radius: 999px; background: linear-gradient(rgb(26, 26, 29) 0%, rgb(22, 22, 24) 100%); border: 1px solid var(--emp-fio-pilula); box-shadow: rgba(0, 0, 0, 0.5) 0px 14px 30px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }

.emp-balao { width: 19px; height: 19px; flex: 0 0 auto; fill: none; stroke: rgba(255, 255, 255, 0.42); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.emp-campo { flex: 1 1 0%; min-width: 0px; height: 100%; display: flex; align-items: center; overflow: hidden; white-space: nowrap; }

.emp-texto { flex: 0 0 auto; font-family: Poppins, sans-serif; font-size: 1.05rem; font-weight: 400; color: rgb(245, 245, 247); letter-spacing: -0.01em; line-height: 1; opacity: 1; }

.emp-cursor { flex: 0 0 auto; width: 2px; height: 1.16em; margin-left: 2px; border-radius: 1px; background: rgb(255, 255, 255); opacity: 0; }

.emp-enviar { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(rgb(46, 46, 51) 0%, rgb(31, 31, 35) 100%); border: 1px solid rgba(255, 255, 255, 0.1); opacity: 0; transform: scale(0.7); transition: opacity 0.24s ease,transform 0.3s var(--emp-ease); }

.emp-enviar svg { width: 16px; height: 16px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.emp-cometa { position: absolute; inset: -11px; z-index: -1; width: calc(100% + 22px); height: calc(100% + 22px); display: block; pointer-events: none; }

.emp-janela { position: relative; margin-top: var(--emp-respiro); width: min(400px, 92%); border-radius: 16px; overflow: hidden; background: linear-gradient(160deg, rgb(35, 35, 38) 0%, rgb(13, 13, 15) 55%, rgb(26, 26, 29) 100%); padding: 1px; box-shadow: 0 24px 48px rgba(0,0,0,var(--emp-sombra,0)); transform: translateX(var(--emp-dx,0)) scale(var(--emp-sc,1)); z-index: var(--emp-z,4); opacity: var(--emp-op,1); transition: transform var(--emp-esteira) var(--emp-esteira-ease),opacity var(--emp-esteira) var(--emp-esteira-ease),box-shadow var(--emp-esteira) var(--emp-esteira-ease),z-index 0s linear var(--emp-esteira-z); }

.emp-janela::after { content: ""; position: absolute; inset: 0px; z-index: 6; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--emp-fio-janela),inset 0 2px 0 -1px rgba(255,255,255,0.06); }

.emp-barra { position: relative; height: var(--emp-barra-alt); display: flex; align-items: center; padding: 0px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }

.emp-pontos { display: flex; gap: 6px; }

.emp-pontos i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.16); }

.emp-endereco { position: absolute; left: 50%; transform: translateX(-50%); min-width: 150px; max-width: 58%; height: 26px; padding: 0px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.06); display: flex; align-items: center; justify-content: center; font-family: Poppins, sans-serif; font-size: 0.78rem; font-weight: 300; color: rgba(255,255,255,calc(0.52 * var(--emp-url,1))); transition: color var(--emp-esteira) var(--emp-esteira-ease); white-space: nowrap; overflow: hidden; }

.emp-viewport { position: relative; height: var(--emp-alt); overflow: hidden; background: rgb(11, 11, 13); }

.emp-veu { position: absolute; inset: 0px; z-index: 7; pointer-events: none; background: rgb(8, 8, 8); opacity: var(--emp-veu,0); transition: opacity var(--emp-esteira) var(--emp-esteira-ease); }

.emp-janela.emp-fundo { position: absolute; top: calc(var(--emp-pilula-alt) + var(--emp-respiro)); left: 50%; width: var(--emp-larg); height: var(--emp-jan-alt); margin-top: 0px; margin-left: calc(var(--emp-larg) * -0.5); }

.emp-vaga--saida { --emp-dx: calc(-50vw - 35%); --emp-sc: 0.70; --emp-veu: 0.70; --emp-z: 1; --emp-op: 0; --emp-url: 0; }

.emp-vaga--longe-esq { --emp-dx: -494px; --emp-sc: 0.70; --emp-veu: 0.70; --emp-z: 2; --emp-url: 0; }

.emp-vaga--longe-dir { --emp-dx: 494px; --emp-sc: 0.70; --emp-veu: 0.70; --emp-z: 2; --emp-url: 0; }

.emp-vaga--perto-esq { --emp-dx: -268px; --emp-sc: 0.85; --emp-veu: 0.46; --emp-z: 3; --emp-url: 0; }

.emp-vaga--perto-dir { --emp-dx: 268px; --emp-sc: 0.85; --emp-veu: 0.46; --emp-z: 3; --emp-url: 0; }

.emp-vaga--centro { --emp-dx: 0px; --emp-sc: 1; --emp-veu: 0; --emp-z: 4; --emp-url: 1; --emp-sombra: 0.55; }

.emp-vaga--entrada { --emp-dx: calc(50vw + 35%); --emp-sc: 0.70; --emp-veu: 0.70; --emp-z: 1; --emp-url: 0; }

.emp-wire { position: absolute; inset: 0px; padding: 24px 22px; display: flex; flex-direction: column; }

.emp-wb { display: block; border-radius: 4px; background: var(--emp-wire-bloco); }

.emp-wb--titulo { flex: 0 0 auto; width: 42%; height: 15px; margin-bottom: 9px; }

.emp-wb--sub { flex: 0 0 auto; width: 26%; height: 9px; margin-bottom: 20px; }

.emp-wl { flex: 0 0 auto; height: 66px; display: grid; grid-template-columns: 1fr auto; gap: 8px 16px; align-content: center; border-top: 1px dashed var(--emp-wire-fio); }

.emp-wb--nome { grid-column: 1; width: 46%; height: 12px; }

.emp-wb--obs { grid-column: 1; width: 64%; height: 8px; }

.emp-wb--valor { grid-area: 1 / 2 / span 2; place-self: center end; width: 62px; height: 16px; }

.emp-wg { flex: 0 0 auto; height: 66px; display: flex; align-items: flex-end; gap: 7px; padding-bottom: 14px; border-top: 1px dashed var(--emp-wire-fio); margin-top: auto; }

.emp-wg i { flex: 1 1 0%; max-width: 26px; border-radius: 3px 3px 0px 0px; background: var(--emp-wire-bloco); }

.emp-wg i:nth-child(1) { height: 40%; }

.emp-wg i:nth-child(2) { height: 72%; }

.emp-wg i:nth-child(3) { height: 55%; }

.emp-wg i:nth-child(4) { height: 88%; }

.emp-wg i:nth-child(5) { height: 64%; }

.emp-brilho { position: absolute; inset: 0px; pointer-events: none; opacity: 0; background: linear-gradient(rgba(255, 255, 255, 0.075) 0%, rgba(255, 255, 255, 0.016) 55%, rgba(255, 255, 255, 0) 100%); }

.emp-tela { position: absolute; inset: 0px; z-index: 2; display: flex; flex-direction: column; padding: 24px 22px; background: rgb(255, 255, 255); font-family: Poppins, sans-serif; font-size: var(--emp-corpo); color: rgb(29, 29, 31); --emp-acento: #0f7a52; --emp-acento-fundo: rgba(15,122,82,0.10); opacity: 0; transition: opacity 0.42s linear; }

.emp-cab { flex: 0 0 auto; display: flex; flex-direction: column; gap: 7px; padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.09); }

.emp-titulo { font-size: 1.3em; font-weight: 500; letter-spacing: -0.02em; color: rgb(22, 22, 26); }

.emp-data { font-size: 0.9em; font-weight: 400; color: rgb(134, 134, 139); }

.emp-etiq { font-size: 0.72em; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(142, 142, 147); white-space: nowrap; }

.emp-miolo { flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; justify-content: flex-start; }

.emp-valor { flex: 0 0 auto; font-size: 3.15em; font-weight: 500; letter-spacing: -0.03em; line-height: 1; color: rgb(22, 22, 26); font-variant-numeric: tabular-nums; }

.emp-vezes { margin-left: 0.18em; font-size: 0.3em; font-style: normal; font-weight: 500; letter-spacing: -0.005em; color: rgb(134, 134, 139); }

.emp-rodape { flex: 0 0 auto; margin-top: auto; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }

.emp-tela--cobranca .emp-rodape { padding-top: 1.15em; border-top: 1px solid rgba(0, 0, 0, 0.09); }

.emp-tela--cobranca .emp-rodape { flex-direction: row; align-items: center; justify-content: space-between; gap: 14px; }

.emp-selo { display: inline-flex; align-items: center; gap: 8px; font-size: 0.95em; font-weight: 500; letter-spacing: -0.005em; color: var(--emp-acento); white-space: nowrap; }

.emp-disco { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: currentcolor; }

.emp-acao { font-size: 0.86em; font-weight: 500; color: rgb(29, 29, 31); padding: 7px 14px; border-radius: 7px; border: 1px solid rgba(0, 0, 0, 0.18); white-space: nowrap; }

.emp-tela--cobranca .emp-valor { margin-top: 0.62em; font-size: 2.85em; }

.emp-parcela { flex: 0 0 auto; margin-top: 0.55em; font-size: 0.92em; font-weight: 400; letter-spacing: -0.005em; color: rgb(110, 110, 115); font-variant-numeric: tabular-nums; }

.emp-conta { flex: 0 0 auto; margin-top: 1.5em; border-top: 1px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid rgba(0, 0, 0, 0.09); }

.emp-linha { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 0.86em 0px; }

.emp-linha + .emp-linha { border-top: 1px solid rgba(0, 0, 0, 0.07); }

.emp-chave { flex: 0 0 auto; font-size: 1em; font-weight: 400; color: rgb(110, 110, 115); }

.emp-dado { min-width: 0px; font-size: 1.1em; font-weight: 500; letter-spacing: -0.01em; color: rgb(22, 22, 26); text-align: right; font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.emp-linha--recebe .emp-chave { font-size: 1.15em; font-weight: 400; letter-spacing: -0.01em; color: rgb(110, 110, 115); }

.emp-forte { font-weight: 500; color: rgb(22, 22, 26); }

.emp-formas { flex: 0 0 auto; margin-top: 1.6em; display: flex; align-items: center; justify-content: space-between; gap: 12px; }

.emp-formas > .emp-etiq { font-size: 0.82em; font-weight: 400; letter-spacing: -0.005em; text-transform: none; color: rgb(134, 134, 139); }

.emp-bandeiras { --emp-band: 18px; flex: 0 0 auto; display: flex; align-items: center; gap: 11px; }

.emp-band { display: block; }

.emp-band svg { display: block; height: 100%; width: auto; }

.emp-band--mc { height: calc(var(--emp-band) * 0.77); }

.emp-band--visa { height: calc(var(--emp-band) * 0.68); }

.emp-band--elo { height: calc(var(--emp-band) * 0.91); }

.emp-band--amex { height: var(--emp-band); }

.emp-cab--nf { gap: 5px; }

.emp-nf-linha { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }

.emp-nf-tipo { min-width: 0px; font-size: 0.76em; font-weight: 500; letter-spacing: 0.125em; text-transform: uppercase; color: rgb(29, 29, 31); }

.emp-nf-num { flex: 0 0 auto; font-size: 0.96em; font-weight: 500; letter-spacing: -0.01em; color: rgb(22, 22, 26); font-variant-numeric: tabular-nums; white-space: nowrap; }

.emp-nf-emissao { font-size: 0.82em; font-weight: 400; color: rgb(134, 134, 139); font-variant-numeric: tabular-nums; }

.emp-osso { display: block; border-radius: 3px; background: rgba(0, 0, 0, 0.11); }

.emp-osso--razao { width: 84%; height: 11px; }

.emp-osso--doc { width: 58%; height: 7px; background: rgba(0, 0, 0, 0.075); }

.emp-osso--iss { width: 44px; height: 7px; background: rgba(0, 0, 0, 0.09); }

.emp-partes { flex: 0 0 auto; margin-top: 1.28em; display: grid; grid-template-columns: 1fr 1fr; column-gap: 20px; }

.emp-parte { min-width: 0px; display: flex; flex-direction: column; gap: 7px; }

.emp-parte-nome { display: flex; align-items: center; height: 1.36em; }

.emp-nome { font-size: 1.06em; font-weight: 500; letter-spacing: -0.01em; color: rgb(22, 22, 26); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.emp-tabela { flex: 0 0 auto; margin-top: 1.24em; border-top: 1px solid rgba(0, 0, 0, 0.09); border-bottom: 1px solid rgba(0, 0, 0, 0.09); }

.emp-tr { display: grid; grid-template-columns: 1fr 26px auto; align-items: baseline; column-gap: 12px; padding: 0.82em 0px; }

.emp-tr--cab { padding: 0.62em 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); }

.emp-etiq--qtd, .emp-etiq--val { text-align: right; }

.emp-td { min-width: 0px; font-size: 1em; font-weight: 400; color: rgb(29, 29, 31); font-variant-numeric: tabular-nums; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.emp-td--qtd { text-align: right; color: rgb(110, 110, 115); }

.emp-td--num { text-align: right; font-weight: 400; letter-spacing: -0.01em; color: rgb(110, 110, 115); }

.emp-totais { flex: 0 0 auto; margin-top: 1.12em; width: fit-content; min-width: 78%; margin-left: auto; }

.emp-tot-linha { display: flex; align-items: baseline; justify-content: space-between; gap: 18px; padding: 0.2em 0px; }

.emp-tot-linha--fim { margin-top: 0.45em; padding-top: 0.62em; border-top: 1px solid rgba(0, 0, 0, 0.14); align-items: baseline; }

.emp-tot-chave { font-size: 0.85em; font-weight: 400; color: rgb(110, 110, 115); }

.emp-tot-valor { display: flex; align-items: center; font-size: 0.85em; font-weight: 400; letter-spacing: -0.01em; color: rgb(29, 29, 31); font-variant-numeric: tabular-nums; }

.emp-total .emp-chave, .emp-tot-linha--fim .emp-chave { flex: 0 0 auto; font-size: 0.76em; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: rgb(142, 142, 147); }

.emp-dado--forte { font-size: 1.5em; font-weight: 500; letter-spacing: -0.025em; color: rgb(22, 22, 26); font-variant-numeric: tabular-nums; }

.emp-verif { flex: 0 0 auto; margin-top: auto; padding-top: 0.9em; border-top: 1px solid rgba(0, 0, 0, 0.09); display: flex; align-items: flex-end; }

.emp-verif-cod { min-width: 0px; display: flex; flex-direction: column; gap: 9px; }

.emp-cod { display: flex; align-items: center; gap: 7px; }

.emp-cod i { height: 7px; border-radius: 2px; background: rgba(0, 0, 0, 0.1); }

.emp-cod i:nth-child(1) { width: 30px; }

.emp-cod i:nth-child(2) { width: 22px; }

.emp-cod i:nth-child(3) { width: 34px; }

.emp-cod i:nth-child(4) { width: 18px; }

.emp-saque { flex: 0 0 auto; margin-top: 1.35em; display: flex; flex-direction: column; }

.emp-saque-forte { font-size: 2.05em; font-weight: 500; letter-spacing: -0.03em; line-height: 1.04; color: rgb(22, 22, 26); }

.emp-saque-d { font-style: normal; color: var(--emp-acento); }

.emp-saque-apoio { margin-top: 0.5em; font-size: 0.88em; font-weight: 400; letter-spacing: -0.005em; color: rgb(110, 110, 115); }

.emp-tela--antecipa .emp-etiq { flex: 0 0 auto; margin-top: 1.78em; }

.emp-taxas { flex: 0 0 auto; margin-top: 0.72em; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(6, auto); grid-auto-flow: column; column-gap: 26px; }

.emp-tx { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; padding: 0.44em 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.07); }

.emp-tx:nth-child(1), .emp-tx:nth-child(7) { border-top: 1px solid rgba(0, 0, 0, 0.09); }

.emp-tx-chave { flex: 0 0 auto; font-size: 0.94em; font-weight: 400; color: rgb(110, 110, 115); }

.emp-tx-pct { font-size: 0.94em; font-weight: 500; letter-spacing: -0.01em; color: rgb(22, 22, 26); font-variant-numeric: tabular-nums; }

.emp-varredura { position: absolute; inset: 0px; z-index: 4; pointer-events: none; opacity: 0; background-image: linear-gradient(90deg,rgba(255,255,255,0) calc(50% - var(--emp-rampa) / 2),rgba(255,255,255,0.015) calc(50% + var(--emp-rampa) / 2),rgba(255,255,255,0.05) calc(50% + var(--emp-rampa) / 2 + 14px),rgba(255,255,255,0.105) calc(50% + var(--emp-rampa) / 2 + 30px),rgba(255,255,255,0.14) calc(50% + var(--emp-rampa) / 2 + 46px),rgba(255,255,255,0.125) calc(50% + var(--emp-rampa) / 2 + 68px),rgba(255,255,255,0.07) calc(50% + var(--emp-rampa) / 2 + 102px),rgba(255,255,255,0.025) calc(50% + var(--emp-rampa) / 2 + 134px),rgba(255,255,255,0) calc(50% + var(--emp-rampa) / 2 + 160px)); background-size: calc(200% + 2 * var(--emp-rampa)) 100%; background-repeat: no-repeat; background-position: 0% 0px; }

.emp-btn { margin-top: clamp(40px, 3.9vw, 56px); font-size: 1.02rem; color: var(--emp-tinta-2); }

.emp-btn span { text-decoration: underline 1px; text-underline-offset: 4px; }

.emp-btn:focus-visible { outline: 2px solid var(--emp-tinta); outline-offset: 4px; }

.emp-palco[data-fase="repouso"] .is-vez, .emp-palco[data-fase="apaga"] .is-vez, .emp-palco[data-fase="varre"] .is-vez { opacity: 1; }

.emp-palco[data-fase="varre"] .emp-tela { transition: opacity linear; mask-image: linear-gradient(90deg,#000 0,#000 calc(50% - var(--emp-rampa) / 2),transparent calc(50% + var(--emp-rampa) / 2),transparent 100%); mask-size: calc(200% + 2 * var(--emp-rampa)) 100%; mask-repeat: no-repeat; mask-position: 0% 0px; animation: empCortina var(--emp-varre) var(--emp-travessia); }

.emp-palco[data-fase="varre"] .emp-varredura { animation: empLuz var(--emp-varre) var(--emp-travessia); }

.emp-palco[data-fase="esteira"] .emp-tela { transition: opacity 0.24s linear 0.1s; }

.emp-palco[data-pilula="vazia"] .emp-texto { opacity: 0; transition: opacity 0.18s linear; }

.emp-palco[data-pilula="escrevendo"] .emp-cursor { opacity: 1; animation: 1.06s linear 0s infinite normal none running empPisca; }

.emp-palco[data-pilula="escrevendo"] .emp-enviar, .emp-palco[data-pilula="envio"] .emp-enviar, .emp-palco[data-pilula="cheia"] .emp-enviar { opacity: 1; transform: scale(1); }

.emp-palco[data-pilula="envio"] .emp-enviar { animation: empAperta 0.24s var(--emp-ease); }

.emp-palco[data-fase="monta"] .emp-brilho { animation: 0.8s ease-out 0s 1 normal none running empBrilho; }

.emp-palco.is-vivo .emp-janela { will-change: transform; }

.emp-palco.is-vivo .emp-varredura { will-change: opacity; }

.emp-palco.is-parado .emp-cursor, .emp-palco.is-parado .emp-brilho, .emp-palco.is-parado .emp-enviar { animation-play-state: paused; }

.emp-palco.is-parado .emp-tela, .emp-palco.is-parado .emp-varredura { animation: auto ease 0s 1 normal none running none; }

.emp-palco.is-parado .emp-janela, .emp-palco.is-parado .emp-veu, .emp-palco.is-parado .emp-endereco { transition: none; }

.emp-palco.is-mudo, .emp-palco.is-mudo *, .emp-palco.is-mudo ::before, .emp-palco.is-mudo ::after { transition: none !important; }

@keyframes empCortina { 
  0% { mask-position: 100% 0px; }
  100% { mask-position: 0% 0px; }
}

@keyframes empLuz { 
  0% { opacity: 1; background-position: 100% 0px; }
  100% { opacity: 1; background-position: 0% 0px; }
}

@keyframes empPisca { 
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@keyframes empAperta { 
  0% { transform: scale(1); }
  50% { transform: scale(0.94); }
  100% { transform: scale(1); }
}

@keyframes empBrilho { 
  0% { opacity: 0; }
  40% { opacity: 1; }
  100% { opacity: 0; }
}

@media (max-width: 988px) {
  .emp-vaga--longe-esq { --emp-dx: calc(-50vw - 35%); --emp-op: 0; }
  .emp-vaga--longe-dir { --emp-dx: calc(50vw + 35%); }
}

@media (max-width: 960px) {
  .emp-section { --emp-respiro: 50px; }
  .emp-pilula { width: min(560px, 92%); }
}

@media (max-width: 600px) {
  .emp-section { padding: 64px 0px 96px; }
}

@media (max-width: 560px) {
  .emp-section { --emp-alt: 420px; --emp-corpo: 16px; --emp-barra-alt: 40px; --emp-respiro: 40px; --emp-larg: 78vw; --emp-pilula-alt: 52px; }
  .emp-vaga--perto-esq { --emp-dx: calc(-92.5% + 36px); }
  .emp-vaga--perto-dir { --emp-dx: calc(92.5% - 36px); }
  .emp-topo { margin-bottom: 34px; }
  .emp-headline { font-size: 1.5rem; }
  .emp-pilula { width: 94%; height: 52px; padding: 0px 8px 0px 13px; gap: 7px; }
  .emp-balao { width: 18px; height: 18px; }
  .emp-enviar { width: 31px; height: 31px; }
  .emp-texto { font-size: 0.86rem; }
  .emp-palco[data-pilula="envio"] .emp-campo, .emp-palco[data-pilula="cheia"] .emp-campo { mask-image: linear-gradient(90deg, rgb(0, 0, 0) calc(100% - 24px), rgba(0, 0, 0, 0) 100%); }
  .emp-janela { width: var(--emp-larg); }
  .emp-barra { padding: 0px 12px; }
  .emp-endereco { min-width: 0px; max-width: 64%; height: 24px; font-size: 0.72rem; }
  .emp-cab { gap: 6px; padding-bottom: 16px; }
  .emp-titulo { font-size: 1.2em; }
  .emp-data { font-size: 0.86em; }
  .emp-etiq { font-size: 0.68em; }
  .emp-tr--cab .emp-etiq { font-size: 0.62em; letter-spacing: 0.1em; }
  .emp-tr--cab > .emp-etiq:first-child { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }
  .emp-tela, .emp-wire { padding: 18px 16px; }
  .emp-valor { font-size: 2.85em; }
  .emp-tela--cobranca .emp-valor { margin-top: 0.5em; font-size: 2.55em; }
  .emp-parcela { margin-top: 0.5em; font-size: 0.88em; }
  .emp-conta { margin-top: 1.2em; }
  .emp-linha { padding: 0.7em 0px; }
  .emp-dado { font-size: 1.05em; }
  .emp-linha--recebe .emp-chave { font-size: 1.1em; }
  .emp-formas { margin-top: 1.1em; }
  .emp-formas > .emp-etiq { font-size: 0.8em; }
  .emp-bandeiras { --emp-band: 15px; gap: 9px; }
  .emp-selo { font-size: 0.84em; gap: 7px; }
  .emp-acao { font-size: 0.78em; padding: 6px 10px; }
  .emp-rodape { gap: 9px; }
  .emp-tela--cobranca .emp-rodape { padding-top: 0.95em; }
  .emp-tela--cobranca .emp-rodape { gap: 10px; }
  .emp-cab--nf { padding-bottom: 13px; }
  .emp-nf-tipo { font-size: 0.64em; letter-spacing: 0.11em; }
  .emp-nf-num { font-size: 0.9em; }
  .emp-nf-emissao { font-size: 0.76em; }
  .emp-partes { margin-top: 0.95em; column-gap: 14px; }
  .emp-parte { gap: 6px; }
  .emp-parte-nome { height: 1.24em; }
  .emp-nome { font-size: 1em; }
  .emp-osso--razao { height: 10px; }
  .emp-tabela { margin-top: 0.9em; }
  .emp-tr { column-gap: 10px; padding: 0.6em 0px; }
  .emp-tr--cab { padding: 0.44em 0px; }
  .emp-totais { margin-top: 0.8em; }
  .emp-tot-linha { padding: 0.12em 0px; }
  .emp-tot-linha--fim { margin-top: 0.3em; padding-top: 0.48em; }
  .emp-tot-chave, .emp-tot-valor { font-size: 0.82em; }
  .emp-dado--forte { font-size: 1.32em; }
  .emp-verif { padding-top: 0.65em; }
  .emp-verif-cod { gap: 7px; }
  .emp-saque { margin-top: 1.05em; }
  .emp-saque-forte { font-size: 1.78em; }
  .emp-saque-apoio { margin-top: 0.42em; font-size: 0.84em; }
  .emp-tela--antecipa .emp-etiq { margin-top: 1.36em; }
  .emp-taxas { margin-top: 0.6em; column-gap: 18px; }
  .emp-tx { padding: 0.3em 0px; }
  .emp-tx-chave, .emp-tx-pct { font-size: 0.88em; }
  .emp-wl { height: 54px; }
  .emp-wg { height: 58px; gap: 6px; padding-bottom: 12px; }
}

@media (max-width: 350px) {
  .emp-valor { font-size: 2.6em; }
  .emp-tela--cobranca .emp-valor { font-size: 2.35em; }
  .emp-cab { padding-bottom: 14px; }
  .emp-data { font-size: 0.78em; }
  .emp-linha { padding: 0.6em 0px; }
  .emp-etiq { font-size: 0.62em; letter-spacing: 0.11em; }
  .emp-partes { margin-top: 0.75em; }
  .emp-parte-nome { height: 1.12em; }
  .emp-tabela { margin-top: 0.72em; }
  .emp-tr { grid-template-columns: 1fr 24px auto; column-gap: 8px; padding: 0.45em 0px; }
  .emp-tr--cab { padding: 0.36em 0px; }
  .emp-totais { margin-top: 0.62em; }
  .emp-dado--forte { font-size: 1.18em; }
  .emp-verif { padding-top: 0.52em; }
  .emp-formas { gap: 10px; }
  .emp-formas > .emp-etiq { font-size: 0.72em; }
  .emp-bandeiras { --emp-band: 12px; gap: 7px; }
  .emp-td { font-size: 0.88em; }
  .emp-tela--cobranca .emp-rodape { flex-direction: column; align-items: flex-start; gap: 9px; }
  .emp-saque-forte { font-size: 1.62em; }
  .emp-taxas { column-gap: 14px; }
  .emp-tx { padding: 0.3em 0px; }
  .emp-tx-chave, .emp-tx-pct { font-size: 0.84em; }
}

@media (prefers-reduced-motion: reduce) {
  .emp-section .emp-palco .emp-cursor, .emp-section .emp-palco .emp-brilho, .emp-section .emp-palco .emp-enviar { animation: auto ease 0s 1 normal none running none; }
  .emp-section .emp-palco .emp-tela { mask-image: none; }
  .emp-section .emp-palco .emp-varredura { animation: auto ease 0s 1 normal none running none; }
  .emp-section .emp-palco .emp-cometa { display: none; }
  .emp-section .emp-palco .emp-janela, .emp-section .emp-palco .emp-tela, .emp-section .emp-palco .emp-texto, .emp-section .emp-palco .emp-veu, .emp-section .emp-palco .emp-endereco { transition: none; }
}

.intg-section { position: relative; z-index: 3; width: 100%; background: rgb(255, 255, 255); margin: 0px; padding: 32px 0px 72px; }

@media (max-width: 600px) {
  .intg-section { padding-bottom: 35px; }
}

.intg-grade { position: relative; top: -32px; --intg-k: 0.8; width: 94%; max-width: 1300px; margin: 0px auto; display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 1fr); gap: 64px; align-items: center; background: rgb(245, 245, 247); border-radius: 22px; padding: 64px 56px; box-sizing: border-box; }

@media (max-width: 899px) {
  .intg-grade { padding: 44px 32px; }
}

@media (max-width: 599px) {
  .intg-grade { padding: 32px 20px; border-radius: 16px; }
}

.intg-figura { width: calc(620px * var(--intg-k)); height: calc(545px * var(--intg-k)); margin: 0px; justify-self: center; }

.intg-palco { position: relative; width: 620px; height: 545px; transform: scale(var(--intg-k)); transform-origin: left top; }

.intg-fios { position: absolute; inset: 0px; }

.intg-hub { position: absolute; left: 251px; top: 16px; width: 118px; height: 118px; }

.intg-card { position: absolute; width: 110px; height: 110px; background: rgb(255, 255, 255); border-radius: 26px; border: 1px solid rgba(0, 0, 0, 0.04); box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 1px, rgba(0, 0, 0, 0.06) 0px 10px 26px; display: flex; align-items: center; justify-content: center; }

.intg-logo { display: flex; align-items: center; justify-content: center; }

.intg-hub svg, .intg-logo svg { width: 100%; height: 100%; display: block; }

.intg-card--of { left: 20px; top: 270px; }

.intg-card--cal { left: 176px; top: 270px; }

.intg-card--meet { left: 334px; top: 270px; }

.intg-card--gmail { left: 490px; top: 270px; }

.intg-card--sheets { left: 98px; top: 415px; }

.intg-card--nfe { left: 412px; top: 415px; }

.intg-card--of .intg-logo { width: 50px; height: 50px; }

.intg-card--cal .intg-logo { width: 48px; height: 48px; }

.intg-card--meet .intg-logo { width: 48px; height: 48px; }

.intg-card--gmail .intg-logo { width: 52px; height: 52px; }

.intg-card--sheets .intg-logo { width: 45px; height: 45px; }

.intg-card--nfe .intg-logo { width: 47px; height: 47px; }

.intg-texto { max-width: 480px; }

.intg-headline { font-family: Poppins, sans-serif; max-width: 430px; font-size: 1.4rem; font-weight: 400; color: rgb(12, 12, 13); letter-spacing: -0.02em; line-height: 1.45; text-wrap: balance; margin-bottom: 14px; }

.intg-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: rgb(106, 106, 112); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; }

.intg-kicker { display: block; font-family: Poppins, sans-serif; font-size: 0.72rem; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(138, 138, 146); margin-bottom: 12px; }

.intg-passo { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: rgb(106, 106, 112); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin: 0px 0px 14px; }

.intg-passo b { font-weight: 500; color: rgb(12, 12, 13); }

.intg-btn { margin-top: 18px; font-size: 1.02rem; color: rgb(106, 106, 112); }

.intg-btn span { text-decoration: underline 1px; text-underline-offset: 3px; }

@media (max-width: 1319px) {
  .intg-grade { --intg-k: 0.66; gap: 40px; }
}

@media (max-width: 1099px) {
  .intg-grade { --intg-k: 0.54; }
}

@media (max-width: 899px) {
  .intg-grade { grid-template-columns: 1fr; gap: 40px; --intg-k: 0.85; }
  .intg-texto { order: -1; max-width: none; text-align: center; justify-self: center; }
  .intg-sub { margin-inline: auto; }
  .intg-passo { margin-inline: auto; }
}

@media (max-width: 599px) {
  .intg-grade { --intg-k: 0.7; }
  .intg-headline { font-size: 1.2rem; }
  .intg-texto { text-align: left; }
  .intg-passo { margin-inline: 0px; }
}

@media (max-width: 479px) {
  .intg-grade { --intg-k: 0.55; }
}

@media (max-width: 389px) {
  .intg-grade { --intg-k: 0.52; }
}

.ben-section { position: relative; z-index: 3; width: 100%; --ben-lav-tinta: radial-gradient(34% 9% at 60% 86%,rgba(0,0,0,0.01920) 0%,rgba(0,0,0,0.01778) 16.67%,rgba(0,0,0,0.01422) 33.33%,rgba(0,0,0,0.00960) 50%,rgba(0,0,0,0.00498) 66.67%,rgba(0,0,0,0.00142) 83.33%,rgba(0,0,0,0) 100%),radial-gradient(40% 13% at 50% 84%,rgba(0,0,0,0.01680) 0%,rgba(0,0,0,0.01556) 16.67%,rgba(0,0,0,0.01244) 33.33%,rgba(0,0,0,0.00840) 50%,rgba(0,0,0,0.00436) 66.67%,rgba(0,0,0,0.00124) 83.33%,rgba(0,0,0,0) 100%),radial-gradient(52% 8% at 26% 92%,rgba(255,255,255,0.02160) 0%,rgba(255,255,255,0.02000) 16.67%,rgba(255,255,255,0.01600) 33.33%,rgba(255,255,255,0.01080) 50%,rgba(255,255,255,0.00560) 66.67%,rgba(255,255,255,0.00160) 83.33%,rgba(255,255,255,0) 100%),radial-gradient(62% 20% at 20% 78%,rgba(255,255,255,0.01920) 0%,rgba(255,255,255,0.01778) 16.67%,rgba(255,255,255,0.01422) 33.33%,rgba(255,255,255,0.00960) 50%,rgba(255,255,255,0.00498) 66.67%,rgba(255,255,255,0.00142) 83.33%,rgba(255,255,255,0) 100%),radial-gradient(55% 17% at 82% 71%,rgba(255,255,255,0.01536) 0%,rgba(255,255,255,0.01422) 16.67%,rgba(255,255,255,0.01138) 33.33%,rgba(255,255,255,0.00768) 50%,rgba(255,255,255,0.00398) 66.67%,rgba(255,255,255,0.00114) 83.33%,rgba(255,255,255,0) 100%),linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 7.14%,rgba(255,255,255,0.00027) 14.29%,rgba(255,255,255,0.00241) 21.43%,rgba(255,255,255,0.00767) 28.57%,rgba(255,255,255,0.01606) 35.71%,rgba(255,255,255,0.02649) 42.86%,rgba(255,255,255,0.03701) 50%,rgba(255,255,255,0.04512) 57.14%,rgba(255,255,255,0.04766) 64.29%,rgba(255,255,255,0.04074) 71.43%,rgba(255,255,255,0.02867) 78.57%,rgba(255,255,255,0.01530) 85.71%,rgba(255,255,255,0.00447) 92.86%,rgba(255,255,255,0) 100%); --ben-lav-grao: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='blvg'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23blvg)' opacity='0.7'/%3E%3C/svg%3E"); --ben-lav-plato: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,0) 7.69%,rgba(0,0,0,0.0946) 15.38%,rgba(0,0,0,0.2634) 23.08%,rgba(0,0,0,0.4553) 30.77%,rgba(0,0,0,0.6442) 38.46%,rgba(0,0,0,0.8098) 46.15%,rgba(0,0,0,0.9337) 53.85%,rgba(0,0,0,0.9973) 61.54%,rgba(0,0,0,0.9530) 69.23%,rgba(0,0,0,0.8128) 76.92%,rgba(0,0,0,0.6002) 84.62%,rgba(0,0,0,0.3267) 92.31%,rgba(0,0,0,0) 100%); --ben-topo: 56px; --ben-fecho: 88px; --ben-pista: 0px; --ben-bloco-altura: 100vh; padding: var(--ben-topo) 0 var(--ben-fecho); display: flex; flex-direction: column; align-items: center; --ben-tinta: #f5f5f7; --ben-tinta-2: #86868b; --ben-tinta-fala: #a1a1a6; --ben-fio: rgba(255,255,255,0.18); --ben-fio-vao: rgba(255,255,255,0.16); }

.ben-coluna { width: 94%; max-width: 1300px; margin-inline: auto; }

.ben-grade { display: grid; grid-template-columns: 5.2fr 6.8fr; gap: clamp(48px, 5vw, 88px); align-items: stretch; }

.ben-luz { position: absolute; z-index: 0; --ben-luz-r: min(470px,calc((50vw - 0.216667 * min(94vw,1300px) - 0.283333 * clamp(48px,5vw,88px)) / 1.06),calc(0.283333 * min(94vw,1300px) + 0.716667 * clamp(48px,5vw,88px)),calc(46vh + 70px)); left: calc(50% - var(--ben-luz-r) * 1.06); top: calc(50% - var(--ben-luz-r) * 1.06); width: calc(var(--ben-luz-r) * 2.12); height: calc(var(--ben-luz-r) * 2.12); pointer-events: none; opacity: 0; background-image: radial-gradient(circle var(--ben-luz-r) at 50% 50%,rgba(255,255,255,0.0398) 0%,rgba(255,255,255,0.0302) 15%,rgba(255,255,255,0.0220) 30%,rgba(255,255,255,0.0156) 45%,rgba(255,255,255,0.0099) 60%,rgba(255,255,255,0.0041) 75%,rgba(255,255,255,0.0015) 87%,rgba(255,255,255,0) 100%),radial-gradient(circle calc(var(--ben-luz-r) * 1.06) at 50% 50%,rgba(255,255,255,0.0393) 0%,rgba(255,255,255,0.0282) 18%,rgba(255,255,255,0.0204) 33%,rgba(255,255,255,0.0143) 48%,rgba(255,255,255,0.0086) 63%,rgba(255,255,255,0.0034) 78%,rgba(255,255,255,0.0012) 90%,rgba(255,255,255,0) 100%),radial-gradient(circle calc(var(--ben-luz-r) * 0.94) at 50% 50%,rgba(255,255,255,0.0388) 0%,rgba(255,255,255,0.0313) 12%,rgba(255,255,255,0.0230) 27%,rgba(255,255,255,0.0165) 42%,rgba(255,255,255,0.0108) 57%,rgba(255,255,255,0.0051) 72%,rgba(255,255,255,0.0021) 84%,rgba(255,255,255,0) 100%); }

.ben-section[data-ato="4"] .ben-luz { opacity: 1; transition: opacity 3000ms cubic-bezier(0.33, 0, 0.25, 1); }

.ben-luz::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='bcxg'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.05' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23bcxg)' opacity='0.7'/%3E%3C/svg%3E"); opacity: 0.062; mask-image: radial-gradient(circle calc(var(--ben-luz-r) * 1.06) at 50% 50%,#000 0%,rgba(0,0,0,0.97) 30%,rgba(0,0,0,0.94) 50%,rgba(0,0,0,0.90) 70%,rgba(0,0,0,0.72) 84%,rgba(0,0,0,0.38) 93%,transparent 100%); }

.ben-lav { position: absolute; inset: 0px; z-index: -1; pointer-events: none; }

.ben-lav-tela { position: sticky; top: 0px; display: block; height: 100vh; max-height: 100%; opacity: 0; transition: opacity 1200ms cubic-bezier(0.33, 0, 0.25, 1); background-image: var(--ben-lav-tinta); }

.ben-lav-tela::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background-image: var(--ben-lav-grao); opacity: 0.062; mask-image: var(--ben-lav-plato); }

.ben-section[data-ato="3"] .ben-lav-tela { opacity: 1; transition: opacity 1600ms cubic-bezier(0.33, 0, 0.25, 1); }

.ben-textos { padding-bottom: var(--ben-pista); position: relative; z-index: 1; }

.ben-bloco { min-height: var(--ben-bloco-altura); display: flex; flex-direction: column; justify-content: center; }

.ben-titulo { font-family: Poppins, sans-serif; font-size: clamp(1.55rem, 2.48vw, 2.2rem); font-weight: 400; color: var(--ben-tinta); letter-spacing: -0.02em; line-height: 1.25; margin: 0px 0px 20px; }

.ben-corpo { font-family: Poppins, sans-serif; font-size: 1rem; font-weight: 300; color: var(--ben-tinta-2); line-height: 1.6; letter-spacing: -0.008em; margin: 0px; max-width: 46ch; }

.ben-corpo + .ben-corpo, .ben-exemplo + .ben-corpo { margin-top: 18px; }

.ben-exemplo { font-family: Poppins, sans-serif; font-size: 1rem; font-weight: 400; font-style: normal; color: var(--ben-tinta-fala); line-height: 1.6; letter-spacing: -0.008em; margin: 18px 0px 0px; max-width: 46ch; }

.ben-fato { display: inline-flex; flex-direction: column; align-items: flex-start; align-self: flex-start; margin-top: 28px; padding: 20px 26px; border: 1px solid var(--ben-fio); border-radius: 18px; }

.ben-fato-numero { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--ben-tinta); letter-spacing: -0.02em; line-height: 1.1; }

.ben-fato-legenda { font-family: Poppins, sans-serif; font-size: 0.82rem; font-weight: 300; color: var(--ben-tinta-2); line-height: 1.45; letter-spacing: -0.008em; margin-top: 8px; max-width: 26ch; }

.ben-vitrine { position: relative; margin-bottom: var(--ben-pista); }

.ben-palco { position: sticky; top: 0px; height: 100vh; min-height: 640px; display: flex; align-items: center; justify-content: center; }

.ben-cena { position: absolute; inset: 0px; display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.22s; pointer-events: none; }

.ben-section[data-ato="1"] .ben-cena[data-ato="1"], .ben-section[data-ato="2"] .ben-cena[data-ato="2"], .ben-section[data-ato="3"] .ben-cena[data-ato="3"], .ben-section[data-ato="4"] .ben-cena[data-ato="4"] { opacity: 1; transition: opacity 0.45s 0.12s; pointer-events: auto; }

.ben-vao { width: 100%; max-width: 640px; aspect-ratio: 5 / 4; border: 1px dashed var(--ben-fio-vao); border-radius: 18px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 0px 24px; }

.ben-vao-rotulo { font-family: Poppins, sans-serif; font-size: 0.82rem; font-weight: 300; color: rgba(255, 255, 255, 0.35); letter-spacing: -0.008em; line-height: 1.5; }

.ben-fundo { position: absolute; inset: 0px -24px; overflow: hidden; pointer-events: none; mask-image: linear-gradient(to right, transparent 0px, rgb(0, 0, 0) 13%, rgb(0, 0, 0) 87%, transparent 100%); --bfd-traco: rgba(255,255,255,0.062); --bfd-traco-2: rgba(255,255,255,0.046); --bfd-traco-3: rgba(255,255,255,0.032); --bfd-luz: rgba(255,255,255,0.42); }

.ben-fundo-ato { position: absolute; inset: 0px; opacity: 0; transition: opacity 0.22s; }

.bfd-svg { display: block; width: 100%; height: 100%; }

.ben-section[data-ato="1"] .ben-fundo-ato[data-ato="1"], .ben-section[data-ato="2"] .ben-fundo-ato[data-ato="2"], .ben-section[data-ato="3"] .ben-fundo-ato[data-ato="3"], .ben-section[data-ato="4"] .ben-fundo-ato[data-ato="4"] { opacity: 1; transition: opacity 0.45s 0.12s; }

.bfd-onda { opacity: 0; transform-box: view-box; transform-origin: 450px 450px; transform: scale(0.9); transition: opacity 200ms, transform 200ms; }

.bfd-camada { fill: none; stroke: url("#bfdLuzRampa"); stroke-linecap: round; }

.bfd-camada--c1 { stroke-width: 9; }

.bfd-camada--c2 { stroke-width: 13; }

.bfd-camada--c3 { stroke-width: 16; }

.bfd-camada--c4 { stroke-width: 20; }

.bfd-camada--c5 { stroke-width: 23; }

.bfd-camada--c6 { stroke-width: 27; }

.bfd-camada--c7 { stroke-width: 31; }

.bfd-camada--c8 { stroke-width: 38; }

.bfd-camada--c9 { stroke-width: 48; }

.bfd-onda--p1 .bfd-camada { stroke-opacity: 0.0116; }

.bfd-onda--p2 .bfd-camada { stroke-opacity: 0.0099; }

.bfd-onda--p3 .bfd-camada { stroke-opacity: 0.008; }

.bfd-onda--p4 .bfd-camada { stroke-opacity: 0.0058; }

.ben-section[data-fundo][data-ato="1"] .bfd-onda { opacity: 1; transform: scale(1); transition: opacity 900ms ease-out, transform 1100ms cubic-bezier(0.22, 1, 0.36, 1); }

.ben-section[data-fundo][data-ato="1"] .bfd-onda--p2 { transition-delay: 130ms; }

.ben-section[data-fundo][data-ato="1"] .bfd-onda--p3 { transition-delay: 260ms; }

.ben-section[data-fundo][data-ato="1"] .bfd-onda--p4 { transition-delay: 390ms; }

.blkg { position: absolute; inset: 0px; --blkg-vem: cubic-bezier(0.33,0,0.2,1); --blkg-t1: rgba(255,255,255,0.10); --blkg-t2: rgba(255,255,255,0.08); --blkg-t3: rgba(255,255,255,0.06); --blkg-t4: rgba(255,255,255,0.032); }

.blkg-svg { display: block; width: 100%; height: 100%; }

.blkg-par, .blkg-mer, .blkg-borda, .blkg-eixo { fill: none; stroke-width: 1; stroke-linecap: round; }

.blkg-borda { stroke: var(--blkg-t1); }

.blkg-eixo { stroke: var(--blkg-t2); }

.blkg-mer { stroke: var(--blkg-t2); }

.blkg-mer--t { stroke: var(--blkg-t4); }

.blkg-par--f { stroke: var(--blkg-t1); }

.blkg-par--t { stroke: var(--blkg-t3); }

.blkg-g { opacity: 1; }

.blkg { --blkg-risca: cubic-bezier(0.33,0.8,0.35,1); }

.blkg-risco { stroke-dasharray: var(--blkg-l); stroke-dashoffset: var(--blkg-l); }

.blkg.is-g1 .blkg-g--1 .blkg-risco, .blkg.is-g2 .blkg-g--2 .blkg-risco, .blkg.is-g3 .blkg-g--3 .blkg-risco { animation: blkgRisca var(--blkg-t) var(--blkg-risca) var(--blkg-d) forwards; }

@keyframes blkgRisca { 
  100% { stroke-dashoffset: 0; }
}

.blkg.is-gira .blkg-g--2 .blkg-risco { stroke-dasharray: none; }

.blkg.is-mudo .blkg-g, .blkg.is-mudo .blkg-g .blkg-risco { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }

@media (max-width: 960px) {
  .ben-section { padding: 48px 0px 88px; }
  .ben-coluna { width: 100%; padding-inline: 24px; }
  .ben-grade { grid-template-columns: 1fr; gap: 0px; }
  .ben-vitrine { display: none; }
  .ben-luz { display: none; }
  .ben-fundo { display: none; }
  .ben-lav { display: none; }
  .ben-textos { padding-bottom: 0px; }
  .ben-bloco { min-height: auto; }
  .ben-bloco + .ben-bloco { margin-top: 96px; }
  .ben-titulo { font-size: 1.55rem; margin-bottom: 16px; }
  .ben-corpo, .ben-exemplo { font-size: 0.95rem; }
}

@media (max-width: 479px) {
  .ben-titulo { font-size: 1.3rem; }
  .ben-fato { padding: 18px 22px; }
  .ben-fato-numero { font-size: 1.9rem; }
}

@media (prefers-reduced-motion: reduce) {
  .ben-section[data-ato="1"] .ben-cena[data-ato="1"], .ben-section[data-ato="2"] .ben-cena[data-ato="2"], .ben-section[data-ato="3"] .ben-cena[data-ato="3"], .ben-section[data-ato="4"] .ben-cena[data-ato="4"] { transition-duration: 0s; transition-delay: 0s; }
  .ben-section[data-ato] .ben-cena[data-ato] { transition-duration: 0s; transition-delay: 0s; }
  .ben-section[data-ato] .ben-fundo-ato[data-ato] { transition-duration: 0s; transition-delay: 0s; }
  .ben-section[data-fundo] .ben-fundo-ato[data-ato] * { transition-duration: 0s; transition-delay: 0s; animation-duration: 0s; animation-delay: 0s; }
  .ben-section[data-ato] .ben-luz { transition-duration: 0s; transition-delay: 0s; }
  .ben-section[data-ato] .ben-lav-tela { transition-duration: 0s; transition-delay: 0s; }
}

.bmq { width: 100%; max-width: 640px; aspect-ratio: 5 / 4; border-radius: 18px; overflow: hidden; container-type: size; display: flex; align-items: center; justify-content: center; --bmq-ease: cubic-bezier(0.22,1,0.36,1); --bmq-toque: cubic-bezier(0.4,0,0.2,1); --bmq-pouso: cubic-bezier(0.24,0.72,0.28,1); --bmq-encaixe: cubic-bezier(0.5,0.05,0.2,1); --bmq-saida: cubic-bezier(0.5,0,0.9,0.35); }

.bmq-peca { position: relative; width: 40em; height: 32em; font-size: min(2.5cqw, 3.125cqh, 16px); font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; }

.bmq-peca *, .bmq-peca ::before, .bmq-peca ::after { box-sizing: border-box; }

.bmq-halo { position: absolute; left: 20em; top: 16.88em; width: 23em; height: 24em; margin: -12em 0px 0px -11.5em; border-radius: 50%; background: radial-gradient(closest-side, rgba(255, 255, 255, 0.086), transparent 72%); opacity: 0; transition: opacity 620ms ease-out; }

.bmq.is-corpo .bmq-halo { opacity: 1; }

.bmq-fone { position: absolute; left: 14.44em; top: 6em; width: 11.13em; height: 21.75em; z-index: 1; padding: 0.44em; border-radius: 1.9em; transform: translate3d(0px, 6em, 0px) rotate(-1.5deg) scale(1); opacity: 0; transition: transform 560ms var(--bmq-ease),opacity 480ms ease-out; background: linear-gradient(160deg, rgb(35, 35, 38) 0%, rgb(13, 13, 15) 55%, rgb(26, 26, 29) 100%); box-shadow: rgba(0, 0, 0, 0.66) 0px 1.6em 3.4em, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px, rgba(255, 255, 255, 0.15) 0px 1px 1px inset; will-change: transform; }

.bmq.is-corpo .bmq-fone { transform: translate3d(0px, 0px, 0px) rotate(-6deg) scale(1); opacity: 1; }

.bmq.is-palco .bmq-fone { transform: translate3d(0px, -1.75em, 0px) rotate(0deg) scale(1.3); transition: transform 760ms var(--bmq-pouso); }

.bmq-tela { position: relative; height: 100%; border-radius: 1.5em; background: rgb(5, 5, 6); box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; }

.bmq-verde { position: absolute; inset: 0px; z-index: 0; background: rgb(10, 90, 60); opacity: 0; pointer-events: none; transition: opacity 420ms ease-out; }

.bmq.is-ok .bmq-verde { opacity: 1; }

.bmq-clarao { position: absolute; inset: 0px; z-index: 0; background: rgba(255, 255, 255, 0.067); opacity: 0; pointer-events: none; transition: opacity 620ms ease-out; }

.bmq.is-palco .bmq-clarao { opacity: 1; }

.bmq-estalo { position: absolute; inset: 0px; z-index: 2; background: rgba(255, 255, 255, 0.11); opacity: 0; pointer-events: none; }

.bmq.is-tap .bmq-estalo { animation: 660ms ease-out 120ms 1 normal forwards running bmq-estalo; }

@keyframes bmq-estalo { 
  0% { opacity: 0; }
  12% { opacity: 1; }
  100% { opacity: 0; }
}

.bmq-alto { position: absolute; left: 50%; top: 0.9em; width: 2.6em; height: 0.34em; margin-left: -1.3em; border-radius: 0.2em; background: rgba(255, 255, 255, 0.09); }

.bmq-miolo { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 0px 0.9em; }

.bmq-nfc { position: relative; top: 0.38em; width: 1.7em; height: 2.27em; margin-bottom: 1.5em; color: rgb(255, 255, 255); opacity: 0; }

.bmq.is-acorda .bmq-nfc { animation: 360ms ease-out 0s 1 normal forwards running bmq-acorda, 2200ms ease-in-out 360ms infinite normal none running bmq-espera; }

@keyframes bmq-acorda { 
  0% { opacity: 0; }
  100% { opacity: 0.3; }
}

.bmq.is-tap .bmq-nfc { animation: 900ms ease-out 0s 1 normal forwards running bmq-acende; }

.bmq.is-ok .bmq-nfc { animation: auto ease 0s 1 normal none running none; opacity: 0.24; transition: opacity 420ms ease-out; }

@keyframes bmq-espera { 
  0% { opacity: 0.3; }
  50% { opacity: 0.72; }
  100% { opacity: 0.3; }
}

@keyframes bmq-acende { 
  0% { opacity: 0.42; }
  14% { opacity: 1; }
  100% { opacity: 0.24; }
}

.bmq-valor { font-size: 1.62em; font-weight: 400; line-height: 1.24; letter-spacing: -0.012em; color: rgb(255, 255, 255); opacity: 0; transform: translate3d(0px, 0.31em, 0px); transition: opacity 320ms ease-out,transform 320ms var(--bmq-ease); }

.bmq.is-acorda .bmq-valor { opacity: 1; transform: translate3d(0px, 0px, 0px); transition-delay: 120ms; }

.bmq-fita { position: relative; display: block; width: 100%; height: 1.62em; margin-top: 1.1em; overflow: hidden; opacity: 0; transition: opacity 300ms ease-out; }

.bmq.is-acorda .bmq-fita { opacity: 1; transition-delay: 240ms; }

.bmq-cru, .bmq-ok { position: absolute; left: 0px; right: 0px; top: 0px; height: 100%; display: flex; align-items: center; justify-content: center; gap: 0.42em; font-size: 0.7em; font-weight: 400; letter-spacing: 0.004em; white-space: nowrap; transition: transform 420ms var(--bmq-encaixe); }

.bmq-cru { color: rgb(109, 109, 118); transform: translateY(0px); }

.bmq-ok { color: rgb(255, 255, 255); transform: translateY(100%); }

.bmq.is-ok .bmq-cru { transform: translateY(-100%); }

.bmq.is-ok .bmq-ok { transform: translateY(0px); }

.bmq-visto { width: 1.9em; height: 1.9em; flex: 0 0 auto; stroke: currentcolor; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; fill: none; }

.bmq-visto-traco { stroke-dasharray: 14; stroke-dashoffset: 14; transition: stroke-dashoffset 360ms var(--bmq-ease); }

.bmq.is-ok .bmq-visto-traco { stroke-dashoffset: 0; transition-delay: 320ms; }

.bmq-selo { stroke-dasharray: 60; stroke-dashoffset: 60; stroke-width: 2; transition: stroke-dashoffset 540ms var(--bmq-ease); }

.bmq.is-palco .bmq-selo { stroke-dashoffset: 0; transition-delay: 260ms; }

.bmq-ondas { position: absolute; left: 19.63em; top: 8.8em; width: 0px; height: 0px; z-index: 2; }

.bmq-onda { position: absolute; left: 0px; top: 0px; width: 5em; height: 5em; margin: -2.5em 0px 0px -2.5em; border-radius: 50%; border: 0.09em solid rgba(255, 255, 255, 0.6); opacity: 0; transform: scale(0.36); }

.bmq.is-tap .bmq-onda { animation: 1060ms cubic-bezier(0.18, 0.62, 0.3, 1) 0s 1 normal forwards running bmq-onda; }

.bmq.is-tap .bmq-onda--b { animation-delay: 150ms; }

.bmq.is-tap .bmq-onda--c { animation-delay: 300ms; }

@keyframes bmq-onda { 
  0% { opacity: 0; transform: scale(0.36); }
  16% { opacity: 0.62; }
  100% { opacity: 0; transform: scale(2.45); }
}

.bmq-cartao { position: absolute; left: 14.5em; top: 1.3em; width: 8.75em; height: 5.5em; z-index: 3; border-radius: 0.75em; box-shadow: rgba(0, 0, 0, 0.72) 0px 1.1em 2.2em; transform: translate3d(17em, -19em, 0px) rotate(-34deg); opacity: 0; transition: transform 1000ms var(--bmq-ease),opacity 480ms ease-out; will-change: transform; }

.bmq.is-cartao .bmq-cartao { transform: translate3d(0px, 0px, 0px) rotate(-14deg); opacity: 1; }

.bmq.is-perto .bmq-cartao { transform: translate3d(0.25em, 1.9em, 0px) rotate(-11deg); transition: transform 480ms var(--bmq-toque); }

.bmq.is-ok .bmq-cartao { transform: translate3d(0.1em, 0.42em, 0px) rotate(-13deg); transition: transform 520ms var(--bmq-ease) 160ms; }

.bmq.is-saida .bmq-cartao { transform: translate3d(-15.5em, -8.5em, 0px) rotate(-40deg); opacity: 0; transition: transform 720ms var(--bmq-saida),opacity 480ms ease-in 120ms; }

.bmq-cartao-face { position: absolute; inset: 0px; border-radius: 0.75em; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.16); background: radial-gradient(120% 90% at 18% 6%, rgba(255, 255, 255, 0.12), transparent 55%), linear-gradient(158deg, transparent 44.4%, rgba(255, 255, 255, 0.15) 46.9%, transparent 47.4%), linear-gradient(158deg, transparent 28%, rgba(255, 255, 255, 0.05) 44%, rgba(255, 255, 255, 0.08) 50%, rgba(255, 255, 255, 0.03) 60%, transparent 74%), linear-gradient(165deg, rgb(34, 34, 38) 0%, rgb(17, 17, 19) 36%, rgb(6, 6, 7) 72%, rgb(11, 11, 13) 100%); box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }

.bmq-chip { position: absolute; left: 0.9em; top: 1.75em; width: 1.3em; }

.bmq-cartao-nfc { position: absolute; left: 2.55em; top: 1.82em; width: 0.55em; }

.bmq-visa { position: absolute; right: 0.75em; bottom: 0.68em; width: 2em; }

.bmq-parto { position: absolute; inset: 0px; z-index: 4; perspective: 820px; perspective-origin: 50% 53%; pointer-events: none; }

.bmq-noti { position: absolute; font-size: 1.16em; left: 50%; margin-left: -7.75em; top: 3.22em; width: 15.5em; padding: 0.82em 0.95em; border-radius: 1.05em; border: 1px solid rgba(255, 255, 255, 0.14); background: rgba(28, 28, 32, 0.72); backdrop-filter: blur(18px) saturate(140%); box-shadow: rgba(0, 0, 0, 0.62) 0px 0.9em 1.6em; transform: translate3d(0px, 11.56em, -300px) rotateX(64deg); opacity: 0; transition: transform 760ms var(--bmq-ease),opacity 340ms ease-out; }

.bmq.is-noti .bmq-noti { transform: translate3d(0px, 0px, 0px) rotateX(0deg); opacity: 1; }

.bmq-noti-topo { display: flex; align-items: baseline; justify-content: space-between; gap: 0.6em; }

.bmq-noti-quem { font-size: 0.8em; font-weight: 600; color: rgb(245, 245, 247); letter-spacing: -0.006em; }

.bmq-noti-hora { position: relative; top: -0.274em; flex: 0 0 auto; font-size: 0.66em; font-weight: 400; color: rgb(134, 134, 139); }

.bmq-noti-corpo { margin: 0.28em 0px 0px; font-size: 0.76em; font-weight: 300; line-height: 1.42; color: rgb(198, 198, 205); letter-spacing: -0.004em; }

.bmq.is-mudo .bmq-halo, .bmq.is-mudo .bmq-fone, .bmq.is-mudo .bmq-cartao, .bmq.is-mudo .bmq-onda, .bmq.is-mudo .bmq-nfc, .bmq.is-mudo .bmq-valor, .bmq.is-mudo .bmq-fita, .bmq.is-mudo .bmq-verde, .bmq.is-mudo .bmq-clarao, .bmq.is-mudo .bmq-estalo, .bmq.is-mudo .bmq-cru, .bmq.is-mudo .bmq-ok, .bmq.is-mudo .bmq-visto-traco, .bmq.is-mudo .bmq-selo, .bmq.is-mudo .bmq-noti { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }

@media (prefers-reduced-motion: reduce) {
  .ben-cena .bmq .bmq-halo, .ben-cena .bmq .bmq-fone, .ben-cena .bmq .bmq-cartao, .ben-cena .bmq .bmq-onda, .ben-cena .bmq .bmq-nfc, .ben-cena .bmq .bmq-valor, .ben-cena .bmq .bmq-fita, .ben-cena .bmq .bmq-verde, .ben-cena .bmq .bmq-clarao, .ben-cena .bmq .bmq-estalo, .ben-cena .bmq .bmq-cru, .ben-cena .bmq .bmq-ok, .ben-cena .bmq .bmq-visto-traco, .ben-cena .bmq .bmq-selo, .ben-cena .bmq .bmq-noti { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }
}

.bnf { width: 100%; max-width: 640px; aspect-ratio: 5 / 4; border-radius: 18px; overflow: hidden; container-type: size; display: flex; align-items: center; justify-content: center; --bnf-pouso: cubic-bezier(0.24,0.72,0.28,1); --bnf-acento: cubic-bezier(0.22,1,0.36,1); --bnf-papel: #ffffff; --bnf-tinta: #16161a; --bnf-rotulo: #8e8e93; --bnf-tinta-3: #86868b; --bnf-verde: #0f7a52; --bnf-chip-fio: rgba(255,255,255,0.16); --bnf-chip-tinta: rgba(255,255,255,0.60); --bnf-palco: #050505; }

.bnf-peca { position: relative; width: 40em; height: 32em; font-size: min(2.5cqw, 3.125cqh, 16px); font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; }

.bnf-peca *, .bnf-peca ::before, .bnf-peca ::after { box-sizing: border-box; }

.bnf-papel { position: absolute; left: 11.5em; top: 9.375em; width: 17em; display: flex; flex-direction: column; align-items: flex-start; padding: 1.15em 1.25em 1.2em; border-radius: 1.15em; background: var(--bnf-papel); color: var(--bnf-tinta); box-shadow: rgba(0, 0, 0, 0.55) 0px 0.85em 1.7em; opacity: 0; transform: translate3d(0px, 1.15em, 0px); transition: opacity 200ms ease-out,transform 280ms var(--bnf-pouso); }

.bnf.is-papel .bnf-papel { opacity: 1; transform: translate3d(0px, 0px, 0px); }

.bnf-papel-topo { display: flex; align-items: center; gap: 0.45em; width: 100%; }

.bnf-selo { flex: 0 0 auto; width: 0.86em; height: 0.86em; fill: none; stroke: var(--bnf-verde); stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; opacity: 0; transform: scale(0.55); transition: opacity 150ms ease-out,transform 190ms var(--bnf-acento); }

.bnf.is-p4 .bnf-selo { opacity: 1; transform: scale(1); }

.bnf-rotulo { font-size: 0.55em; font-weight: 500; letter-spacing: 0.12em; line-height: 1.4; color: var(--bnf-rotulo); white-space: nowrap; }

.bnf-numero { flex: 0 0 auto; margin-left: auto; font-size: 0.66em; font-weight: 400; letter-spacing: -0.004em; line-height: 1.4; color: var(--bnf-rotulo); white-space: nowrap; }

.bnf-valor { font-size: 2.15em; font-weight: 400; line-height: 1.06; letter-spacing: -0.024em; margin-top: 0.28em; }

.bnf-tomador { font-size: 0.8em; font-weight: 400; line-height: 1.45; letter-spacing: -0.006em; margin-top: 0.7em; }

.bnf-desc { font-size: 0.74em; font-weight: 300; line-height: 1.45; letter-spacing: -0.004em; color: var(--bnf-tinta-3); margin-top: 0.3em; }

.bnf-osso { height: 0.3em; border-radius: 0.15em; margin-top: 0.42em; }

.bnf-osso--1 { width: 100%; margin-top: 1em; background: rgba(22, 22, 26, 0.1); }

.bnf-osso--2 { width: 74%; background: rgba(22, 22, 26, 0.075); }

.bnf-osso--3 { width: 50%; background: rgba(22, 22, 26, 0.055); }

.bnf-chip { position: absolute; display: inline-flex; align-items: center; padding: 0.5em 0.95em; border: 1px solid var(--bnf-chip-fio); border-radius: 980px; font-size: 0.72em; font-weight: 300; line-height: 1.35; letter-spacing: -0.006em; color: var(--bnf-chip-tinta); white-space: nowrap; background: var(--bnf-palco); opacity: 0; transform: translate3d(var(--bnf-x),0.35em,0) scale(0.92); transition: opacity 160ms ease-out,transform 210ms var(--bnf-pouso),border-color 210ms ease-out,color 210ms ease-out,background-color 210ms ease-out; --bnf-em: 1.388889em; --bnf-x: 0px; }

.bnf-chip--eixo { left: calc(20 * var(--bnf-em)); --bnf-x: -50%; }

.bnf-chip--1 { top: calc(1.25 * var(--bnf-em)); }

.bnf-chip--2 { top: calc(4.75 * var(--bnf-em)); }

.bnf-chip--3 { top: calc(11.875 * var(--bnf-em)); right: calc(30.75 * var(--bnf-em)); }

.bnf-chip--4 { top: calc(17 * var(--bnf-em)); left: calc(30.75 * var(--bnf-em)); }

.bnf-chip--5 { top: calc(27.5 * var(--bnf-em)); }

.bnf.is-p1 .bnf-chip--1, .bnf.is-p2 .bnf-chip--2, .bnf.is-p3 .bnf-chip--3, .bnf.is-p4 .bnf-chip--4, .bnf.is-p5 .bnf-chip--5 { opacity: 1; transform: translate3d(var(--bnf-x),0,0) scale(1); }

.bnf.is-mudo .bnf-papel, .bnf.is-mudo .bnf-selo, .bnf.is-mudo .bnf-chip { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }

@media (prefers-reduced-motion: reduce) {
  .ben-cena .bnf .bnf-papel, .ben-cena .bnf .bnf-selo, .ben-cena .bnf .bnf-chip { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }
}

.vit-section { position: relative; z-index: 3; width: 100%; --vit-banda-base: linear-gradient(160deg,#161419 0%,#0b0b0e 58%,#14121a 100%); --vit-banda-luz: linear-gradient(112deg,transparent 16%,rgba(64,62,86,0.85) 46%,transparent 78%); --vit-tinta: rgba(255,255,255,0.92); --vit-tinta-2: rgba(255,255,255,0.62); --vit-papel: #000000; --vit-ink: #ebebec; --vit-ink-2: #adadb3; --vit-ink-3: #808086; --vit-ink-4: #606066; --vit-fio-ficha: rgba(255,255,255,0.125); --vit-art: #141414; --vit-verde: #16a34a; background-color: rgb(0, 0, 0); overflow: hidden; padding: calc(20px + max(61px, 1.98vw + clamp(40px, 4vw, 58px))) 0px 0px; display: flex; flex-direction: column; align-items: center; }

.vit-section::before, .vit-section::after { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; }

.vit-section::before { background: var(--vit-banda-base); opacity: 1; }

.vit-section::after { background: var(--vit-banda-luz),var(--vit-banda-base); opacity: 1; transform: none; }

.vit-section.vit-armado::before, .vit-section.vit-armado::after { opacity: 0; }

.vit-section.vit-vivo::before { animation: 2.2s cubic-bezier(0.4, 0, 0.35, 1) 0s 1 normal none running vit-base-acende; }

.vit-section.vit-vivo::after { animation: 2.7s cubic-bezier(0.4, 0, 0.3, 1) 0.9s 1 normal backwards running vit-luz-chega; }

@keyframes vit-base-acende { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@keyframes vit-luz-chega { 
  0% { opacity: 0; transform: rotate(22deg) translateX(-6%) rotate(-22deg); }
  100% { opacity: 1; transform: rotate(22deg) translateX(0%) rotate(-22deg); }
}

@media (prefers-reduced-motion: reduce) {
  .vit-section.vit-armado::before, .vit-section.vit-armado::after { opacity: 1; }
  .vit-section.vit-vivo::before, .vit-section.vit-vivo::after { animation: auto ease 0s 1 normal none running none; }
}

.vit-defs { position: absolute; width: 0px; height: 0px; overflow: hidden; }

.vit-topo { width: min(94%, 100% - 48px); max-width: 620px; margin-inline: auto; text-align: center; }

.vit-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--vit-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin-bottom: 14px; }

.vit-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--vit-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin-inline: auto; text-wrap: balance; }

.vit-btn { display: inline-flex; align-items: center; justify-content: center; margin-top: calc(28px + clamp(10px, 1.1vw, 16px)); padding: 12.5px 24.5px; border: 1.5px solid rgba(255, 255, 255, 0.4); border-radius: 980px; background: transparent; color: var(--vit-tinta); font-family: Poppins, sans-serif; font-size: 1.02rem; font-weight: 400; line-height: normal; text-align: center; text-decoration: none; transition: background-color 0.35s cubic-bezier(0.4, 0, 0.2, 1), border-color 0.35s cubic-bezier(0.4, 0, 0.2, 1); }

.vit-btn:hover { border-color: rgba(255, 255, 255, 0.6); background: rgba(255, 255, 255, 0.06); }

.vit-btn:focus-visible { outline: rgb(255, 255, 255) solid 2px; outline-offset: 4px; }

.vit-palco { position: relative; width: 100%; margin-top: calc(-20px + clamp(40px, 4vw, 58px) - clamp(10px, 1.1vw, 16px)); aspect-ratio: 2.27 / 1; min-height: 473px; overflow: hidden; background: linear-gradient(rgba(0, 0, 0, 0) 68%, rgb(0, 0, 0) 100%); }

.vit-fila { position: absolute; top: 0px; bottom: 0px; left: 50%; transform: translateX(-50%); width: max(121%, 1300px); display: flex; align-items: flex-start; justify-content: center; gap: 1.3043%; }

.vit-fone { position: relative; flex: 0 0 auto; container-type: inline-size; --u: calc(100cqw / 604); }

.vit-fone--c { width: 21.7391%; top: 4.5%; }

.vit-fone--n { width: 19.1304%; top: 21%; }

.vit-fone--e { width: 17.3913%; top: 36%; }

.vit-moldura { position: relative; z-index: 2; display: block; width: 100%; height: auto; aspect-ratio: 604 / 1218; pointer-events: none; }

.vit-tela { position: absolute; z-index: 1; left: calc(var(--u) * 31); top: calc(var(--u) * 24); width: calc(var(--u) * 545); height: calc(var(--u) * 1170); border-radius: calc(var(--u) * 52); overflow: hidden; display: flex; flex-direction: column; background: var(--vit-papel); font-family: Poppins, sans-serif; text-align: left; }

.vit-capa { position: relative; flex: 0 0 auto; aspect-ratio: 1 / 1; background: var(--vit-art); }

.vit-capa-img { position: absolute; inset: 0px; display: block; width: 100%; height: 100%; object-fit: cover; }

.vit-ponto { width: calc(var(--u) * 10); height: calc(var(--u) * 10); flex-shrink: 0; border-radius: 50%; background: var(--vit-verde); }

.vit-corpo { flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; padding: calc(var(--u) * 24) calc(var(--u) * 30) 0; }

.vit-nome { display: flex; align-items: center; gap: calc(var(--u) * 11); margin-top: calc(var(--u) * 5); font-size: calc(var(--u) * 30); font-weight: 400; line-height: 1.25; letter-spacing: -0.012em; color: var(--vit-ink); }

.vit-selo { width: 0.94em; height: 0.94em; flex-shrink: 0; }

.vit-cargo { margin-top: calc(var(--u) * 6); font-size: calc(var(--u) * 23); font-weight: 300; line-height: 1.3; color: var(--vit-ink-2); }

.vit-regua { display: flex; align-items: center; margin-top: calc(var(--u) * 22); padding: calc(var(--u) * 20) 0 0; border-top: max(1px,calc(var(--u) * 1.6)) solid var(--vit-fio-ficha); list-style: none; font-size: calc(var(--u) * 19); font-weight: 300; line-height: 1.4; white-space: nowrap; color: var(--vit-ink-2); }

.vit-regua li { display: flex; align-items: center; gap: calc(var(--u) * 10); }

.vit-regua li + li::before { content: ""; width: calc(var(--u) * 5); height: calc(var(--u) * 5); margin-left: calc(var(--u) * 13); border-radius: 50%; background: rgba(255, 255, 255, 0.192); }

.vit-ic { width: calc(var(--u) * 21); height: calc(var(--u) * 21); flex-shrink: 0; fill: none; stroke: currentcolor; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; color: var(--vit-ink-4); }

.vit-expediente { display: flex; align-items: center; gap: calc(var(--u) * 11); margin-top: calc(var(--u) * 20); padding-top: calc(var(--u) * 20); border-top: max(1px,calc(var(--u) * 1.6)) solid var(--vit-fio-ficha); font-size: calc(var(--u) * 20); font-weight: 300; line-height: 1.35; color: var(--vit-ink-4); }

.vit-tags { display: flex; flex-wrap: wrap; gap: calc(var(--u) * 10); margin-top: calc(var(--u) * 20); padding: 0px; list-style: none; }

.vit-tag { padding: calc(var(--u) * 6) calc(var(--u) * 16); border: max(1px,calc(var(--u) * 1.6)) solid var(--vit-fio-ficha); border-radius: 980px; font-size: calc(var(--u) * 18); font-weight: 300; line-height: 1.35; color: var(--vit-ink-3); }

.vit-par { display: inline-flex; align-items: center; gap: calc(var(--u) * 10); }

.vit-mais { font-size: calc(var(--u) * 18); font-weight: 300; line-height: 1.35; color: var(--vit-ink-4); }

@media (max-width: 960px) {
  .vit-headline { font-size: 1.8rem; }
}

@media (max-width: 600px) {
  .vit-section { padding-top: 104px; }
  .vit-palco { margin-top: 40px; min-height: 0px; height: 97vw; }
  .vit-fila { width: 225vw; }
}

.bcx { width: 100%; max-width: 640px; aspect-ratio: 5 / 4; border-radius: 18px; overflow: hidden; container-type: size; display: flex; align-items: center; justify-content: center; --bcx-pouso: cubic-bezier(0.24,0.72,0.28,1); --bcx-acento: cubic-bezier(0.22,1,0.36,1); --bcx-papel: #ffffff; --bcx-tinta: #16161a; --bcx-rotulo: #8e8e93; --bcx-tinta-3: #86868b; --bcx-verde: #0f7a52; }

.bcx-peca { position: relative; width: 40em; height: 32em; font-size: min(2.5cqw, 3.125cqh, 16px); font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; }

.bcx-peca *, .bcx-peca ::before, .bcx-peca ::after { box-sizing: border-box; }

.bcx-carta { position: absolute; width: 15em; height: 7.6em; padding: 1em 1.15em 1.9em; border-radius: 0.8em; background: var(--bcx-papel); color: var(--bcx-tinta); display: flex; flex-direction: column; justify-content: space-between; box-shadow: rgba(0, 0, 0, 0.52) 0px 0.6em 1.5em; opacity: 0; transform: translate(-1em, -1.2em) scale(0.97); transition: opacity 200ms, transform 200ms; }

.bcx-carta--1 { left: 2.9em; top: 6.2em; z-index: 2; }

.bcx-carta--2 { left: 12.5em; top: 12.2em; z-index: 3; }

.bcx-carta--3 { left: 22.1em; top: 18.2em; z-index: 4; }

.bcx-rotulo { display: flex; align-items: center; gap: 0.5em; font-size: 0.6em; font-weight: 500; letter-spacing: 0.13em; text-transform: uppercase; color: var(--bcx-rotulo); white-space: nowrap; }

.bcx-valor { font-size: 2.05em; font-weight: 500; letter-spacing: -0.03em; line-height: 1; color: var(--bcx-tinta); }

.bcx-valor--prazo { font-size: 1.85em; letter-spacing: -0.02em; }

.bcx-pe { display: flex; align-items: center; gap: 0.44em; font-size: 0.68em; font-weight: 400; letter-spacing: -0.005em; color: var(--bcx-tinta-3); white-space: nowrap; }

.bcx-disco { flex: 0 0 auto; width: 0.4em; height: 0.4em; border-radius: 50%; background: var(--bcx-verde); }

.bcx-trilho { position: relative; display: flex; justify-content: space-between; width: 100%; }

.bcx-dia { flex: 0 0 auto; width: 3.6em; display: flex; flex-direction: column; align-items: center; gap: 0.34em; }

.bcx-trilho-fio { position: absolute; left: 1.8em; right: 1.8em; top: 0.205em; height: 0.09em; border-radius: 0.045em; background: rgba(0, 0, 0, 0.15); transform: scaleX(0); transform-origin: left center; transition: transform 200ms; }

.bcx-no { flex: 0 0 auto; width: 0.5em; height: 0.5em; border-radius: 50%; opacity: 0; transition: opacity 200ms; }

.bcx-no--a { background: var(--bcx-papel); border: 0.1em solid rgba(0, 0, 0, 0.4); }

.bcx-no--b { background: rgba(0, 0, 0, 0.2); transform: scale(0.58); }

.bcx-no--c { background: rgba(0, 0, 0, 0.74); }

.bcx-dia-rot { font-size: 0.5em; font-weight: 400; line-height: 1; letter-spacing: 0.01em; color: var(--bcx-tinta-3); white-space: nowrap; }

.bcx-graf { display: flex; width: 11.2em; height: 3.6em; }

.bcx-col { position: relative; flex: 1 1 0%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; gap: 0.24em; }

.bcx-haste { flex: 0 0 auto; width: 0.7em; height: var(--b); border-radius: 0.1em; background: rgba(0, 0, 0, 0.16); }

.bcx-haste--paga { background: var(--bcx-verde); transform: scaleY(0); transform-origin: center bottom; transition: transform 200ms; }

.bcx-coroa { position: absolute; left: 50%; bottom: calc(0.74em + var(--b) + 0.24em); transform: translateX(-50%); white-space: nowrap; opacity: 0; transition: opacity 200ms; }

.bcx-coroa-val { display: block; font-size: 0.82em; font-weight: 600; letter-spacing: -0.015em; line-height: 1; color: var(--bcx-tinta); }

.bcx-dia-rot--forte { font-weight: 500; color: var(--bcx-tinta); }

.bcx.is-c1 .bcx-carta--1 { opacity: 0.93; transform: translate(0px, 0px) scale(1); transition: opacity 340ms ease-out,transform 560ms var(--bcx-pouso); }

.bcx.is-c2 .bcx-carta--2 { opacity: 0.965; transform: translate(0px, 0px) scale(1); transition: opacity 340ms ease-out,transform 560ms var(--bcx-pouso); }

.bcx.is-c2 .bcx-trilho-fio { transform: scaleX(1); transition: transform 460ms var(--bcx-pouso) 150ms; }

.bcx.is-c2 .bcx-no { opacity: 1; transition: opacity 220ms ease-out 130ms; }

.bcx.is-c2 .bcx-no--b { transition-delay: 360ms; }

.bcx.is-c2 .bcx-no--c { transition-delay: 590ms; }

.bcx.is-c3 .bcx-carta--3 { opacity: 1; transform: translate(0px, 0px) scale(1); transition: opacity 340ms ease-out,transform 560ms var(--bcx-pouso); }

.bcx.is-c3 .bcx-haste--paga { transform: scaleY(1); transition: transform 480ms var(--bcx-pouso) 200ms; }

.bcx.is-acento .bcx-coroa { opacity: 1; transition: opacity 460ms ease-out; }

.bcx.is-mudo .bcx-carta, .bcx.is-mudo .bcx-trilho-fio, .bcx.is-mudo .bcx-no, .bcx.is-mudo .bcx-haste--paga, .bcx.is-mudo .bcx-coroa { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }

@media (prefers-reduced-motion: reduce) {
  .ben-cena .bcx .bcx-carta, .ben-cena .bcx .bcx-trilho-fio, .ben-cena .bcx .bcx-no, .ben-cena .bcx .bcx-haste--paga, .ben-cena .bcx .bcx-coroa { transition-duration: 0s; transition-delay: 0s; }
}

.blk { width: 100%; max-width: 640px; aspect-ratio: 5 / 4; border-radius: 18px; overflow: hidden; container-type: size; display: flex; align-items: center; justify-content: center; transform: translate(-65px, -35px); --blk-pouso: cubic-bezier(0.24,0.72,0.28,1); --blk-risco: cubic-bezier(0.33,0.8,0.35,1); --blk-papel: #ffffff; --blk-tinta: #16161a; --blk-rotulo: #8e8e93; --blk-tinta-3: #86868b; --blk-tinta-2: #6e6e73; --blk-acento: #0f7a52; --blk-zap-pele: #002a21; --blk-zap-fio: rgba(0,255,170,0.15); --blk-zap-tinta: #e9edef; --blk-zap-hora: rgba(233,237,239,0.65); --blk-zap-visto: #53bdeb; --blk-fio: rgba(0,0,0,0.07); --blk-fio-forte: rgba(0,0,0,0.10); --blk-risco-tinta: #ffffff; }

.blk-peca { position: relative; width: 40em; height: 32em; font-size: min(2.5cqw, 3.125cqh, 16px); font-family: Poppins, sans-serif; font-variant-numeric: tabular-nums; }

.blk-peca *, .blk-peca ::before, .blk-peca ::after { box-sizing: border-box; }

.blk-fios { position: absolute; inset: 0px; width: 40em; height: 32em; pointer-events: none; }

.blk-fio { fill: none; stroke: var(--blk-risco-tinta); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 107; stroke-dashoffset: 107; transition: stroke-dashoffset 200ms; }

.blk-ponta { fill: var(--blk-risco-tinta); stroke: none; opacity: 0; transform: scale(0.4); transform-box: fill-box; transform-origin: 50% 50%; transition: opacity 220ms ease,transform 300ms var(--blk-pouso); }

.blk.is-no .blk-fio { stroke-dashoffset: 0; transition: stroke-dashoffset 360ms var(--blk-risco); }

.blk.is-no .blk-ponta { opacity: 1; transform: scale(1); }

.blk.is-no .blk-ponta--pouso { transition-delay: 340ms; }

.blk-a, .blk-b, .blk-c, .blk-d { position: absolute; display: flex; flex-direction: column; align-items: flex-start; background: var(--blk-papel); color: var(--blk-tinta); border-radius: 0.8em; box-shadow: rgba(0, 0, 0, 0.52) 0px 0.6em 1.5em; }

.blk-a { left: 5.2em; top: 1.9em; width: 10.8em; height: 4em; padding: 0.7em 0.78em; opacity: 0; transform: translate3d(0px, 0.8em, 0px) scale(0.97); transition: opacity 320ms ease-out,transform 440ms var(--blk-pouso); }

.blk.is-a .blk-a { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); }

.blk-a { background: var(--blk-zap-pele); color: var(--blk-zap-tinta); border: 1px solid var(--blk-zap-fio); padding: calc(0.7em - 1px) calc(0.78em - 1px); border-radius: 0.75em 0.75em 0.18em; box-shadow: rgba(11, 20, 26, 0.15) 0px 1px 1.5px; }

.blk-a-fala { width: 100%; font-size: 0.6em; font-weight: 400; line-height: 1.5; letter-spacing: -0.004em; color: var(--blk-zap-tinta); }

.blk-a-pe { margin-top: auto; width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 0.34em; }

.blk-a-hora { font-size: 0.5em; font-weight: 400; line-height: 1.4; color: var(--blk-zap-hora); }

.blk-a-visto { display: block; width: 0.86em; height: auto; color: var(--blk-zap-visto); }

.blk-b { left: 17.8em; top: 6.7em; width: 13.6em; height: 24.3em; overflow: hidden; opacity: 0; transform: translate3d(0px, 1em, 0px) scale(0.975); transition: opacity 340ms ease-out,transform 470ms var(--blk-pouso); }

.blk.is-b .blk-b { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); }

.blk-b-foto { display: block; width: 100%; height: 14.2em; flex: 0 0 auto; background: rgb(242, 242, 244); opacity: 0; transition: opacity 360ms ease-out; }

.blk-b-foto img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center 56%; }

.blk.is-foto .blk-b-foto { opacity: 1; }

.blk-b-corpo { display: flex; flex-direction: column; align-items: flex-start; width: 100%; flex: 1 1 0%; min-height: 0px; padding: 0.8em 1.25em 0.95em; }

.blk-b-valor { --f: 1.5; --blk-em: calc(1em / var(--f)); margin-top: calc(0.7 * var(--blk-em)); font-size: calc(var(--f) * 1em); font-weight: 500; letter-spacing: -0.03em; line-height: 1.1; color: var(--blk-tinta); white-space: nowrap; }

.blk-b-parcela { margin-top: 0.18em; font-size: 0.66em; font-weight: 300; line-height: 1.4; letter-spacing: -0.004em; color: var(--blk-tinta-2); }

.blk-b-botao { margin-top: calc(0.73 * var(--blk-em)); --f: 0.66; --blk-em: calc(1em / var(--f)); width: calc(11.1 * var(--blk-em)); padding: 0.53em 0.6em; border-radius: 0.5em; background: var(--blk-acento); color: rgb(255, 255, 255); font-size: calc(var(--f) * 1em); font-weight: 500; line-height: 1.4; letter-spacing: -0.004em; text-align: center; white-space: nowrap; opacity: 0; transform: translate3d(0px, 0.4em, 0px); transition: opacity 300ms ease-out,transform 380ms var(--blk-pouso); }

.blk.is-botao .blk-b-botao { opacity: 1; transform: translate3d(0px, 0px, 0px); }

.blk-bandeiras { --blk-band: 1.1em; margin-top: auto; width: 11.1em; display: flex; align-items: center; justify-content: space-between; gap: 0.4em; opacity: 0; transition: opacity 340ms ease-out; }

.blk.is-band .blk-bandeiras { opacity: 1; }

.blk-band { display: block; }

.blk-band svg { display: block; height: 100%; width: auto; }

.blk-band--mc { height: calc(var(--blk-band) * 0.77); }

.blk-band--visa { height: calc(var(--blk-band) * 0.68); }

.blk-band--elo { height: calc(var(--blk-band) * 0.91); }

.blk-band--amex { height: var(--blk-band); }

.blk-b-valor, .blk-b-parcela { opacity: 0; transform: translate3d(0px, 0.34em, 0px); transition: opacity 300ms ease-out,transform 400ms var(--blk-pouso); }

.blk.is-txt .blk-b-valor, .blk.is-txt .blk-b-parcela { opacity: 1; transform: translate3d(0px, 0px, 0px); }

.blk.is-txt .blk-b-parcela { transition-delay: 90ms; }

.blk-c { left: 29.4em; top: 1.9em; width: 10.6em; height: 16em; padding: 1.05em 0.95em; opacity: 0; transform: translate3d(0.8em, 0px, 0px) scale(0.975); transition: opacity 340ms ease-out,transform 460ms var(--blk-pouso); }

.blk.is-c .blk-c { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); }

.blk-etiq { font-size: 0.54em; font-weight: 500; letter-spacing: 0.13em; line-height: 1.4; text-transform: uppercase; color: var(--blk-rotulo); white-space: nowrap; }

.blk-tabela { width: 100%; margin-top: 0.62em; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(6, auto); grid-auto-flow: column; column-gap: 0.8em; }

.blk-tx { display: flex; align-items: baseline; justify-content: space-between; gap: 0.35em; padding: 0.58em 0px; border-bottom: 1px solid var(--blk-fio); }

.blk-tx:nth-child(1), .blk-tx:nth-child(7) { border-top: 1px solid var(--blk-fio-forte); }

.blk-tx-chave { flex: 0 0 auto; font-size: 0.6em; font-weight: 400; line-height: 1.32; color: var(--blk-tinta-2); }

.blk-tx-pct { font-size: 0.6em; font-weight: 500; line-height: 1.32; letter-spacing: -0.01em; color: var(--blk-tinta); }

.blk-tx--dez .blk-tx-chave { font-weight: 500; color: var(--blk-tinta); }

.blk-tx--dez .blk-tx-pct { font-weight: 600; }

.blk-d { left: 5.2em; top: 16.8em; width: 13.4em; height: 8em; padding: 0.9em 0.95em; box-shadow: rgba(0, 0, 0, 0.44) 0px 0.45em 1.1em; opacity: 0; transform: translate3d(-0.8em, 0px, 0px) scale(0.97); transition: opacity 340ms ease-out,transform 460ms var(--blk-pouso); }

.blk.is-d .blk-d { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); }

.blk-d-rotulo { font-size: 0.55em; font-weight: 500; letter-spacing: 0.15em; line-height: 1.4; text-transform: uppercase; color: var(--blk-rotulo); white-space: nowrap; }

.blk-d-valor { margin-top: 0.14em; display: flex; align-items: center; gap: 0.22em; font-size: 1.3em; font-weight: 500; letter-spacing: -0.028em; line-height: 1.1; color: var(--blk-tinta); white-space: nowrap; }

.blk-d-seta { font-size: 0.5em; font-style: normal; font-weight: 500; color: var(--blk-acento); }

.blk-d-graf { margin-top: 0.5em; width: 100%; height: 2.1em; display: block; }

.blk-d-linha { fill: none; stroke: var(--blk-acento); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 330; stroke-dashoffset: 330; transition: stroke-dashoffset 200ms; }

.blk.is-d .blk-d-linha { stroke-dashoffset: 0; transition: stroke-dashoffset 560ms var(--blk-risco) 180ms; }

.blk-d-sub { margin-top: auto; font-size: 0.64em; font-weight: 300; line-height: 1.4; letter-spacing: -0.004em; color: var(--blk-tinta-3); }

.blk.is-mudo .blk-a, .blk.is-mudo .blk-b, .blk.is-mudo .blk-c, .blk.is-mudo .blk-d, .blk.is-mudo .blk-b-foto, .blk.is-mudo .blk-b-valor, .blk.is-mudo .blk-b-parcela, .blk.is-mudo .blk-b-botao, .blk.is-mudo .blk-bandeiras, .blk.is-mudo .blk-d-linha, .blk.is-mudo .blk-fio, .blk.is-mudo .blk-ponta { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }

@media (prefers-reduced-motion: reduce) {
  .ben-cena .blk .blk-a, .ben-cena .blk .blk-b, .ben-cena .blk .blk-c, .ben-cena .blk .blk-d, .ben-cena .blk .blk-b-foto, .ben-cena .blk .blk-b-valor, .ben-cena .blk .blk-b-parcela, .ben-cena .blk .blk-b-botao, .ben-cena .blk .blk-bandeiras, .ben-cena .blk .blk-d-linha, .ben-cena .blk .blk-fio, .ben-cena .blk .blk-ponta { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }
}

.bnff { position: absolute; inset: 0px 24px; display: flex; align-items: center; justify-content: center; --bnff-corrida: cubic-bezier(0.004,0.085,0.2,0.25); --bnff-desvio: cubic-bezier(0.33,0.8,0.35,1); }

.bnff-svg { display: block; width: 100%; max-width: 640px; height: 100%; }

.bnff-fio, .bnff-dv { fill: none; stroke: rgba(255, 255, 255, 0.12); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 6, 10; }

.bnff-revela { fill: none; stroke: rgb(255, 255, 255); stroke-width: 12; stroke-linecap: round; stroke-dasharray: 1200; stroke-dashoffset: 1200; transition: stroke-dashoffset 200ms; }

.bnff-dv-revela { fill: none; stroke: rgb(255, 255, 255); stroke-width: 10; stroke-linecap: round; transition: stroke-dashoffset 200ms; }

.bnff-dv-revela--e { stroke-dasharray: 55; stroke-dashoffset: 55; }

.bnff-dv-revela--d { stroke-dasharray: 60; stroke-dashoffset: 60; }

.bnff.is-traco .bnff-revela { stroke-dashoffset: 0; transition: stroke-dashoffset 2300ms var(--bnff-corrida); }

.bnff.is-dve .bnff-dv-revela--e, .bnff.is-dvd .bnff-dv-revela--d { stroke-dashoffset: 0; transition: stroke-dashoffset 230ms var(--bnff-desvio); }

.bnff.is-mudo .bnff-revela, .bnff.is-mudo .bnff-dv-revela { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }

@media (prefers-reduced-motion: reduce) {
  .ben-fundo .bnff .bnff-revela, .ben-fundo .bnff .bnff-dv-revela { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }
}

.bcxf { position: absolute; inset: 0px 24px; display: flex; align-items: center; justify-content: center; --bcxf-corrida: cubic-bezier(0.03,0.14,0.7,0.7); }

.bcxf-svg { display: block; width: 100%; max-width: 640px; height: 100%; }

.bcxf-fio { fill: none; stroke: rgba(255, 255, 255, 0.12); stroke-width: 1.6; stroke-linecap: round; stroke-dasharray: 6, 10; }

.bcxf-revela { fill: none; stroke: rgb(255, 255, 255); stroke-width: 12; stroke-linecap: round; stroke-dasharray: 1680; stroke-dashoffset: 1680; transition: stroke-dashoffset 200ms; }

.bcxf.is-traco .bcxf-revela { stroke-dashoffset: 0; transition: stroke-dashoffset 3200ms var(--bcxf-corrida); }

.bcxf.is-mudo .bcxf-revela { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }

@media (prefers-reduced-motion: reduce) {
  .ben-fundo .bcxf .bcxf-revela { transition-duration: 0s; transition-delay: 0s; animation: auto ease 0s 1 normal none running none; }
}

.gd-section { position: relative; z-index: 3; width: 100%; padding: 56px 0px 112px; display: flex; flex-direction: column; align-items: center; --gd-tinta: #f5f5f7; --gd-tinta-2: #86868b; --gd-fio-pilula: rgba(255,255,255,0.14); --gd-fio-janela: rgba(255,255,255,0.12); --gd-canvas: #0c0c0e; --gd-card: #17171a; --gd-card-pe: #141417; --gd-fio: rgba(255,255,255,0.075); --gd-t1: #f5f5f7; --gd-t2: #a1a1a6; --gd-t3: #86868b; --gd-d1: rgba(255,255,255,0.92); --gd-d2: rgba(255,255,255,0.72); --gd-d3: rgba(255,255,255,0.54); --gd-d4: rgba(255,255,255,0.38); --gd-d5: rgba(255,255,255,0.24); --gd-entrada: rgba(255,255,255,0.88); --gd-saida: rgba(255,255,255,0.44); --gd-barra: rgba(255,255,255,0.80); --gd-salvar-fundo: #f5f5f7; --gd-salvar-tinta: #0c0c0d; --gd-ease: cubic-bezier(0.22,1,0.36,1); --gd-desenho: cubic-bezier(0.65,0,0.35,1); --gd-corpo: 16px; --gd-alt: 31.625em; --gd-barra-alt: 44px; --gd-respiro: 60px; }

.gd-topo { width: 94%; max-width: 620px; margin-inline: auto; text-align: center; margin-bottom: clamp(40px, 3.9vw, 56px); }

.gd-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--gd-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin: 0px; }

.gd-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--gd-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin: 0px auto; text-wrap: balance; }

.gd-palco { position: relative; width: 100%; display: flex; flex-direction: column; align-items: center; }

.gd-janela { position: relative; margin-top: var(--gd-respiro); width: 94%; max-width: 1300px; border-radius: 16px; overflow: hidden; background: linear-gradient(160deg, rgb(35, 35, 38) 0%, rgb(13, 13, 15) 55%, rgb(26, 26, 29) 100%); padding: 1px; }

.gd-janela::after { content: ""; position: absolute; inset: 0px; z-index: 6; pointer-events: none; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--gd-fio-janela),inset 0 2px 0 -1px rgba(255,255,255,0.06); }

.gd-barra { position: relative; height: var(--gd-barra-alt); display: flex; align-items: center; padding: 0px 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.07); }

.gd-pontos { display: flex; gap: 6px; }

.gd-pontos i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, 0.16); }

.gd-endereco { position: absolute; left: 50%; transform: translateX(-50%); min-width: 190px; max-width: 40%; height: 26px; padding: 0px 14px; border-radius: 999px; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.06); display: flex; align-items: center; justify-content: center; font-family: Poppins, sans-serif; font-size: 0.78rem; font-weight: 300; color: rgba(255, 255, 255, 0.52); white-space: nowrap; overflow: hidden; }

.gd-viewport { position: relative; height: var(--gd-alt); overflow: hidden; background: var(--gd-canvas); font-family: Poppins, sans-serif; font-size: var(--gd-corpo); }

.gd-tela { position: absolute; inset: 0px; display: flex; flex-direction: column; padding: 1.3em 1.7em 1.45em; opacity: 0; }

.gd-cab { flex: 0 0 auto; display: flex; align-items: baseline; gap: 0.5em; padding-bottom: 0.85em; border-bottom: 1px solid var(--gd-fio); margin-bottom: 1.05em; }

.gd-tit { font-size: 1.18em; font-weight: 500; color: var(--gd-t1); letter-spacing: -0.018em; line-height: 1.1; }

.gd-periodo { font-size: 0.88em; font-weight: 300; color: var(--gd-t3); letter-spacing: -0.005em; }

.gd-salvar { margin-left: auto; align-self: center; flex: 0 0 auto; font-size: 0.8em; font-weight: 600; letter-spacing: -0.005em; color: var(--gd-salvar-tinta); background: var(--gd-salvar-fundo); padding: 0.62em 1.1em; border-radius: 0.5em; white-space: nowrap; }

.gd-whead { flex: 0 0 auto; display: flex; align-items: flex-start; gap: 0.65em; margin-bottom: 0.72em; }

.gd-alca { flex: 0 0 auto; display: grid; grid-template-columns: repeat(2, 0.17em); gap: 0.16em; margin-top: 0.22em; }

.gd-alca i { width: 0.17em; height: 0.17em; border-radius: 50%; background: rgba(255, 255, 255, 0.2); }

.gd-wtxt { flex: 1 1 0%; min-width: 0px; display: flex; flex-direction: column; gap: 0.28em; }

.gd-wtit { font-size: 0.92em; font-weight: 600; color: var(--gd-t1); letter-spacing: -0.012em; line-height: 1.15; }

.gd-wsub { font-size: 0.72em; font-weight: 300; color: var(--gd-t3); letter-spacing: -0.002em; line-height: 1.15; }

.gd-menu { flex: 0 0 auto; display: flex; gap: 0.16em; align-items: center; margin-top: 0.42em; }

.gd-menu i { width: 0.19em; height: 0.19em; border-radius: 50%; background: rgba(255, 255, 255, 0.2); }

.gd-rot { font-size: 0.68em; font-weight: 500; letter-spacing: 0.09em; text-transform: uppercase; color: var(--gd-t3); line-height: 1; }

.gd-w { position: relative; overflow: hidden; }

.gd-w::after { content: ""; position: absolute; inset: 0px; pointer-events: none; opacity: 0; background: linear-gradient(105deg, rgba(255, 255, 255, 0) 34%, rgba(255, 255, 255, 0.14) 50%, rgba(255, 255, 255, 0) 66%); }

.gd-kpis { flex: 0 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1em; }

.gd-kpi { display: flex; flex-direction: column; padding: 0.9em 1.05em 0.95em; border: 1px solid var(--gd-fio); border-radius: 0.8em; background: linear-gradient(180deg,var(--gd-card) 0%,var(--gd-card-pe) 100%); }

.gd-num { margin-top: auto; font-size: 1.85em; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.034em; line-height: 1; margin-bottom: 0.42em; }

.gd-kpi--forte .gd-num { font-size: 2.1em; }

.gd-var { align-self: flex-start; font-size: 0.72em; font-weight: 500; letter-spacing: -0.002em; line-height: 1; padding: 0.45em 0.7em; border-radius: 999px; white-space: nowrap; }

.gd-var--alta, .gd-var--baixa, .gd-var--neutra { color: rgba(255, 255, 255, 0.68); background: rgba(255, 255, 255, 0.07); }

.gd-nota { flex: 0 0 auto; margin-top: 0.7em; text-align: center; font-size: 0.68em; font-weight: 300; color: var(--gd-t3); letter-spacing: -0.002em; line-height: 1.2; }

.gd-carta { display: flex; flex-direction: column; min-height: 0px; padding: 0.9em 1.05em; border: 1px solid var(--gd-fio); border-radius: 0.8em; background: linear-gradient(180deg,var(--gd-card) 0%,var(--gd-card-pe) 100%); }

.gd-graf { position: relative; flex: 1 1 0%; min-height: 0px; margin-top: 0.3em; padding-left: 3.5em; }

.gd-ycol { position: absolute; left: 0px; top: 0px; bottom: 0px; width: 2.9em; }

.gd-ycol span { position: absolute; right: 0px; transform: translateY(50%); font-size: 0.68em; font-weight: 300; color: var(--gd-t3); letter-spacing: -0.002em; line-height: 1; white-space: nowrap; }

.gd-plot { position: relative; height: 100%; }

.gd-grade { position: absolute; left: 0px; right: 0px; height: 0px; border-top: 1px dashed rgba(255, 255, 255, 0.06); }

.gd-grade--chao { border-top-style: solid; border-top-color: rgba(255, 255, 255, 0.12); }

.gd-barras { position: absolute; inset: 0px; display: grid; align-items: end; }

.gd-barras--par { grid-template-columns: repeat(6, minmax(0px, 1fr)); }

.gd-barras--sete { grid-template-columns: repeat(7, minmax(0px, 1fr)); }

.gd-bgrupo { height: 100%; display: flex; align-items: flex-end; justify-content: center; gap: 0.34em; }

.gd-bar { flex: 0 0 auto; width: min(2.4em, 34%); height: var(--gd-h); border-radius: 0.25em 0.25em 0px 0px; transform-origin: center bottom; }

.gd-tela--fluxo .gd-bar--azul { background: var(--gd-entrada); }

.gd-tela--fluxo .gd-bar--menta { background: var(--gd-saida); }

.gd-tela--transf .gd-bar { background: var(--gd-barra); }

.gd-eixo { flex: 0 0 auto; display: grid; margin-top: 0.5em; padding-left: 3.5em; text-align: center; font-size: 0.7em; font-weight: 300; color: var(--gd-t3); letter-spacing: 0.01em; }

.gd-eixo--seis, .gd-eixo--sete { padding-left: 5em; }

.gd-eixo--seis { grid-template-columns: repeat(6, minmax(0px, 1fr)); }

.gd-eixo--sete { grid-template-columns: repeat(7, minmax(0px, 1fr)); }

.gd-pontinhos { flex: 0 0 auto; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.4em 1.1em; margin-top: 0.62em; }

.gd-pontinhos--duas { margin-top: 0.9em; gap: 0.42em 0.9em; }

.gd-ponto { display: inline-flex; align-items: center; gap: 0.4em; font-size: 0.7em; font-weight: 300; color: var(--gd-t2); letter-spacing: -0.002em; line-height: 1; white-space: nowrap; }

.gd-bolha { flex: 0 0 auto; width: 0.58em; height: 0.58em; border-radius: 50%; }

.gd-tela--fluxo .gd-bolha--azul { background: var(--gd-entrada); }

.gd-tela--fluxo .gd-bolha--menta { background: var(--gd-saida); }

.gd-tela--gastos .gd-bolha--menta { background: var(--gd-d1); }

.gd-tela--gastos .gd-bolha--azul { background: var(--gd-d2); }

.gd-tela--gastos .gd-bolha--roxo { background: var(--gd-d3); }

.gd-tela--gastos .gd-bolha--rosa { background: var(--gd-d4); }

.gd-tela--gastos .gd-bolha--amarelo { background: var(--gd-d5); }

.gd-tela--transf .gd-bolha--menta { background: var(--gd-barra); }

.gd-carta--fluxo { flex: 1 1 0%; margin-top: 0.85em; }

.gd-duas { flex: 1 1 0%; min-height: 0px; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.25fr); gap: 1em; }

.gd-coluna { display: flex; flex-direction: column; gap: 1em; min-height: 0px; }

.gd-carta--donut { min-height: 0px; }

.gd-donut { position: relative; flex: 0 0 auto; width: 12.5em; max-width: 100%; aspect-ratio: 1 / 1; margin: auto; }

.gd-donut svg { display: block; width: 100%; height: 100%; }

.gd-fatia { fill: none; stroke-width: 15; stroke-dashoffset: 0; stroke-dasharray: calc(var(--gd-len) - 2.2) 264; }

.gd-fatia--1 { stroke: var(--gd-d1); }

.gd-fatia--2 { stroke: var(--gd-d2); }

.gd-fatia--3 { stroke: var(--gd-d3); }

.gd-fatia--4 { stroke: var(--gd-d4); }

.gd-fatia--5 { stroke: var(--gd-d5); }

.gd-donut-meio { position: absolute; inset: 0px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2em; }

.gd-donut-meio b { font-size: 1.6em; font-weight: 700; color: rgb(255, 255, 255); letter-spacing: -0.032em; line-height: 1; }

.gd-donut-meio em { font-style: normal; font-size: 0.76em; font-weight: 300; color: var(--gd-t3); letter-spacing: -0.005em; }

.gd-carta--lista { flex: 1 1 0%; min-height: 0px; }

.gd-lista { flex: 1 1 0%; min-height: 0px; display: flex; flex-direction: column; list-style: none; margin: 0px; padding: 0px; }

.gd-item { flex: 1 1 0%; display: flex; align-items: center; gap: 0.8em; border-top: 1px solid var(--gd-fio); font-size: 0.92em; }

.gd-marca { flex: 0 0 auto; width: 0.58em; height: 0.58em; border-radius: 50%; }

.gd-marca--1 { background: var(--gd-d1); }

.gd-marca--2 { background: var(--gd-d2); }

.gd-marca--3 { background: var(--gd-d3); }

.gd-marca--4 { background: var(--gd-d4); }

.gd-marca--5 { background: var(--gd-d5); }

.gd-item-nome { font-weight: 400; color: var(--gd-t1); letter-spacing: -0.01em; }

.gd-item-fat { margin-left: auto; font-size: 0.86em; font-weight: 300; color: var(--gd-t3); letter-spacing: -0.005em; }

.gd-item-val { flex: 0 0 auto; width: 6.2em; text-align: right; font-weight: 500; color: rgb(255, 255, 255); letter-spacing: -0.015em; }

.gd-carta--barras { flex: 1 1 0%; min-height: 0px; }

.gd-bcol { height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; }

.gd-coroa { flex: 0 0 auto; margin-bottom: 0.45em; font-size: 0.78em; font-weight: 500; color: rgb(255, 255, 255); letter-spacing: -0.015em; line-height: 1; }

.gd-bcol .gd-bar { width: min(4.4em, 62%); }

.gd-kpis--dois { grid-template-columns: repeat(2, minmax(0px, 1fr)); margin-top: 0.85em; }

.gd-pilula { position: relative; z-index: 5; width: min(680px, 92%); height: 56px; flex: 0 0 auto; display: flex; align-items: center; gap: 10px; padding: 0px 9px 0px 18px; border-radius: 999px; background: linear-gradient(rgb(26, 26, 29) 0%, rgb(22, 22, 24) 100%); border: 1px solid var(--gd-fio-pilula); box-shadow: rgba(0, 0, 0, 0.5) 0px 14px 30px, rgba(255, 255, 255, 0.1) 0px 1px 0px inset; }

.gd-cometa { position: absolute; inset: -11px; z-index: -1; width: calc(100% + 22px); height: calc(100% + 22px); display: block; pointer-events: none; }

.gd-balao { width: 19px; height: 19px; flex: 0 0 auto; fill: none; stroke: rgba(255, 255, 255, 0.42); stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }

.gd-campo { flex: 1 1 0%; min-width: 0px; height: 100%; display: flex; align-items: center; overflow: hidden; white-space: nowrap; }

.gd-texto { flex: 0 0 auto; font-family: Poppins, sans-serif; font-size: 1.05rem; font-weight: 400; color: rgb(245, 245, 247); letter-spacing: -0.01em; line-height: 1; opacity: 1; }

.gd-cursor { flex: 0 0 auto; width: 2px; height: 1.16em; margin-left: 2px; border-radius: 1px; background: rgb(255, 255, 255); opacity: 0; }

.gd-enviar { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 50%; display: grid; place-items: center; background: linear-gradient(rgb(46, 46, 51) 0%, rgb(31, 31, 35) 100%); border: 1px solid rgba(255, 255, 255, 0.1); opacity: 0; transform: scale(0.7); transition: opacity 0.24s ease,transform 0.3s var(--gd-ease); }

.gd-enviar svg { width: 16px; height: 16px; fill: none; stroke: rgb(255, 255, 255); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.gd-palco[data-fase="repouso"] .is-vez, .gd-palco[data-fase="monta"] .is-vez { opacity: 1; }

.gd-palco[data-fase="apaga"] .is-vez { opacity: 0; transition: opacity 240ms linear; }

.gd-palco[data-fase="monta"] .gd-cab { animation: 300ms linear 60ms 1 normal backwards running gdSurge; }

.gd-palco[data-fase="monta"] .gd-w { animation: gdEntra 380ms var(--gd-ease) calc(120ms + var(--gd-i) * 200ms) backwards; }

.gd-palco[data-fase="monta"] .gd-w::after { animation: gdLustro 640ms linear calc(160ms + var(--gd-i) * 200ms) backwards; }

.gd-palco[data-fase="monta"] .gd-whead { animation: gdSurge 300ms linear calc(300ms + var(--gd-i) * 200ms) backwards; }

.gd-palco[data-fase="monta"] .gd-num { animation: gdSurge 420ms linear calc(400ms + var(--gd-i) * 200ms) backwards; }

.gd-palco[data-fase="monta"] .gd-var { animation: gdEntra 320ms var(--gd-ease) calc(640ms + var(--gd-i) * 200ms) backwards; }

.gd-palco[data-fase="monta"] .gd-fatia { animation: gdVarre var(--gd-dur) linear calc(400ms + var(--gd-i) * 200ms + var(--gd-off)) backwards; }

.gd-palco[data-fase="monta"] .gd-donut-meio { animation: gdSurge 320ms linear calc(1450ms + var(--gd-i) * 200ms) backwards; }

.gd-palco[data-fase="monta"] .gd-item { animation: gdSurge 320ms linear calc(400ms + var(--gd-i) * 200ms + var(--gd-n) * 80ms) backwards; }

.gd-palco[data-fase="monta"] .gd-bar { animation: gdCresce 620ms var(--gd-ease) calc(400ms + var(--gd-i) * 200ms + var(--gd-n) * 90ms) backwards; }

.gd-palco[data-fase="monta"] .gd-coroa { animation: gdSurge 300ms linear calc(660ms + var(--gd-i) * 200ms + var(--gd-n) * 90ms) backwards; }

.gd-palco[data-fase="monta"] .gd-graf { animation: gdSurge 320ms linear calc(220ms + var(--gd-i) * 200ms) backwards; }

.gd-palco[data-fase="monta"] .gd-pontinhos, .gd-palco[data-fase="monta"] .gd-nota { animation: gdSurge 320ms linear calc(1500ms + var(--gd-i) * 200ms) backwards; }

.gd-palco[data-fase="monta"] .gd-salvar { animation: gdChega 320ms var(--gd-ease) 2200ms backwards; }

.gd-palco[data-pilula="vazia"] .gd-texto { opacity: 0; transition: opacity 0.18s linear; }

.gd-palco[data-pilula="escrevendo"] .gd-cursor { opacity: 1; animation: 1.06s linear 0s infinite normal none running gdPisca; }

.gd-palco[data-pilula="escrevendo"] .gd-enviar, .gd-palco[data-pilula="envio"] .gd-enviar, .gd-palco[data-pilula="cheia"] .gd-enviar { opacity: 1; transform: scale(1); }

.gd-palco[data-pilula="envio"] .gd-enviar { animation: gdAperta 0.24s var(--gd-ease); }

.gd-palco.is-vivo .gd-tela { will-change: opacity; }

.gd-palco.is-parado .gd-cab, .gd-palco.is-parado .gd-w, .gd-palco.is-parado .gd-w::after, .gd-palco.is-parado .gd-whead, .gd-palco.is-parado .gd-num, .gd-palco.is-parado .gd-var, .gd-palco.is-parado .gd-graf, .gd-palco.is-parado .gd-fatia, .gd-palco.is-parado .gd-donut-meio, .gd-palco.is-parado .gd-item, .gd-palco.is-parado .gd-bar, .gd-palco.is-parado .gd-coroa, .gd-palco.is-parado .gd-pontinhos, .gd-palco.is-parado .gd-nota, .gd-palco.is-parado .gd-salvar, .gd-palco.is-parado .gd-cursor, .gd-palco.is-parado .gd-enviar { animation: auto ease 0s 1 normal none running none; }

.gd-palco.is-parado .gd-tela { transition: none; }

.gd-palco.is-mudo, .gd-palco.is-mudo *, .gd-palco.is-mudo ::before, .gd-palco.is-mudo ::after { transition: none !important; }

@keyframes gdEntra { 
  0% { opacity: 0; transform: translateY(8px); }
}

@keyframes gdSurge { 
  0% { opacity: 0; }
}

@keyframes gdChega { 
  0% { opacity: 0; transform: translateY(-4px) scale(0.96); }
}

@keyframes gdLustro { 
  0% { opacity: 0; transform: translateX(-42%); }
  38% { opacity: 1; }
  100% { opacity: 0; transform: translateX(42%); }
}

@keyframes gdVarre { 
  0% { stroke-dashoffset: var(--gd-len); }
}

@keyframes gdCresce { 
  0% { transform: scaleY(0); }
}

@keyframes gdPisca { 
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }
}

@keyframes gdAperta { 
  0% { transform: scale(1); }
  50% { transform: scale(0.94); }
  100% { transform: scale(1); }
}

@media (max-width: 1080px) {
  .gd-section { --gd-corpo: 14px; }
}

@media (max-width: 860px) {
  .gd-section { --gd-corpo: 12.5px; --gd-barra-alt: 38px; --gd-respiro: 50px; }
}

@media (max-width: 700px) {
  .gd-section { --gd-corpo: 11.5px; }
}

@media (max-width: 600px) {
  .gd-section { padding: 40px 0px 96px; }
  .gd-headline { font-size: 1.5rem; margin-bottom: 0px; }
  .gd-sub { font-size: 0.84rem; }
  .gd-topo { margin-bottom: 34px; }
}

@media (max-width: 560px) {
  .gd-section { --gd-corpo: 11px; --gd-alt: 30.5em; --gd-barra-alt: 30px; --gd-respiro: 40px; }
  .gd-janela { width: 94%; }
  .gd-endereco { min-width: 0px; max-width: 56%; height: 20px; font-size: 0.68rem; padding: 0px 10px; }
  .gd-pontos i { width: 6px; height: 6px; }
  .gd-tela { padding: 1.3em 1.35em 1.4em; }
  .gd-cab { padding-bottom: 0.9em; margin-bottom: 1.1em; }
  .gd-duas { grid-template-columns: minmax(0px, 1fr); grid-template-rows: minmax(0px, 0.9fr) minmax(0px, 1.1fr); gap: 0.7em; }
  .gd-coluna { gap: 0.7em; }
  .gd-tela--gastos .gd-kpi { display: none; }
  .gd-kpi { flex: 1 1 0%; padding: 0.8em 0.85em 0.85em; }
  .gd-num { font-size: 1.5em; margin-bottom: 0.42em; }
  .gd-kpi--forte .gd-num { font-size: 1.68em; }
  .gd-wsub { display: none; }
  .gd-wtit { font-size: 0.86em; }
  .gd-whead { margin-bottom: 0.75em; gap: 0.5em; }
  .gd-carta--donut { flex: 1 1 0%; padding: 0.7em; }
  .gd-donut { width: 7.2em; }
  .gd-donut-meio { gap: 0.22em; }
  .gd-donut-meio b { font-size: 0.88em; }
  .gd-donut-meio em { font-size: 0.54em; line-height: 1; }
  .gd-pontinhos--duas, .gd-nota { display: none; }
  .gd-item-fat { display: none; }
  .gd-item-val { margin-left: auto; width: auto; }
  .gd-kpis { gap: 0.6em; }
  .gd-kpis--dois { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .gd-graf { padding-left: 2.7em; }
  .gd-ycol { width: 2.2em; }
  .gd-eixo--seis, .gd-eixo--sete { padding-left: 3.86em; }
  .gd-bgrupo { gap: 0.18em; }
  .gd-coroa { font-size: 0.7em; margin-bottom: 0.35em; }
  .gd-pilula { width: 94%; }
  .gd-texto { font-size: 0.82rem; }
}

@media (prefers-reduced-motion: reduce) {
  .gd-section .gd-palco .gd-cab, .gd-section .gd-palco .gd-w, .gd-section .gd-palco .gd-w::after, .gd-section .gd-palco .gd-whead, .gd-section .gd-palco .gd-num, .gd-section .gd-palco .gd-var, .gd-section .gd-palco .gd-graf, .gd-section .gd-palco .gd-fatia, .gd-section .gd-palco .gd-donut-meio, .gd-section .gd-palco .gd-item, .gd-section .gd-palco .gd-bar, .gd-section .gd-palco .gd-coroa, .gd-section .gd-palco .gd-pontinhos, .gd-section .gd-palco .gd-nota, .gd-section .gd-palco .gd-salvar, .gd-section .gd-palco .gd-cursor, .gd-section .gd-palco .gd-enviar { animation: auto ease 0s 1 normal none running none; }
  .gd-section .gd-palco .gd-tela { transition: none; }
  .gd-section .gd-palco .gd-cometa { display: none; }
}

@media (max-width: 600px) {
  .ben-textos, .ben-vitrine, .ben-palco { display: contents; }
  .ben-bloco[data-ato="2"] { grid-row: 1; }
  .ben-cena[data-ato="2"], .ben-fundo-ato[data-ato="2"] { grid-row: 2; }
  .ben-bloco[data-ato="3"] { grid-row: 3; }
  .ben-cena[data-ato="3"], .ben-fundo-ato[data-ato="3"] { grid-row: 4; }
  .ben-bloco[data-ato="4"] { grid-row: 5; }
  .ben-cena[data-ato="4"], .ben-fundo-ato[data-ato="4"] { grid-row: 6; }
  .ben-bloco, .ben-cena, .ben-fundo-ato { grid-column: 1; }
  .ben-grade { position: relative; }
  .ben-bloco { position: relative; z-index: 1; }
  .ben-cena { position: relative; inset: auto; opacity: 1; transition: none; margin-top: 56px; }
  .ben-cena .blk { transform: translateX(-6.5%); }
  .ben-fundo-ato[data-ato="2"] { align-self: start; aspect-ratio: 1 / 1.0643; mask-image: linear-gradient(transparent 0px, rgb(0, 0, 0) 6%, rgb(0, 0, 0) 94%, transparent 100%); }
  .ben-fundo-ato[data-ato="2"] .blkg { left: -19.5%; right: -19.5%; transform: translateX(-1.111%); --blkg-t1: rgba(255,255,255,0.15); --blkg-t2: rgba(255,255,255,0.12); --blkg-t3: rgba(255,255,255,0.09); --blkg-t4: rgba(255,255,255,0.048); }
  .ben-fundo { display: contents; }
  .ben-fundo-ato { position: relative; inset: auto; opacity: 1; transition: none; margin-top: 56px; mask-image: linear-gradient(transparent 0px, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 88%, transparent 100%); }
  .bnff, .bcxf { left: 0px; right: 0px; }
  .ben-fundo-ato[data-ato="4"] { mask-image: none; }
  .bcxf { top: -67.1875%; bottom: -67.1875%; mask-image: linear-gradient(transparent 0px, transparent 24%, rgb(0, 0, 0) 34%, rgb(0, 0, 0) 100%); }
  .bcxf-fio { stroke: rgba(255, 255, 255, 0.22); }
  .ben-luz { display: block; grid-area: 6 / 1; --ben-luz-r: calc((100vw - 48px) * 0.616); top: calc(50% - var(--ben-luz-r) * 1.06 + 28px); }
  .ben-section[data-ato="4"] .ben-luz { opacity: 0; }
  .ben-section .ben-luz.is-acesa { opacity: 1; transition: opacity 2400ms cubic-bezier(0.33, 0, 0.25, 1); }
  .ben-fundo-ato[data-ato="3"] { aspect-ratio: 640 / 800; }
  .ben-cena[data-ato="3"] { align-self: center; }
  .bnff-fio, .bnff-dv { stroke: rgba(255, 255, 255, 0.16); }
  .ben-fundo-ato[data-ato="3"] { mask-image: none; }
  .ben-fundo-ato[data-ato="3"] .bnff { mask-image: linear-gradient(transparent 0px, rgb(0, 0, 0) 12%, rgb(0, 0, 0) 88%, transparent 100%); }
  .ben-fundo-ato[data-ato="3"]::before, .ben-fundo-ato[data-ato="3"]::after { content: ""; position: absolute; z-index: -1; left: -24px; right: -24px; top: calc(49.11% - 64.29vh); height: 100vh; pointer-events: none; opacity: 0; transition: opacity 1200ms cubic-bezier(0.33, 0, 0.25, 1); }
  .ben-fundo-ato[data-ato="3"]::before { background-image: var(--ben-lav-tinta); }
  .ben-fundo-ato[data-ato="3"]::after { background-image: var(--ben-lav-grao); mask-image: var(--ben-lav-plato); }
  .ben-section[data-arte="3"] .ben-fundo-ato[data-ato="3"]::before { opacity: 1; transition: opacity 1600ms cubic-bezier(0.33, 0, 0.25, 1); }
  .ben-section[data-arte="3"] .ben-fundo-ato[data-ato="3"]::after { opacity: 0.062; transition: opacity 1600ms cubic-bezier(0.33, 0, 0.25, 1); }
  @supports (animation-timeline:view()) {
  .ben-cena, .ben-fundo-ato { animation-name: ben-surge; animation-duration: auto; animation-timing-function: linear; animation-fill-mode: both; animation-timeline: view(); animation-range: entry entry 24%; }
}
  @media (prefers-reduced-motion: reduce) {
  .ben-cena, .ben-fundo-ato { animation: auto ease 0s 1 normal none running none; }
  .ben-section .ben-luz.is-acesa { transition-duration: 0s; transition-delay: 0s; }
  .ben-section[data-arte] .ben-fundo-ato[data-ato="3"]::before, .ben-section[data-arte] .ben-fundo-ato[data-ato="3"]::after { transition-duration: 0s; transition-delay: 0s; }
}
}

@keyframes ben-surge { 
  0% { opacity: 0; transform: translate3d(0px, 14px, 0px); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px); }
}

.preco2-card { position: relative; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; max-width: 460px; margin-inline: auto; padding: 44px 40px 32px; background: var(--preco-branco); border: 1.5px solid var(--preco-fio); border-radius: var(--preco-raio); box-shadow: rgba(12, 12, 13, 0.35) 0px 30px 70px -42px; overflow: hidden; }

.preco2-card::before { content: ""; position: absolute; top: 0px; left: 0px; right: 0px; height: 3px; background: var(--preco-degrade); }

.preco2-oferta { display: inline-flex; align-items: center; font-family: Poppins, sans-serif; font-size: 0.72rem; font-weight: 500; line-height: 1; letter-spacing: 0.07em; text-transform: uppercase; color: var(--preco-tinta); background: linear-gradient(100deg, rgba(197, 130, 255, 0.13), rgba(241, 116, 186, 0.13)); border: 1px solid rgba(197, 130, 255, 0.4); border-radius: 980px; padding: 8px 15px; margin-bottom: 22px; }

.preco2-nome { font-family: Poppins, sans-serif; font-size: 1.08rem; font-weight: 500; letter-spacing: -0.01em; color: var(--preco-tinta); margin-bottom: 5px; }

.preco2-apoio { font-family: Poppins, sans-serif; font-size: 0.85rem; font-weight: 300; line-height: 1.5; color: var(--preco-tinta-2); margin-bottom: 24px; max-width: 36ch; }

.preco2-valor { display: flex; align-items: baseline; justify-content: center; color: var(--preco-tinta); font-family: Poppins, sans-serif; margin-bottom: 6px; }

.preco2-de { font-size: 0.95rem; font-weight: 300; color: var(--preco-tinta-2); text-decoration: line-through 1px; margin-right: 12px; }

.preco2-moeda { font-size: 1.35rem; font-weight: 400; letter-spacing: -0.02em; margin-right: 5px; }

.preco2-numero { font-size: 3.4rem; font-weight: 500; letter-spacing: -0.04em; line-height: 1; }

.preco2-periodo { font-size: 0.95rem; font-weight: 300; color: var(--preco-tinta-2); margin-left: 6px; }

.preco2-cobranca { font-family: Poppins, sans-serif; font-size: 0.82rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.5; margin-bottom: 26px; }

.preco2-lista { list-style: none; align-self: stretch; display: flex; flex-direction: column; gap: 12px; margin: 0px auto 28px; max-width: 340px; text-align: left; }

.preco2-lista li { display: flex; align-items: flex-start; gap: 10px; font-family: Poppins, sans-serif; font-size: 0.87rem; font-weight: 400; color: var(--preco-tinta); line-height: 1.45; letter-spacing: -0.008em; }

.preco2-icone { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 0.16em; --preco-disco: var(--preco-tinta); --preco-risco: var(--preco-branco); }

.preco2-btn { display: flex; align-items: center; justify-content: center; width: 100%; padding: 14.5px 24px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 980px; background: var(--preco-degrade); color: var(--preco-branco); font-family: Poppins, sans-serif; font-size: 0.95rem; font-weight: 500; letter-spacing: -0.005em; text-decoration: none; transition: transform 0.3s var(--preco-calmo),box-shadow 0.3s var(--preco-calmo); }

.preco2-btn:hover { transform: translateY(-2px); box-shadow: rgba(150, 95, 190, 0.65) 0px 14px 28px -14px; }

.preco2-btn:focus-visible { outline: 2px solid var(--preco-tinta); outline-offset: 4px; }

.preco2-micro { font-family: Poppins, sans-serif; font-size: 0.8rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.5; margin-top: 12px; }

.preco2-selos { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 22px; margin-top: 22px; padding-top: 20px; border-top: 1px solid var(--preco-fio); align-self: stretch; }

.preco2-selos li { font-family: Poppins, sans-serif; font-size: 0.76rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.45; }

@media (max-width: 640px) {
  .preco2-card { padding: 36px 22px 26px; }
  .preco2-numero { font-size: 2.9rem; }
  .preco2-lista { max-width: none; }
  .preco2-btn:hover { transform: none; }
}

@media (prefers-reduced-motion: reduce) {
  .preco2-btn, .preco2-btn:hover { transition: none; transform: none; }
}

@media (max-width: 600px) {
  .ben-fundo-ato[data-ato="3"]::after { background-repeat: no-repeat; background-size: 100% 100%; }
}

.menu-movel .mm-login { margin: 10px 0px 0px; justify-content: center; gap: 8px; padding: 19px 20px; border-radius: 980px; background: transparent; color: var(--menu-tinta); box-shadow: rgba(12, 12, 13, 0.16) 0px 0px 0px 1px inset; font-size: 1rem; font-weight: 500; letter-spacing: -0.01em; }

.menu-movel.is-aberto a:nth-child(7) { transition-delay: 0.3s; }

@media (max-height: 620px) and (max-width: 1080px) {
  .menu-movel .mm-login { margin-top: 8px; padding: 16px 20px; font-size: 0.95rem; }
}

@media (max-height: 480px) and (max-width: 1080px) {
  .menu-movel .mm-login { margin-top: 6px; padding: 13px 20px; font-size: 0.92rem; }
}

@media (prefers-reduced-motion: reduce) {
  .menu-movel.is-aberto a:nth-child(7) { transition-delay: 0s; }
}

.preco2-preco { display: flex; flex-direction: column; align-items: center; margin-bottom: 26px; }

.preco2-kicker { font-family: Poppins, sans-serif; font-size: 0.8rem; font-weight: 400; color: var(--preco-tinta-2); letter-spacing: -0.005em; margin-bottom: 4px; }

.preco2-valor { margin-bottom: 8px; }

.preco2-compara { display: inline-flex; align-items: center; font-family: Poppins, sans-serif; font-size: 0.82rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.4; }

.preco2-compara s { text-decoration: line-through 1px; margin-right: 5px; }

.preco2-chip { display: inline-flex; align-items: center; font-family: Poppins, sans-serif; font-size: 0.66rem; font-weight: 600; line-height: 1; letter-spacing: 0.04em; color: rgb(255, 255, 255); background: var(--preco-degrade); border-radius: 980px; padding: 4px 9px; margin-left: 8px; }

@media (max-width: 615px) {
  :root { --aparelho-tela: 0.88; --aparelho-corpo: min(calc(100vw * var(--aparelho-tela)),410px); --aparelho-larg: calc(var(--aparelho-corpo) * 1910 / 487); --aparelho-tapa: 280; }
  .hero-video-bg { display: none; }
  #global-celular-bg { top: calc(325px + var(--hero-descida,0px) + env(safe-area-inset-top,0px)); }
  .hero-container { min-height: calc(325px + var(--hero-descida,0px) + (815 - var(--aparelho-tapa)) * var(--aparelho-larg) / 1910); }
  .promise-section { padding-top: calc(88 * var(--aparelho-larg) / 1910); }
}

.hero-title { white-space: normal; text-wrap-style: balance; font-size: 1.95rem; max-width: 100%; margin-bottom: 22px; }

.cta-rotulo-curto { display: none; }

.team-selector { height: 289px; justify-content: flex-start; overflow: clip; mask-image: linear-gradient(transparent 0px, rgb(0, 0, 0) 18%, rgb(0, 0, 0) 82%, transparent 100%); }

.team-selector-card { flex: 0 0 auto; transition: transform 0.45s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.45s, background 0.4s, border-color 0.4s, box-shadow 0.4s; }

@media (max-width: 960px) {
  .team-selector { flex-direction: row; justify-content: flex-start; width: 265px; height: auto; margin-inline: auto; mask-image: linear-gradient(to right, transparent 0px, rgb(0, 0, 0) 18%, rgb(0, 0, 0) 82%, transparent 100%); }
}

@media (max-width: 600px) {
  .team-selector { width: 230px; }
}

.cta-forte:focus-visible { outline: rgb(197, 130, 255) solid 2px; outline-offset: 3px; }

.preco-sub { font-family: Poppins, sans-serif; font-size: 1.02rem; font-weight: 300; color: var(--preco-tinta-2); line-height: 1.55; margin-top: 14px; text-wrap: balance; }

.prova-section { position: relative; z-index: 3; width: 100%; background: rgb(255, 255, 255); padding: 112px 0px 8px; display: flex; flex-direction: column; align-items: center; }

.prova-grade { width: 100%; max-width: 1120px; padding: 0px 24px; }

.prova-topo { max-width: 660px; margin: 0px auto clamp(48px, 5vw, 64px); text-align: center; }

.prova-kicker { display: block; font-family: Poppins, sans-serif; font-size: 0.78rem; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase; background: linear-gradient(100deg, rgb(197, 130, 255), rgb(241, 116, 186)) text; color: transparent; margin-bottom: 14px; }

.prova-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: rgb(12, 12, 13); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin: 0px; }

.prova-cards { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }

.prova-card { border: 1px solid rgba(12, 12, 13, 0.1); border-radius: 22px; background: rgba(12, 12, 13, 0.02); padding: 28px 24px; display: flex; flex-direction: column; gap: 8px; text-align: left; }

.prova-rot { font-family: Poppins, sans-serif; font-size: 0.76rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; color: rgb(106, 106, 112); }

.prova-cifra { font-family: Poppins, sans-serif; font-size: clamp(1.9rem, 2.6vw, 2.4rem); font-weight: 500; letter-spacing: -0.02em; line-height: 1.1; background: linear-gradient(100deg, rgb(197, 130, 255), rgb(241, 116, 186)) text; color: transparent; font-variant-numeric: tabular-nums; white-space: nowrap; }

.prova-nota { font-family: Poppins, sans-serif; font-size: 0.86rem; font-weight: 300; color: rgb(106, 106, 112); line-height: 1.5; }

@media (max-width: 900px) {
  .prova-section { padding: 84px 0px 0px; }
  .prova-headline { font-size: 1.7rem; }
  .prova-cards { grid-template-columns: repeat(2, 1fr); gap: 14px; }
  .prova-card { padding: 22px 18px; }
  .prova-cifra { font-size: clamp(1.5rem, 6vw, 1.9rem); }
}

@media (max-width: 615px) {
  :root { --hero-descida: 156px; }
  :root { --aparelho-tapa: 112; }
  .hero-title { font-size: calc(-3px + 6.1vw); line-height: 1.44; margin-bottom: 44px; }
  .cta-forte { color: rgb(255, 255, 255); font-weight: 500; padding: 11px 24px; border-radius: 980px; background: linear-gradient(100deg, rgb(197, 130, 255), rgb(241, 116, 186)); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
  .cta-forte span { text-decoration: none; }
  .cta-forte:hover { opacity: 1; transform: translateY(-2px); }
  .hero-content .cta-forte { font-size: 1rem; padding: 11px 24px; }
  .cta-rotulo-longo { display: none; }
  .cta-rotulo-curto { display: inline; }
  .preco-sub { font-size: 0.94rem; }
  .team-sphere { display: none; }
}

.ag-topo, .cli-topo, .emp-topo, .exp-topo, .gd-topo, .mostra-topo, .preco-topo, .vit-topo { max-width: 800px; }

.ag-topo .ag-sub, .cli-topo .cli-sub, .exp-topo .exp-sub, .gd-topo .gd-sub, .mostra-topo .mostra-sub, .preco-topo .preco-sub, .vit-topo .vit-sub { max-width: 620px; margin-inline: auto; }

.intg-headline { max-width: 480px; }

@media (max-width: 600px) {
  .team-headline, .promise-headline, .intg-headline, .mostra-headline, .of-bancos-nota, .gd-headline, .ag-headline, .exp-headline, .cli-headline, .emp-headline, .vit-headline, .prova-headline, .preco-headline, .faq-headline { font-size: 1.4rem; line-height: 1.25; }
  .intg-headline-complemento { display: none; }
}

@media (max-width: 960px) {
  .glass-header { width: 92%; }
  .team-container { width: 92%; }
  .promise-container { width: 92%; }
  .of-row { width: 92%; }
  .of-bancos { width: 92%; }
  .ag-grade { width: 92%; }
  .exp-grade { width: 92%; }
  .faq-grade { width: 92%; }
  .preco-grade { width: 92%; }
  .intg-grade { width: 92%; }
  .mostra-grade { width: 92%; }
  .gd-topo { width: 92%; }
  .emp-topo { width: 92%; }
  .cli-grade { width: 92%; }
  .vit-topo { width: 92%; }
  .gd-palco { width: 92%; margin-inline: auto; }
  .gd-pilula { width: 100%; }
  .gd-janela { width: 100%; }
  .emp-palco { width: 92%; margin-inline: auto; }
  .emp-cena { width: 100%; }
}

.mostra-section, .exp-section, .faq-section, .site-footer { margin-top: -1px; }

@media (max-width: 600px) {
  .ben-fundo-ato { width: 100%; }
  .ben-fundo-ato[data-ato="3"] { align-self: start; }
}

@media (min-width: 601px) {
  .team-headline { font-size: 1.4rem; line-height: normal; letter-spacing: -0.02em; text-wrap: wrap; max-width: 660px; }
}

.ag-topo, .exp-topo { max-width: 980px; }

@media (min-width: 601px) and (max-width: 960px) {
  .vit-headline { font-size: 2.2rem; }
}

@media (max-width: 600px) {
  .team-notification { right: max(143px - 48vw, -63.5px); }
}

.hero-chip { display: inline-flex; align-items: center; margin-bottom: 22px; padding: 5px 16px; border-radius: 980px; background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.14); backdrop-filter: blur(14px); font-family: Poppins, sans-serif; font-size: 0.85rem; font-weight: 400; letter-spacing: -0.006em; line-height: 1.4; color: rgba(255, 255, 255, 0.92); white-space: nowrap; }

@media (max-width: 615px) {
  .hero-chip { margin-bottom: 18px; padding: 4px 14px; font-size: 0.78rem; }
}

@media (min-width: 561px) and (max-width: 615px) {
  .hero-chip { margin-bottom: 8px; }
}

@media (min-width: 616px) {
  .hero-content { --chip-custo: 53px; margin-top: calc(-15vh - 245px + var(--chip-custo)); }
}

.conf-faixa { position: relative; z-index: 3; width: 100%; display: flex; justify-content: center; padding: 64px 0px; --conf-vao: 56px; --conf-fade: 110px; --conf-pose: 254px; }

.conf-faixa + .team-section { padding-top: 0px; }

.team-section { padding-bottom: clamp(64px, 7vw, 104px); }

.conf-defs { position: absolute; width: 0px; height: 0px; overflow: hidden; }

.conf-trilho { position: relative; width: 94%; max-width: 1300px; overflow: hidden; mask-image: linear-gradient(to right,transparent 0,#000 var(--conf-fade),#000 calc(100% - var(--conf-fade)),transparent 100%); }

.conf-fita { display: flex; width: max-content; animation: 38s linear 0s infinite normal none running conf-anda; }

@keyframes conf-anda { 
  0% { transform: translate3d(0px, 0px, 0px); }
  100% { transform: translate3d(calc(-33.3333%), 0px, 0px); }
}

.conf-fila { list-style: none; display: flex; align-items: center; flex: 0 0 auto; }

.conf-selo { position: relative; display: flex; align-items: center; flex: 0 0 auto; gap: 14px; margin-right: var(--conf-vao); white-space: nowrap; font-family: Poppins, sans-serif; }

.conf-selo::after { content: ""; position: absolute; top: 50%; right: calc(var(--conf-vao) / -2); width: 1px; height: 32px; margin-top: -16px; background: rgba(255, 255, 255, 0.08); }

.conf-marca { flex: 0 0 auto; width: 34px; height: 28px; color: rgb(180, 180, 186); fill: none; stroke: currentcolor; stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }

.conf-marca.is-cheio { fill: currentcolor; stroke: none; color: rgb(168, 168, 174); }

.conf-lockup { display: flex; flex-direction: column; justify-content: center; min-width: 0px; }

.conf-alega { font-size: 0.93rem; font-weight: 500; letter-spacing: -0.011em; line-height: 1.28; color: rgb(214, 214, 219); }

.conf-apoio { margin-top: 3px; font-size: 0.69rem; font-weight: 400; letter-spacing: 0.075em; line-height: 1.3; text-transform: uppercase; color: rgb(134, 134, 139); }

@media (max-width: 960px) {
  .conf-faixa { padding: 56px 0px; --conf-vao: 48px; --conf-fade: 88px; --conf-pose: 249px; }
  .conf-fita { animation-duration: 37s; }
  .conf-trilho { width: 92%; }
  .conf-selo { gap: 12px; }
  .conf-selo::after { height: 30px; margin-top: -15px; }
  .conf-marca { width: 31px; height: 26px; }
  .conf-alega { font-size: 0.88rem; }
  .conf-apoio { font-size: 0.66rem; }
}

@media (max-width: 615px) {
  .conf-faixa { padding: 44px 0px; --conf-vao: 38px; --conf-fade: 56px; --conf-pose: 250px; }
  .conf-fita { animation-duration: 34s; }
  .conf-selo { gap: 11px; }
  .conf-selo::after { height: 28px; margin-top: -14px; }
  .conf-marca { width: 28px; height: 24px; stroke-width: 1.4; }
  .conf-alega { font-size: 0.82rem; }
  .conf-apoio { margin-top: 2px; font-size: 0.62rem; letter-spacing: 0.06em; }
}

@media (prefers-reduced-motion: reduce) {
  .conf-fita { animation: auto ease 0s 1 normal none running none; transform: translate3d(calc(var(--conf-pose) * -1),0,0); }
}

.fecho-section { position: relative; z-index: 3; width: 100%; margin-top: -1px; background: var(--fecho-branco); padding: 104px 0px 112px; display: flex; flex-direction: column; align-items: center; --fecho-branco: #ffffff; --fecho-tinta: #0c0c0d; --fecho-tinta-2: #6a6a70; --fecho-calmo: cubic-bezier(0.4,0,0.2,1); }

.fecho-grade { width: 94%; max-width: 620px; margin-inline: auto; display: flex; flex-direction: column; align-items: center; text-align: center; }

.fecho-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--fecho-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin-bottom: 14px; }

.fecho-garantia { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--fecho-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 46ch; text-wrap: balance; }

.fecho-btn { margin-top: clamp(30px, 3.2vw, 40px); padding: 13px 28px; border-radius: 980px; background: linear-gradient(100deg, rgb(197, 130, 255), rgb(241, 116, 186)); color: rgb(255, 255, 255); font-size: 1.02rem; font-weight: 500; transition: transform 0.3s var(--fecho-calmo),box-shadow 0.3s var(--fecho-calmo); }

.fecho-btn:hover { opacity: 1; transform: translateY(-2px); box-shadow: rgba(150, 95, 190, 0.65) 0px 14px 28px -14px; }

.fecho-humano { margin-top: 20px; font-family: Poppins, sans-serif; font-size: 0.84rem; font-weight: 300; color: var(--fecho-tinta-2); line-height: 1.55; letter-spacing: -0.008em; }

.fecho-link { color: var(--fecho-tinta); text-decoration: underline 1px rgba(12, 12, 13, 0.35); text-underline-offset: 3px; transition: text-decoration-color 0.34s var(--fecho-calmo); }

.fecho-link:hover { text-decoration-color: var(--fecho-tinta); }

.fecho-link:focus-visible { outline: 2px solid var(--fecho-tinta); outline-offset: 3px; border-radius: 3px; }

@media (max-width: 960px) {
  .fecho-grade { width: 92%; }
}

@media (max-width: 600px) {
  .fecho-section { padding: 88px 0px 96px; }
  .fecho-headline { font-size: 1.4rem; line-height: 1.25; }
  .fecho-garantia { font-size: 0.82rem; }
  .fecho-btn { font-size: 0.95rem; padding: 12px 24px; }
  .fecho-btn:hover { transform: none; box-shadow: none; }
  .fecho-humano { font-size: 0.8rem; }
}

@media (prefers-reduced-motion: reduce) {
  .fecho-btn, .fecho-btn:hover { transition: none; transform: none; }
}

.dia-section { position: relative; z-index: 3; width: 100%; margin-top: -1px; background: var(--dia-branco); padding: 104px 0px 0px; display: flex; flex-direction: column; align-items: center; --dia-branco: #ffffff; --dia-tinta: #0c0c0d; --dia-tinta-2: #6a6a70; --dia-fio: rgba(12,12,13,0.1); --dia-raio: 22px; --dia-calmo: cubic-bezier(0.4,0,0.2,1); --dia-teto: 90px; --dia-reserva: 268px; --dia-larg: min(92%,520px); --dia-lado: min(100%,max(210px,calc(100svh - var(--dia-reserva)))); }

.dia-topo { width: 92%; max-width: 620px; margin: 0px auto clamp(40px, 4.4vw, 56px); text-align: center; }

.dia-headline { font-family: Poppins, sans-serif; font-size: 2.2rem; font-weight: 400; color: var(--dia-tinta); letter-spacing: -0.02em; line-height: 1.25; text-wrap: balance; margin-bottom: 14px; }

.dia-sub { font-family: Poppins, sans-serif; font-size: 0.88rem; font-weight: 300; color: var(--dia-tinta-2); line-height: 1.55; letter-spacing: -0.008em; max-width: 52ch; margin-inline: auto; text-wrap: balance; }

.dia-trilha { position: relative; width: 100%; display: grid; grid-template-columns: 1fr; }

.dia-passos { grid-area: 1 / 1; }

.dia-passo { min-height: 100svh; }

.dia-palco { grid-area: 1 / 1; position: sticky; top: 0px; align-self: start; height: 100svh; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; padding: var(--dia-teto) 0 24px; }

.dia-quadro { position: relative; width: var(--dia-larg); display: grid; grid-template-columns: 1fr; flex: 0 1 auto; min-height: 0px; }

.dia-cartao { grid-area: 1 / 1; display: flex; flex-direction: column; align-items: center; opacity: 0; transform: translateY(14px); transition: opacity 0.26s, transform 0.26s; pointer-events: none; }

.dia-section[data-ato="1"] .dia-cartao[data-ato="1"], .dia-section[data-ato="2"] .dia-cartao[data-ato="2"], .dia-section[data-ato="3"] .dia-cartao[data-ato="3"], .dia-section[data-ato="4"] .dia-cartao[data-ato="4"], .dia-section[data-ato="5"] .dia-cartao[data-ato="5"] { opacity: 1; transform: none; transition: opacity 0.5s ease 0.1s,transform 0.55s var(--dia-calmo) 0.1s; pointer-events: auto; }

.dia-hora { font-family: Poppins, sans-serif; font-size: clamp(2rem, 7vw, 2.6rem); font-weight: 500; color: var(--dia-tinta); letter-spacing: -0.03em; line-height: 1; font-variant-numeric: tabular-nums; margin-bottom: 8px; }

.dia-cena { font-family: Poppins, sans-serif; font-size: 0.9rem; font-weight: 300; color: var(--dia-tinta-2); line-height: 1.45; letter-spacing: -0.008em; text-align: center; text-wrap: balance; max-width: 34ch; margin-bottom: 18px; }

.dia-foto { position: relative; width: var(--dia-lado); aspect-ratio: 1 / 1; margin-inline: auto; border-radius: var(--dia-raio); overflow: hidden; background: linear-gradient(155deg, rgb(243, 242, 247) 0%, rgb(231, 229, 240) 48%, rgb(244, 239, 244) 100%); }

.dia-agua { position: absolute; inset: 0px; display: grid; place-items: start center; padding-top: 13%; font-family: Poppins, sans-serif; font-size: clamp(3.4rem, 17vw, 6rem); font-weight: 500; letter-spacing: -0.05em; line-height: 1; color: rgba(12, 12, 13, 0.09); font-variant-numeric: tabular-nums; user-select: none; }

.dia-arte { position: absolute; inset: 0px; background-image: var(--dia-arte); background-size: cover; background-position: center center; background-repeat: no-repeat; filter: brightness(0.92); }

.dia-noti { position: absolute; left: 50%; top: 74%; transform: translate(-50%, -50%); width: min(100% - 8px, 392px); --dia-noti-icone: 44px; display: flex; align-items: center; gap: 13px; padding: 15px 17px; border-radius: 25px; background: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.027) 100%), rgba(16, 16, 18, 0.64); backdrop-filter: blur(20px) saturate(140%); border-width: 1px; border-style: solid; border-image: none; border-color: rgba(255, 255, 255, 0.6) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.4); box-shadow: rgba(0, 0, 0, 0.5) 0px 20px 48px, rgba(0, 0, 0, 0.3) 0px 3px 10px, rgba(255, 255, 255, 0.5) 0px 1px 1px inset, rgba(255, 255, 255, 0.3) 1px 0px 1px inset; }

.dia-noti-icone { position: relative; flex: 0 0 auto; width: var(--dia-noti-icone); height: var(--dia-noti-icone); border-radius: 50%; display: grid; place-items: center; }

.dia-noti-icone.is-nubank { background: rgb(130, 10, 209); }

.dia-noti-icone.is-nubank > img { width: 27px; height: auto; filter: brightness(0) invert(1); }

.dia-noti-icone.is-equipe { background: rgba(255, 255, 255, 0.12); box-shadow: rgba(255, 255, 255, 0.22) 0px 0px 0px 1px inset; }

.dia-noti-icone.is-equipe > img { width: 23px; height: 23px; }

.dia-noti-avatar { width: var(--dia-noti-icone); height: var(--dia-noti-icone); border-radius: 50%; object-fit: cover; display: block; }

.dia-noti-badge { position: absolute; right: -3px; bottom: -3px; width: 23px; height: 23px; border-radius: 50%; overflow: hidden; background: rgb(12, 12, 13); display: grid; place-items: center; box-shadow: rgba(12, 12, 13, 0.3) 0px 1px 3px; }

.dia-noti-badge img { width: 14px; height: 14px; display: block; }

.dia-noti-corpo { flex: 1 1 auto; min-width: 0px; min-height: var(--dia-noti-icone); display: flex; flex-direction: column; justify-content: center; gap: 4px; text-align: left; }

.dia-noti-linha { display: flex; align-items: baseline; justify-content: space-between; gap: 11px; }

.dia-noti-titulo { min-width: 0px; font-family: Poppins, sans-serif; font-size: 1.07rem; font-weight: 500; color: rgba(255, 255, 255, 0.95); letter-spacing: -0.012em; line-height: 1.3; }

.dia-noti-hora { flex: 0 0 auto; align-self: flex-start; margin-top: 1px; font-family: Poppins, sans-serif; font-size: 0.85rem; font-weight: 400; color: rgba(255, 255, 255, 0.7); letter-spacing: 0px; line-height: 1.3; font-variant-numeric: tabular-nums; white-space: nowrap; }

.dia-noti-sub { font-family: Poppins, sans-serif; font-size: 0.86rem; font-weight: 300; color: rgba(255, 255, 255, 0.79); line-height: 1.38; letter-spacing: -0.008em; text-wrap: pretty; }

.dia-noti-pergunta { display: block; }

.dia-noti-valor { align-self: flex-end; margin-top: 4px; font-family: Poppins, sans-serif; font-size: 1.07rem; font-weight: 500; color: rgba(255, 255, 255, 0.95); letter-spacing: -0.012em; font-variant-numeric: tabular-nums; white-space: nowrap; }

.dia-noti-valor.is-tique { display: grid; place-items: center; margin-top: 1px; }

.dia-noti-tique { width: 25px; height: 25px; fill: none; stroke: rgb(79, 212, 138); stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }

.dia-noti.is-equipe { width: min(100% - 8px, 408px); }

.dia-trilho { list-style: none; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; gap: clamp(9px, 3.2vw, 20px); }

.dia-marco { position: relative; padding-bottom: 8px; font-family: Poppins, sans-serif; font-size: 0.68rem; font-weight: 400; letter-spacing: 0.01em; color: rgba(12, 12, 13, 0.32); font-variant-numeric: tabular-nums; transition: color 0.35s var(--dia-calmo); }

.dia-marco::after { content: ""; position: absolute; left: 50%; bottom: 0px; transform: translateX(-50%); width: 14px; height: 2px; border-radius: 2px; background: currentcolor; opacity: 0; transition: opacity 0.35s var(--dia-calmo); }

.dia-section[data-ato="1"] .dia-marco[data-ato="1"], .dia-section[data-ato="2"] .dia-marco[data-ato="2"], .dia-section[data-ato="3"] .dia-marco[data-ato="3"], .dia-section[data-ato="4"] .dia-marco[data-ato="4"], .dia-section[data-ato="5"] .dia-marco[data-ato="5"] { color: var(--dia-tinta); }

.dia-section[data-ato="1"] .dia-marco[data-ato="1"]::after, .dia-section[data-ato="2"] .dia-marco[data-ato="2"]::after, .dia-section[data-ato="3"] .dia-marco[data-ato="3"]::after, .dia-section[data-ato="4"] .dia-marco[data-ato="4"]::after, .dia-section[data-ato="5"] .dia-marco[data-ato="5"]::after { opacity: 1; }

@media (min-width: 961px) {
  .dia-section { --dia-teto: 104px; --dia-reserva: 312px; --dia-larg: min(88%,480px); }
  .dia-cena { font-size: 0.95rem; }
}

@media (max-width: 960px) {
  .dia-topo { width: 92%; }
}

@media (max-width: 600px) {
  .dia-section { padding: 88px 0px 0px; --dia-teto: 86px; --dia-reserva: 262px; }
  .dia-headline { font-size: 1.4rem; line-height: 1.25; }
  .dia-sub { font-size: 0.82rem; }
  .dia-cena { font-size: 0.86rem; margin-bottom: 14px; }
  .dia-noti { gap: 11px; padding: 14px 13px; border-radius: 23px; }
  .dia-noti-titulo { font-size: 0.99rem; }
  .dia-noti-hora { font-size: 0.8rem; }
  .dia-noti-sub { font-size: 0.73rem; }
  .dia-noti-valor { font-size: 0.99rem; }
}

@media (max-width: 360px) {
  .dia-section { --dia-reserva: 250px; }
  .dia-noti { --dia-noti-icone: 40px; }
  .dia-marco { font-size: 0.63rem; }
}

@media (max-width: 353px), (max-width: 600px) and (max-height: 589px), (min-width: 601px) and (max-width: 960px) and (max-height: 621px), (min-width: 961px) and (max-height: 544px) {
  .dia-noti { top: 68%; }
}

@media (max-width: 600px) and (max-height: 516px), (min-width: 601px) and (max-width: 960px) and (max-height: 577px), (min-width: 961px) and (max-height: 499px) {
  .dia-noti { top: 50%; }
}

@media (min-width: 601px) and (max-width: 960px) and (max-height: 663px), (min-width: 961px) and (max-height: 585px) {
  .dia-noti-sub { font-size: 0.75rem; }
}

@media (prefers-reduced-motion: reduce) {
  .dia-passos { display: none; }
  .dia-palco { position: static; height: auto; padding: 0px; gap: 0px; }
  .dia-quadro { display: block; flex: 0 0 auto; }
  .dia-cartao { opacity: 1; transform: none; transition: none; pointer-events: auto; }
  .dia-cartao + .dia-cartao { margin-top: clamp(48px, 7vw, 72px); }
  .dia-trilho { display: none; }
}

.dia-textos { display: none; }

.dia-leitura { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }

@media (min-width: 961px) {
  .dia-section { --dia-teto: 104px; --dia-reserva: 190px; --dia-larg: min(100%,var(--dia-alt)); --dia-alt: min(520px,max(240px,calc(100svh - var(--dia-reserva)))); --dia-lado: min(100%,var(--dia-alt)); --dia-trilho-alt: clamp(240px,46svh,420px); --dia-marco-alt: 18px; --dia-trilho-larg: 54px; --dia-vao: clamp(40px,4.5vw,64px); }
  .dia-trilha { width: 94%; max-width: 1300px; margin-inline: auto; grid-template-columns: minmax(0,4.5fr) var(--dia-trilho-larg) minmax(0,5.5fr); gap: var(--dia-vao); }
  .dia-passos { display: none; }
  .dia-textos { display: block; grid-area: 1 / 1; min-width: 0px; }
  .dia-texto { min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding: var(--dia-teto) 0 24px; }
  .dia-texto .dia-hora { font-size: clamp(2.8rem, 4vw, 3.8rem); margin-bottom: 14px; text-align: left; }
  .dia-titulo { font-family: Poppins, sans-serif; font-size: clamp(1.3rem, 1.72vw, 1.62rem); font-weight: 400; color: var(--dia-tinta); letter-spacing: -0.02em; line-height: 1.3; text-wrap: balance; margin: 0px 0px 14px; }
  .dia-corpo { font-family: Poppins, sans-serif; font-size: clamp(0.94rem, 0.55rem + 0.56vw, 1rem); font-weight: 300; color: var(--dia-tinta-2); line-height: 1.6; letter-spacing: -0.008em; max-width: 50ch; margin: 0px; }
  .dia-tag { display: inline-flex; align-items: baseline; align-self: flex-start; margin: 22px 0px 0px; padding: 7px 15px; border: 1px solid var(--dia-fio); border-radius: 980px; font-family: Poppins, sans-serif; font-size: 0.76rem; font-weight: 300; color: var(--dia-tinta-2); line-height: 1.25; letter-spacing: -0.004em; white-space: nowrap; }
  .dia-tag-nome { font-weight: 500; color: var(--dia-tinta); }
  .dia-tag-cargo::before { content: "·"; margin: 0px 7px; opacity: 0.5; }
  .dia-palco { grid-area: 1 / 2 / 2 / 4; flex-direction: row; justify-content: flex-start; gap: var(--dia-vao); }
  .dia-quadro { min-width: 0px; }
  .dia-cartao .dia-hora, .dia-cartao .dia-cena { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .dia-trilho { order: -1; flex: 0 0 var(--dia-trilho-larg); position: relative; flex-direction: column; align-items: stretch; justify-content: space-between; gap: 0px; height: var(--dia-trilho-alt); --dia-progresso: 0; --dia-bola: calc(var(--dia-marco-alt) / 2 + var(--dia-progresso) * (var(--dia-trilho-alt) - var(--dia-marco-alt))); }
  .dia-trilho::before { content: ""; position: absolute; right: 0px; top: calc(var(--dia-marco-alt) / 2); bottom: calc(var(--dia-marco-alt) / 2); width: 1px; transform: translateX(50%); background: linear-gradient(to bottom,var(--dia-tinta-2) 0,var(--dia-tinta-2) calc(var(--dia-progresso) * 100%),var(--dia-fio) calc(var(--dia-progresso) * 100%),var(--dia-fio) 100%); }
  .dia-trilho::after { content: ""; position: absolute; right: 0px; top: 0px; width: 11px; height: 11px; border-radius: 50%; background: var(--dia-tinta); transform: translate(50%,calc(var(--dia-bola) - 50%)); box-shadow: 0 0 0 4px var(--dia-branco),0 2px 6px rgba(12,12,13,0.18); }
  .dia-marco { height: var(--dia-marco-alt); padding: 0px 18px 0px 0px; display: flex; align-items: center; justify-content: flex-end; font-size: 0.72rem; white-space: nowrap; }
  .dia-marco::after { inset: 50% 0px auto auto; transform: translate(50%, -50%); width: 7px; height: 7px; border-radius: 50%; opacity: 0.5; }
}

@media (min-width: 961px) and (max-height: 560px) {
  .dia-texto .dia-hora { font-size: clamp(2.1rem, 3.1vw, 2.7rem); margin-bottom: 10px; }
  .dia-titulo { font-size: clamp(1.14rem, 1.5vw, 1.4rem); margin-bottom: 10px; }
  .dia-corpo { font-size: 0.92rem; line-height: 1.55; }
  .dia-tag { margin-top: 16px; padding: 6px 13px; font-size: 0.72rem; }
}

@media (prefers-reduced-motion: reduce) {
  .dia-trilha { grid-template-columns: 1fr; gap: 0px; }
  .dia-textos { display: none; }
  .dia-palco { grid-area: auto; flex-direction: column; gap: 0px; }
  .dia-cartao .dia-hora, .dia-cartao .dia-cena { position: static; width: auto; height: auto; overflow: visible; clip-path: none; white-space: normal; }
  .dia-trilho { display: none; }
}

.dia-topo { max-width: 980px; margin-bottom: clamp(36px, 3.4vw, 48px); }

.dia-topo .dia-sub { max-width: 620px; }

.dia-kicker { font-family: Poppins, sans-serif; font-size: 0.72rem; font-weight: 400; letter-spacing: 0.14em; line-height: 1.3; text-transform: uppercase; color: var(--dia-tinta-2); margin-bottom: 14px; }

@media (max-width: 600px) {
  .dia-kicker { font-size: 0.64rem; letter-spacing: 0.12em; margin-bottom: 10px; }
}

@media (max-width: 360px) {
  .dia-headline { font-size: 1.25rem; }
}

.zap3-fio { position: absolute; left: 50%; top: 71.5%; transform: translate(-50%, -50%); width: min(100% - 28px, 400px); display: flex; flex-direction: column; align-items: flex-start; gap: 8px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif; --zap3-verde: #d8fdd2; --zap3-branco: #ffffff; --zap3-tinta: #111b21; --zap3-meta-tinta: rgba(11,20,26,0.60); --zap3-cargo-tinta: #6a6a70; --zap3-nome-tinta: #0f7a52; --zap3-azul: #1e93cc; --zap3-bico: 8px; --zap3-corpo: 0.9rem; --zap3-max: 88%; --zap3-teto: 100%; }

.dia-cartao[data-ato="3"] .dia-foto { container-type: inline-size; }

@container (min-width: 262px) {
  .zap3-fio { --zap3-teto: 72cqw; }
}

.zap3-bolha { position: relative; max-width: min(var(--zap3-max),var(--zap3-teto)); width: max-content; padding: 8px 11px 9px; border-radius: 12px; background: var(--zap3-branco); box-shadow: rgba(11, 20, 26, 0.13) 0px 1px 0.5px, rgba(0, 0, 0, 0.22) 0px 8px 22px; color: var(--zap3-tinta); font-size: var(--zap3-corpo); font-weight: 400; line-height: 1.36; letter-spacing: -0.006em; text-align: left; text-wrap: pretty; }

.zap3-bolha::after { content: ""; position: absolute; top: 0px; width: var(--zap3-bico); height: 10px; background-color: inherit; }

.zap3-bolha.is-voce { align-self: flex-end; background: var(--zap3-verde); border-top-right-radius: 3px; --zap3-meta: 52px; }

.zap3-bolha.is-voce::after { right: calc(var(--zap3-bico) * -1 + 1px); clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.zap3-bolha.is-martin { align-self: flex-start; background: var(--zap3-branco); border-top-left-radius: 3px; --zap3-meta: 32px; }

.zap3-bolha.is-martin::after { left: calc(var(--zap3-bico) * -1 + 1px); clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.zap3-txt { display: block; }

.zap3-txt::after { content: ""; display: inline-block; width: var(--zap3-meta); height: 1px; }

.zap3-meta { position: absolute; right: 11px; bottom: 9px; display: flex; align-items: center; gap: 3px; font-size: 0.68rem; font-weight: 400; line-height: 1; letter-spacing: 0px; color: var(--zap3-meta-tinta); font-variant-numeric: tabular-nums; white-space: nowrap; }

.zap3-visto { width: 15px; height: 10px; flex: 0 0 auto; fill: none; stroke: var(--zap3-azul); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.zap3-quem { display: flex; align-items: center; min-width: 0px; margin-bottom: 5px; font-size: 0.7rem; line-height: 1.2; letter-spacing: 0px; }

.zap3-nome { flex: 0 0 auto; font-weight: 600; color: var(--zap3-nome-tinta); }

.zap3-cargo { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 400; color: var(--zap3-cargo-tinta); }

.zap3-cargo::before { content: "·"; margin: 0px 5px; opacity: 0.55; }

@media (max-width: 600px) {
  .zap3-fio { width: min(100% - 24px, 400px); gap: 6px; --zap3-corpo: 0.68rem; --zap3-max: 92%; }
  .zap3-bolha { padding: 6px 9px 7px; border-radius: 9px; }
  .zap3-bolha.is-voce { --zap3-meta: 42px; }
  .zap3-bolha.is-martin { --zap3-meta: 26px; }
  .zap3-meta { right: 9px; bottom: 7px; font-size: 0.54rem; }
  .zap3-visto { width: 12px; height: 8px; }
  .zap3-quem { margin-bottom: 4px; font-size: 0.55rem; }
}

@media (max-width: 360px) {
  .zap3-fio { width: min(100% - 20px, 400px); --zap3-corpo: 0.63rem; }
  .zap3-bolha.is-voce { --zap3-meta: 38px; }
  .zap3-bolha.is-martin { --zap3-meta: 24px; }
  .zap3-meta { font-size: 0.52rem; }
  .zap3-quem { font-size: 0.53rem; }
}

@media (max-width: 353px), (max-width: 600px) and (max-height: 589px), (min-width: 601px) and (max-width: 960px) and (max-height: 621px), (min-width: 961px) and (max-height: 544px) {
  .zap3-fio { top: 65.5%; }
}

@media (max-width: 600px) and (max-height: 516px), (min-width: 601px) and (max-width: 960px) and (max-height: 577px), (min-width: 961px) and (max-height: 499px) {
  .zap3-fio { top: 50%; }
}

@media (min-width: 361px) and (max-width: 600px) and (max-height: 589px) {
  .zap3-fio { --zap3-max: 96%; --zap3-corpo: 0.64rem; }
  .zap3-bolha.is-voce { --zap3-meta: 39px; }
  .zap3-bolha.is-martin { --zap3-meta: 24px; }
  .zap3-meta { font-size: 0.53rem; }
}

@media (min-width: 601px) and (max-width: 960px) and (max-height: 663px), (min-width: 961px) and (max-height: 585px) {
  .zap3-fio { --zap3-corpo: 0.8rem; }
}

@media (min-width: 601px) and (max-width: 960px) and (max-height: 621px), (min-width: 961px) and (max-height: 544px) {
  .zap3-fio { --zap3-corpo: 0.68rem; gap: 6px; }
  .zap3-bolha { padding: 6px 9px 7px; border-radius: 9px; }
  .zap3-bolha.is-voce { --zap3-meta: 42px; }
  .zap3-bolha.is-martin { --zap3-meta: 26px; }
  .zap3-meta { right: 9px; bottom: 7px; font-size: 0.54rem; }
  .zap3-visto { width: 12px; height: 8px; }
  .zap3-quem { margin-bottom: 4px; font-size: 0.55rem; }
}

.dia-cartao[data-ato="2"] .dia-foto { container-type: inline-size; }

.dia-zap { position: absolute; left: 50%; bottom: 8.5%; transform: translateX(-50%); width: calc(100% - 1.8em); display: flex; flex-direction: column; align-items: stretch; gap: 0.5em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: clamp(9.8px, 2.95cqw, 14.2px); --zap-verde: #d8fdd2; --zap-azul: #1e93cc; --zap-tinta: #111b21; --zap-sombra: 0 0.08em 0.1em rgba(11,20,26,0.18),0 0.7em 1.5em rgba(11,20,26,0.3); }

.dia-zap-audio { position: relative; align-self: flex-end; max-width: min(76%, 72cqw); padding: 0.6em 0.75em 0.5em; border-radius: 0.88em 0.2em 0.88em 0.88em; background: var(--zap-verde); box-shadow: var(--zap-sombra); }

.dia-zap-audio::after { content: ""; position: absolute; top: 0px; right: -0.53em; width: 0.56em; height: 0.8em; background-color: inherit; clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.dia-zap-linha { display: flex; align-items: center; gap: 0.55em; height: 1.55em; }

.dia-zap-play { flex: 0 0 auto; width: 1.45em; height: 1.45em; display: grid; place-items: center; }

.dia-zap-play svg { width: 1em; height: 1.16em; margin-left: 0.08em; fill: rgb(74, 107, 88); }

.dia-zap-onda { position: relative; flex: 1 1 auto; min-width: 0px; height: 1.5em; display: flex; align-items: center; justify-content: space-between; }

.dia-zap-onda i { flex: 0 0 auto; width: 0.2em; min-width: 1.4px; height: var(--h,50%); border-radius: 0.1em; background: rgb(143, 174, 136); }

.dia-zap-onda i:nth-child(6n) { display: none; }

.dia-zap-onda::after { content: ""; position: absolute; left: -0.1em; top: 50%; width: 0.6em; height: 0.6em; margin-top: -0.3em; border-radius: 50%; background: rgb(47, 107, 75); }

.dia-zap-dur { flex: 0 0 auto; font-size: 0.86em; font-weight: 400; line-height: 1; letter-spacing: 0.01em; color: rgba(17, 27, 33, 0.62); font-variant-numeric: tabular-nums; }

.dia-zap-fio { height: 1px; margin: 0.42em 0px; background: rgba(17, 27, 33, 0.12); }

.dia-zap-tr { margin: 0px; font-size: 1.02em; font-weight: 400; line-height: 1.32; letter-spacing: -0.006em; color: rgba(17, 27, 33, 0.78); text-wrap: pretty; }

.dia-zap-meta { display: flex; align-items: center; justify-content: flex-end; gap: 0.3em; margin: 0.28em 0px 0px; font-size: 0.86em; font-weight: 400; line-height: 1; color: rgba(17, 27, 33, 0.62); font-variant-numeric: tabular-nums; }

.dia-zap-visto { flex: 0 0 auto; width: 1.3em; height: 0.84em; fill: none; stroke: var(--zap-azul); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.dia-zap-resp { position: relative; align-self: flex-start; max-width: min(78%, 72cqw); padding: 0.58em 0.8em 0.6em; border-radius: 0.2em 0.88em 0.88em; background: rgb(255, 255, 255); box-shadow: var(--zap-sombra); }

.dia-zap-resp::after { content: ""; position: absolute; top: 0px; left: -0.53em; width: 0.56em; height: 0.8em; background-color: inherit; clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.dia-zap-quem { display: flex; align-items: center; margin: 0px 0px 0.45em; min-width: 0px; font-size: 0.86em; font-weight: 400; line-height: 1.2; letter-spacing: -0.004em; color: rgb(106, 106, 112); white-space: nowrap; }

.dia-zap-nome { min-width: 0px; overflow: hidden; text-overflow: ellipsis; }

.dia-zap-nome b { font-weight: 600; color: rgb(47, 111, 237); }

.dia-zap-txt { margin: 0px; font-size: 1.06em; font-weight: 400; line-height: 1.36; letter-spacing: -0.006em; color: var(--zap-tinta); text-wrap: pretty; }

.dia-zap-resp .dia-zap-meta { position: absolute; right: 0.8em; bottom: 0.6em; margin: 0px; justify-content: flex-start; white-space: nowrap; }

.dia-zap-txt::after { content: ""; display: inline-block; width: 2.45em; height: 1px; }

@container (max-width: 262px) {
  .dia-zap { gap: 0.4em; }
  .dia-zap-audio { padding: 0.5em 0.66em 0.42em; }
  .dia-zap-resp { padding: 0.48em 0.7em 0.5em; }
  .dia-zap-quem { margin-bottom: 0.36em; }
  .dia-zap-resp .dia-zap-meta { right: 0.7em; bottom: 0.5em; }
  .dia-zap-onda i:nth-child(3n) { display: none; }
}

.dia-cartao[data-ato="4"] .dia-foto { container-type: inline-size; }

.zap4-fio { position: absolute; left: 50%; bottom: 62%; transform: translateX(-50%); width: calc(100% - 1.9em); display: flex; flex-direction: column; align-items: flex-start; gap: 0.5em; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: clamp(9.7px, 3.15cqw, 15px); --zap4-verde: #d8fdd2; --zap4-branco: #ffffff; --zap4-tinta: #111b21; --zap4-meta-tinta: rgba(11,20,26,0.60); --zap4-cargo-tinta: #6a6a70; --zap4-nome-tinta: #ad5f20; --zap4-azul: #1e93cc; --zap4-bico: 0.56em; --zap4-sombra: 0 0.08em 0.1em rgba(11,20,26,0.18),0 0.7em 1.5em rgba(0,0,0,0.34); }

.zap4-bolha { position: relative; max-width: min(90%, 72cqw); width: max-content; padding: 0.58em 0.78em 0.52em; border-radius: 0.88em; background: var(--zap4-branco); box-shadow: var(--zap4-sombra); color: var(--zap4-tinta); font-weight: 400; line-height: 1.36; letter-spacing: -0.006em; text-align: left; text-wrap: pretty; }

.zap4-bolha::after { content: ""; position: absolute; top: 0px; width: var(--zap4-bico); height: 0.8em; background-color: inherit; }

.zap4-bolha.is-voce { align-self: flex-end; background: var(--zap4-verde); border-top-right-radius: 0.2em; --zap4-vaga: 3.9em; }

.zap4-bolha.is-voce::after { right: calc(var(--zap4-bico) * -1 + 0.06em); clip-path: polygon(0px 0px, 100% 0px, 0px 100%); }

.zap4-bolha.is-luna { align-self: flex-start; max-width: min(92%, 72cqw); border-top-left-radius: 0.2em; --zap4-vaga: 2.5em; }

.zap4-bolha.is-luna::after { left: calc(var(--zap4-bico) * -1 + 0.06em); clip-path: polygon(100% 0px, 0px 0px, 100% 100%); }

.zap4-txt { display: block; }

.zap4-txt::after { content: ""; display: inline-block; width: var(--zap4-vaga); height: 1px; }

.zap4-arq { white-space: nowrap; font-weight: 500; }

.zap4-meta { position: absolute; right: 0.78em; bottom: 0.5em; display: flex; align-items: center; gap: 0.3em; font-size: 0.78em; font-weight: 400; line-height: 1; letter-spacing: 0px; color: var(--zap4-meta-tinta); font-variant-numeric: tabular-nums; white-space: nowrap; }

.zap4-visto { flex: 0 0 auto; width: 1.3em; height: 0.84em; fill: none; stroke: var(--zap4-azul); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.zap4-quem { display: flex; align-items: center; min-width: 0px; margin-bottom: 0.38em; font-size: 0.8em; line-height: 1.2; letter-spacing: 0px; white-space: nowrap; }

.zap4-nome { flex: 0 0 auto; font-weight: 600; color: var(--zap4-nome-tinta); }

.zap4-cargo { min-width: 0px; overflow: hidden; text-overflow: ellipsis; font-weight: 400; color: var(--zap4-cargo-tinta); }

.zap4-cargo::before { content: "·"; margin: 0px 0.38em; opacity: 0.6; }

@container (max-width: 300px) {
  .zap4-fio { gap: 0.42em; }
  .zap4-bolha { padding: 0.5em 0.68em 0.45em; }
  .zap4-meta { right: 0.68em; bottom: 0.44em; }
  .zap4-quem { margin-bottom: 0.3em; }
}

@container (max-width: 285px) {
  .zap4-fio { font-size: clamp(8.8px, 3.15cqw, 15px); }
}

@container (max-width: 250px) {
  .zap4-fio { bottom: 60%; }
}

.dia-cartao[data-ato="5"] .dia-noti { top: 21%; }

@media (max-width: 353px), (max-width: 600px) and (max-height: 584px), (min-width: 601px) and (max-width: 960px) and (max-height: 606px), (min-width: 961px) and (max-height: 528px) {
  .dia-cartao[data-ato="5"] .dia-noti { top: 3%; transform: translate(-50%, 0px); }
}

.dia-cartao[data-ato="5"] .dia-noti-icone.is-equipe { background: rgb(0, 0, 0); box-shadow: none; }

.dia-cartao[data-ato="5"] .dia-noti-icone.is-equipe > img { width: 27px; height: 27px; }

.dia-cartao[data-ato="2"] .dia-zap, .dia-cartao[data-ato="3"] .zap3-fio, .dia-cartao[data-ato="4"] .zap4-fio { width: calc(100% - (2 * max(7.5px, 2.9cqw))); }

.dia-cartao[data-ato="2"] .dia-zap-audio, .dia-cartao[data-ato="2"] .dia-zap-resp, .dia-cartao[data-ato="3"] .zap3-bolha, .dia-cartao[data-ato="4"] .zap4-bolha { width: 72cqw; max-width: 72cqw; }

.dia-cartao[data-ato="3"] .zap3-fio { font-size: var(--zap3-corpo); --zap3-bico: 0.556em; }

.dia-cartao[data-ato="2"] .dia-zap, .dia-cartao[data-ato="3"] .zap3-fio, .dia-cartao[data-ato="4"] .zap4-fio { font-size: clamp(8px, max(2.011cqw + 3.94px, 3.122cqw), 14.4px); line-height: 1.36; gap: 0.556em; }

.dia-cartao[data-ato="4"] .zap4-fio { --zap4-bico: 0.556em; }

.dia-cartao[data-ato="2"] .dia-zap-audio, .dia-cartao[data-ato="2"] .dia-zap-resp, .dia-cartao[data-ato="3"] .zap3-bolha, .dia-cartao[data-ato="4"] .zap4-bolha { font-size: 1em; line-height: 1.36; padding: 0.556em 0.764em 0.625em; border-radius: 0.833em; }

.dia-cartao[data-ato="2"] .dia-zap-audio, .dia-cartao[data-ato="3"] .zap3-bolha.is-voce, .dia-cartao[data-ato="4"] .zap4-bolha.is-voce { border-top-right-radius: 0.208em; }

.dia-cartao[data-ato="2"] .dia-zap-resp, .dia-cartao[data-ato="3"] .zap3-bolha.is-martin, .dia-cartao[data-ato="4"] .zap4-bolha.is-luna { border-top-left-radius: 0.208em; }

.dia-cartao[data-ato="2"] .dia-zap-txt, .dia-cartao[data-ato="2"] .dia-zap-tr, .dia-cartao[data-ato="3"] .zap3-txt, .dia-cartao[data-ato="4"] .zap4-txt { font-size: 1em; line-height: 1.36; }

.dia-cartao[data-ato="2"] .dia-zap-audio::after, .dia-cartao[data-ato="2"] .dia-zap-resp::after, .dia-cartao[data-ato="3"] .zap3-bolha::after, .dia-cartao[data-ato="4"] .zap4-bolha::after { width: 0.556em; height: 0.694em; }

.dia-cartao[data-ato="2"] .dia-zap-audio::after, .dia-cartao[data-ato="3"] .zap3-bolha.is-voce::after, .dia-cartao[data-ato="4"] .zap4-bolha.is-voce::after { right: calc(-0.556em + 1px); }

.dia-cartao[data-ato="2"] .dia-zap-resp::after, .dia-cartao[data-ato="3"] .zap3-bolha.is-martin::after, .dia-cartao[data-ato="4"] .zap4-bolha.is-luna::after { left: calc(-0.556em + 1px); }

.dia-cartao[data-ato="2"] .dia-zap-quem, .dia-cartao[data-ato="3"] .zap3-quem, .dia-cartao[data-ato="4"] .zap4-quem { font-size: 0.778em; margin-bottom: 0.446em; }

.dia-cartao[data-ato="3"] .zap3-cargo::before, .dia-cartao[data-ato="4"] .zap4-cargo::before { margin: 0px 0.446em; }

.dia-cartao[data-ato="2"] .dia-zap-meta, .dia-cartao[data-ato="3"] .zap3-meta, .dia-cartao[data-ato="4"] .zap4-meta { font-size: 0.756em; gap: 0.276em; }

.dia-cartao[data-ato="2"] .dia-zap-dur { font-size: 0.756em; }

.dia-cartao[data-ato="2"] .dia-zap-resp .dia-zap-meta, .dia-cartao[data-ato="3"] .zap3-meta, .dia-cartao[data-ato="4"] .zap4-meta { right: 1.011em; bottom: 0.827em; }

.dia-cartao[data-ato="2"] .dia-zap-visto, .dia-cartao[data-ato="3"] .zap3-visto, .dia-cartao[data-ato="4"] .zap4-visto { width: 1.378em; height: 0.918em; }

.dia-cartao[data-ato="2"] .dia-zap-txt::after { width: 2.222em; }

.dia-cartao[data-ato="3"] .zap3-bolha.is-voce { --zap3-meta: 3.611em; }

.dia-cartao[data-ato="3"] .zap3-bolha.is-martin { --zap3-meta: 2.222em; }

.dia-cartao[data-ato="4"] .zap4-bolha.is-voce { --zap4-vaga: 3.611em; }

.dia-cartao[data-ato="4"] .zap4-bolha.is-luna { --zap4-vaga: 2.222em; }

@container (min-width: 330px) and (max-width: 469px) {
  .dia-cartao[data-ato="2"] .dia-zap { bottom: 7.4%; }
}

@container (max-width: 272px) {
  .dia-cartao[data-ato="4"] .zap4-fio { bottom: 61.5%; }
}

@container (max-width: 265px) {
  .dia-cartao[data-ato="4"] .zap4-fio { bottom: 61%; }
}

@container (max-width: 257px) {
  .dia-cartao[data-ato="4"] .zap4-fio { bottom: 60.5%; }
}

@container (max-width: 250px) {
  .dia-cartao[data-ato="4"] .zap4-fio { bottom: 60%; }
}

@container (max-width: 241px) {
  .dia-cartao[data-ato="4"] .zap4-fio { bottom: 59.5%; }
}

@container (max-width: 236px) {
  .dia-cartao[data-ato="4"] .zap4-fio { bottom: 59%; }
}

.dia-cartao[data-ato="2"] .dia-zap, .dia-cartao[data-ato="3"] .zap3-fio, .dia-cartao[data-ato="4"] .zap4-fio { width: min(100% - (2 * max(7.5px, 2.9cqw)), 400px); }

.dia-cartao[data-ato="2"] .dia-zap-audio, .dia-cartao[data-ato="2"] .dia-zap-resp, .dia-cartao[data-ato="3"] .zap3-bolha, .dia-cartao[data-ato="4"] .zap4-bolha { width: min(72cqw, 352px); max-width: min(72cqw, 352px); }

.dia-cartao[data-ato="3"] .zap3-fio { top: 73.5%; }

@media (max-width: 353px), (max-width: 600px) and (max-height: 589px), (min-width: 601px) and (max-width: 960px) and (max-height: 621px), (min-width: 961px) and (max-height: 544px) {
  .dia-cartao[data-ato="3"] .zap3-fio { top: 65.5%; }
}

@media (max-width: 600px) and (max-height: 516px), (min-width: 601px) and (max-width: 960px) and (max-height: 577px), (min-width: 961px) and (max-height: 499px) {
  .dia-cartao[data-ato="3"] .zap3-fio { top: 50%; }
}

@container (min-width: 477px) {
  .dia-cartao[data-ato="4"] .zap4-fio { bottom: 66%; }
}

.dia-noti-icone.is-ifood { background: rgb(234, 29, 44); }

.dia-noti-icone.is-ifood > img { width: 27px; height: auto; filter: brightness(0) invert(1); }

.dia-cartao[data-ato="3"] .dia-noti { top: 75%; }

@media (max-width: 353px), (max-width: 600px) and (max-height: 589px), (min-width: 601px) and (max-width: 960px) and (max-height: 621px), (min-width: 961px) and (max-height: 544px) {
  .dia-cartao[data-ato="3"] .dia-noti { top: 68%; }
}

@media (max-width: 600px) and (max-height: 516px), (min-width: 601px) and (max-width: 960px) and (max-height: 577px), (min-width: 961px) and (max-height: 499px) {
  .dia-cartao[data-ato="3"] .dia-noti { top: 50%; }
}

@media (min-width: 961px) and (prefers-reduced-motion: no-preference) {
  .dia-section { --dia-vao: clamp(24px,2.2vw,32px); --dia-quadro-lado: min(42.24vw,var(--dia-alt)); }
  .dia-trilha { width: 96%; grid-template-columns: var(--dia-quadro-lado) var(--dia-trilho-larg) minmax(0,1fr); }
  .dia-palco { grid-area: 1 / 1 / 2 / 3; }
  .dia-quadro { margin-left: 0px; }
  .dia-trilho { order: 0; }
  .dia-textos { grid-area: 1 / 3; }
  .dia-texto-card { align-self: flex-end; }
}