*{margin:0;padding:0;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:#000000;font-family:'Poppins',sans-serif;color:#ffffff;overflow-x:hidden}body{padding-top:env(safe-area-inset-top,0px)}html{-webkit-text-size-adjust:100%;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.8519vh);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:0;right:0;margin-inline:auto;width:96%;max-width:1300px;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 12px 0 32px;border-radius:980px;z-index:100;background:rgba(30,30,30,0.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);opacity:0;animation:fadeOpacity 1.7s ease-in-out forwards,moveDownHeader 1.7s ease-out forwards}@keyframes fadeOpacity{from{opacity:0}to{opacity:1}}@keyframes moveDownHeader{from{transform:translateY(-30px)}to{transform:translateY(0)}}.logo-link{display:flex;align-items:center}.header-logo{height:32px;width:auto}.header-nav{display:flex;gap:32px}.header-nav a{color:#a1a1a6;text-decoration:none;font-size:0.9rem;font-weight:300;transition:color 0.3s ease}.header-nav a:hover{color:#ffffff}.header-cta{display:inline-flex;align-items:center;color:#ffffff;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:all 0.3s ease}.header-cta:hover{opacity:0.8}.glass-header{transition:background 0.3s ease,border-color 0.3s ease}.logo-link.logo-troca{display:grid;align-items:center;justify-items:start}.logo-link.logo-troca .header-logo{grid-area:1 / 1;transition:opacity 0.3s ease}.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:#6a6a70}.glass-header.is-sobre-claro .header-nav a:hover{color:#0c0c0d}.glass-header.is-sobre-claro .header-cta{color:#ffffff;background:#0c0c0d;border-color:#0c0c0d}.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:0;border:0;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 ease,background-color 0.3s ease}.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:0;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 ease,visibility 0s linear 0.2s,background-color 0.3s ease}.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 0s,background-color 0.3s ease}.menu-movel a{display:flex;align-items:center;position:relative;max-width:584px;margin:0 -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 ease,transform 0.3s cubic-bezier(0.22,0.61,0.36,1),background-color 0.2s ease,color 0.3s ease}.menu-movel.is-aberto a{opacity:1;transform:translateY(0)}.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:0;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,#bc85f8,#e27bb7)}.menu-movel .mm-acao::before{content:"";position:absolute;top:-26px;left:0;right:0;height:1px;background:var(--menu-divisor)}.menu-movel .mm-acao{margin:26px 0 0;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 ease,border-color 0.3s ease,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:0;height:calc(60px + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);width:100%;max-width:none;border-radius:0;border-color:transparent;border-bottom-color:var(--menu-divisor);background:var(--menu-fundo);backdrop-filter:none;-webkit-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:0 10px 0 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 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 0s}.menu-movel a,.menu-movel.is-aberto a{transform:none;transition:background-color 0.2s ease,color 0.3s ease}.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:#000;overflow:hidden}.hero-video-bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}.hero-content{position:relative;z-index:3;width:100%;max-width:800px;padding:0 20px;display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:calc(-15vh - 245px);top:calc(-1 * var(--hero-subida,0px));opacity:0;transform:translateY(40px);animation:fadeOpacity 1.7s ease-in-out forwards,moveUp 1.7s ease-out forwards}@keyframes moveUp{from{transform:translateY(40px)}to{transform:translateY(0)}}.hero-title{font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:300;color:#ffffff;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:#86868b;line-height:1.5;margin-bottom:24px;white-space:nowrap}.hero-btn{font-family:'Poppins',sans-serif;display:inline-flex;align-items:center;color:#86868b;font-size:1rem;font-weight:400;text-decoration:none;transition:opacity 0.3s ease}.hero-btn::after{content:'\2192';margin-left:8px;font-size:1.1rem;transition:transform 0.3s ease}.hero-btn:hover{opacity:0.8}.hero-btn:hover::after{transform:translateX(6px)}@media (max-width:615px){.hero-title{font-size:calc(6.1vw - 3px)}}@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%,calc(1.768519 * min(100vh,855px)));transform:translate(-50%,calc(100% * 117 / 1326))}}.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:#ffffff;margin-left:2px;opacity:0;animation:blinkCursor 1000ms infinite;animation-delay:4.5s;will-change:opacity}@keyframes blinkCursor{0%,100%{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion:reduce){.typing-cursor{animation: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 ease}.whatsapp-container-wrapper .hero-phone-shell{margin:0;transform:none}.hero-demo-column{position:relative;display:flex;justify-content:center;min-width:0;overflow:visible}.hero-demo-glass{position:relative;width:min(560px,calc(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 at 50% 50%,rgba(226,123,183,0.08),transparent 62%),radial-gradient(circle at 50% 50%,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:0;transform:none;filter:drop-shadow(0 28px 44px rgba(0,0,0,0.48)) drop-shadow(0 0 34px rgba(226,123,183,0.12))}.hero-phone-frame{position:relative;width:100%;height:610px;padding:6px;border-radius:52px;background:linear-gradient(165deg,#8a8d93 0%,#5c5e63 8%,#3a3c40 20%,#2a2c2f 40%,#1d1e21 60%,#2a2c2f 80%,#5c5e63 95%,#8a8d93 100%);border:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.15),inset 0 1px 0 rgba(255,255,255,0.2),0 0 0 1px rgba(0,0,0,0.4),0 30px 60px rgba(0,0,0,0.5),0 0 40px rgba(226,123,183,0.08)}.hero-phone-frame::before,.hero-phone-frame::after{content:'';position:absolute;z-index:1;display:block;background:linear-gradient(180deg,#5c5e63,#3a3c40,#5c5e63);border:none;border-radius:3px}.hero-phone-frame::before{left:-3px;top:120px;width:3px;height:30px;border-radius:3px 0 0 3px;box-shadow:0 -36px 0 0 #4a4c50,0 44px 0 0 #4a4c50}.hero-phone-frame::after{right:-3px;top:160px;width:3px;height:64px;border-radius:0 3px 3px 0}.hero-iphone-island{position:absolute;top:14px;left:50%;transform:translateX(-50%);z-index:50;width:100px;height:28px;background:#000;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%,#1a2744,#0a0f1a);border:1px solid rgba(255,255,255,0.08);box-shadow:inset 0 0 2px rgba(50,80,180,0.4)}.hero-ios-statusbar{position:absolute;top:6px;left:6px;right:6px;z-index:45;height:48px;padding:14px 24px 0;display:flex;align-items:flex-start;justify-content:space-between;background:transparent;color:#000000;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:0;background:#f0ebe4;border-bottom:1px solid rgba(0,0,0,0.08);color:#000000}.hero-wa-header-left{flex-shrink:0;display:flex;align-items:center;width:28px}.hero-wa-back{width:20px;height:20px;opacity:1;stroke:#007AFF}.hero-wa-header-center{flex:1;display:flex;align-items:center;gap:8px;min-width:0}.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:0;flex:1;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:#000000}.hero-wa-verified{flex-shrink:0;color:#53bdeb;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:#007AFF;opacity:1}.hero-wa-actions{display:none}.hero-wa-body{position:relative;z-index:1;height:calc(100% - 164px);padding:14px 10px 14px;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:0 1px 0.5px rgba(11,20,26,0.13);opacity:0;transform:translateY(12px);animation:heroMessageIn 0.42s ease forwards}.hero-wa-message.user{align-self:flex-end;border-top-right-radius:2px;background:rgba(217,253,211,0.75);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(217,253,211,0.9);box-shadow:0 4px 15px rgba(0,0,0,0.04),0 1px 0.5px rgba(11,20,26,0.1)}.hero-wa-message.bot{align-self:flex-start;border-top-left-radius:2px;background:rgba(255,255,255,0.65);-webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);border:1px solid rgba(255,255,255,0.8);box-shadow:0 4px 15px rgba(0,0,0,0.04),0 1px 0.5px rgba(11,20,26,0.1)}.hero-wa-message strong{display:flex;align-items:center;gap:3px;width:fit-content;margin-bottom:2px;color:#111b21;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 0 18%,rgba(255,255,255,0.58) 18% 28%,transparent 29%),linear-gradient(145deg,#f15b6c,#c73755);color:#ffffff;font-size:0.48rem;font-weight:800;letter-spacing:0.04em;box-shadow:0 4px 10px rgba(199,55,85,0.2)}.hero-wa-file-info{min-width:0}.hero-wa-file-info strong{display:block;margin:0 0 3px;color:#111b21;font-size:0.7rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-wa-file-info small{display:block;color:#667781;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:#667781;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:#53bdeb;transform:translateY(1px)}.hero-wa-checks svg{position:absolute;top:0;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:0}.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:heroMessageIn 0.42s ease forwards}.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:#00a884;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:#8696a0;animation:heroDotPulse 1.3s infinite ease-in-out both}.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:0;right:0;bottom:0;z-index:3;height:56px;padding:6px 8px 14px;display:flex;align-items:center;gap:6px;background:#f0ebe4;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:#8e8e93;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:#8e8e93}.hero-wa-mic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:transparent;color:#8e8e93;box-shadow:none}.hero-wa-typebox{min-width:0;flex:1;height:36px;padding:0 8px;border-radius:18px;display:flex;align-items:center;background:#ffffff;color:#111b21;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:#00a884;font-weight:300;animation:heroCursorBlink 1s infinite}.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:none;transform:none}.hero-demo-glass{width:min(520px,calc(100% + 58px))}.hero-phone-shell{width:310px}.hero-phone-frame{height:574px;border-radius:48px}.hero-demo-glass{width:min(430px,calc(100% + 40px));min-height:560px}.hero-phone-shell{width:300px;margin-left:0}.hero-phone-frame{height:552px;border-radius:46px}.hero-demo-column{width:100%;display:flex;justify-content:center;overflow:visible;margin-top:0}.hero-demo-glass{width:100%;max-width:100%;min-height:auto;margin-top:0;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:0;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 0}.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 10px;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:0 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,.32) 0%,rgba(193,131,251,0) 55%),radial-gradient(circle at 62% 60%,rgba(226,123,183,.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:0 0 16px 16px;pointer-events:none}.hero-push-banner{display:flex;align-items:flex-start;gap:9px;background:rgba(249,249,249,.88);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);border-radius:16px;padding:9px 12px 10px;box-shadow:0 4px 10px rgba(0,0,0,.10),0 14px 34px rgba(0,0,0,.16);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;color:#111;text-align:left;opacity:0;transform:translateY(-190%);transition:transform .6s cubic-bezier(.32,1.32,.45,1),opacity .35s ease;will-change:transform}.hero-push-banner.na-tela{opacity:1;transform:translateY(0)}.hero-push-icone{width:31px;height:31px;border-radius:8px;flex-shrink:0;overflow:hidden;background:#0C0B0E}.hero-push-icone img{width:100%;height:100%;object-fit:cover}.hero-push-corpo{min-width:0;flex:1}.hero-push-topo{display:flex;align-items:baseline;gap:6px}.hero-push-topo b{font-size:12px;font-weight:700;color:#111}.hero-push-topo small{font-size:10.5px;color:#7c7c82;margin-left:auto;flex-shrink:0}.hero-push-texto{display:block;font-size:11.5px;line-height:1.34;color:#2c2c31}.hero-push-texto b{font-weight:700;color:#111;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:#000000 !important;border:none !important;box-shadow:none !important;border-radius:0 !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 ease}.hero-phone-shell{width:100% !important;height:100% !important;margin:0 !important;transform:none !important;filter:none !important}.hero-phone-frame{height:100% !important;padding:0 !important;border-radius:0 !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 10px;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:0 1px 1.5px rgba(11,20,26,0.15);animation:slideInMsg 0.4s forwards cubic-bezier(0.175,0.885,0.32,1.1);position:relative}@keyframes slideInMsg{to{opacity:1;transform:translateY(0)}}.chat-msg.bot{align-self:flex-start;background-color:rgba(255,255,255,0.03);-webkit-backdrop-filter:blur(12px) saturate(1.2);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);-webkit-backdrop-filter:blur(12px) saturate(1.2);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:#ffffff !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:#e9edef}.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:#53bdeb;width:16px;height:12px;display:inline-block}.chat-typing-dots{display:flex;align-items:center;gap:4px;padding:6px 4px 2px 4px}.chat-typing-dots span{width:6px;height:6px;border-radius:50%;background-color:rgba(255,255,255,0.7);animation:typingBlink 1.4s infinite both}.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 0 0;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:#000000;display:flex;flex-direction:column;justify-content:center;padding:30px 48px;gap:50px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 0 80px rgba(0,0,0,0.8)}.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;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.26) 10%,rgba(0,0,0,.55) 20%,rgba(0,0,0,.83) 30%,#000 40%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.26) 10%,rgba(0,0,0,.55) 20%,rgba(0,0,0,.83) 30%,#000 40%)}.team-energy-in{position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.55) 74%,rgba(0,0,0,.18) 84%,transparent 93%);mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.55) 74%,rgba(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:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);opacity:0.6;backdrop-filter:blur(8px);-webkit-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:2px solid #ffffff;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:0 8px 24px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.1);transform:scale(1.05)}.team-selector-avatar{width:100%;height:100%;object-fit:cover;flex-shrink:0;transition:all 0.4s ease}.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:all 0.3s ease;pointer-events:none}.team-selector-card:hover .team-selector-info,.team-selector-card.active .team-selector-info{opacity:1;transform:translateX(0)}.team-selector-name{color:#ffffff;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:0}.team-selector-card.active .team-selector-role{color:#ffffff}.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:#ffffff;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:0;left:0;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 ease}.pos-center{z-index:3;transform:translateX(0) translateZ(0) scale(1);box-shadow:0 30px 80px rgba(0,0,0,0.6),0 10px 30px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.1);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(0) 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,#000000 0%,#1c1c1e 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:0 4px 12px rgba(0,0,0,0.2);transition:all 0.6s ease}.team-main-name{font-family:'Poppins',sans-serif;font-size:0.95rem;font-weight:400;line-height:1;color:#ffffff;letter-spacing:-0.01em;display:flex;align-items:center;gap:4px}.team-verified-icon{flex-shrink:0;position:relative;top:0}.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:0;margin-top:0;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:#002a21;border:1px solid rgba(0,255,170,0.15);box-shadow:0 1px 1.5px rgba(11,20,26,0.15);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:#e9edef;transition:opacity 0.3s ease}.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:#53bdeb;width:16px;height:11px;display:inline-block;flex-shrink:0}.team-sphere{--dash-scale:1;position:relative;z-index:2;flex:1;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:top center;z-index:4}.dash-orbit{position:absolute;inset:0}.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:0;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.10) 0%,rgba(255,255,255,0.028) 100%);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border:1px solid;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:0 26px 60px rgba(0,0,0,0.5),0 3px 10px rgba(0,0,0,0.3),inset 0 1px 1px rgba(255,255,255,0.5),inset 1px 0 1px rgba(255,255,255,0.3);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 0s linear 0.7s}.dash-panel.is-active{opacity:1;visibility:visible;transform:translateY(0);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:#ffffff;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:#ffffff}.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:0;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;display:flex;flex-direction:column;justify-content:center;margin-top:var(--gap-lg);min-height:0}.dash-bars{list-style:none;flex:1;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;height:3px;border-radius:999px;background:rgba(255,255,255,0.08);position:relative;overflow:hidden}.dash-bar-track i{position:absolute;inset:0;border-radius:999px;background:var(--ac-2);clip-path:inset(0 100% 0 0);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:#ffffff}.dash-spark{flex:1;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 ease 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:0}.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:none;height:62px}.dash-day{flex:1;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;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.dash-day-col::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,0.09)}.dash-day-col i{width:58%;height:var(--h,0px);border-radius:2px 2px 0 0;background:var(--ac-2);transform:scaleY(0);transform-origin: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.10s}.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.20s}.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.30s}.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 0;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;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:dashRise 0.75s cubic-bezier(0.25,1,0.5,1) both}.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{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@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:none}}.team-text-block{width:100%;padding:0;position:relative;z-index:2;transform:translateY(-20px)}.team-headline{font-family:'Poppins',sans-serif;font-size:1.4rem;font-weight:400;color:#ffffff;letter-spacing:-0.02em;margin-bottom:10px}.team-description{font-family:'Poppins',sans-serif;font-size:0.88rem;font-weight:300;color:#86868b;line-height:1.55;max-width:660px;margin-bottom:12px}.team-btn,.promise-btn{font-size:0.88rem;color:#86868b;text-decoration:none}.team-btn span,.promise-btn span{text-decoration:underline;text-decoration-thickness: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);-webkit-mask-image:none;mask-image:none}.team-energy-in{-webkit-mask-image:linear-gradient(to bottom,transparent 17%,#000 37%,#000 61%,transparent 83%);mask-image:linear-gradient(to bottom,transparent 17%,#000 37%,#000 61%,transparent 83%)}.team-content-row{flex-direction:column;gap:36px;transform:none}.team-selector{flex-direction:row;justify-content:center;margin-right:0;width:100%;gap:10px;padding-bottom:4px}.team-selector-card{flex-shrink:0}.team-main-card-wrapper{margin-left:0;margin-right:0}.team-notification{right:-10px;top:auto;bottom:70px;transform:translateX(10px) translateY(0)}.team-sphere{--dash-scale:0.86;flex:none;width:100%;max-width:340px;height:300px;margin:0 auto}.dash-stack{top:50%;left:50%;transform:translate(-50%,-50%) scale(var(--dash-scale));transform-origin:center}.team-text-block{padding:28px 0 0 0;transform:none}.team-headline{font-size:1.2rem}.team-description{font-size:0.82rem}}@media (max-width:600px){.team-section{padding:73px 0 0}.team-energy{--energia:1848px}.team-energy-in{-webkit-mask-image:linear-gradient(to bottom,transparent 33.5%,#000 43.5%,#000 55.5%,transparent 66.5%);mask-image:linear-gradient(to bottom,transparent 33.5%,#000 43.5%,#000 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(calc(126.5px - 48vw),-80px);bottom:108.6px;transform-origin:bottom right;transform:translateX(10px) translateY(0) 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:0}.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 0 0;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:#000000;display:flex;align-items:flex-end;padding:60px 48px;border:1px solid rgba(255,255,255,0.12);box-shadow:0 0 80px rgba(0,0,0,0.8)}.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:#ffffff;letter-spacing:-0.02em;margin-bottom:10px}.promise-description{font-family:'Poppins',sans-serif;font-size:0.88rem;font-weight:300;color:#86868b;line-height:1.55;max-width:100%;margin-bottom:12px}.promise-stage{position:absolute;top:0;right:0;bottom:0;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:none;transform:scale(var(--flow-scale,1));font-family:'Poppins',sans-serif}.flow-drift{position:absolute;inset:0;animation:regDrift 26s ease-in-out infinite alternate}@keyframes regDrift{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.02) translate3d(-4px,-3px,0)}}.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,#232326 0%,#0d0d0f 55%,#1a1a1d 100%);box-shadow:0 34px 70px rgba(0,0,0,0.65),0 0 0 1px rgba(255,255,255,0.07),inset 0 1px 1px rgba(255,255,255,0.16);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:#050506}.reg-screen::before{content:'';position:absolute;top:12px;left:50%;width:84px;height:23px;margin-left:-42px;border-radius:999px;background:#000000;z-index:2}.reg-tags,.reg-chart,.reg-done,.reg-insight{position:absolute;left:18px;right:18px;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);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{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.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:#ffffff;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:none;color:var(--ink-3)}.reg-track{flex:1;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:#ffffff}.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:none}.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;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:clip-path 0.5s var(--ease-calmo),-webkit-clip-path 0.5s var(--ease-calmo)}.flow.is-info .reg-steps li{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.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:none;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:none;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:0;z-index:3}.reg-bloom{position:absolute;left:50%;top:240px;width:460px;height:190px;margin:-95px 0 0 -230px;border-radius:50%;background:radial-gradient(50% 50% at 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% at 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%,#ededed 0%,#d9d9d9 55%,#bcbcbc 100%)}.reg-photo img{display:block;width:100%;height:100%;object-fit:cover}.reg-photo::after{content:'';position:absolute;inset:0;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,#1a1a1f 0%,#0b0b0d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);transform-origin:50% 50%;transform:translate3d(0,40px,0) 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(0,0,0) scale(1);filter:none;opacity:1}.reg-week{display:grid;grid-template-columns:repeat(5,1fr);gap:0;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 ease}.flow.is-mark .reg-week span.is-day b{color:#ffffff}.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:0;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(180deg,#323237 0%,#29292d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05)}.reg-day.is-day{background:linear-gradient(180deg,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.065) 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;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);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{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition-delay:0.35s}.flow.is-mark .reg-slot{border-style:solid;border-color:rgba(226,123,183,0.65);box-shadow:0 2px 12px -2px rgba(203,128,216,0.4)}.reg-slot i{position:absolute;inset:0;border-radius:3px;background:linear-gradient(135deg,rgba(188,133,248,0.55) 0%,rgba(226,123,183,0.55) 100%);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:clip-path 0.5s var(--ease-calmo),-webkit-clip-path 0.5s var(--ease-calmo)}.flow.is-mark .reg-slot i{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.reg-slot b{position:relative;z-index:1;font-size:0.44rem;font-weight:500;letter-spacing:0.02em;color:#ffffff;line-height:1;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:clip-path 0.4s var(--ease-calmo),-webkit-clip-path 0.4s var(--ease-calmo)}.flow.is-mark .reg-slot b{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);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 0;border-radius:16px;border:1px solid rgba(255,255,255,0.09);background:linear-gradient(158deg,#1a1a1f 0%,#0b0b0d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);transform-origin:50% 50%;transform:translate3d(0,40px,0) 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(0,0,0) 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:0;right:0;top:calc(var(--i) * var(--linha));height:var(--alt);display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:6px;background:linear-gradient(180deg,#2b2b30 0%,#232327 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);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:none;border-radius:3px;border:1px solid rgba(255,255,255,0.22)}.reg-task span{flex:1;min-width:0;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:none;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:0;right:0;top:0;height:var(--alt);display:flex;align-items:center;gap:8px;padding:0 9px;border-radius:6px;border:1px dashed rgba(255,255,255,0.3);overflow:hidden;-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);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{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition-delay:0.6s}.flow.is-mark .reg-nova{border-style:solid;border-color:rgba(226,123,183,0.65);box-shadow:0 2px 12px -2px rgba(203,128,216,0.4)}.reg-nova i{position:absolute;inset:0;border-radius:5px;background:linear-gradient(135deg,rgba(188,133,248,0.42) 0%,rgba(226,123,183,0.42) 100%);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:clip-path 0.5s var(--ease-calmo),-webkit-clip-path 0.5s var(--ease-calmo)}.flow.is-mark .reg-nova i{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.reg-nova em{position:relative;z-index:1;width:10px;height:10px;flex:none;border-radius:3px;border:1px solid rgba(255,255,255,0.5)}.reg-nova b,.reg-nova>span{position:relative;z-index:1;color:#ffffff;line-height:1;white-space:nowrap;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:clip-path 0.4s var(--ease-calmo),-webkit-clip-path 0.4s var(--ease-calmo)}.reg-nova b{flex:1;min-width:0;font-size:0.5rem;font-weight:500;letter-spacing:0.01em}.reg-nova>span{flex:none;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{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);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(0,6px,0);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);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(0,0,0);-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);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);-webkit-backdrop-filter:blur(10px);box-shadow:0 18px 50px rgba(0,0,0,0.55);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 16px;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:0;display:flex;align-items:center;gap:11px;padding:0 6px 0 15px;transition:gap 0.45s var(--ease),padding 0.45s var(--ease)}.flow.is-sent .reg-bar-in{padding:0 16px;gap:0}.reg-wave{display:flex;align-items:center;gap:2.5px;height:14px;width:20px;flex:none;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:0;transition-delay:0s}.reg-wave i{width:2px;height:4px;border-radius:1px;background:var(--ink-3)}.flow.is-typing .reg-wave i{animation:regWave 1s ease-in-out infinite}.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;display:flex;align-items:center;min-width:0;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:#ffffff;font-size:0.72rem;font-weight:400}.reg-caret{width:1px;height:15px;margin-left:2px;background:var(--ink-1);opacity:0;flex:none}.flow.is-typing .reg-caret{animation:regCaret 1s steps(1) infinite}.flow.is-sent .reg-caret{display:none}@keyframes regCaret{0%,45%{opacity:1}50%,100%{opacity:0}}.reg-send{position:relative;flex:none;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 ease}.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:#ffffff;border-color:#ffffff;transition-delay:0s}.flow.is-clicking .reg-send svg{stroke:#000000}.flow.is-sent .reg-send{opacity:0;width:0;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:0;top:0;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:#ffffff;stroke:rgba(0,0,0,0.55);stroke-width:1.2;filter:drop-shadow(0 2px 5px rgba(0,0,0,0.5))}.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{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transition:none}.flow.is-saindo .reg-cap{transform:translate3d(0,6px,0);-webkit-clip-path:inset(0 0 100% 0);clip-path:inset(0 0 100% 0);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:regCaret 1s steps(1) infinite}.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: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 0;min-height:0}.promise-text{max-width:100%;margin-right:0}.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 0 0}.promise-container{width:96%;border-radius:16px;padding:24px 16px 0}.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 0 0 -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:0 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 0 112px;display:flex;flex-direction:column;align-items:center}.of-row{width:94%;max-width:1300px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.of-card{position:relative;display:flex;flex-direction:column;min-height:612px;border-radius:24px;overflow:hidden;background:#000000;border:1px solid rgba(255,255,255,0.12);box-shadow:0 0 80px rgba(0,0,0,0.8);padding:60px 28px 28px}.of-stage{flex:1;min-height:0}.of-title{font-family:'Poppins',sans-serif;font-size:1.02rem;font-weight:500;color:#ffffff;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:#86868b;line-height:1.55;margin-bottom:0}.of-btn{margin-top:clamp(38px,3.6vw,52px);font-size:1.02rem;color:#86868b}.of-btn span{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.of-btn:focus-visible{outline:2px solid #ffffff;outline-offset:4px}.of-abrir{position:absolute;top:20px;right:20px;z-index:2;width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:11px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.045);color:#8e8e96;cursor:pointer;transition:background 200ms ease,color 200ms ease,border-color 200ms ease}.of-abrir svg{width:15px;height:15px;display:block}.of-abrir:hover{background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.22);color:#ffffff}.of-abrir:focus-visible{outline:2px solid rgba(255,255,255,0.55);outline-offset:2px}.of-stage-cartao{position:relative}.ofc-cena{position:absolute;inset:0 0 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:ofc-halo 4.8s ease-in-out 0.25s infinite alternate;animation-play-state:paused}.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:ofc-flutua 4.8s ease-in-out infinite alternate;animation-play-state:paused;will-change:transform}.ofc-cartao{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:ofc-balanca 7s ease-in-out infinite;animation-play-state:paused;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:0;border-radius:14px;background:#030304;border:1px solid rgba(255,255,255,0.07);transform:translateZ(-2.6px);backface-visibility:hidden}.ofc-face{position:absolute;inset:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,0.16);background:repeating-linear-gradient(115deg,rgba(255,255,255,0.013) 0 1px,transparent 1px 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,#222226 0%,#111113 36%,#060607 72%,#0b0b0d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10);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:ofc-luz 7s ease-in-out infinite;animation-play-state:paused;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:none}.ofc-cena::before{animation: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(0,-28px,0);width:100%;max-width:330px;height:424px;flex:none;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:none !important}.ofg-compra{position:absolute;inset:0;transform:translate3d(0,68px,0) scale(1.15)}.ofg-compra::before{content:'';position:absolute;left:50%;top:188px;width:254px;height:268px;margin:-134px 0 0 -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,#232326 0%,#0d0d0f 55%,#1a1a1d 100%);box-shadow:0 22px 44px rgba(0,0,0,0.62),0 0 0 1px rgba(255,255,255,0.07),inset 0 1px 1px rgba(255,255,255,0.15);transform:translate3d(0,46px,0);opacity:0;transition:transform 680ms var(--ofg-ease),opacity 420ms ease-out;will-change:transform}.ofg.is-in .ofg-pos{transform:translate3d(0,0,0);opacity:1}.ofg.is-registro .ofg-pos{transform:translate3d(0,124px,0);opacity:0;transition:transform 640ms var(--ofg-saida),opacity 460ms ease-in 60ms}.ofg-tela{position:relative;height:112px;border-radius:11px;background:#050506;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);overflow:hidden}.ofg-tela::after{content:'';position:absolute;inset:0;background:rgba(255,255,255,0.11);opacity:0;pointer-events:none}.ofg.is-tap .ofg-tela::after{animation:ofg-estalo 640ms ease-out 120ms forwards}@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:0;right:0;top:50px;text-align:center;font-size:0.98rem;font-weight:400;color:#ffffff;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:#56565e}.ofg-tela-slot>.ofg-cat{display:flex;align-items:center;justify-content:center;gap:5px;color:#d9d9df}.ofg-tela-slot>.ofg-cat svg{width:9px;height:9px;flex:none;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:inset 0 1px 0 rgba(255,255,255,0.05)}.ofg-ondas{position:absolute;left:50%;top:120px;width:0;height:0;z-index:2}.ofg-ondas i{position:absolute;left:0;top:0;width:40px;height:40px;margin:-20px 0 0 -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:ofg-onda 940ms cubic-bezier(0.18,0.62,0.3,1) forwards}.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:0 16px 32px rgba(0,0,0,0.72);transform:translate3d(0,-168px,0) rotate(-26deg);opacity:0;transition:transform 720ms var(--ofg-ease),opacity 420ms ease-out;will-change:transform}.ofg.is-in .ofg-cartao{transform:translate3d(0,0,0) rotate(-13deg);opacity:1}.ofg.is-perto .ofg-cartao{transform:translate3d(0,22px,0) rotate(-10deg);transition:transform 400ms var(--ofg-toque)}.ofg.is-ok .ofg-cartao{transform:translate3d(0,5px,0) rotate(-12deg);transition:transform 460ms var(--ofg-ease) 160ms}.ofg.is-registro .ofg-cartao{transform:translate3d(-52px,-152px,0) rotate(-31deg);opacity:0;transition:transform 660ms var(--ofg-saida),opacity 440ms ease-in 100ms}.ofg-cartao-face{position:absolute;inset:0;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,#222226 0%,#111113 36%,#060607 72%,#0b0b0d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10)}.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:0;will-change:transform}.ofg.is-saindo .ofg-dash{transform:translate3d(0,300px,0);opacity:0;transition:transform 700ms var(--ofg-saida),opacity 620ms ease-in 60ms}.ofg-painel{position:absolute;left:0;right:0;top:56px;height:308px;border-radius:20px;border:1px solid rgba(255,255,255,0.10);background-color:#08080a;background-image:linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.012) 46%,rgba(255,255,255,0.022));overflow:hidden;opacity:0;-webkit-clip-path:inset(79px 9px 145px 9px round 12px);clip-path:inset(79px 9px 145px 9px round 12px);will-change:clip-path}.ofg.is-painel .ofg-painel{opacity:1;-webkit-clip-path:inset(0 0 0 0 round 20px);clip-path:inset(0 0 0 0 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:#75757d;white-space:nowrap}.ofg-conta{min-width:0;font-size:0.64rem;font-weight:300;color:#4e4e56;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:#ffffff;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;min-width:0;font-size:0.92rem;font-weight:400;color:#ffffff;line-height:19px;letter-spacing:-0.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ofg-valor{flex:none;font-size:0.88rem;font-weight:400;color:#e9e9ed;line-height:19px;font-variant-numeric:tabular-nums;white-space:nowrap}.ofg-etiqueta{font-size:0.74rem;font-weight:300;color:#a2a2aa;line-height:16px}.ofg-nova{position:absolute;left:0;right:0;top:143px;z-index:3;transform:translate3d(0,63px,0);transition:transform 660ms var(--ofg-ease);will-change:transform}.ofg.is-registro .ofg-nova{transform:translate3d(0,0,0);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:#0c0c0e;background-image:linear-gradient(180deg,rgba(255,255,255,0.055),rgba(255,255,255,0.012) 60%,rgba(255,255,255,0.02));box-shadow:0 18px 40px rgba(0,0,0,0.72);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;min-width:0;height:19px}.ofg-nome-slot>.ofg-cru{font-size:0.67rem;font-weight:300;letter-spacing:0.03em;line-height:19px;color:#6b6b74}.ofg-nome-slot>.ofg-cat{font-size:0.92rem;font-weight:400;letter-spacing:-0.01em;line-height:19px;color:#ffffff}.ofg-sub-slot{height:16px}.ofg-sub-slot>.ofg-cru{font-size:0.65rem;font-weight:300;line-height:16px;color:#55555c}.ofg-sub-slot>.ofg-cat{font-size:0.74rem;font-weight:300;line-height:16px;color:#a2a2aa}.ofg-slot{position:relative;overflow:hidden}.ofg-slot>span{position:absolute;left:0;right:0;top:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform 380ms var(--ofg-encaixe)}.ofg-slot>.ofg-cru{transform:translateY(0);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(0)}@media (prefers-reduced-motion:reduce){.ofg *,.ofg *::before,.ofg *::after{transition:none !important;animation:none !important}.ofg-compra{display:none}.ofg-painel{opacity:1;-webkit-clip-path:none;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(0)}}@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(0,1fr);gap:16px}.of-card{min-height:300px}}@media (max-width:600px){.of-section{padding:67px 0 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:0;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:0;background:rgba(0,0,0,0.74);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity 260ms ease}.of-modal-caixa{position:relative;display:flex;flex-direction:column;width:min(1020px,100%);max-height:88vh;max-height:88dvh;overflow:hidden;padding:0;border-radius:24px;background:#050505;border:1px solid rgba(255,255,255,0.12);box-shadow:0 40px 120px rgba(0,0,0,0.85);opacity:0;transform:translateY(14px) scale(0.985);transition:opacity 260ms ease,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:0;border-radius:11px;border:1px solid rgba(255,255,255,0.10);background:rgba(255,255,255,0.045);color:#8e8e96;cursor:pointer;transition:background 200ms ease,color 200ms ease,border-color 200ms ease}.of-modal-x svg{width:15px;height:15px;display:block}.of-modal-x:hover{background:rgba(255,255,255,0.10);border-color:rgba(255,255,255,0.22);color:#ffffff}.of-modal-x:focus-visible{outline:2px solid rgba(255,255,255,0.55);outline-offset:2px}.of-modal-topo{flex:none;padding:40px 76px 24px 44px}.of-modal-topo>*{max-width:660px}.of-modal-corpo{flex:1 1 auto;min-height:0;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:rgba(255,255,255,0.16);background-clip:content-box}.of-modal-corpo::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,0.3);background-clip:content-box}.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 ease;z-index:2}.of-modal-caixa::before{top:var(--of-modal-topo-h,96px);background:linear-gradient(to bottom,#050505 0%,rgba(5,5,5,0) 100%)}.of-modal-caixa::after{bottom:var(--of-modal-pe-h,74px);background:linear-gradient(to top,#050505 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:#7a7a82;margin-bottom:14px}.of-modal-titulo{font-family:'Poppins',sans-serif;font-size:1.85rem;font-weight:400;color:#ffffff;letter-spacing:-0.02em;line-height:1.22;margin:0 0 14px}.of-modal-lead{font-family:'Poppins',sans-serif;font-size:0.95rem;font-weight:300;color:#a4a4ab;line-height:1.6;margin:0}.of-modal-grade{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 40px}.of-modal-bloco{min-width:0}.of-modal-bloco h3{font-family:'Poppins',sans-serif;font-size:0.95rem;font-weight:400;color:#ffffff;letter-spacing:-0.01em;line-height:1.4;margin:0 0 8px}.of-modal-bloco p{font-family:'Poppins',sans-serif;font-size:0.84rem;font-weight:300;color:#86868b;line-height:1.55;margin:0}.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.022) 46%,rgba(255,255,255,0) 74%),#08080a}.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.018) 100%),#0b0b0e;border:1px solid rgba(255,255,255,0.085);box-shadow:0 18px 40px rgba(0,0,0,0.55);opacity:0;transform:translateX(var(--ofm-x,0)) translateY(12px);transition:opacity 420ms ease,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:none}p.ofm-fone-titulo{margin:12px 0 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:0;padding:0}.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:none;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,0.88);color:#0b0b0e}.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:#0b0b0e}.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:none}.ofm-valor{display:block;margin:11px 0 8px;font-size:1.22rem;font-weight:400;letter-spacing:-0.02em;color:#ffffff}.ofm-extrato{list-style:none;margin:0;padding:0;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 0;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:#ffffff}.ofm-extrato b.is-entrada::before{content:'+'}.ofm-extrato b:not(.is-entrada)::before{content:'\2212';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:none}.ofm-fichas{display:grid;grid-template-columns:repeat(4,minmax(0,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 0 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:none;border-radius:99px;background:rgba(255,255,255,0.2);transition:background 500ms ease}.ofm-chave i{position:absolute;top:2.5px;left:2.5px;width:13px;height:13px;border-radius:50%;background:#ededf1;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:ofmChaveDesliga 560ms cubic-bezier(0.22,1,0.36,1) 1.3s both}@keyframes ofmChaveDesliga{from{transform:translateX(13px);background:#ededf1}to{transform:translateX(0);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 0 0;padding:0}.ofm-cats li{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:0.58rem;font-weight:300;color:rgba(255,255,255,0.5)}.ofm-cats li>span{flex:none;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 0 2px;font-size:0.78rem;font-weight:400;color:rgba(255,255,255,0.92)}.ofm-serie{list-style:none;margin:0;padding:0}.ofm-serie li{position:relative;display:flex;align-items:center;gap:10px;padding:6px 0 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:0;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;max-width:38px;height:var(--h,50%);border-radius:5px;transform-origin:bottom;background:linear-gradient(180deg,rgba(255,255,255,0.34),rgba(255,255,255,0.1))}.ofm-barras .is-prevista{background:rgba(255,255,255,0.028);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;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:ofmBarraSobe 620ms cubic-bezier(0.22,1,0.36,1) 1.25s both}.of-modal-aberto .ofm-meses .is-prevista{animation:ofmMesAcende 520ms ease 1.45s both}@keyframes ofmBarraSobe{from{transform:scaleY(0.04);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes ofmMesAcende{from{opacity:0}to{opacity:1}}.ofm-ic-chat{width:11px;height:10px;flex:none}.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:#0b0b0e}.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:0}.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:none;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:none;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:none}.ofw-audio{display:flex;align-items:center;gap:8px;padding:8px 11px}.ofw-play{width:17px;height:17px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,0.88);color:#0b0b0e}.ofw-play svg{width:7px;height:7px;display:block}.ofw-onda{display:flex;align-items:center;gap:2px;flex:1;height:14px}.ofw-onda i{flex:1;height:var(--h,40%);min-width:1.5px;border-radius:99px;background:rgba(255,255,255,0.42)}.ofw-dur{flex:none;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:0}.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:none}.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 0 5px}.ofw-resposta .ofm-extrato li{padding:8px 0}.ofw-membros{list-style:none;display:flex;flex-direction:column;gap:2px;margin:9px 0 0;padding:0}.ofw-membros li{display:flex;align-items:center;gap:9px;padding:3px 6px;border-radius:8px}.ofw-membros li>div{min-width:0}.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:none;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:#86868b;padding:0;border:0;background:none;cursor:pointer;transition:color 200ms ease}.of-modal-voltar:hover{color:#ffffff}.of-modal-voltar:focus-visible{outline:2px solid rgba(255,255,255,0.55);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:#ffffff;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 ease,background 200ms ease}.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:2px solid rgba(255,255,255,0.55);outline-offset:3px}@media (max-width:980px){.of-modal-caixa{width:min(680px,100%)}.of-modal-grade{grid-template-columns:minmax(0,1fr);gap:26px}.ofm-peca{left:50%;right:auto;width:min(420px,calc(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:92vh;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:none}.of-modal-x{position:sticky;top:12px;right:auto;flex:none;align-self:flex-end;margin:12px 12px -46px auto;width:34px;height:34px;background:rgba(20,20,22,0.92);backdrop-filter:blur(8px);-webkit-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;justify-content:center;text-align:center;white-space:normal;text-wrap: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,calc(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;transition-delay:0s}.of-modal-aberto .ofm-chave i{animation:none;transform:translateX(0);background:rgba(255,255,255,0.5)}.of-modal-aberto .ofm-barras .is-prevista,.of-modal-aberto .ofm-meses .is-prevista{animation: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:none;overflow:hidden;font-family:'Poppins',sans-serif;transform:translate3d(0,0,0);pointer-events:none;opacity:1}.ofr.is-mudo,.ofr.is-mudo *,.ofr.is-mudo *::before,.ofr.is-mudo *::after{transition:none !important;animation:none !important}.ofr-tela{position:absolute;inset:0;padding-bottom:12px;display:flex;flex-direction:column;justify-content:center}.ofr.is-aberto .ofr-tela{opacity:0;transition:opacity 240ms ease}.ofr-topo{position:relative;z-index:2;flex:none;height:44px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,0.07);opacity:0;transform:translate3d(0,-10px,0);transition:opacity 460ms ease,transform 560ms var(--ofr-ease)}.ofr.is-in .ofr-topo{opacity:1;transform:none}.ofr-topo>div{min-width:0}.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:none;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:none;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 ease 120ms}.ofr.is-in .ofr-dia{opacity:1}.ofr-fio{position:relative;z-index:1;margin:28px 14px 0;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:0;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:0;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 ease}.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:none}.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:0 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:0;right:0;top:0;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:ofrPonto 1050ms ease-in-out infinite}.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(min(88cqw,290px) - 24px);transform:translateY(100%);opacity:0}.ofr.is-resposta .ofr-pontos{transform:translateY(-140%);opacity:0}.ofr.is-resposta .ofr-resp{transform:translateY(0);opacity:1}.ofr-vaga{align-self:stretch;height:0;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:none;margin:12px 12px 0;height:40px;display:flex;align-items:center;gap:6px;padding:0 5px 0 12px;border-radius:20px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);opacity:0;transform:translate3d(0,14px,0);transition:opacity 460ms ease,transform 560ms var(--ofr-ease)}.ofr.is-in .ofr-barra{opacity:1;transform:none}.ofr-campo{flex:1;min-width:0;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(0,-10px,0);transition:opacity 180ms ease-in,transform 220ms ease-in}.ofr.is-digitando .ofr-campo{opacity:1;transform:none;transition:opacity 300ms ease,transform 300ms ease}.ofr-caret{width:1px;height:12px;flex:none;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:ofrCaret 1s steps(1) infinite}.ofr.is-enviado .ofr-caret{animation:none;opacity:0}@keyframes ofrCaret{0%,50%{opacity:1}51%,100%{opacity:0}}.ofr-enviar{position:relative;width:30px;height:30px;flex:none;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);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:#ffffff;border-color:#ffffff;color:#000000;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.10);color:rgba(255,255,255,0.26);transform:none}@keyframes ofrAnel{from{transform:scale(1);opacity:0.7}to{transform:scale(2.1);opacity:0}}.ofr-doc{position:absolute;inset:0;z-index:5;clip-path:inset(calc(100% - 156px) 68px 64px 14px round 14px);opacity:0;transform:translate3d(0,12px,0);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 0px 0px 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:0 12px;border-radius:14px;background:#101014;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:none;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:#ffffff}.ofr-mini{display:flex;align-items:flex-end;gap:3px;width:56px;height:18px;flex:none}.ofr-mini i{position:relative;flex:1;height:100%;border-radius:2px;background:rgba(255,255,255,0.035)}.ofr-mini i::after{content:'';position:absolute;left:0;right:0;bottom:0;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:0;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(0,8px,0);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.40s}.ofr.is-conteudo .ofr-lista li:nth-child(4){transition-delay:0.48s}.ofr.is-conteudo .ofr-proj{transition-delay:0.60s}.ofr-rel-topo{display:flex;align-items:center;gap:8px;margin:0 -18px;padding:0 18px 9px;border-bottom:1px solid rgba(255,255,255,0.08)}.ofr-rel-topo i{width:12px;height:12px;flex:none;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;min-width:0;font-size:0.68rem;font-weight:400;color:#ffffff}.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:0;white-space:nowrap;font-size:1.2rem;font-weight:400;letter-spacing:-0.02em;line-height:1;color:#ffffff}.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 0 0;padding:0;list-style:none}.ofr-lista li{padding:8px 0;border-top:1px solid rgba(255,255,255,0.055)}.ofr-lista li:first-child{border-top:0;padding-top:0}.ofr-lista li:last-child{padding-bottom:0}.ofr-li-topo{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ofr-li-topo>span{min-width:0;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:none;font-size:0.68rem;font-weight:400;color:#ffffff}.ofr-proj{margin-top:12px}.ofr-cols{display:flex;align-items:stretch;height:56px;margin-top:5px}.ofr-colu{position:relative;flex:1;min-width:0}.ofr-colu i{position:absolute;left:50%;bottom:0;width:30px;height:var(--b);margin-left:-15px;border-radius:5px;background:rgba(255,255,255,0.9);transform:scaleY(0);transform-origin:bottom center;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 ease}.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:1.00s}.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.20s}.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;min-width:0;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:0;z-index:7;pointer-events:none;transform:translateX(calc(100% - 32px));transition:transform 700ms var(--ofr-mao-x)}.ofr-mao>i{position:absolute;left:0;top:0;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;background:rgba(255,255,255,0.15);border:1.5px solid rgba(255,255,255,0.72);box-shadow:0 3px 10px rgba(0,0,0,0.5);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{from{transform:scale(1);opacity:0.7}to{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(0,26px,0);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:#ffffff;letter-spacing:-0.02em;line-height:1.25;text-wrap:balance;text-align:center;margin-bottom:40px}.of-bancos-trilho{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--of-bancos-fade),#000 calc(100% - var(--of-bancos-fade)),transparent 100%);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:of-bancos-anda 34s linear infinite}@keyframes of-bancos-anda{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-100% / 3),0,0)}}.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;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: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:0;left:0;right:0;height:1px;background:rgba(255,255,255,0.12)}.footer-top{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,0.85fr) minmax(0,0.85fr) minmax(0,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:#86868b}.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:#86868b;transition:color 0.3s ease,border-color 0.3s ease,background 0.3s ease}.footer-social a:hover{color:#ffffff;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:#ffffff;margin:8px 0 18px}.footer-links a{font-size:0.82rem;font-weight:300;color:#86868b;text-decoration:none;transition:color 0.3s ease}.footer-links a+a{margin-top:11px}.footer-links a:hover{color:#ffffff}.footer-support-text{margin-top:12px;max-width:288px;font-size:0.8rem;font-weight:300;line-height:1.55;color:#86868b}.footer-mail{display:inline-block;font-size:0.8rem;font-weight:300;color:#86868b;text-decoration:none;transition:color 0.3s ease;word-break:break-word}.footer-mail:hover{color:#ffffff}.footer-wa{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:22px;padding:11px 20px;border-radius:980px;background:#ffffff;border:1px solid #ffffff;color:#0a0a0a;font-size:0.8rem;font-weight:500;text-decoration:none;transition:opacity 0.3s ease}.footer-wa:hover{opacity:0.85}.footer-wa svg{width:15px;height:15px;fill:#0a0a0a;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:#6e6e73}.footer-terms{display:flex;gap:24px;flex-wrap:wrap}.footer-terms a{font-size:0.82rem;font-weight:300;color:#6e6e73;text-decoration:none;transition:color 0.3s ease}.footer-terms a:hover{color:#ffffff}.site-footer.is-preto{background:#0c0c0d}.site-footer.is-branco{background:#ffffff}.site-footer.is-branco .footer-inner::before{background:rgba(0,0,0,0.12)}.site-footer.is-branco .footer-col-title{color:#0a0a0a}.site-footer.is-branco .footer-social a{border-color:rgba(0,0,0,0.12)}.site-footer.is-branco .footer-social a:hover{color:#0a0a0a;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:#0a0a0a}.site-footer.is-branco .footer-wa{background:#0a0a0a;border-color:#0a0a0a;color:#ffffff}.site-footer.is-branco .footer-wa svg{fill:#ffffff}.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(0,1.25fr) minmax(0,0.8fr) minmax(0,0.8fr) minmax(0,1.05fr);gap:32px}}@media (max-width:980px){.footer-top{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 32px}.footer-brand{grid-column:1 / -1}.footer-about{max-width:520px}.footer-col-title{margin-top:0}}@media (max-width:760px){.footer-top{grid-template-columns:repeat(2,minmax(0,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 0}.footer-inner::before{left:24px;right:24px}.footer-top{grid-template-columns:minmax(156px,1fr) minmax(0,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(0,1fr);gap:26px}}/* Pé 88->112 (09/09/2026, auditoria de respiros): todas as outras seções de conteúdo fecham com 112, e a emenda ag->expediente estava em 191 contra os 216 do sistema (112 + 104). O topo de 104 já era o padrão e não muda. */.ag-section{position:relative;z-index:3;width:100%;background:var(--ag-branco);margin:0;padding:104px 0 112px;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(0,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:#0c0c0d;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(0,616px));justify-content:space-between;align-items:start;column-gap:clamp(40px,5vw,68px);row-gap:clamp(48px,4.9vw,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;-webkit-user-select:none;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:0;width:266px;height:90px;padding:10px 11px 9px;border-radius:12px 0 12px 12px;background:var(--ag-verde);box-shadow:0 1px 2px rgba(22,22,26,0.07),0 6px 18px rgba(22,22,26,0.05);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:0;right:-8px;width:8px;height:13px;background:var(--ag-verde);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.ag1-linha{display:flex;align-items:center;gap:8px;height:25px}.ag1-play{position:relative;width:19px;height:19px;flex:none}.ag1-glifo{position:absolute;left:2.6px;top:1.4px;width:14px;height:16.4px;fill:#4a6b58;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:none}.ag1-barras{position:absolute;left:0;top:0;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:#b3c9ad;flex:none}.ag1-lidas i{background:#2f6b4b}.ag1-lidas{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.ag-card[data-ag="1"][data-fase="ouvindo"] .ag1-lidas{animation:ag1Toca 2.06s linear forwards}.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{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}@keyframes ag1Toca{from{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.ag1-cabeca{position:absolute;left:-3.6px;top:50%;width:8.4px;height:8.4px;margin-top:-4.2px;border-radius:50%;background:#2f6b4b;transform:translateX(0)}.ag-card[data-ag="1"][data-fase="ouvindo"] .ag1-cabeca{animation:ag1Cabeca 2.06s linear forwards}.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{from{transform:translateX(0)}to{transform:translateX(178px)}}.ag1-dur{font-size:10.6px;font-weight:400;color:rgba(17,27,33,0.5);letter-spacing:0.01em;flex:none}.ag1-fio{height:1px;margin:7.5px 0 8.5px;background:rgba(17,27,33,0.08)}.ag1-tr{height:15px;margin:0;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(0);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(0)}.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:none;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:0 12px 12px 12px;background:var(--ag-obj);box-shadow:0 1px 2px rgba(22,22,26,0.07),0 6px 18px rgba(22,22,26,0.05);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:0;left:-8px;width:8px;height:13px;background:var(--ag-obj);-webkit-clip-path:polygon(100% 0,100% 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 0)}.ag-card[data-ag="1"][data-fase="digitando"] .ag1-dig{opacity:1;transform:translateY(0) scale(1)}.ag-card[data-ag="1"][data-fase="resposta"] .ag1-dig{opacity:0;transform:translateY(0) 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(0)}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:0 12px 12px 12px;background:var(--ag-obj);box-shadow:0 1px 2px rgba(22,22,26,0.07),0 8px 20px rgba(22,22,26,0.05);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:0;left:-8px;width:8px;height:13px;background:var(--ag-obj);-webkit-clip-path:polygon(100% 0,100% 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 0)}.ag-card[data-ag="1"][data-fase="resposta"] .ag1-resp,.ag-card[data-ag="1"][data-fase="montado"] .ag1-resp{opacity:1;transform:translateY(0) 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:0;top:8.5px;bottom:8.5px;width:3.5px;border-radius:0 3.5px 3.5px 0;background:#7ba3e0}.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:none;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(0) scale(1)}.ag2{--ag-arte-w:300px;--ag-arte-h:210px}.ag2-fone{position:absolute;left:0;top:-18px;width:300px;height:420px;padding:5px;border-radius:42px;background:linear-gradient(160deg,#232326 0%,#0d0d0f 55%,#1a1a1d 100%);box-shadow:0 20px 44px -16px rgba(12,12,13,0.4),0 0 0 1px rgba(255,255,255,0.07),inset 0 1px 1px rgba(255,255,255,0.16);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:#17171a;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:#000000;z-index:3}.ag2-app{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;transform:translateZ(0)}.ag2-zap{background:#ece5dd;z-index:1}.ag2-topo{display:flex;align-items:center;gap:10px;flex:none;padding:42px 14px 10px;background:#f6f3ef;box-shadow:0 1px 0 rgba(11,20,26,0.08)}.ag2-voltar{width:15px;height:15px;flex:none;margin-left:-4.4px;margin-right:-2px;fill:none;stroke:#16161a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ag2-av{width:32px;height:32px;flex:none;border-radius:50%;overflow:hidden;background:#000000}.ag2-av img{display:block;width:100%;height:100%;object-fit:cover}.ag2-id{display:grid;gap:1px;min-width:0}.ag2-id b{font-size:15px;font-weight:600;letter-spacing:-0.014em;line-height:1.25;color:#0c0c0d;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:#667781;white-space:nowrap}.ag2-fluxo{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-height:0;padding:6px 8px 0}.ag2-audio{position:relative;align-self:flex-end;max-width:88%;margin-right:16px;padding:5px 8px;border-radius:10px;border-top-right-radius:2px;background:var(--ag-verde);box-shadow:0 1px 0.5px rgba(11,20,26,0.13)}.ag2-audio::after{content:"";position:absolute;top:0;right:-7px;width:8px;height:10px;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.ag2-linha{display:flex;align-items:center;gap:6px;height:19px}.ag2-play{width:17px;height:17px;flex:none;display:grid;place-items:center}.ag2-play svg{width:11px;height:12.8px;margin-left:1px;fill:#4a6b58}.ag2-onda{position:relative;flex:1;min-width:0;height:17px}.ag2-barras{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between}.ag2-barras i{width:2.2px;height:var(--h,50%);flex:none;border-radius:1.1px;background:#b3c9ad}.ag2-cabeca{position:absolute;left:-1.4px;top:50%;width:7.2px;height:7.2px;margin-top:-3.6px;border-radius:50%;background:#2f6b4b}.ag2-dur{flex:none;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 0;background:rgba(17,27,33,0.08)}.ag2-tr{margin:0;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:none;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:10px;border-top-left-radius:2px;background:#ffffff;box-shadow:0 1px 0.5px rgba(11,20,26,0.13);font-size:13.5px;line-height:1.34;letter-spacing:-0.006em;color:#111b21}.ag2-resp::after{content:"";position:absolute;top:0;left:-7px;width:8px;height:10px;background-color:inherit;-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,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:0 8px 0 15px;border-radius:7px;overflow:hidden;background:var(--ag-neutro)}.ag2-tarja{position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:#7ba3e0}.ag2-ev-t{font-size:12px;font-weight:500;line-height:1.15;letter-spacing:-0.01em;color:#111b21;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:0;color:rgba(11,20,26,0.45)}.ag2-gcal{background:#ffffff;z-index:2;translate:112% 0;scale:0.94;border-radius:37px}.ag2-gtopo{display:flex;align-items:center;gap:9px;flex:none;padding:42px 12px 6px}.ag2-menu{width:17px;height:11.3px;flex:none;fill:none;stroke:#5f6368;stroke-width:1.7;stroke-linecap:round}.ag2-glogo{width:19px;height:19px;flex:none}.ag2-mes{font-size:17px;font-weight:500;line-height:1.2;letter-spacing:-0.012em;color:#3c4043}.ag2-lupa{width:16px;height:16px;flex:none;margin-left:auto;fill:none;stroke:#5f6368;stroke-width:1.7;stroke-linecap:round}.ag2-semana{display:grid;grid-template-columns:repeat(7,1fr);flex:none;padding:0 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:#70757a}.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:#3c4043}.ag2-d-alvo b{background:#1a73e8;font-weight:500;color:#ffffff}.ag2-gfio{height:1px;flex:none;background:rgba(0,0,0,0.09)}.ag2-grade{position:relative;flex:1;min-height:0}.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:0;top:0;width:28px;text-align:right;font-size:9.4px;font-weight:400;line-height:12px;letter-spacing:-0.01em;color:#70757a}.ag2-h i{position:absolute;left:34px;right:0;top:6px;height:1px;background:rgba(0,0,0,0.09)}.ag2-evento,.ag2-peca{padding:5px 8px;border-radius:5px;overflow:hidden;background:#1a73e8;color:#ffffff}.ag2-evento{position:absolute;left:42px;right:10px;top:64px;height:48px;opacity:0}.ag2-brilho{position:absolute;top:-30%;bottom:-30%;left:0;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:0}.ag2-peca{position:absolute;inset:0;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:#ffffff;stroke:#2b2b2e;stroke-width:1.15;stroke-linejoin:round;filter:drop-shadow(0 1px 1.6px rgba(12,12,13,0.42))}.ag-card[data-ag="2"][data-fase="arrasta"] .ag2-arrasto{animation:ag2Puxa 1150ms cubic-bezier(0.30,0.20,0.55,1) both}.ag-card[data-ag="2"][data-fase="arrasta"] .ag2-desvio{animation:ag2Desvia 820ms cubic-bezier(0.30,0.10,0.30,1) both}.ag-card[data-ag="2"][data-fase="arrasta"] .ag2-peca{animation:ag2Levanta 1150ms linear both}@keyframes ag2Puxa{from{translate:0 145px}to{translate:0 0}}@keyframes ag2Desvia{from{translate:16px 0}to{translate:0 0}}@keyframes ag2Levanta{0%{scale:1.045;box-shadow:0 8px 18px -6px rgba(12,12,13,0.40),0 2px 6px -1px rgba(12,12,13,0.20)}48%{scale:1.045;box-shadow:0 8px 18px -6px rgba(12,12,13,0.40),0 2px 6px -1px rgba(12,12,13,0.20);animation-timing-function:cubic-bezier(0.4,0,0.3,1)}100%{scale:1;box-shadow:0 0 0 -6px rgba(12,12,13,0),0 0 0 -1px rgba(12,12,13,0)}}.ag-card[data-ag="2"][data-fase="evento"] .ag2-peca{display:none}.ag-card[data-ag="2"][data-fase="evento"] .ag2-cursor{animation:ag2Larga 180ms cubic-bezier(0.4,0,0.3,1) both,ag2Sai 480ms cubic-bezier(0.4,0.06,0.24,1) 180ms both}@keyframes ag2Larga{0%{scale:1}50%{scale:0.94}100%{scale:1}}@keyframes ag2Sai{from{translate:0 0;opacity:1}to{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(0)}.ag-card[data-ag="2"][data-fase="troca"] .ag2-zap{animation:ag2ZapViaja 640ms cubic-bezier(0.32,0,0.16,1) both,ag2ZapEncolhe 640ms linear both;animation-timing-function:linear(0.00%,1.86%,6.52%,12.87%,20.12%,27.71%,35.27%,42.54%,49.37%,55.68%,61.42%,66.58%,71.18%,75.25%,78.83%,81.96%,84.69%,87.05%,89.08%,90.84%,92.34%,93.63%,94.73%,95.66%,96.46%,97.13%,97.71%,98.19%,98.60%,98.94%,99.23%,99.48%,99.68%,99.86%,100.00%),linear}.ag-card[data-ag="2"][data-fase="troca"] .ag2-gcal{animation:ag2GcalViaja 640ms cubic-bezier(0.32,0,0.16,1) both,ag2GcalCresce 640ms linear both;animation-timing-function:linear(0.00%,1.86%,6.52%,12.87%,20.12%,27.71%,35.27%,42.54%,49.37%,55.68%,61.42%,66.58%,71.18%,75.25%,78.83%,81.96%,84.69%,87.05%,89.08%,90.84%,92.34%,93.63%,94.73%,95.66%,96.46%,97.13%,97.71%,98.19%,98.60%,98.94%,99.23%,99.48%,99.68%,99.86%,100.00%),linear}@keyframes ag2ZapViaja{from{translate:0 0}to{translate:-112% 0}}@keyframes ag2GcalViaja{from{translate:112% 0}to{translate:0 0}}@keyframes ag2ZapEncolhe{0%{scale:1;border-radius:0;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:0}}.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% 0;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:0 0;scale:1;border-radius:0}.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:ag2Brilho 0.64s cubic-bezier(0.36,0,0.28,1) 0.66s both}@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(0);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: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 0 10px 10px;background:var(--ag-verde);box-shadow:0 1px 2px rgba(22,22,26,0.07),0 6px 18px rgba(22,22,26,0.05);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:0;right:-7px;width:7px;height:11px;background:var(--ag-verde);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}.ag3-ped-linha{display:flex;align-items:center;gap:7px;height:25px}.ag3-play{position:relative;width:19px;height:19px;flex:none}.ag3-glifo{position:absolute;left:2.6px;top:1.4px;width:14px;height:16.4px;fill:#4a6b58;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:none}.ag3-barras{position:absolute;left:0;top:0;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:#b3c9ad;flex:none}.ag3-lidas i{background:#2f6b4b}.ag3-lidas{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.ag-card[data-ag="3"][data-fase="tocando"] .ag3-lidas{animation:ag3Toca 2.06s linear forwards}.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{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}@keyframes ag3Toca{from{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.ag3-cabeca{position:absolute;left:-3.6px;top:50%;width:8.4px;height:8.4px;margin-top:-4.2px;border-radius:50%;background:#2f6b4b;transform:translateX(0)}.ag-card[data-ag="3"][data-fase="tocando"] .ag3-cabeca{animation:ag3Cabeca 2.06s linear forwards}.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{from{transform:translateX(0)}to{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:none}.ag3-fio{height:1px;margin:7.5px 0 8.5px;background:rgba(17,27,33,0.08)}.ag3-tr{height:15px;margin:0;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(0);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(0)}.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:none;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:0 10px 10px 10px;background:var(--ag-obj);box-shadow:0 1px 2px rgba(22,22,26,0.07),0 6px 18px rgba(22,22,26,0.05);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:0;left:-7px;width:7px;height:11px;background:var(--ag-obj);-webkit-clip-path:polygon(100% 0,100% 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 0)}.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:0 10px 10px 10px;background:var(--ag-obj);box-shadow:0 1px 2px rgba(22,22,26,0.07),0 8px 20px rgba(22,22,26,0.05);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:0;left:-7px;width:7px;height:11px;background:var(--ag-obj);-webkit-clip-path:polygon(100% 0,100% 100%,0 0);clip-path:polygon(100% 0,100% 100%,0 0)}.ag3-conv{top:126px}.ag3-link{display:flex;align-items:center;gap:6px;min-width:0}.ag3-cam{width:16px;height:10.5px;flex:none;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:none;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:0 11px;display:flex;align-items:center;border-radius:9.5px;background:var(--ag-obj);box-shadow:0 1px 2px rgba(22,22,26,0.06);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:#202124;box-shadow:0 1px 2px rgba(22,22,26,0.10),0 8px 20px rgba(22,22,26,0.13);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 0;min-width:0;border-radius:8px;background:#303134}.ag3-lad::after{content:'';position:absolute;inset:0;border-radius:8px;box-shadow:inset 0 0 0 2px #8ab4f8;opacity:0}.ag3-ini,.ag3-av{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-18px 0 0 -15px;border-radius:50%}.ag3-ini{display:grid;place-items:center;font-size:13px;font-style:normal;font-weight:500;color:#fff;letter-spacing:0}.ag3-lad-a .ag3-ini{background:#c8623e}.ag3-lad-l .ag3-ini{background:#5b6ec4}.ag3-lad-s{background:radial-gradient(72% 58% at 50% 45%,#5e2455 0%,#3d1c39 52%,#271627 100%)}.ag3-av{display:block;overflow:hidden;background:#000}.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:#fff}.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:#ea4335;display:grid;place-items:center}.ag3-fone{width:12px;height:12px;fill:#fff;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:none;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:none;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(0) 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(0) 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(0)}45%{opacity:1;transform:translateY(-2.5px)}}.ag-card[data-ag="3"][data-fase="resposta"] .ag3-dig{opacity:0;transform:translateY(0) 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(0) 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(0) 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(0) scale(1)}.ag-card[data-ag="3"][data-fase="reuniao"] .ag3-lad-a::after{animation:ag3FalaA 2.6s linear 0.54s 1 both}.ag-card[data-ag="3"][data-fase="reuniao"] .ag3-lad-l::after{animation:ag3FalaL 2.6s linear 0.54s 1 both}@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(0) 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(0) scale(1)}.ag-card[data-ag="3"][data-fase="montado"] .ag3-conv{top:0}.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(0) 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:0;top:-30px;width:300px;height:420px;padding:5px;border-radius:42px;background:linear-gradient(160deg,#232326 0%,#0d0d0f 55%,#1a1a1d 100%);box-shadow:0 20px 44px -16px rgba(12,12,13,0.4),0 0 0 1px rgba(255,255,255,0.07),inset 0 1px 1px rgba(255,255,255,0.16);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:#ece5dd;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:#000000;z-index:2}.ag4-topo{display:flex;align-items:center;gap:10px;flex:none;padding:42px 14px 10px;background:#f6f3ef;box-shadow:0 1px 0 rgba(11,20,26,0.08)}.ag4-voltar{width:15px;height:15px;flex:none;margin-left:-4.4px;margin-right:-2px;fill:none;stroke:#16161a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.ag4-av{width:32px;height:32px;flex:none;border-radius:50%;overflow:hidden;background:#000000}.ag4-av img{display:block;width:100%;height:100%;object-fit:cover}.ag4-id{display:grid;gap:1px;min-width:0}.ag4-id b{font-size:15px;font-weight:600;letter-spacing:-0.014em;line-height:1.25;color:#0c0c0d;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:#667781;white-space:nowrap}.ag4-fluxo{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-height:0;padding:16px 8px 0}.ag4-dia{align-self:center;margin-bottom:10px;padding:4px 10px 5px;border-radius:8px;background:rgba(255,255,255,0.82);box-shadow:0 1px 0.5px rgba(11,20,26,0.1);font-size:10.5px;font-weight:500;line-height:1.3;letter-spacing:0.03em;text-transform:uppercase;color:#667781}.ag4-bolha{position:relative;max-width:80%;margin-left:16px;margin-top:-26px;padding:6px 9px 7px;border-radius:10px;border-top-left-radius:2px;background:#ffffff;box-shadow:0 1px 0.5px rgba(11,20,26,0.13);font-size:13.5px;line-height:1.34;letter-spacing:-0.006em;color:#111b21;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:0;left:-7px;width:8px;height:10px;background-color:inherit;-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%)}.ag4-dig{position:relative;width:44px;height:26px;margin-left:16px;border-radius:10px;border-top-left-radius:2px;background:#ffffff;box-shadow:0 1px 0.5px rgba(11,20,26,0.13);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:0;left:-7px;width:8px;height:10px;background-color:inherit;-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%)}.ag4-pontos{display:flex;align-items:center;gap:4.5px}.ag4-pontos i{width:5px;height:5px;border-radius:50%;background:#8696a0;opacity:0.5}.ag-card[data-ag="4"][data-fase="digitando"] .ag4-dig{opacity:1;transform:translateY(0) 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(0)}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(0) 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:none;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:0;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(0)}.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(0) scale(1)}.ag-card[data-ag="4"][data-fase="saindo"] .ag4-fone{opacity:0;transform:translateY(0);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;text-decoration-thickness: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(0,min(616px,100%));justify-content:center;row-gap:clamp(48px,7vw,64px)}}@media (max-width:600px){/* Pé 64->96 (09/09/2026): era o único fecho fora do padrão 96 do celular, e a emenda ag->expediente ficava em 151 contra os 184 do sistema (96 + 88). O topo de 60 fica: é o degrau de abertura curta que of e emp também usam. */.ag-section{margin-top:0;padding:60px 0 96px}.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:none !important;transition:none !important}}.mostra-section{position:relative;z-index:3;width:100%;background:var(--mostra-branco);padding:80px 0 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;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--mostra-fade),#000 calc(100% - var(--mostra-fade)),transparent 100%);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:mostra-anda linear infinite}@keyframes mostra-anda{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}.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;border-top-right-radius:2px;background:var(--mostra-verde);box-shadow:0 1px 0.5px rgba(11,20,26,0.13);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:0;right:-7px;width:8px;height:10px;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 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:0;color:rgba(11,20,26,0.45)}.mostra-visto{width:15px;height:10px;flex:none;fill:none;stroke:var(--mostra-azul);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}@media (prefers-reduced-motion:reduce){.mostra-fita{animation: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;text-decoration-thickness: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 0 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 0 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:0;height:0;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(0,42fr) minmax(0,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;text-decoration-thickness: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:0 12px 24px -14px rgba(150,95,190,0.65);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(0,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 0 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 0 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:0;height:0;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(0,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:inset 0 0 0 999px transparent;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:none;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:0 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;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(12,12,13,0.35);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:0;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(0,1fr);row-gap:12px}}@media (max-width:600px){.faq-section{padding:88px 0 96px}.faq-grade{width:96%}.faq-headline{font-size:1.8rem}.faq-pergunta{gap:16px;padding:18px 18px;font-size:0.92rem}.faq-corpo{padding:0 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 0 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(0,1fr))}.exp-linha--topo .exp-card:first-child{grid-column:span 2}.exp-linha--base{grid-template-columns:repeat(3,minmax(0,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;min-height:0}.exp-abrir{position:absolute;top:20px;right:20px;z-index:2;width:38px;height:38px;display:grid;place-items:center;padding:0;border-radius:11px;border:1.5px solid var(--exp-fio);background:var(--exp-branco);color:var(--exp-tinta-2);transition:background 200ms ease,color 200ms ease,border-color 200ms ease}.exp-abrir svg{width:15px;height:15px;display:block}.exp-abrir[aria-controls]{cursor:pointer}.exp-abrir[aria-controls]:hover{background:#f4f4f6;border-color:rgba(12,12,13,0.22);color:var(--exp-tinta)}.exp-abrir[aria-controls]:focus-visible{outline:2px solid rgba(12,12,13,0.55);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:0}.exp-btn{margin-top:clamp(38px,3.6vw,52px);font-size:1.02rem;color:var(--exp-tinta-2)}.exp-btn span{text-decoration:underline;text-decoration-thickness: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(0,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 0 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:0 0 24px}.pn-app{width:94%;margin:0 auto;font-size:10px;font-size:calc(94cqw / 86);font-family:'Poppins',sans-serif;background:#ffffff;color:#0d2233;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:.2em 0 1.15em}.pn-abas{display:flex;align-items:center;gap:2.2em}.pn-aba{display:flex;align-items:center;gap:.8em}.pn-aba-foto{width:2.8em;height:2.8em;border-radius:50%;overflow:hidden;flex:none;border:.16em solid #dfe3e8}.pn-aba-foto img{width:100%;height:100%;object-fit:cover;display:block}.pn-aba-txt{display:flex;flex-direction:column;gap:.15em}.pn-aba-txt b{font-size:.88em;font-weight:600;letter-spacing:.12em;line-height:1.1;color:#9aa3ad}.pn-aba-txt i{font-size:.8em;font-style:italic;font-weight:300;line-height:1.1;color:#aab2bb}.pn-aba.is-ativa .pn-aba-foto{border-color:#0f7a52}.pn-aba.is-ativa .pn-aba-txt b{color:#0f7a52}.pn-aba.is-ativa .pn-aba-txt i{color:#6f9c87}.pn-fio{height:.22em;background:linear-gradient(90deg,#bc85f8,#e27bb7 62%,rgba(226,123,183,.22))}.pn-corpo{padding:1.9em 0 0}.pn-rotulo{display:flex;align-items:center;gap:1.4em;margin:0 0 1.8em}.pn-rotulo b{font-size:.88em;font-weight:600;letter-spacing:.2em;color:#0f7a52;white-space:nowrap}.pn-rotulo i{flex:1;height:1px;background:#e4e8ed}.pn-rotulo--solo{margin:0 0 .9em}.pn-rotulo--solo b{color:#9aa3ad;letter-spacing:.16em}.pn-colunas{display:grid;grid-template-columns:minmax(0,30fr) minmax(0,45.5fr);gap:3.3em}.pn-mes{display:flex;align-items:center;gap:1em;margin:0 0 1.6em}.pn-seta{width:2.2em;height:2.2em;border-radius:50%;border:.13em solid #e3e7ec;display:flex;align-items:center;justify-content:center;color:#8b95a1;line-height:1;flex:none}.pn-mes b{font-size:.95em;font-weight:600;letter-spacing:.18em;color:#0d2233}.pn-saldo{display:flex;align-items:baseline;gap:.12em;margin:0 0 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:-.025em}.pn-saldo .pn-cent{font-size:1.3em}.pn-saldo i{font-size:.95em;font-style:normal;font-weight:500;color:#0f7a52;margin-left:.9em;white-space:nowrap}.pn-tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6em;margin:0 0 1.8em}.pn-tri>span,.pn-inicio{display:flex;flex-direction:column;gap:.45em}.pn-inicio{margin:0 0 1.8em}.pn-tri b,.pn-inicio b{font-size:.8em;font-weight:500;letter-spacing:.14em;color:#9aa3ad;white-space:nowrap}.pn-tri i,.pn-inicio i{font-size:1.12em;font-style:normal;font-weight:500;color:#12293a;white-space:nowrap}.pn-recado{display:flex;align-items:flex-start;gap:.9em}.pn-recado-foto{width:2.6em;height:2.6em;border-radius:50%;overflow:hidden;flex:none}.pn-recado-foto img{width:100%;height:100%;object-fit:cover;display:block}.pn-balao{flex:1;min-width:0;background:#ffffff;border:.1em solid #e7eaee;border-radius:.9em;padding:.9em 1.1em}.pn-balao-quem{margin:0 0 .5em;font-size:.9em;font-weight:300;color:#9aa3ad}.pn-balao-quem b{color:#0f7a52;font-weight:600}.pn-balao-txt{margin:0;font-size:.95em;font-weight:300;line-height:1.45;color:#3d4a57}.pn-balao-txt b{font-weight:600;color:#12293a}.pn-balao-sync{display:flex;align-items:center;justify-content:flex-end;gap:.4em;margin:.5em 0 0;font-size:.8em;font-weight:300;color:#a5adb6}.pn-balao-sync svg{width:1.5em;height:.95em;color:#53bdeb;flex:none}.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:#1c8a5f;stroke-width:1.7;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pn-graf-jul{fill:none;stroke:#c8ced6;stroke-width:1.3;stroke-dasharray:5 4;stroke-linejoin:round;vector-effect:non-scaling-stroke}.pn-graf-ref{fill:none;stroke:#bcc3cb;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:.5em;font-size:.72em;font-weight:500;letter-spacing:.16em;color:#6b7683;white-space:nowrap}.pn-marca i{width:.85em;height:.85em;border-radius:50%;background:#1c8a5f;flex:none}.pn-marca--pico{left:89.1%;top:42.7%;flex-direction:column-reverse;transform:translate(-50%,calc(-100% + .42em))}.pn-marca--vale{left:37%;top:72.7%;transform:translate(-50%,-.42em)}.pn-eixo{position:relative;height:1.3em;margin:.5em 0 0;font-size:.82em;font-weight:400;color:#9aa3ad}.pn-eixo span{position:absolute;top:0}.pn-eixo span:nth-child(1){left:.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:.7em;margin:.45em 0 1.5em;font-size:.8em;font-weight:400;letter-spacing:.14em;color:#9aa3ad}.pn-legenda i{width:2.8em;height:0;border-top:.15em dashed #c8ced6;flex:none}.pn-lanc{list-style:none;margin:0;padding:0}.pn-lanc li{display:flex;align-items:center;gap:.9em;padding:.62em 0;border-bottom:.1em solid #e9ecf0}.pn-lanc li:last-child{border-bottom:none}.pn-ponto{width:.7em;height:.7em;border-radius:50%;flex:none}.pn-ponto--azul{background:#35a0e0}.pn-ponto--laranja{background:#f0782b}.pn-lanc-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.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:#12293a}.pn-lanc-txt i{font-size:.75em;font-style:normal;font-weight:400;letter-spacing:.12em;color:#9aa3ad}.pn-lanc-val{font-size:1.05em;font-weight:600;color:#12293a;white-space:nowrap;flex:none}@media (max-width:600px){.exp-vao--painel{margin:0 0 20px}.pn-app{width:100%;margin:0;font-size:calc(100cqw / 36);font-size:min(100cqw / 36,10.5px)}.pn-app .pn-aba-txt i{display:none}.pn-app .pn-abas{gap:.55em}.pn-app .pn-aba{gap:.5em}.pn-app .pn-aba-foto{width:2em;height:2em}.pn-app .pn-aba-txt b{letter-spacing:.06em}.pn-app .pn-pagina .pn-colunas{display:flex;flex-direction:column;gap:1.4em;flex:1;min-height:0}.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:0}.pn-app .pn-saldo,.pn-app .pn-num,.pn-app .pn-frase,.pn-app .pn-barra{order:2;margin:0}.pn-app .pn-graf,.pn-app .pn-dia,.pn-app .pn-tar,.pn-app .pn-meses{order:3;flex:1 1 auto;min-height:0}.pn-app .pn-tri,.pn-app .pn-par{order:4;margin:0;grid-template-columns:repeat(2,minmax(0,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:0;width:100%;height:100%}.pn-app .pn-dia{height:16em;margin-top:0}.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;min-height:0}.pn-app .pn-tar li:nth-child(4){border-bottom:none}}.pn-corpo{display:grid}.pn-pagina{grid-area:1 / 1;opacity:0;pointer-events:none;transition:opacity .22s cubic-bezier(0.5,0,0.9,0.35)}.pn-pagina.is-ativa{opacity:1;pointer-events:auto;transition:opacity .4s cubic-bezier(0.22,1,0.36,1) .14s}@media (prefers-reduced-motion:reduce){.pn-pagina{transition:none}}.pn-aba[data-aba="tarefas"].is-ativa .pn-aba-foto{border-color:#c9702f}.pn-aba[data-aba="tarefas"].is-ativa .pn-aba-txt b{color:#c9702f}.pn-aba[data-aba="tarefas"].is-ativa .pn-aba-txt i{color:#b98a6e}.pn-rotulo--tarefas b{color:#4a5560}.pn-balao-quem b.is-luna{color:#c9702f}.pn-num{display:flex;align-items:baseline;gap:.45em;margin:0 0 1.4em;line-height:1}.pn-num strong{font-size:4.3em;font-weight:700;letter-spacing:-.025em}.pn-num em{font-size:1.3em;font-style:normal;font-weight:500;color:#3d4a57}.pn-barra{display:flex;gap:.4em;height:.95em;margin:0 0 1.6em}.pn-seg{border-radius:1em}.pn-seg.is-vermelho,.pn-status .is-vermelho{background:#ef6a5a}.pn-seg.is-ambar,.pn-status .is-ambar{background:#f2c078}.pn-seg.is-azul,.pn-status .is-azul{background:#7fb2e5}.pn-seg.is-verde,.pn-status .is-verde{background:#8fd6a9}.pn-status{list-style:none;margin:0 0 1.7em;padding:0}.pn-status li{display:flex;align-items:center;gap:.8em;padding:.5em 0}.pn-status i{width:.75em;height:.75em;border-radius:50%;flex:none}.pn-status span{flex:1;font-size:1.05em;font-weight:500;color:#12293a}.pn-status b{font-size:1.1em;font-weight:600;color:#12293a}.pn-par{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6em;margin:0 0 1.8em}.pn-par>span{display:flex;flex-direction:column;gap:.45em}.pn-par b{font-size:.8em;font-weight:500;letter-spacing:.14em;color:#9aa3ad}.pn-par i{font-size:1.75em;font-style:normal;font-weight:600;color:#12293a}.pn-tar{list-style:none;margin:0;padding:0}.pn-tar li{display:flex;align-items:center;gap:.9em;padding:.58em 0;border-bottom:.1em solid #e9ecf0}.pn-tar li:last-child{border-bottom:none}.pn-ponto--vermelho{background:#ef6a5a}.pn-ponto--ambar{background:#f2c078}.pn-tar-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.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:#12293a}.pn-tar-txt i{font-size:.75em;font-style:normal;font-weight:400;letter-spacing:.12em;color:#9aa3ad}.pn-tar-txt i.is-urgente{color:#d0543c}.pn-selo{padding:.32em .8em;border-radius:1.2em;border:.12em solid #e5b48a;font-size:.72em;font-weight:600;letter-spacing:.12em;color:#c9702f;flex:none}.pn-abrir{font-size:.85em;font-weight:500;color:#c9702f;white-space:nowrap;flex:none}.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:pnEntra .5s cubic-bezier(0.22,1,0.36,1) forwards;animation-delay:calc(.18s + var(--pn-i,0) * .055s)}@keyframes pnEntra{to{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:pnCresce .55s cubic-bezier(0.22,1,0.36,1) forwards;animation-delay:calc(.24s + var(--pn-i,0) * .07s)}@keyframes pnCresce{to{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:pnTraca .95s cubic-bezier(0.4,0,0.2,1) .12s forwards}@keyframes pnTraca{to{stroke-dashoffset:0}}.pn-graf-area,.pn-graf-jul,.pn-graf-ref,.pn-marca{opacity:0}.pn-pagina.is-ativa .pn-graf-jul{animation:pnAparece .6s ease .3s forwards}.pn-pagina.is-ativa .pn-graf-area{animation:pnAparece .7s ease .45s forwards}.pn-pagina.is-ativa .pn-graf-ref{animation:pnAparece .5s ease .6s forwards}.pn-pagina.is-ativa .pn-marca{animation:pnAparece .5s ease .85s forwards}@keyframes pnAparece{to{opacity:1}}@media (prefers-reduced-motion:reduce){.pn-pagina,.pn-pagina *{animation: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(0,30fr) minmax(0,40fr);gap:7em}.pn-aba[data-aba="agenda"].is-ativa .pn-aba-foto{border-color:#2f6fed}.pn-aba[data-aba="agenda"].is-ativa .pn-aba-txt b{color:#2f6fed}.pn-aba[data-aba="agenda"].is-ativa .pn-aba-txt i{color:#8aa5dd}.pn-rotulo--agenda b{color:#2f6fed}.pn-balao-quem b.is-sofi{color:#2f6fed}.pn-dia{position:relative;height:32em;margin-top:.8em}.pn-hora{position:absolute;left:0;transform:translateY(-50%);font-size:.82em;font-weight:400;color:#9aa3ad}.pn-risco{position:absolute;left:3.4em;right:0;height:1px;background:#ecEFF2}.pn-ev{position:absolute;left:4.2em;right:0;display:flex;align-items:flex-start;gap:.75em;transform:translateY(-.55em)}.pn-pino{position:relative;width:.85em;height:2.4em;flex:none}.pn-pino::before,.pn-pino::after{content:"";position:absolute;left:50%;transform:translateX(-50%);background:#2f6fed}.pn-pino::before{top:0;width:.85em;height:.85em;border-radius:50%}.pn-pino::after{top:.72em;width:.24em;height:1.7em;border-radius:.2em}.pn-ev-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35em}.pn-ev-txt b,.pn-ev-txt i{display:flex;align-items:baseline;gap:.55em}.pn-ev-txt b span,.pn-ev-txt i span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pn-ev-txt b{font-size:1.02em;font-weight:500;color:#12293a}.pn-ev-txt b em{flex:none;width:3em;font-style:normal;font-weight:600;color:#2f6fed}.pn-ev-txt i{font-size:.8em;font-style:normal;font-weight:400;color:#9aa3ad;align-items:center;gap:.5em}.pn-ev-txt i em{flex:none;width:9.4em;font-style:normal}.pn-chip{display:inline-block;flex:none;padding:.12em .6em;border-radius:1em;border:.11em solid #dfe3e8;font-size:.88em;font-weight:600;letter-spacing:.08em;color:#6a7480}.pn-pagina .pn-ev{opacity:0}.pn-pagina.is-ativa .pn-ev{animation:pnPousa .5s cubic-bezier(0.22,1,0.36,1) forwards;animation-delay:calc(.3s + var(--pn-i,0) * .1s)}@keyframes pnPousa{from{opacity:0;transform:translate(-.8em,-.55em)}to{opacity:1;transform:translateY(-.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:pnCresce .5s cubic-bezier(0.22,1,0.36,1) forwards;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(-.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 .3s ease,color .3s ease}.pn-aba[data-aba]:not(.is-ativa):hover .pn-aba-foto{border-color:#c3cbd4}.pn-aba[data-aba]:not(.is-ativa):hover .pn-aba-txt b{color:#6a7480}.pn-aba[data-aba="operacao"].is-ativa .pn-aba-foto{border-color:#7b45d6}.pn-aba[data-aba="operacao"].is-ativa .pn-aba-txt b{color:#7b45d6}.pn-aba[data-aba="operacao"].is-ativa .pn-aba-txt i{color:#a98ad4}.pn-rotulo--operacao b{color:#7b45d6}.pn-balao-quem b.is-theo{color:#7b45d6}.pn-num--so{margin-bottom:.35em}.pn-frase{margin:0 0 1.7em;font-size:1.05em;font-weight:300;color:#6a7480}.pn-frase b{font-weight:600;color:#12293a}.pn-meses{list-style:none;margin:0;padding:0}.pn-meses li{display:flex;align-items:center;gap:1.1em;padding:.52em 0}.pn-meses b{flex:none;width:5.2em;font-size:.95em;font-weight:500;color:#12293a}.pn-trilho{flex:1;min-width:0;display:block;height:.5em}.pn-trilho i{display:block;height:100%;border-radius:1em;background:#bc85f8;transform-origin:left center}.pn-meses em{flex:none;width:2.9em;text-align:right;font-size:.95em;font-style:normal;font-weight:600;color:#12293a}.pn-nota{margin:1.5em 0 0;font-size:.72em;font-weight:400;letter-spacing:.1em;color:#b3bac2}.pn-pagina .pn-meses li{opacity:0;transform:translateY(8px)}.pn-pagina.is-ativa .pn-meses li{animation:pnEntra .5s cubic-bezier(0.22,1,0.36,1) forwards;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:pnCresce .6s cubic-bezier(0.22,1,0.36,1) forwards;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 10px;background:rgba(37,122,90,0.30);border:1px solid rgba(80,190,140,0.20)}.pnm-balao-zap p{margin:0;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:#53bdeb}.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:0 0 7px}.pnm-lanc{list-style:none;margin:0;padding:0}.pnm-lanc li{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;background:rgba(255,255,255,0.045);border:1px solid rgba(255,255,255,0.075)}.pnm-ponto{width:7px;height:7px;border-radius:50%;flex:none;background:#35a0e0}.pnm-lanc-txt{flex:1;min-width:0;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:none;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 0 0;padding:0;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.085)}.pnm-aba-foto{width:18px;height:18px;border-radius:50%;overflow:hidden;flex:none;border:1.5px solid rgba(255,255,255,0.14)}.pnm-abas li.is-ativa .pnm-aba-foto{border-color:#38c78d}.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:0}.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:#38c78d}.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,#c582ff,#f174ba);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:none;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:0;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:none;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;min-width:0;padding:10px 12px;border-radius:11px;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.085)}.pnm-balao-quem{margin:0 0 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:0;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:#ffffff}.pnm-balao-sync{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin:7px 0 0;font-size:0.45rem;font-weight:300;color:rgba(255,255,255,0.36)}.pnm-balao-sync svg{width:12px;height:8px;color:#53bdeb}.exp-vao--convite{flex:1 1 0;min-height:0;container-type:size;overflow:hidden;display:flex;align-items:center;margin:0 0 24px}.cv-peca{position:relative;width:20.5em;max-width:100%;margin:0 auto;font-size:min(calc(100cqw / 20.5),calc(100cqh / 18.4),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:0;opacity:0}.cv-ato{padding:1.6em 0.9em 1.3em}.cv-rot{display:flex;align-items:center;gap:0.85em;margin:0;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;height:1px;background:var(--exp-fio)}.cv-ato--menu .cv-rot{margin-bottom:1.45em}.cv-menu{flex:1;list-style:none;margin:0;padding:0;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:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08)}.cv-icone{flex:none;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;min-width:0;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:none;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:none;font-size:0.74em;font-weight:300;line-height:1.2;color:var(--exp-tinta-2)}.cv-lead{margin:1.28em 0 0;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 0 0;padding:0.72em 0.8em;border-radius:0.85em;background:var(--exp-branco);box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08)}.cv-ponto{flex:none;width:0.5em;height:0.5em;border-radius:50%;background:#7b45d6}.cv-carimbo{flex:none;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 #0f7a52;border-radius:0.45em;color:#0f7a52;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:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08);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:none;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:none}.cv-btn--zap{flex:1;background:#12a05a;border-color:#12a05a;color:#ffffff}.cv-btn--zap svg{fill:currentColor}.cv-rot--codigo{margin-top:1.6em}.cv-codigo{margin:0.55em 0 0;font-size:1.32em;font-weight:600;line-height:1.25;letter-spacing:0.08em;color:var(--exp-tinta)}.cv-zap-topo{flex:none;display:flex;align-items:center;gap:0.6em;margin-bottom:1.35em}.cv-zap-av{flex:none;width:2.3em;height:2.3em;border-radius:50%;overflow:hidden;background:#000000}.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:0;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;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;gap:0.5em}.cv-fala{position:relative;flex:none;display:flex}.cv-fala--out{justify-content:flex-end}.cv-fala--in{justify-content:flex-start}.cv-chip{flex:none;align-self:center;max-width:100%;margin-bottom:0.1em;padding:0.34em 0.8em;border-radius:99px;background:var(--exp-branco);box-shadow:0 0.07em 0.14em rgba(12,12,13,0.08);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:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08);color:#111b21;--cv-pe:2.7em}.cv-balao p{margin:0;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:#d8fdd2;border-top-right-radius:0.12em;transform-origin:100% 0;--cv-pe:3.9em}.cv-balao--in{background:#ffffff;border-top-left-radius:0.12em;transform-origin:0% 0}.cv-dig{position:absolute;top:0;width:3.1em;height:1.75em;display:flex;align-items:center;justify-content:center;border-radius:0.52em;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08);opacity:0}.cv-dig--out{right:0;background:#d8fdd2;border-top-right-radius:0.12em;transform-origin:100% 0}.cv-dig--in{left:0;background:#ffffff;border-top-left-radius:0.12em;transform-origin:0% 0}.cv-dig::after{content:"";position:absolute;top:0;width:0.46em;height:0.58em;background-color:inherit}.cv-dig--in::after{left:-0.4em;clip-path:polygon(100% 0,0 0,100% 100%)}.cv-dig--out::after{right:-0.4em;clip-path:polygon(0 0,100% 0,0 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:0;width:0.46em;height:0.58em;background-color:inherit}.cv-balao--in::after{left:-0.4em;clip-path:polygon(100% 0,0 0,100% 100%)}.cv-balao--out::after{right:-0.4em;clip-path:polygon(0 0,100% 0,0 100%)}.cv-quem{display:block;margin:0 0 0.15em;font-size:0.74em;font-weight:600;line-height:1.2;color:#7b45d6}.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:0;color:rgba(11,20,26,0.45)}.cv-visto{width:1.1em;height:0.72em;flex:none;fill:none;stroke:#53bdeb;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:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}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:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.22,1,0.36,1)}15.375%{opacity:1;transform:translateY(0.14em) scale(0.94);background-color:#f2f2f4;box-shadow:0 0.02em 0.05em rgba(12,12,13,0.14),0 0.1em 0.26em rgba(12,12,13,0.07),inset 0 0.16em 0.34em rgba(12,12,13,0.15)}15.875%{opacity:1;transform:translateY(0.14em) scale(0.94);background-color:#f2f2f4;box-shadow:0 0.02em 0.05em rgba(12,12,13,0.14),0 0.1em 0.26em rgba(12,12,13,0.07),inset 0 0.16em 0.34em rgba(12,12,13,0.15);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}17.125%{opacity:1;transform:translateY(-0.02em) scale(1.012);background-color:#ffffff;box-shadow:0 0.08em 0.16em rgba(12,12,13,0.11),0 0.62em 1.34em rgba(12,12,13,0.1),inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}18.125%{opacity:1;transform:none;background-color:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}20.5%{opacity:1;transform:none}20.51%{opacity:0;transform:translateY(0.55em)}100%{opacity:0;transform:translateY(0.55em);background-color:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}}@keyframes cvToqueBotao{0%{transform:none;background-color:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}33.9375%{transform:none;background-color:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.22,1,0.36,1)}34.6875%{transform:translateY(0.16em) scale(0.925);background-color:#f2f2f4;box-shadow:0 0.02em 0.05em rgba(12,12,13,0.14),0 0.1em 0.26em rgba(12,12,13,0.07),inset 0 0.16em 0.34em rgba(12,12,13,0.15)}35.1875%{transform:translateY(0.16em) scale(0.925);background-color:#f2f2f4;box-shadow:0 0.02em 0.05em rgba(12,12,13,0.14),0 0.1em 0.26em rgba(12,12,13,0.07),inset 0 0.16em 0.34em rgba(12,12,13,0.15);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}36.4375%{transform:translateY(-0.025em) scale(1.014);background-color:#ffffff;box-shadow:0 0.08em 0.16em rgba(12,12,13,0.11),0 0.62em 1.34em rgba(12,12,13,0.1),inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}37.4375%{transform:none;background-color:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}100%{transform:none;background-color:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}}@keyframes cvToqueZap{0%{transform:none;background-color:#12a05a;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}55.4375%{transform:none;background-color:#12a05a;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.22,1,0.36,1)}56.1875%{transform:translateY(0.16em) scale(0.925);background-color:#0f7a52;box-shadow:0 0.02em 0.05em rgba(12,12,13,0.14),0 0.1em 0.26em rgba(12,12,13,0.07),inset 0 0.16em 0.34em rgba(12,12,13,0.15)}56.6875%{transform:translateY(0.16em) scale(0.925);background-color:#0f7a52;box-shadow:0 0.02em 0.05em rgba(12,12,13,0.14),0 0.1em 0.26em rgba(12,12,13,0.07),inset 0 0.16em 0.34em rgba(12,12,13,0.15);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}57.9375%{transform:translateY(-0.025em) scale(1.014);background-color:#12a05a;box-shadow:0 0.08em 0.16em rgba(12,12,13,0.11),0 0.62em 1.34em rgba(12,12,13,0.1),inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}58.9375%{transform:none;background-color:#12a05a;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}100%{transform:none;background-color:#12a05a;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}}@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(0)}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:cvAto1 16s linear infinite}.exp-card.is-vivo .cv-ato--gente{animation:cvAto2 16s linear infinite}.exp-card.is-vivo .cv-ato--codigo{animation:cvAto3 16s linear infinite}.exp-card.is-vivo .cv-ato--zap{animation:cvAto4 16s linear infinite}.exp-card.is-vivo .cv-fila{animation:cvFila 16s linear infinite;animation-delay:calc(var(--i) * 70ms)}.exp-card.is-vivo .cv-fila--alvo{animation:cvFilaAlvo 16s linear infinite;animation-delay:0ms}.exp-card.is-vivo .cv-btn--largo{animation:cvToqueBotao 16s linear infinite}.exp-card.is-vivo .cv-btn--zap{animation:cvToqueZap 16s linear infinite}.exp-card.is-vivo .cv-chip{animation:cvChip 16s linear infinite}.exp-card.is-vivo .cv-balao--out{animation:cvBalaoOut 16s linear infinite}.exp-card.is-vivo .cv-balao--in{animation:cvBalaoIn 16s linear infinite}.exp-card.is-vivo .cv-dig--out{animation:cvDigOut 16s linear infinite}.exp-card.is-vivo .cv-dig--in{animation:cvDigIn 16s linear infinite}.exp-card.is-vivo .cv-dig i{animation:cvPonto 0.96s cubic-bezier(0.4,0,0.2,1) infinite}.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: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;left:0;right:0;top:1em;bottom:0;padding:0;background:var(--exp-branco);border-radius:1.1em 1.1em 0 0;box-shadow:0 0 0 rgba(12,12,13,0);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(0);box-shadow:0 -0.3em 1.25em rgba(12,12,13,0.14);transition:transform 0.34s cubic-bezier(0.22,1,0.36,1),box-shadow 0.18s linear;pointer-events:auto}.cv-puxador{flex:none;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:0 0.9em 0.75em}.cv-fechar--vez{cursor:pointer}.cv-lista-vao{position:relative;flex:1;min-height:0;overflow:hidden}.cv-lista-vao::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1.5em;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0.86) 58%,#ffffff 100%)}.cv-lista{list-style:none;margin:0;padding:0 0.9em}.cv-conv{display:flex;align-items:center;gap:0.6em;padding:0.62em 0;border-bottom:1px solid var(--exp-fio);overflow:hidden}.cv-conv-ponto{flex:none;width:0.62em;height:0.62em;border-radius:50%;border:1px solid rgba(12,12,13,0.2)}.cv-conv-txt{flex:1;min-width:0;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:none;display:flex;gap:0.4em}.cv-mini{flex:none;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:#e5484d}.cv-mini:active{transform:scale(0.9)}.cv-conv.is-copiado .cv-mini--copiar{border-color:#12a05a;background:#12a05a;color:#ffffff}.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;min-height:0;display:flex;flex-direction:column;padding:0 0.9em 1.3em}.cv-ponto--vazio{background:transparent;box-shadow:inset 0 0 0 1px rgba(12,12,13,0.22)}.cv-ct-estado{flex:none;display:flex;align-items:center;gap:0.75em;padding:0.85em 0 0.1em}.cv-ct-mes{flex:none;display:flex;align-items:center;justify-content:space-between;gap:0.6em;margin-top:1em}.cv-ct-rot{flex:none;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:none;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:none;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:none;list-style:none;margin:0.5em 0 0;padding:0}.cv-ct-lista li{display:flex;align-items:baseline;justify-content:space-between;gap:0.8em;padding:0.42em 0;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:0}.cv-ct-lista b{flex:none;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:cvConvNasce 0.42s cubic-bezier(0.22,1,0.36,1) both}.cv-conv.is-nova .cv-conv-ponto{border-color:#12a05a;background:#12a05a}@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:0 auto}}.exp-vao--cobranca{flex:1 1 0;min-height:0;container-type:size;overflow:hidden;display:flex;align-items:stretch;margin:0 0 24px}.cb-palco{position:relative;width:22em;max-width:100%;margin:0 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:0;display:flex;flex-direction:column;justify-content:center;gap:1em;padding:0 0.55em 0.08em;min-width:0}.cb-fala--segue{margin-top:-0.4em}.cb-chip{flex:none;align-self:center;max-width:100%;padding:0.34em 0.8em;border-radius:99px;background:var(--exp-branco);box-shadow:0 0.06em 0.05em rgba(12,12,13,0.11);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:none;display:flex}.cb-fala--out{justify-content:flex-end}.cb-fala--in{justify-content:flex-start}.cb-balao{position:relative;flex:none;max-width:92%;padding:0.42em 0.6em 0.4em;border-radius:0.6em;color:#111b21;box-shadow:0 0.06em 0.05em rgba(12,12,13,0.14),0 0.15em 0.3em rgba(12,12,13,0.06);--cb-pe:2.7em}.cb-balao p{margin:0;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:#d8fdd2;border-top-right-radius:0;transform-origin:100% 0;--cb-pe:3.9em}.cb-balao--in{background:var(--exp-branco);border-top-left-radius:0;transform-origin:0% 0}.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:none;fill:none;stroke:#2c6ba6;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:#2c6ba6;white-space:nowrap}.cb-balao::after{content:"";position:absolute;top:0;width:0.44em;height:0.7em;background-color:inherit}.cb-balao--in::after{left:-0.42em;clip-path:polygon(100% 0,100% 100%,0 0)}.cb-balao--out::after{right:-0.42em;clip-path:polygon(0 0,100% 0,0 100%)}.cb-quem{display:block;margin:0 0 0.1em;font-size:0.72em;font-weight:600;line-height:1.2;color:#0f7a52}.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:0;color:rgba(11,20,26,0.45)}.cb-visto{width:1.1em;height:0.72em;flex:none;fill:none;stroke:#53bdeb;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:none;fill:none;stroke:rgba(11,20,26,0.5);stroke-width:0.85;stroke-linejoin:round}.cb-arq-col{flex:1;min-width:0;display:flex;flex-direction:column}.cb-arq-t{font-size:0.68em;font-weight:400;line-height:1.24;letter-spacing:-0.004em;color:#111b21;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:0;width:3.1em;height:1.75em;display:flex;align-items:center;justify-content:center;border-radius:0.6em;box-shadow:0 0.06em 0.05em rgba(12,12,13,0.14),0 0.15em 0.3em rgba(12,12,13,0.06);opacity:0}.cb-dig--out{right:0;background:#d8fdd2;border-top-right-radius:0;transform-origin:100% 0}.cb-dig--in{left:0;background:var(--exp-branco);border-top-left-radius:0;transform-origin:0% 0}.cb-dig::after{content:"";position:absolute;top:0;width:0.44em;height:0.7em;background-color:inherit}.cb-dig--in::after{left:-0.42em;clip-path:polygon(100% 0,100% 100%,0 0)}.cb-dig--out::after{right:-0.42em;clip-path:polygon(0 0,100% 0,0 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.800%{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.440%{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.940%{opacity:1;transform:scale(1)}86.871%{opacity:1;transform:scale(1)}87.500%{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(0)}45%{opacity:1;transform:translateY(-0.16em)}}@keyframes cbGira{to{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:cbCenaA 23.35s linear infinite}.exp-card.is-vivo .cb-cena--joao{animation:cbCenaB 23.35s linear infinite}.exp-card.is-vivo .cb-cena--volta{animation:cbCenaC 23.35s linear infinite}.exp-card.is-vivo .cb-ent--a1{animation:cbEntraA1 23.35s linear infinite}.exp-card.is-vivo .cb-ent--a2{animation:cbEntraA2 23.35s linear infinite}.exp-card.is-vivo .cb-ent--b1{animation:cbEntraB1 23.35s linear infinite}.exp-card.is-vivo .cb-ent--b2{animation:cbEntraB2 23.35s linear infinite}.exp-card.is-vivo .cb-ent--b3{animation:cbEntraB3 23.35s linear infinite}.exp-card.is-vivo .cb-ent--c1{animation:cbEntraC1 23.35s linear infinite}.exp-card.is-vivo .cb-ent--l1{animation:cbCargaL1 23.35s linear infinite}.exp-card.is-vivo .cb-ent--l2{animation:cbCargaL2 23.35s linear infinite}.exp-card.is-vivo .cb-dig--a1{animation:cbDigA1 23.35s linear infinite}.exp-card.is-vivo .cb-dig--a2{animation:cbDigA2 23.35s linear infinite}.exp-card.is-vivo .cb-dig--b1{animation:cbDigB1 23.35s linear infinite}.exp-card.is-vivo .cb-dig--b2{animation:cbDigB2 23.35s linear infinite}.exp-card.is-vivo .cb-dig--b3{animation:cbDigB3 23.35s linear infinite}.exp-card.is-vivo .cb-dig--c1{animation:cbDigC1 23.35s linear infinite}.exp-card.is-vivo .cb-dig i{animation:cbPonto 0.96s cubic-bezier(0.4,0,0.2,1) infinite}.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:cbGira 0.9s linear infinite}.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: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 0;min-height:0;container-type:size;overflow:hidden;display:flex;align-items:stretch;margin:0 0 24px}.dc-palco{position:relative;width:22em;max-width:100%;margin:0 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:0;display:flex;flex-direction:column;justify-content:center;gap:1em;padding:0 0.55em 0.08em;min-width:0}.dc-chip{flex:none;align-self:center;max-width:100%;padding:0.34em 0.8em;border-radius:99px;background:var(--exp-branco);box-shadow:0 0.06em 0.05em rgba(12,12,13,0.11);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:none;display:flex}.dc-fala--out{justify-content:flex-end}.dc-fala--in{justify-content:flex-start}.dc-balao{position:relative;flex:none;max-width:92%;padding:0.42em 0.6em 0.4em;border-radius:0.6em;color:#111b21;box-shadow:0 0.06em 0.05em rgba(12,12,13,0.14),0 0.15em 0.3em rgba(12,12,13,0.06);--dc-pe:2.7em}.dc-balao p{margin:0;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:#d8fdd2;border-top-right-radius:0;transform-origin:100% 0;--dc-pe:3.9em}.dc-balao--in{background:var(--exp-branco);border-top-left-radius:0;transform-origin:0% 0}.dc-balao::after{content:"";position:absolute;top:0;width:0.44em;height:0.7em;background-color:inherit}.dc-balao--in::after{left:-0.42em;clip-path:polygon(100% 0,100% 100%,0 0)}.dc-balao--out::after{right:-0.42em;clip-path:polygon(0 0,100% 0,0 100%)}.dc-quem{display:block;margin:0 0 0.1em;font-size:0.72em;font-weight:600;line-height:1.2;color:#c9702f}.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:0;color:rgba(11,20,26,0.45)}.dc-visto{width:1.1em;height:0.72em;flex:none;fill:none;stroke:#53bdeb;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.dc-arq{display:flex;align-items:center;gap:0.42em;margin:0 0 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:none;fill:none;stroke:rgba(11,20,26,0.5);stroke-width:1.2;stroke-linejoin:round}.dc-arq-t{flex:1;min-width:0;font-size:0.68em;font-weight:400;line-height:1.2;letter-spacing:-0.004em;color:#111b21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dc-arq-d{flex:none;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:0}.dc-dig{position:absolute;top:0;width:3.1em;height:1.75em;display:flex;align-items:center;justify-content:center;border-radius:0.6em;box-shadow:0 0.06em 0.05em rgba(12,12,13,0.14),0 0.15em 0.3em rgba(12,12,13,0.06);opacity:0}.dc-dig--out{right:0;background:#d8fdd2;border-top-right-radius:0;transform-origin:100% 0}.dc-dig--in{left:0;background:var(--exp-branco);border-top-left-radius:0;transform-origin:0% 0}.dc-dig::after{content:"";position:absolute;top:0;width:0.44em;height:0.7em;background-color:inherit}.dc-dig--in::after{left:-0.42em;clip-path:polygon(100% 0,100% 100%,0 0)}.dc-dig--out::after{right:-0.42em;clip-path:polygon(0 0,100% 0,0 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(0)}@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.8990%{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.7420%{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.8990%{opacity:1;transform:scale(1)}99.9780%{opacity:0;transform:scale(0.92)}100%{opacity:0;transform:scale(0.92)}}@keyframes dcEntraC1{0%{opacity:0;transform:scale(0.92)}80.2580%{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.8990%{opacity:1;transform:scale(1)}99.9780%{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(0)}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(0)}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(0)}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(0)}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(0)}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(0)}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(0)}45.2608%{opacity:1;animation-timing-function:cubic-bezier(0.34,0.28,0.18,1)}46.7190%{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(0)}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(0)}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(0)}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(0)}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(0)}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(0)}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(0)}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(0)}57.8463%{opacity:1;transform:translateY(0)}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.7420%{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.4240%{opacity:0;transform:scale(1)}68.5030%{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.2580%{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(0)}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:dcCenaA 16.95s linear infinite}.exp-card.is-vivo .dc-cena--acha{animation:dcCenaB 16.95s linear infinite}.exp-card.is-vivo .dc-ent--a1{animation:dcEntraA1 16.95s linear infinite}.exp-card.is-vivo .dc-ent--a2{animation:dcEntraA2 16.95s linear infinite}.exp-card.is-vivo .dc-ent--b1{animation:dcEntraB1 16.95s linear infinite}.exp-card.is-vivo .dc-ent--c1{animation:dcEntraC1 16.95s linear infinite}.exp-card.is-vivo .dc-ent--t1{animation:dcPassa 16.95s linear infinite}.exp-card.is-vivo .dc-dia--1{animation:dcDia1 16.95s linear infinite}.exp-card.is-vivo .dc-dia--2{animation:dcDia2 16.95s linear infinite}.exp-card.is-vivo .dc-dia--3{animation:dcDia3 16.95s linear infinite}.exp-card.is-vivo .dc-dia--4{animation:dcDia4 16.95s linear infinite}.exp-card.is-vivo .dc-dia--5{animation:dcDia5 16.95s linear infinite}.exp-card.is-vivo .dc-dia--6{animation:dcDia6 16.95s linear infinite}.exp-card.is-vivo .dc-dia--7{animation:dcDia7 16.95s linear infinite}.exp-card.is-vivo .dc-dia--8{animation:dcDia8 16.95s linear infinite}.exp-card.is-vivo .dc-dia--9{animation:dcDia9 16.95s linear infinite}.exp-card.is-vivo .dc-dig--a1{animation:dcDigA1 16.95s linear infinite}.exp-card.is-vivo .dc-dig--a2{animation:dcDigA2 16.95s linear infinite}.exp-card.is-vivo .dc-dig--b1{animation:dcDigB1 16.95s linear infinite}.exp-card.is-vivo .dc-dig--c1{animation:dcDigC1 16.95s linear infinite}.exp-card.is-vivo .dc-dig i{animation:dcPonto 0.96s cubic-bezier(0.4,0,0.2,1) infinite}.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: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:0 40px 120px rgba(12,12,13,0.28)}.of-modal--claro .of-modal-caixa::before{background:linear-gradient(to bottom,#ffffff 0%,rgba(255,255,255,0) 100%)}.of-modal--claro .of-modal-caixa::after{background:linear-gradient(to top,#ffffff 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:rgba(12,12,13,0.18);background-clip:content-box}.of-modal--claro .of-modal-corpo::-webkit-scrollbar-thumb:hover{background:rgba(12,12,13,0.32);background-clip:content-box}.of-modal--claro .of-modal-etiqueta{color:#6a6a70}.of-modal--claro .of-modal-titulo{color:#0c0c0d}.of-modal--claro .of-modal-lead{color:#6a6a70}.of-modal--claro .of-modal-bloco h3{color:#0c0c0d}.of-modal--claro .of-modal-bloco p{color:#6a6a70}.of-modal--claro .of-modal-x{border:1.5px solid rgba(12,12,13,0.1);background:#ffffff;color:#6a6a70}.of-modal--claro .of-modal-x:hover{background:#f4f4f6;border-color:rgba(12,12,13,0.22);color:#0c0c0d}.of-modal--claro .of-modal-x:focus-visible{outline:2px solid rgba(12,12,13,0.55)}.of-modal--claro .of-modal-pe{border-top:1px solid rgba(12,12,13,0.1)}.of-modal--claro .of-modal-voltar{color:#6a6a70}.of-modal--claro .of-modal-voltar:hover{color:#0c0c0d}.of-modal--claro .of-modal-link{color:#ffffff;background:#0c0c0d;border:1.5px solid #0c0c0d}.of-modal--claro .of-modal-link:hover{background:#26262b;border-color:#26262b}.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.018) 46%,rgba(12,12,13,0) 74%),#f7f7f9}.of-modal--claro .ofm-peca{background:#ffffff;border:1.5px solid rgba(12,12,13,0.1);box-shadow:0 12px 30px rgba(12,12,13,0.07)}.of-modal--claro .ofm-rot{color:#6a6a70}.of-modal--claro .ofm-selo{border:1px solid rgba(12,12,13,0.12);color:#6a6a70}.of-modal--claro .pnm-balao-zap{background:#d8fdd2;border:1px solid rgba(12,12,13,0.06)}.of-modal--claro .pnm-balao-zap p{color:#111b21}.of-modal--claro .pnm-hora{color:#667781}.of-modal--claro .pnm-desce{color:rgba(12,12,13,0.24)}.of-modal--claro .pnm-lanc li{background:#ffffff;border:1px solid rgba(12,12,13,0.1)}.of-modal--claro .pnm-lanc-txt b{color:#0c0c0d}.of-modal--claro .pnm-lanc-txt i{color:#6a6a70}.of-modal--claro .pnm-lanc-val{color:#0c0c0d}.of-modal--claro .pnm-abas li.is-ativa{background:#f2f7f4;border-color:rgba(15,122,82,0.22)}.of-modal--claro .pnm-aba-foto{border-color:#e3e7ec}.of-modal--claro .pnm-abas li.is-ativa .pnm-aba-foto{border-color:#0f7a52}.of-modal--claro .pnm-aba-txt b{color:#9aa3ad}.of-modal--claro .pnm-aba-txt i{color:#6a6a70}.of-modal--claro .pnm-abas li.is-ativa .pnm-aba-txt b{color:#0f7a52}.of-modal--claro .pnm-abas li.is-ativa .pnm-aba-txt i{color:#3d7359}.of-modal--claro .pnm-nav-pastilhas i{background:rgba(12,12,13,0.14)}.of-modal--claro .pnm-nav-barra{background:#f2f2f4;border:1px solid rgba(12,12,13,0.1)}.of-modal--claro .pnm-cadeado{color:#6a6a70}.of-modal--claro .pnm-url{color:#0c0c0d}.of-modal--claro p.pnm-nav-nota{font-size:0.47rem;font-weight:300;color:#8b95a1}.of-modal--claro .pnm-recado-foto{border-color:#e3e7ec}.of-modal--claro .pnm-balao{background:#ffffff;border:1px solid #e7eaee}.of-modal--claro .pnm-balao-quem{color:#9aa3ad}.of-modal--claro .pnm-balao-quem b{color:#4a5560}.of-modal--claro .pnm-balao-txt{color:#35414c}.of-modal--claro .pnm-balao-txt b{color:#0d2233}.of-modal--claro .pnm-balao-sync{color:#a5adb6}.cvm-menu-peca{display:flex;flex-direction:column}.cvm-menu{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.cvm-menu li{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:10px;background:#ffffff;border:1px solid rgba(12,12,13,0.1)}.cvm-icone{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:7px;border:1px solid rgba(12,12,13,0.1);color:#6a6a70}.cvm-icone svg{width:13px;height:13px;display:block}.cvm-fila-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cvm-fila-txt b{font-size:0.56rem;font-weight:500;line-height:1.2;color:#0c0c0d}.cvm-fila-txt i{font-size:0.45rem;font-style:normal;font-weight:300;line-height:1.25;color:#6a6a70;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cvm-chev{flex:none;font-size:0.7rem;font-weight:300;line-height:1;color:#6a6a70}.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:#0c0c0d}.cvm-fechar{flex:none;font-size:0.47rem;font-weight:300;line-height:1.2;color:#6a6a70}p.cvm-lead{margin:12px 0 0;font-size:0.52rem;font-weight:300;line-height:1.5;text-align:center;color:#6a6a70}p.cvm-rot-codigo{margin:13px 0 0;font-size:0.5rem;font-weight:400;line-height:1.2;letter-spacing:0.13em;text-transform:uppercase;color:#6a6a70}p.cvm-codigo{margin:6px 0 0;font-size:0.86rem;font-weight:500;line-height:1.25;letter-spacing:0.08em;color:#0c0c0d}.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:#ffffff;color:#0c0c0d;font-size:0.5rem;font-weight:500;line-height:1.15;white-space:nowrap}.cvm-btn svg{width:11px;height:11px;flex:none;display:block}.cvm-btn--zap{flex:1;background:#12a05a;border-color:#12a05a;color:#ffffff}.cvm-btn--zap svg{fill:currentColor}.cvm-zap{display:flex;flex-direction:column}.cvm-zap-topo{flex:none;display:flex;align-items:center;gap:8px}.cvm-zap-av{flex:none;width:26px;height:26px;border-radius:50%;overflow:hidden;background:#000000}.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:0;display:flex;flex-direction:column;gap:1px}.cvm-zap-id b{font-size:0.58rem;font-weight:500;line-height:1.2;color:#0c0c0d;white-space:nowrap}.cvm-zap-id i{font-size:0.45rem;font-style:normal;font-weight:300;line-height:1.2;color:#6a6a70}.cvm-chat{flex:1;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:#f2f2f4;font-size:0.44rem;font-weight:500;line-height:1.25;letter-spacing:0.03em;color:#6a6a70;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:0 1px 2px rgba(12,12,13,0.1),0 6px 16px rgba(12,12,13,0.07);color:#111b21;--cvm-pe:2.6em}.cvm-balao p{margin:0;font-size:0.57rem;font-weight:400;line-height:1.4;letter-spacing:-0.006em;color:#111b21}.cvm-balao p::after{content:"";display:inline-block;width:var(--cvm-pe)}.cvm-balao--out{background:#d8fdd2;border-top-right-radius:2px;--cvm-pe:3.9em}.cvm-balao--in{background:#ffffff;border-top-left-radius:2px}.cvm-balao::after{content:"";position:absolute;top:0;width:6px;height:9px;background-color:inherit}.cvm-balao--in::after{left:-5px;clip-path:polygon(100% 0,0 0,100% 100%)}.cvm-balao--out::after{right:-5px;clip-path:polygon(0 0,100% 0,0 100%)}.cvm-quem{display:block;margin:0 0 2px;font-size:0.47rem;font-weight:500;line-height:1.2;color:#7b45d6}.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:none;fill:none;stroke:#53bdeb;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 0 0;padding:0;display:flex;flex-direction:column;gap:7px}.cvm-gente li{display:flex;align-items:center;gap:9px;padding:8px 9px;border-radius:10px;background:#ffffff;border:1px solid rgba(12,12,13,0.1)}.cvm-av{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#f2f2f4;border:1px solid rgba(12,12,13,0.1);font-size:0.5rem;font-weight:500;line-height:1;color:#6a6a70}.cvm-av--voce{background:#0c0c0d;border-color:#0c0c0d;color:#ffffff}.cvm-gente-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cvm-gente-txt b{font-size:0.56rem;font-weight:500;line-height:1.2;color:#0c0c0d}.cvm-gente-txt i{font-size:0.45rem;font-style:normal;font-weight:300;line-height:1.25;color:#6a6a70}.cvm-perm{flex:none;padding:3px 8px;border-radius:99px;background:#f2f2f4;font-size:0.44rem;font-weight:400;line-height:1.25;color:#6a6a70;white-space:nowrap}.cbm-peca{display:flex;flex-direction:column}.cbm-chat{flex:1;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:#f2f2f4;font-size:0.44rem;font-weight:500;line-height:1.25;letter-spacing:0.03em;color:#6a6a70;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:0 1px 2px rgba(12,12,13,0.1),0 6px 16px rgba(12,12,13,0.07);color:#111b21;--cbm-pe:2.6em}.cbm-balao p{margin:0;font-size:0.57rem;font-weight:400;line-height:1.4;letter-spacing:-0.006em;color:#111b21}.cbm-balao p::after{content:"";display:inline-block;width:var(--cbm-pe)}.cbm-balao--out{background:#d8fdd2;border-top-right-radius:2px;--cbm-pe:3.9em}.cbm-balao--in{background:#ffffff;border-top-left-radius:2px}.cbm-balao::after{content:"";position:absolute;top:0;width:6px;height:9px;background-color:inherit}.cbm-balao--in::after{left:-5px;clip-path:polygon(100% 0,0 0,100% 100%)}.cbm-balao--out::after{right:-5px;clip-path:polygon(0 0,100% 0,0 100%)}.cbm-balao--in.cbm-balao--segue{border-top-left-radius:8px}.cbm-balao--segue::after{display:none}.cbm-quem{display:block;margin:0 0 2px;font-size:0.47rem;font-weight:500;line-height:1.2;color:#0f7a52}.cbm-quem--sofi{color:#2f6fed}.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:none;fill:none;stroke:#53bdeb;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:none}.cbm-selo circle{fill:#12a05a}.cbm-selo path{fill:none;stroke:#ffffff;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:#111b21;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:0;font-size:0.76rem;font-weight:500;line-height:1.2;letter-spacing:-0.012em;color:#111b21}.of-modal--claro .cbm-peca .cbm-balao .cbm-recibo p.cbm-recibo-l{margin:2px 0 0;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:none;fill:none;stroke:#2c6ba6;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:#2c6ba6;white-space:nowrap}@media (max-width:760px){.cbm-chat{gap:6px}.cbm-balao--doc{padding-bottom:11px}.cbm-recibo{padding:5px 6px 5px}.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;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:0 1px 2px rgba(12,12,13,0.1),0 6px 16px rgba(12,12,13,0.07);color:#111b21;--gdm-pe:2.6em}.gdm-balao p{margin:0;font-size:0.57rem;font-weight:400;line-height:1.4;letter-spacing:-0.006em;color:#111b21}.gdm-balao p::after{content:"";display:inline-block;width:var(--gdm-pe)}.gdm-balao--out{background:#d8fdd2;border-top-right-radius:2px;--gdm-pe:3.9em}.gdm-balao--in{background:#ffffff;border-top-left-radius:2px}.gdm-balao::after{content:"";position:absolute;top:0;width:6px;height:9px;background-color:inherit}.gdm-balao--in::after{left:-5px;clip-path:polygon(100% 0,0 0,100% 100%)}.gdm-balao--out::after{right:-5px;clip-path:polygon(0 0,100% 0,0 100%)}.gdm-balao--doc{padding-bottom:16px}.gdm-quem{display:block;margin:0 0 2px;font-size:0.47rem;font-weight:500;line-height:1.2;color:#c9702f}.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:none;fill:none;stroke:#53bdeb;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.gdm-arq{display:flex;align-items:center;gap:7px;margin:0 0 5px;padding:7px 9px;border-radius:6px;background:rgba(255,255,255,0.55)}.gdm-arq--in{margin:0;background:rgba(12,12,13,0.05)}.gdm-folha{width:11px;height:13.5px;flex:none;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:#111b21;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gdm-arq-d{flex:none;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:#ffffff;border:1px solid rgba(12,12,13,0.1)}.gdm-capa{flex:none;width:26px;height:30px;display:grid;place-items:center;border-radius:5px;background:#f2f2f4;border:1px solid rgba(12,12,13,0.1);font-size:0.4rem;font-weight:500;letter-spacing:0.06em;color:#6a6a70}.gdm-doc-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.gdm-doc-txt b{font-size:0.56rem;font-weight:500;line-height:1.2;color:#0c0c0d}.gdm-doc-txt i{font-size:0.45rem;font-style:normal;font-weight:300;line-height:1.25;color:#6a6a70}p.gdm-aviso{display:flex;align-items:center;gap:6px;margin:10px 0 auto;font-size:0.47rem;font-weight:300;line-height:1.3;color:#6a6a70}p.gdm-aviso svg{width:12px;height:12px;flex:none;display:block}.drm-peca{display:flex;flex-direction:column}.drm-pastas{list-style:none;margin:9px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}.drm-pastas li{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:9px;background:#ffffff;border:1px solid rgba(12,12,13,0.1)}.drm-glifo{flex:none;display:block;color:#6a6a70}.drm-glifo svg{width:15px;height:12px;display:block}.drm-pasta-t{flex:1;min-width:0;font-size:0.55rem;font-weight:400;line-height:1.2;color:#0c0c0d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drm-pasta-n{flex:none;font-size:0.45rem;font-weight:300;line-height:1.2;color:#6a6a70;white-space:nowrap}.drm-plano{display:flex;align-items:center;gap:9px;margin:auto 0;padding:10px 11px;border-radius:10px;background:#ffffff;border:1px solid rgba(12,12,13,0.1)}.drm-plano-t{flex:1;min-width:0;font-size:0.58rem;font-weight:400;line-height:1.2;color:#0c0c0d}.drm-plano-n{flex:none;padding:3px 8px;border-radius:99px;background:#f2f2f4;font-size:0.44rem;font-weight:400;line-height:1.25;color:#6a6a70;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:#f2f2f4;border:1px solid rgba(12,12,13,0.1)}.drm-cadeado{width:11px;height:13px;flex:none;color:#6a6a70}.drm-url{font-size:0.58rem;font-weight:300;letter-spacing:0.01em;color:#0c0c0d}.drm-pastas--nav{margin:0}.drm-arq{display:flex;align-items:center;gap:9px;margin-top:auto;padding:8px 9px;border-radius:10px;background:#ffffff;border:1px solid rgba(12,12,13,0.1)}.drm-capa{flex:none;width:26px;height:30px;display:grid;place-items:center;border-radius:5px;background:#f2f2f4;border:1px solid rgba(12,12,13,0.1);font-size:0.4rem;font-weight:500;letter-spacing:0.06em;color:#6a6a70}.drm-arq-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.drm-arq-txt b{font-size:0.56rem;font-weight:500;line-height:1.2;color:#0c0c0d}.drm-arq-txt i{font-size:0.45rem;font-style:normal;font-weight:300;line-height:1.25;color:#6a6a70}.drm-acoes{display:flex;justify-content:flex-end;gap:7px;margin:9px 0 auto}.drm-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 11px;border-radius:99px;background:#ffffff;border:1px solid rgba(12,12,13,0.1);font-size:0.5rem;font-weight:400;line-height:1.15;color:#0c0c0d;white-space:nowrap}.drm-btn svg{width:12px;height:12px;flex:none;display:block;color:#6a6a70}.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:#111b21}.of-modal--claro .cvm-folha p.cvm-codigo{color:#0c0c0d}.exp-vao--drive{flex:1 1 0;min-height:0;container-type:size;overflow:hidden;display:flex;align-items:center;margin:0 0 24px}.dv-peca{position:relative;width:20.5em;max-width:100%;margin:0 auto;font-size:min(calc(100cqw / 20.5),calc(100cqh / 22.1),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:0}.dv-ato{padding:1.6em 0.9em 1.3em}.dv-topo{flex:none;display:flex;align-items:center;justify-content:space-between;gap:0.7em;padding-right:2.5em;min-width:0}.dv-migalha{flex:1;min-width:0;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:none;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:#f4efff;color:#7b45d6}.dv-rot{flex:none;display:flex;align-items:center;gap:0.85em;margin:1.3em 0 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;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:0;opacity:1}.dv-lista{flex:none;list-style:none;margin:0;padding:0;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:0 0.65em;border-radius:0.85em;background:var(--exp-branco);box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08)}.dv-glifo{flex:none;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:#7b45d6}.dv-txt{flex:1;min-width:0;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:none;font-size:1.05em;font-weight:300;line-height:1;color:var(--exp-tinta-2)}.dv-carimbo{flex:none;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:#7b45d6}.dv-pe{flex:none;margin:1.5em 0 0;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:none;height:auto;min-width:0;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:none;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:none;list-style:none;margin:0;padding:0;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:none;margin:0.95em 0 0;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{from{opacity:0}to{opacity:1}}@keyframes dvAtoSai{from{opacity:1}to{opacity:0}}@keyframes dvEntraFila{from{opacity:0;transform:translateY(0.55em)}to{opacity:1;transform:none}}@keyframes dvEntraPe{from{opacity:0;transform:translateY(0.4em)}to{opacity:1;transform:none}}@keyframes dvEntraNovo{from{opacity:0;transform:translateY(0.5em) scale(0.94)}to{opacity:1;transform:none}}@keyframes dvEntraCarimbo{from{opacity:0;transform:scale(0.86)}to{opacity:1;transform:scale(1)}}@keyframes dvContaSai{from{opacity:1}to{opacity:0}}@keyframes dvContaEntra{from{opacity:0}to{opacity:1}}@keyframes dvToqueFila{0%{transform:none;background-color:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.22,1,0.36,1)}21.43%{transform:translateY(0.14em) scale(0.94);background-color:#f2f2f4;box-shadow:0 0.02em 0.05em rgba(12,12,13,0.14),0 0.1em 0.26em rgba(12,12,13,0.07),inset 0 0.16em 0.34em rgba(12,12,13,0.15)}35.71%{transform:translateY(0.14em) scale(0.94);background-color:#f2f2f4;box-shadow:0 0.02em 0.05em rgba(12,12,13,0.14),0 0.1em 0.26em rgba(12,12,13,0.07),inset 0 0.16em 0.34em rgba(12,12,13,0.15);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}71.43%{transform:translateY(-0.02em) scale(1.012);background-color:#ffffff;box-shadow:0 0.08em 0.16em rgba(12,12,13,0.11),0 0.62em 1.34em rgba(12,12,13,0.1),inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}100%{transform:none;background-color:#ffffff;box-shadow:0 0.06em 0.12em rgba(12,12,13,0.1),0 0.5em 1.2em rgba(12,12,13,0.08),inset 0 0 0 rgba(12,12,13,0)}}@keyframes dvToqueBt{0%{transform:none;background-color:#ffffff;box-shadow:inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.22,1,0.36,1)}21.43%{transform:translateY(0.16em) scale(0.925);background-color:#f2f2f4;box-shadow:inset 0 0.16em 0.34em rgba(12,12,13,0.15)}35.71%{transform:translateY(0.16em) scale(0.925);background-color:#f2f2f4;box-shadow:inset 0 0.16em 0.34em rgba(12,12,13,0.15);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}71.43%{transform:translateY(-0.025em) scale(1.014);background-color:#ffffff;box-shadow:inset 0 0 0 rgba(12,12,13,0);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}100%{transform:none;background-color:#ffffff;box-shadow:inset 0 0 0 rgba(12,12,13,0)}}@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:dvAtoEntra 200ms cubic-bezier(0.22,1,0.36,1) 90ms backwards}.dv-ato.is-sai{opacity:0;pointer-events:none;animation:dvAtoSai 120ms cubic-bezier(0.5,0,0.9,0.35) backwards}.dv-ato.is-pousado{animation:none}.dv-ato .dv-fila,.dv-ato .dv-arq--pasta,.dv-ato .dv-arq--velho,.dv-ato .dv-log{animation:dvEntraFila 300ms cubic-bezier(0.22,1,0.36,1) backwards;animation-delay:calc(150ms + var(--i) * 30ms)}.dv-ato .dv-pe{animation:dvEntraPe 280ms cubic-bezier(0.22,1,0.36,1) 420ms backwards}.dv-ato .dv-arq--novo{animation:dvEntraNovo 550ms cubic-bezier(0.32,1.32,0.45,1) 960ms backwards}.dv-ato .dv-carimbo{animation:dvEntraCarimbo 500ms cubic-bezier(0.3,1.42,0.5,1) 1060ms backwards}.dv-ato .dv-conta-a{animation:dvContaSai 200ms cubic-bezier(0.5,0,0.9,0.35) 1110ms backwards}.dv-ato .dv-conta-b{animation:dvContaEntra 300ms cubic-bezier(0.22,1,0.36,1) 1210ms backwards}.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:none}.dv-peca .dv-fila.is-tocado,.dv-peca .dv-arq.is-tocado{animation:dvToqueFila 560ms linear}.dv-peca .dv-bt.is-tocado{animation:dvToqueBt 560ms linear}.dv-peca .dv-volta.is-tocado{animation:dvToqueTexto 560ms linear}.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:0 0.08em 0.16em rgba(12,12,13,0.11),0 0.7em 1.5em rgba(12,12,13,0.11)}.dv-bt[data-ir]{transition:background-color 160ms linear,color 160ms linear}.dv-bt[data-ir]:hover{background:#f7f7f8;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: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:none}.dv-peca .dv-fila.is-tocado,.dv-peca .dv-arq.is-tocado,.dv-peca .dv-bt.is-tocado{background-color:#f2f2f4}.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:0 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 0 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;min-height:0}.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:0}.cli-btn{margin-top:clamp(38px,3.6vw,52px);font-size:1.02rem;color:var(--cli-tinta-2)}.cli-btn span{text-decoration:underline;text-decoration-thickness: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(0,1fr) minmax(0,1fr);column-gap:80px}.cli-linha{display:contents}}@media (max-width:960px){.cli-grade,.cli-linha{gap:48px}.cli-grade{width:min(94%,calc(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 0 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:0 0 24px}.mk-peca{--mk-fase:-2s;--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:0 auto;font-size:min(calc(100cqw / 50.8),calc(100cqh / 21.6));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:#f5f5f7;border:0;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 0 0 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:0 0.12em 0.4em rgba(15,23,42,0.16)}.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(0,1fr));width:100%;max-width:13.6em}.mk-semana{margin-top:0.35em;gap:0 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:0;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:0;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:0;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:none;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 0 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(0,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:none;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:0;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:0;top:0;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,#8b5cf6,#ec4899);box-shadow:0 0.06em 0.12em rgba(15,23,42,0.10),0 0.5em 1.2em rgba(15,23,42,0.1375),inset 0 0 0 rgba(15,23,42,0)}.mk-agendar b{font-size:0.72em;font-weight:600;line-height:1.2;color:#ffffff}.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(0)}100%{opacity:1;transform:translateY(0)}}@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(0)}100%{opacity:1;transform:translateY(0)}}@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(0) scale(1)}26.5625%{opacity:1;transform:translateY(0) 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(0) scale(0.94);background-color:var(--mk-afunda)}27.6042%{transform:translateY(0) scale(0.94);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}28.6458%{transform:translateY(0) 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(0) scale(1);background-color:var(--mk-az-ch);border-color:var(--mk-az-ch);color:var(--mk-no-az)}100%{opacity:1;transform:translateY(0) 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:0;border-right-color:var(--mk-cursor-0)}35.9375%{width:0;border-right-color:var(--mk-cursor-0)}36.0417%{width:0;border-right-color:var(--mk-cursor)}36.4583%{width:0;animation-timing-function:steps(12,end)}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:0;border-right-color:var(--mk-cursor-0)}43.2292%{width:0;border-right-color:var(--mk-cursor-0)}43.3333%{width:0;border-right-color:var(--mk-cursor)}43.75%{width:0;animation-timing-function:steps(22,end)}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:0;border-right-color:var(--mk-cursor-0)}52.3438%{width:0;border-right-color:var(--mk-cursor-0)}52.4479%{width:0;border-right-color:var(--mk-cursor)}52.8646%{width:0;animation-timing-function:steps(15,end)}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:0 0.06em 0.12em rgba(15,23,42,0.10),0 0.5em 1.2em rgba(15,23,42,0.1375),inset 0 0 0 rgba(15,23,42,0)}62.2396%{transform:none;box-shadow:0 0.06em 0.12em rgba(15,23,42,0.10),0 0.5em 1.2em rgba(15,23,42,0.1375),inset 0 0 0 rgba(15,23,42,0);animation-timing-function:cubic-bezier(0.22,1,0.36,1)}62.8646%{transform:translateY(0.16em) scale(0.925);box-shadow:0 0.02em 0.05em rgba(15,23,42,0.1375),0 0.1em 0.26em rgba(15,23,42,0.069),inset 0 0.16em 0.34em rgba(15,23,42,0.15)}63.2813%{transform:translateY(0.16em) scale(0.925);box-shadow:0 0.02em 0.05em rgba(15,23,42,0.1375),0 0.1em 0.26em rgba(15,23,42,0.069),inset 0 0.16em 0.34em rgba(15,23,42,0.15);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}64.3229%{transform:translateY(-0.025em) scale(1.014);box-shadow:0 0.08em 0.16em rgba(15,23,42,0.1125),0 0.62em 1.34em rgba(15,23,42,0.1625),inset 0 0 0 rgba(15,23,42,0);animation-timing-function:cubic-bezier(0.4,0,0.2,1)}65.1563%{transform:none;box-shadow:0 0.06em 0.12em rgba(15,23,42,0.10),0 0.5em 1.2em rgba(15,23,42,0.1375),inset 0 0 0 rgba(15,23,42,0)}100%{transform:none;box-shadow:0 0.06em 0.12em rgba(15,23,42,0.10),0 0.5em 1.2em rgba(15,23,42,0.1375),inset 0 0 0 rgba(15,23,42,0)}}@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(0)}100%{opacity:1;transform:translateY(0)}}.cli-card.is-vivo .mk-ato--passo1{animation:mkAto1 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-ato--passo2{animation:mkAto2 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-ato--fim{animation:mkAto3 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-disco{animation:mkDisco 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-dia--alvo{animation:mkDia 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-dia-n{animation:mkDiaTinta 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-dur--alvo{animation:mkDur 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-apoio--dia{animation:mkApoioDia 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-hora{animation:mkHora 19.2s linear infinite;animation-delay:calc(var(--i) * 60ms + var(--mk-fase))}.cli-card.is-vivo .mk-hora--alvo{animation:mkHoraAlvo 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-campo--nome{animation:mkFoco1 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-campo--mail{animation:mkFoco2 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-campo--zap{animation:mkFoco3 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-tec--nome{animation:mkTec1 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-tec--mail{animation:mkTec2 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-tec--zap{animation:mkTec3 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-ph--nome{animation:mkPh1 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-ph--mail{animation:mkPh2 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-ph--zap{animation:mkPh3 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-agendar{animation:mkBotao 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-selo{animation:mkSelo 19.2s linear infinite;animation-delay:var(--mk-fase)}.cli-card.is-vivo .mk-fim-l{animation:mkFimLinha 19.2s linear infinite;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:none}}@media (max-width:960px){@container (max-width:660px) and (min-height:380px){.mk-peca{width:24em;font-size:min(calc(100cqw / 24),calc(100cqh / 28.9),15px)}.mk-cartao{flex-direction:column}.mk-esq{flex:none;padding:0.8em 0.7em 0.85em;border-right:0;border-bottom:1px solid var(--mk-divisor);border-radius:1.1em 1.1em 0 0}.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(calc(100cqw / 40),calc(100cqh / 36.143))}.mk-cartao{flex-direction:column}.mk-esq{flex:none;padding:0.72em 6.2em 0.70em;gap:0.16em;border-right:0;border-bottom:1px solid var(--mk-divisor);border-radius:1.1em 1.1em 0 0}.mk-avatar{display:none}.mk-rotulo{margin-top:0}.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:0}.mk-semana span{font-size:0.62em}.mk-dias{margin-top:0.08em;gap:0 0}.mk-dia,.mk-vago{width:44.38%;justify-self:center;font-size:0.7em}.mk-dir{padding:0.70em 6.2em 1.80em;align-items:center}.mk-ato{gap:0.44em}.mk-grupo{gap:0.16em}.mk-campo{padding:0.46em 0.7em}.mk-resumo{flex-direction:row;align-items:center;flex-wrap:wrap;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(100cqw / 50.8);background:radial-gradient(80% 66% at 50% 40%,#ffffff 0%,#ffffff 40%,#f3f3f6 78%,#ebebf0 100%);border:0;box-shadow:none;border-radius:1.1em}@media (min-width:961px){.cli-papel{font-size:calc((100cqw - 80px) / 80)}}@media (max-width:702px){.cli-papel{font-size:min(calc(100cqw / 24),calc(410px / 28.9))}}@media (max-width:600px){.cli-vao--horarios{flex:none;height:auto;aspect-ratio:24 / 28.9;min-height:380px}.mk-peca{font-size:calc(100cqw / 24)}.cli-papel{font-size:calc(100cqw / 24)}}.sf-palco{position:absolute;inset:0;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(0)}.sf-png{position:absolute;inset:0;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:#ece5dd;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:none;padding:calc(var(--esc) * 71 + var(--u) * 10) calc(var(--u) * 14) calc(var(--u) * 10);background:#f6f6f6;box-shadow:0 1px 0 rgba(11,20,26,0.08)}.sf-voltar{width:calc(var(--u) * 15);height:calc(var(--u) * 15);flex:none;margin-left:calc(var(--u) * -4.4);margin-right:calc(var(--u) * -2);fill:none;stroke:#16161a;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.sf-av{width:calc(var(--u) * 32);height:calc(var(--u) * 32);flex:none;border-radius:50%;overflow:hidden;background:#000000}.sf-av img{display:block;width:100%;height:100%;object-fit:cover}.sf-id{display:grid;gap:1px;min-width:0}.sf-id b{font-size:calc(var(--u) * 13.5);font-weight:600;letter-spacing:-0.014em;line-height:1.25;color:#0c0c0d;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:#667781;white-space:nowrap}.sf-fluxo{display:flex;flex-direction:column;align-items:flex-start;flex:1;min-height:0;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:0 1px 0.5px rgba(11,20,26,0.1);font-size:calc(var(--u) * 10.5);font-weight:500;line-height:1.3;letter-spacing:0.03em;text-transform:uppercase;color:#667781}.sf-atos{position:relative;align-self:stretch;flex:1;min-height:0}.sf-cena{position:absolute;top:0;left:0;right:0;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:none;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:none;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:0 1px 0.5px rgba(11,20,26,0.13);color:#111b21;--sf-pe:calc(var(--u) * 25)}.sf-bolha--in{background:#ffffff;transform-origin:0 0}.sf-bolha--out{background:#d8fdd2;transform-origin:100% 0;--sf-pe:calc(var(--u) * 40)}.sf-bolha p{margin:0;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:none;fill:none;stroke:#53bdeb;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sf-dig{position:absolute;top:0;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:0 1px 0.5px rgba(11,20,26,0.13);opacity:0}.sf-dig--in{left:0;background:#ffffff;transform-origin:0 0}.sf-dig--out{right:0;background:#d8fdd2;transform-origin:100% 0}.sf-dig i{width:calc(var(--u) * 4.5);height:calc(var(--u) * 4.5);border-radius:50%;background:#6a6a70;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{from{opacity:0;transform:scale(0.92)}to{opacity:1;transform:scale(1)}}@keyframes sfAtoSai{from{opacity:1}to{opacity:0}}@keyframes sfAtoVem{from{opacity:0}to{opacity:1}}@keyframes sfPulso{0%,80%,100%{opacity:0.3}40%{opacity:1}}.cli-card.is-vivo .sf-dig--1{animation:sfDig 860ms linear 1250ms backwards}.cli-card.is-vivo .sf-ent--1{animation:sfNasce 420ms cubic-bezier(0.32,1.32,0.45,1) 1950ms backwards}.cli-card.is-vivo .sf-dig--2{animation:sfDig 860ms linear 3320ms backwards}.cli-card.is-vivo .sf-ent--2{animation:sfNasce 420ms cubic-bezier(0.32,1.32,0.45,1) 4020ms backwards}.cli-card.is-vivo .sf-cena--1{animation:sfAtoSai 350ms cubic-bezier(0.5,0,0.9,0.35) 6190ms backwards}.cli-card.is-vivo .sf-cena--2{animation:sfAtoVem 350ms cubic-bezier(0.22,1,0.36,1) 6580ms backwards}.cli-card.is-vivo .sf-dig--3{animation:sfDig 860ms linear 6760ms backwards}.cli-card.is-vivo .sf-ent--3{animation:sfNasce 420ms cubic-bezier(0.32,1.32,0.45,1) 7460ms backwards}.cli-card.is-vivo .sf-dig--4{animation:sfDig 860ms linear 8780ms backwards}.cli-card.is-vivo .sf-ent--4{animation:sfNasce 420ms cubic-bezier(0.32,1.32,0.45,1) 9480ms backwards}.cli-card.is-vivo .sf-dig--5{animation:sfDig 860ms linear 10700ms backwards}.cli-card.is-vivo .sf-ent--5{animation:sfNasce 420ms cubic-bezier(0.32,1.32,0.45,1) 11400ms backwards}.cli-card.is-vivo .sf-dig i{animation:sfPulso 1.4s cubic-bezier(0.4,0,0.2,1) infinite}.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(0);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: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.018) 42%,rgba(255,255,255,0) 72%);padding:104px 0 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:0}.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:none;display:flex;align-items:center;gap:10px;padding:0 9px 0 18px;border-radius:999px;background:linear-gradient(180deg,#1a1a1d 0%,#161618 100%);border:1px solid var(--emp-fio-pilula);box-shadow:0 14px 30px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.10)}.emp-balao{width:19px;height:19px;flex:none;fill:none;stroke:rgba(255,255,255,0.42);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.emp-campo{flex:1;min-width:0;height:100%;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.emp-texto{flex:none;font-family:'Poppins',sans-serif;font-size:1.05rem;font-weight:400;color:#f5f5f7;letter-spacing:-0.01em;line-height:1;opacity:1}.emp-cursor{flex:none;width:2px;height:1.16em;margin-left:2px;border-radius:1px;background:#ffffff;opacity:0}.emp-enviar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#2e2e33 0%,#1f1f23 100%);border:1px solid rgba(255,255,255,0.10);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:#ffffff;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,#232326 0%,#0d0d0f 55%,#1a1a1d 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:0;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:0 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:0 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:#0b0b0d}.emp-veu{position:absolute;inset:0;z-index:7;pointer-events:none;background:#080808;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:0;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:0;padding:24px 22px;display:flex;flex-direction:column}.emp-wb{display:block;border-radius:4px;background:var(--emp-wire-bloco)}.emp-wb--titulo{flex:none;width:42%;height:15px;margin-bottom:9px}.emp-wb--sub{flex:none;width:26%;height:9px;margin-bottom:20px}.emp-wl{flex:none;height:66px;display:grid;grid-template-columns:1fr auto;column-gap:16px;row-gap:8px;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-column:2;grid-row:1 / span 2;align-self:center;justify-self:end;width:62px;height:16px}.emp-wg{flex:none;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;max-width:26px;border-radius:3px 3px 0 0;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:0;pointer-events:none;opacity:0;background:linear-gradient(180deg,rgba(255,255,255,0.075) 0%,rgba(255,255,255,0.015) 55%,rgba(255,255,255,0) 100%)}.emp-tela{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;padding:24px 22px;background:#ffffff;font-family:'Poppins',sans-serif;font-size:var(--emp-corpo);color:#1d1d1f;--emp-acento:#0f7a52;--emp-acento-fundo:rgba(15,122,82,0.10);opacity:0;transition:opacity 0.42s linear}.emp-cab{flex:none;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:#16161a}.emp-data{font-size:0.9em;font-weight:400;color:#86868b}.emp-etiq{font-size:0.72em;font-weight:500;letter-spacing:0.13em;text-transform:uppercase;color:#8e8e93;white-space:nowrap}.emp-miolo{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-start}.emp-valor{flex:none;font-size:3.15em;font-weight:500;letter-spacing:-0.03em;line-height:1;color:#16161a;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:#86868b}.emp-rodape{flex:none;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:none;width:7px;height:7px;border-radius:50%;background:currentColor}.emp-acao{font-size:0.86em;font-weight:500;color:#1d1d1f;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:none;margin-top:0.55em;font-size:0.92em;font-weight:400;letter-spacing:-0.005em;color:#6e6e73;font-variant-numeric:tabular-nums}.emp-conta{flex:none;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:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0.86em 0}.emp-linha + .emp-linha{border-top:1px solid rgba(0,0,0,0.07)}.emp-chave{flex:none;font-size:1em;font-weight:400;color:#6e6e73}.emp-dado{min-width:0;font-size:1.1em;font-weight:500;letter-spacing:-0.01em;color:#16161a;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:#6e6e73}.emp-forte{font-weight:500;color:#16161a}.emp-formas{flex:none;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:#86868b}.emp-bandeiras{--emp-band:18px;flex:none;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:0;font-size:0.76em;font-weight:500;letter-spacing:0.125em;text-transform:uppercase;color:#1d1d1f}.emp-nf-num{flex:none;font-size:0.96em;font-weight:500;letter-spacing:-0.01em;color:#16161a;font-variant-numeric:tabular-nums;white-space:nowrap}.emp-nf-emissao{font-size:0.82em;font-weight:400;color:#86868b;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:none;margin-top:1.28em;display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.emp-parte{min-width:0;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:#16161a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-tabela{flex:none;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 0}.emp-tr--cab{padding:0.62em 0;border-bottom:1px solid rgba(0,0,0,0.07)}.emp-etiq--qtd,.emp-etiq--val{text-align:right}.emp-td{min-width:0;font-size:1em;font-weight:400;color:#1d1d1f;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emp-td--qtd{text-align:right;color:#6e6e73}.emp-td--num{text-align:right;font-weight:400;letter-spacing:-0.01em;color:#6e6e73}.emp-totais{flex:none;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 0}.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:#6e6e73}.emp-tot-valor{display:flex;align-items:center;font-size:0.85em;font-weight:400;letter-spacing:-0.01em;color:#1d1d1f;font-variant-numeric:tabular-nums}.emp-total .emp-chave,.emp-tot-linha--fim .emp-chave{flex:none;font-size:0.76em;font-weight:500;letter-spacing:0.13em;text-transform:uppercase;color:#8e8e93}.emp-dado--forte{font-size:1.5em;font-weight:500;letter-spacing:-0.025em;color:#16161a;font-variant-numeric:tabular-nums}.emp-verif{flex:none;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:0;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.10)}.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:none;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:#16161a}.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:#6e6e73}.emp-tela--antecipa .emp-etiq{flex:none;margin-top:1.78em}.emp-taxas{flex:none;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 0;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:none;font-size:0.94em;font-weight:400;color:#6e6e73}.emp-tx-pct{font-size:0.94em;font-weight:500;letter-spacing:-0.01em;color:#16161a;font-variant-numeric:tabular-nums}.emp-varredura{position:absolute;inset:0;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% 0}.emp-btn{margin-top:clamp(40px,3.9vw,56px);font-size:1.02rem;color:var(--emp-tinta-2)}.emp-btn span{text-decoration:underline;text-decoration-thickness: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 0s linear;-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - var(--emp-rampa) / 2),transparent calc(50% + var(--emp-rampa) / 2),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(50% - var(--emp-rampa) / 2),transparent calc(50% + var(--emp-rampa) / 2),transparent 100%);-webkit-mask-size:calc(200% + 2 * var(--emp-rampa)) 100%;mask-size:calc(200% + 2 * var(--emp-rampa)) 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0% 0;mask-position:0% 0;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.10s}.emp-palco[data-pilula="vazia"] .emp-texto{opacity:0;transition:opacity 0.18s linear}.emp-palco[data-pilula="escrevendo"] .emp-cursor{opacity:1;animation:empPisca 1.06s linear infinite}.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:empBrilho 0.8s ease-out}.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: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{from{-webkit-mask-position:100% 0;mask-position:100% 0}to{-webkit-mask-position:0% 0;mask-position:0% 0}}@keyframes empLuz{from{opacity:1;background-position:100% 0}to{opacity:1;background-position:0% 0}}@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 0 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:0 8px 0 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{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),rgba(0,0,0,0) 100%);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),rgba(0,0,0,0) 100%)}.emp-janela{width:var(--emp-larg)}.emp-barra{padding:0 12px}.emp-endereco{min-width:0;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.10em}.emp-tr--cab>.emp-etiq:first-child{min-width:0;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 0}.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 0}.emp-tr--cab{padding:0.44em 0}.emp-totais{margin-top:0.8em}.emp-tot-linha{padding:0.12em 0}.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.30em 0}.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 0}.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 0}.emp-tr--cab{padding:0.36em 0}.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 0}.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:none}.emp-section .emp-palco .emp-tela{-webkit-mask-image:none;mask-image:none}.emp-section .emp-palco .emp-varredura{animation: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:#ffffff;margin:0;padding:32px 0 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:0 auto;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:64px;align-items:center;background:#f5f5f7;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:0;justify-self:center}.intg-palco{position:relative;width:620px;height:545px;transform:scale(var(--intg-k));transform-origin:top left}.intg-fios{position:absolute;inset:0}.intg-hub{position:absolute;left:251px;top:16px;width:118px;height:118px}.intg-card{position:absolute;width:110px;height:110px;background:#ffffff;border-radius:26px;border:1px solid rgba(0,0,0,0.04);box-shadow:0 1px 1px rgba(0,0,0,0.03),0 10px 26px rgba(0,0,0,0.06);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:#0c0c0d;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:#6a6a70;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:#8a8a92;margin-bottom:12px}.intg-passo{font-family:'Poppins',sans-serif;font-size:0.88rem;font-weight:300;color:#6a6a70;line-height:1.55;letter-spacing:-0.008em;max-width:52ch;margin:0 0 14px}.intg-passo b{font-weight:500;color:#0c0c0d}.intg-btn{margin-top:18px;font-size:1.02rem;color:#6a6a70}.intg-btn span{text-decoration:underline;text-decoration-thickness: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:0}}@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:0;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;-webkit-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%);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:0;z-index:-1;pointer-events:none}.ben-lav-tela{position:sticky;top:0;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:0;pointer-events:none;background-image:var(--ben-lav-grao);opacity:0.062;-webkit-mask-image:var(--ben-lav-plato);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:0 0 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:0;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 0 0;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:0;height:100vh;min-height:640px;display:flex;align-items:center;justify-content:center}.ben-cena{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity 0.22s ease;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 ease 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:0 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;top:0;bottom:0;left:-24px;right:-24px;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 13%,#000 87%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 13%,#000 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:0;opacity:0;transition:opacity 0.22s ease}.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 ease 0.12s}.bfd-onda{opacity:0;transform-box:view-box;transform-origin:450px 450px;transform:scale(0.9);transition:opacity 200ms ease,transform 200ms ease}.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.0080}.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:0;--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{to{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:none}@media (max-width:960px){.ben-section{padding:48px 0 88px}.ben-coluna{width:100%;padding-inline:24px}.ben-grade{grid-template-columns:1fr;gap:0}.ben-vitrine{display:none}.ben-luz{display:none}.ben-fundo{display:none}.ben-lav{display:none}.ben-textos{padding-bottom:0}.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(calc(100cqw / 40),calc(100cqh / 32),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 0 0 -11.5em;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,0.085),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(0,6em,0) rotate(-1.5deg) scale(1);opacity:0;transition:transform 560ms var(--bmq-ease),opacity 480ms ease-out;background:linear-gradient(160deg,#232326 0%,#0d0d0f 55%,#1a1a1d 100%);box-shadow:0 1.6em 3.4em rgba(0,0,0,0.66),0 0 0 1px rgba(255,255,255,0.08),inset 0 1px 1px rgba(255,255,255,0.15);will-change:transform}.bmq.is-corpo .bmq-fone{transform:translate3d(0,0,0) rotate(-6deg) scale(1);opacity:1}.bmq.is-palco .bmq-fone{transform:translate3d(0,-1.75em,0) rotate(0deg) scale(1.3);transition:transform 760ms var(--bmq-pouso)}.bmq-tela{position:relative;height:100%;border-radius:1.5em;background:#050506;box-shadow:inset 0 0 0 1px rgba(255,255,255,0.05);overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.bmq-verde{position:absolute;inset:0;z-index:0;background:#0a5a3c;opacity:0;pointer-events:none;transition:opacity 420ms ease-out}.bmq.is-ok .bmq-verde{opacity:1}.bmq-clarao{position:absolute;inset:0;z-index:0;background:rgba(255,255,255,0.065);opacity:0;pointer-events:none;transition:opacity 620ms ease-out}.bmq.is-palco .bmq-clarao{opacity:1}.bmq-estalo{position:absolute;inset:0;z-index:2;background:rgba(255,255,255,0.11);opacity:0;pointer-events:none}.bmq.is-tap .bmq-estalo{animation:bmq-estalo 660ms ease-out 120ms forwards}@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:0 0.9em}.bmq-nfc{position:relative;top:0.38em;width:1.7em;height:2.27em;margin-bottom:1.5em;color:#ffffff;opacity:0}.bmq.is-acorda .bmq-nfc{animation:bmq-acorda 360ms ease-out forwards,bmq-espera 2200ms ease-in-out 360ms infinite}@keyframes bmq-acorda{0%{opacity:0}100%{opacity:0.3}}.bmq.is-tap .bmq-nfc{animation:bmq-acende 900ms ease-out forwards}.bmq.is-ok .bmq-nfc{animation: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:#ffffff;opacity:0;transform:translate3d(0,0.31em,0);transition:opacity 320ms ease-out,transform 320ms var(--bmq-ease)}.bmq.is-acorda .bmq-valor{opacity:1;transform:translate3d(0,0,0);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:0;right:0;top:0;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:#6d6d76;transform:translateY(0)}.bmq-ok{color:#ffffff;transform:translateY(100%)}.bmq.is-ok .bmq-cru{transform:translateY(-100%)}.bmq.is-ok .bmq-ok{transform:translateY(0)}.bmq-visto{width:1.9em;height:1.9em;flex:none;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:0;height:0;z-index:2}.bmq-onda{position:absolute;left:0;top:0;width:5em;height:5em;margin:-2.5em 0 0 -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:bmq-onda 1060ms cubic-bezier(0.18,0.62,0.3,1) forwards}.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:0 1.1em 2.2em rgba(0,0,0,0.72);transform:translate3d(17em,-19em,0) rotate(-34deg);opacity:0;transition:transform 1000ms var(--bmq-ease),opacity 480ms ease-out;will-change:transform}.bmq.is-cartao .bmq-cartao{transform:translate3d(0,0,0) rotate(-14deg);opacity:1}.bmq.is-perto .bmq-cartao{transform:translate3d(0.25em,1.9em,0) rotate(-11deg);transition:transform 480ms var(--bmq-toque)}.bmq.is-ok .bmq-cartao{transform:translate3d(0.1em,0.42em,0) rotate(-13deg);transition:transform 520ms var(--bmq-ease) 160ms}.bmq.is-saida .bmq-cartao{transform:translate3d(-15.5em,-8.5em,0) rotate(-40deg);opacity:0;transition:transform 720ms var(--bmq-saida),opacity 480ms ease-in 120ms}.bmq-cartao-face{position:absolute;inset:0;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,#222226 0%,#111113 36%,#060607 72%,#0b0b0d 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,0.10)}.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:0;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%);-webkit-backdrop-filter:blur(18px) saturate(140%);box-shadow:0 0.9em 1.6em rgba(0,0,0,0.62);transform:translate3d(0,11.56em,-300px) rotateX(64deg);opacity:0;transition:transform 760ms var(--bmq-ease),opacity 340ms ease-out}.bmq.is-noti .bmq-noti{transform:translate3d(0,0,0) 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:#f5f5f7;letter-spacing:-0.006em}.bmq-noti-hora{position:relative;top:-0.274em;flex:none;font-size:0.66em;font-weight:400;color:#86868b}.bmq-noti-corpo{margin:0.28em 0 0;font-size:0.76em;font-weight:300;line-height:1.42;color:#c6c6cd;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: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: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(calc(100cqw / 40),calc(100cqh / 32),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:0 0.85em 1.7em rgba(0,0,0,0.55);opacity:0;transform:translate3d(0,1.15em,0);transition:opacity 200ms ease-out,transform 280ms var(--bnf-pouso)}.bnf.is-papel .bnf-papel{opacity:1;transform:translate3d(0,0,0)}.bnf-papel-topo{display:flex;align-items:center;gap:0.45em;width:100%}.bnf-selo{flex:none;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:none;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.10)}.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: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: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:#000000;overflow:hidden;padding:calc(max(61px,calc(clamp(40px,4vw,58px) + 1.98vw)) + 20px) 0 0;display:flex;flex-direction:column;align-items:center}.vit-section::before,.vit-section::after{content:"";position:absolute;inset:0;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:vit-base-acende 2.2s cubic-bezier(0.4,0,0.35,1)}.vit-section.vit-vivo::after{animation:vit-luz-chega 2.7s cubic-bezier(0.4,0,0.3,1) 0.9s backwards}@keyframes vit-base-acende{from{opacity:0}to{opacity:1}}@keyframes vit-luz-chega{from{opacity:0;transform:rotate(22deg) translateX(-6%) rotate(-22deg)}to{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:none}}.vit-defs{position:absolute;width:0;height:0;overflow:hidden}.vit-topo{width:min(94%,calc(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:2px solid #ffffff;outline-offset:4px}.vit-palco{position:relative;width:100%;margin-top:calc(clamp(40px,4vw,58px) - 20px - clamp(10px,1.1vw,16px));aspect-ratio:2.27;min-height:473px;overflow:hidden;background:linear-gradient(180deg,rgba(0,0,0,0) 68%,#000000 100%)}.vit-fila{position:absolute;top:0;bottom:0;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:0;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;min-height:0;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:0;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:0;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(calc(100cqw / 40),calc(100cqh / 32),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:0 0.6em 1.5em rgba(0,0,0,0.52);opacity:0;transform:translate(-1em,-1.2em) scale(0.97);transition:opacity 200ms ease,transform 200ms ease}.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:none;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:none;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 ease}.bcx-no{flex:none;width:0.5em;height:0.5em;border-radius:50%;opacity:0;transition:opacity 200ms ease}.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;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:0.24em}.bcx-haste{flex:none;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:bottom center;transition:transform 200ms ease}.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 ease}.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(0,0) scale(1);transition:opacity 340ms ease-out,transform 560ms var(--bcx-pouso)}.bcx.is-c2 .bcx-carta--2{opacity:0.965;transform:translate(0,0) 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(0,0) 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: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(calc(100cqw / 40),calc(100cqh / 32),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:0;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 ease}.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:0 0.6em 1.5em rgba(0,0,0,0.52)}.blk-a{left:5.2em;top:1.9em;width:10.8em;height:4em;padding:0.7em 0.78em;opacity:0;transform:translate3d(0,0.8em,0) scale(0.97);transition:opacity 320ms ease-out,transform 440ms var(--blk-pouso)}.blk.is-a .blk-a{opacity:1;transform:translate3d(0,0,0) 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;border-bottom-right-radius:0.18em;box-shadow:0 1px 1.5px rgba(11,20,26,0.15)}.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(0,1em,0) scale(0.975);transition:opacity 340ms ease-out,transform 470ms var(--blk-pouso)}.blk.is-b .blk-b{opacity:1;transform:translate3d(0,0,0) scale(1)}.blk-b-foto{display:block;width:100%;height:14.2em;flex:none;background:#f2f2f4;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;min-height:0;padding:0.8em 1.25em 0.95em 1.25em}.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:#ffffff;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(0,0.4em,0);transition:opacity 300ms ease-out,transform 380ms var(--blk-pouso)}.blk.is-botao .blk-b-botao{opacity:1;transform:translate3d(0,0,0)}.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(0,0.34em,0);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(0,0,0)}.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,0,0) scale(0.975);transition:opacity 340ms ease-out,transform 460ms var(--blk-pouso)}.blk.is-c .blk-c{opacity:1;transform:translate3d(0,0,0) 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 0;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:none;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:0 0.45em 1.1em rgba(0,0,0,0.44);opacity:0;transform:translate3d(-0.8em,0,0) scale(0.97);transition:opacity 340ms ease-out,transform 460ms var(--blk-pouso)}.blk.is-d .blk-d{opacity:1;transform:translate3d(0,0,0) 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 ease}.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: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:none}}.bnff{position:absolute;left:24px;right:24px;top:0;bottom:0;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:#ffffff;stroke-width:12;stroke-linecap:round;stroke-dasharray:1200;stroke-dashoffset:1200;transition:stroke-dashoffset 200ms ease}.bnff-dv-revela{fill:none;stroke:#ffffff;stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset 200ms ease}.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:none}@media (prefers-reduced-motion:reduce){.ben-fundo .bnff .bnff-revela,.ben-fundo .bnff .bnff-dv-revela{transition-duration:0s;transition-delay:0s;animation:none}}.bcxf{position:absolute;left:24px;right:24px;top:0;bottom:0;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:#ffffff;stroke-width:12;stroke-linecap:round;stroke-dasharray:1680;stroke-dashoffset:1680;transition:stroke-dashoffset 200ms ease}.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:none}@media (prefers-reduced-motion:reduce){.ben-fundo .bcxf .bcxf-revela{transition-duration:0s;transition-delay:0s;animation:none}}.gd-section{position:relative;z-index:3;width:100%;padding:56px 0 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:0}.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:0 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,#232326 0%,#0d0d0f 55%,#1a1a1d 100%);padding:1px}.gd-janela::after{content:'';position:absolute;inset:0;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:0 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:0 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:0;display:flex;flex-direction:column;padding:1.3em 1.7em 1.45em;opacity:0}.gd-cab{flex:none;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:none;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:none;display:flex;align-items:flex-start;gap:0.65em;margin-bottom:0.72em}.gd-alca{flex:none;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;min-width:0;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:none;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:0;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:none;display:grid;grid-template-columns:repeat(3,minmax(0,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:#ffffff;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:none;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:0;padding:0.9em 1.05em 0.9em;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;min-height:0;margin-top:0.3em;padding-left:3.5em}.gd-ycol{position:absolute;left:0;top:0;bottom:0;width:2.9em}.gd-ycol span{position:absolute;right:0;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:0;right:0;height:0;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:0;display:grid;align-items:end}.gd-barras--par{grid-template-columns:repeat(6,minmax(0,1fr))}.gd-barras--sete{grid-template-columns:repeat(7,minmax(0,1fr))}.gd-bgrupo{height:100%;display:flex;align-items:flex-end;justify-content:center;gap:0.34em}.gd-bar{flex:none;width:min(2.4em,34%);height:var(--gd-h);border-radius:0.25em 0.25em 0 0;transform-origin: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:none;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(0,1fr))}.gd-eixo--sete{grid-template-columns:repeat(7,minmax(0,1fr))}.gd-pontinhos{flex:none;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:none;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;margin-top:0.85em}.gd-duas{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:1em}.gd-coluna{display:flex;flex-direction:column;gap:1em;min-height:0}.gd-carta--donut{min-height:0}.gd-donut{position:relative;flex:none;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:0;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:#ffffff;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;min-height:0}.gd-lista{flex:1;min-height:0;display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.gd-item{flex:1;display:flex;align-items:center;gap:0.8em;border-top:1px solid var(--gd-fio);font-size:0.92em}.gd-marca{flex:none;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:none;width:6.2em;text-align:right;font-weight:500;color:#ffffff;letter-spacing:-0.015em}.gd-carta--barras{flex:1;min-height:0}.gd-bcol{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.gd-coroa{flex:none;margin-bottom:0.45em;font-size:0.78em;font-weight:500;color:#ffffff;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(0,1fr));margin-top:0.85em}.gd-pilula{position:relative;z-index:5;width:min(680px,92%);height:56px;flex:none;display:flex;align-items:center;gap:10px;padding:0 9px 0 18px;border-radius:999px;background:linear-gradient(180deg,#1a1a1d 0%,#161618 100%);border:1px solid var(--gd-fio-pilula);box-shadow:0 14px 30px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.10)}.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:none;fill:none;stroke:rgba(255,255,255,0.42);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.gd-campo{flex:1;min-width:0;height:100%;display:flex;align-items:center;overflow:hidden;white-space:nowrap}.gd-texto{flex:none;font-family:'Poppins',sans-serif;font-size:1.05rem;font-weight:400;color:#f5f5f7;letter-spacing:-0.01em;line-height:1;opacity:1}.gd-cursor{flex:none;width:2px;height:1.16em;margin-left:2px;border-radius:1px;background:#ffffff;opacity:0}.gd-enviar{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#2e2e33 0%,#1f1f23 100%);border:1px solid rgba(255,255,255,0.10);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:#ffffff;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:gdSurge 300ms linear 60ms backwards}.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:gdPisca 1.06s linear infinite}.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: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{from{opacity:0;transform:translateY(8px)}}@keyframes gdSurge{from{opacity:0}}@keyframes gdChega{from{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{from{stroke-dashoffset:var(--gd-len)}}@keyframes gdCresce{from{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 0 96px}.gd-headline{font-size:1.5rem;margin-bottom:0}.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:0;max-width:56%;height:20px;font-size:0.68rem;padding:0 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(0,1fr);grid-template-rows:minmax(0,0.9fr) minmax(0,1.1fr);gap:0.7em}.gd-coluna{gap:0.7em}.gd-tela--gastos .gd-kpi{display:none}.gd-kpi{flex:1;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;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(0,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: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;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 6%,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 6%,#000 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;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%)}.bnff,.bcxf{left:0;right:0}.ben-fundo-ato[data-ato="4"]{-webkit-mask-image:none;mask-image:none}.bcxf{top:-67.1875%;bottom:-67.1875%;-webkit-mask-image:linear-gradient(to bottom,transparent 0,transparent 24%,#000 34%,#000 100%);mask-image:linear-gradient(to bottom,transparent 0,transparent 24%,#000 34%,#000 100%)}.bcxf-fio{stroke:rgba(255,255,255,0.22)}.ben-luz{display:block;grid-row:6;grid-column: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"]{-webkit-mask-image:none;mask-image:none}.ben-fundo-ato[data-ato="3"] .bnff{-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 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);-webkit-mask-image:var(--ben-lav-plato);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 0% entry 24%}}@media (prefers-reduced-motion:reduce){.ben-cena,.ben-fundo-ato{animation: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{from{opacity:0;transform:translate3d(0,14px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
/* ===== Card de preço v2 — alta conversão (27/08/2026) =====
   Um só olhar: oferta → preço → 4 provas → CTA de teste grátis → risco zero.
   Usa os tokens da .preco-section (tinta, fio, degradê lilás→rosa). */
.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:0 30px 70px -42px rgba(12,12,13,0.35);overflow:hidden}
.preco2-card::before{content:"";position:absolute;top:0;left:0;right:0;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;text-decoration-thickness: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:0 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: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:0 14px 28px -14px rgba(150,95,190,0.65)}
.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}
}

/* ===== Correção mobile — emenda vertical no brilho do ato 3 (27/08/2026) =====
   O grão desta camada (--ben-lav-grao) é um SVG de 260x260 px repetido como
   background. Na faixa .ben-fundo-ato[data-ato="3"]::after, que no celular tem
   a largura da tela (390px num iPhone) e 100vh de altura, cabe UM ladrilho
   inteiro e um ladrilho CORTADO. O ladrilho inteiro e o cortado são
   rasterizados com amostragens diferentes, então o brilho médio do ruído muda
   de um para o outro e a fronteira aparece como um corte vertical duro em
   x=260px — exatamente 2/3 de 390. Provado movendo o background-size: com
   200px o corte anda para x=200.
   A correção tira a repetição: uma única camada cobrindo a faixa não tem
   fronteira de ladrilho em largura nenhuma. Só mobile; o desktop pinta esse
   grão em .ben-lav-tela::after e não é tocado. */
@media (max-width:600px){
.ben-fundo-ato[data-ato="3"]::after{background-repeat:no-repeat;background-size:100% 100%}
}

/* ===== Menu do celular — botão "Fazer login" (28/08/2026) =====
   Segundo botão da bandeja, logo abaixo do "Começar agora". Quem já é
   cliente entrava pelo link do rodapé, no fim de uma página inteira de
   rolagem; agora entra pelo menu, em dois toques, de qualquer página.

   ELE É O IRMÃO CALADO DO .mm-acao: mesma pílula, mesma largura, mesma
   altura, mas vazado em vez de preenchido. Só um dos dois pode ser o
   preto cheio, senão os dois brigam e nenhum manda. O preto continua
   sendo o "Começar agora", que é o que a página inteira pede.

   O CONTORNO É box-shadow inset, e não border. Border somaria 2px à
   altura e o botão ficaria um fio mais alto que o de cima, o que se vê
   quando os dois estão colados. O inset desenha por dentro e as duas
   pílulas terminam idênticas em todos os degraus de tela.

   O FUNDO NO TOQUE NÃO ESTÁ AQUI de propósito: o .menu-movel a:hover da
   folha principal é mais específico que este bloco e já pinta o cinza
   claro de toque. Escrever de novo aqui só criaria dois lugares para
   mudar a mesma cor.

   A MARGEM DE CIMA É CURTA (10px contra os 26px do .mm-acao) porque os
   dois formam UM grupo. O respiro grande, com o fio, fica onde a lista
   de páginas termina e a área de ação começa. Entre os dois botões o
   espaço é só o que separa irmãos.

   E ELE ENTRA NA ESCADINHA: os itens da bandeja aparecem em sequência,
   um a cada 45ms, e a folha principal só tinha atraso escrito até o
   sexto filho. Sem o sétimo, o login apareceria PRIMEIRO — atraso zero
   é atraso nenhum — e a escadinha começaria pelo fim. */
.menu-movel .mm-login{margin:10px 0 0;justify-content:center;gap:8px;padding:19px 20px;border-radius:980px;background:transparent;color:var(--menu-tinta);box-shadow:inset 0 0 0 1px rgba(12,12,13,0.16);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}
}

/* ===== Card de preço v2.1 — bloco de preço reorganizado (28/08/2026) =====
   Padrão das referências: rótulo "12x de" em cima, preço grande sozinho,
   comparação com o mensal + selo de OFF embaixo. Badge do topo removido. */
.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;text-decoration-thickness: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:#fff;background:var(--preco-degrade);border-radius:980px;padding:4px 9px;margin-left:8px}

/* ===== Hero do celular — sem filme, com aparelho grande (30/08/2026) =====
   Ordem do dono: no celular, tirar o vídeo do fundo do hero, deixar preto
   puro, e aumentar o aparelho para as mensagens dentro dele ficarem
   legíveis. O desktop não muda em nada — tudo aqui vive no degrau de 615px.

   POR QUE O APARELHO ERA PEQUENO. Ele nunca teve um tamanho próprio: o
   filme vertical mostra duas mãos que se encontram, e o aparelho tinha de
   caber no vão entre as duas pontas de dedo. Era isso que a conta antiga
   dizia — 617 colunas do filme (--aparelho-colunas), vezes a escala do
   cover do filme de 1080x1920 dentro do hero de 700px. O vão mandava, e o
   vão dava 229px de aparelho numa tela de 375. A conversa lá dentro saía
   com 7,6px de letra na tela: desenho bonito, texto que ninguém lê.

   Sem o filme, esse vão deixou de existir e o aparelho passa a ter a
   medida que o desenho quiser. Agora há UMA MANIVELA, --aparelho-tela: a
   fatia da largura da tela que o CORPO do aparelho ocupa. 0.88 deixa
   330px de aparelho numa tela de 375, com 22px de folga de cada lado.
   Mexer no tamanho do aparelho é mexer nesse número, e nada mais.

   O TETO DE 410px É PARA O FIM DO DEGRAU. Celular de verdade vai de 320
   a 430 de largura, e nessa faixa a fatia manda sozinha. De 466 para
   cima — janela de computador estreitada até aqui, tablet no limite dos
   615 — 88% dariam um aparelho de 541px e um hero de 951px de altura. O
   min() para de crescer onde os celulares acabam.

   E o CORPO vem antes da ARTE de propósito: o que o desenho decide é a
   largura do aparelho NA TELA; a largura da peça de 1910 é consequência
   dela (1910/487, a razão entre a peça e o corpo desenhado dentro). A
   conta escrita ao contrário obrigaria a fazer essa divisão de cabeça
   toda vez que alguém quisesse um aparelho de 330px.

   A ARTE MANDA NO RESTO. A #global-celular-bg é uma peça de 1910x1326 com
   o aparelho desenhado no meio: corpo entre as colunas 710 e 1197 (487 de
   largura, e é daí que sai o 1910/487), topo na linha 339, prego na 423,
   que é onde o top desta folha crava a arte. Todas as medidas abaixo são
   linhas dessa arte multiplicadas pela largura da peça — a mesma escrita
   que o padding do .team-section já usava.

   O QUE MUDOU DE UNIDADE E POR QUÊ. A --aparelho-larg era % e virou vw. É
   a mesma medida (no celular a barra de rolagem não ocupa largura, então
   os dois valores são o mesmo), mas o min-height do hero precisa dela: %
   dentro de uma altura se mede pela ALTURA do pai, e devolveria lixo. Ou
   se escrevia o mesmo número duas vezes em duas unidades — e dois números
   iguais se separam no primeiro ajuste — ou se escolhia a unidade que
   serve nos dois lugares. Escolhida a que serve.

   O HERO CRESCE COM O APARELHO. A altura dele é o que corta a conversa
   (overflow: hidden), e ela precisa terminar logo acima de onde o cartão
   da equipe tapa o aparelho, senão sobra tela preta vazia embaixo da
   última mensagem. Os 700px cravados de antes davam conta porque a peça
   também era fixa em toda tela de celular de verdade: de 320 a 393 o
   max() travava a arte em 899,79px, e 700 é exatamente o prego (350+32)
   mais 675 linhas dessa arte. Sem a trava, número fixo não serve — então
   a altura virou conta: o corte fica 88 linhas acima da tapa, a mesma
   distância que o desenho aprovado tinha. Esse 88 é também o padding do
   .team-section: a folga entre onde a conversa acaba e onde o cartão
   começa é uma coisa só, escrita uma vez.

   O 815 do min-height é essa frase em número: 1326 (o pé da arte) menos
   as 88 de folga, menos as 423 do prego, que é de onde a altura conta. A
   tapa entra subtraindo porque ela é medida do pé da arte para cima.

   A TAPA SUBIU DE 140 PARA 280 LINHAS. Com o aparelho maior, manter as
   140 empurraria o cartão para 900px de página numa tela de 375, e a
   primeira dobra ficaria sem a beirada dele, que é o convite para rolar.
   Tapando 280 o cartão volta para 779px, logo acima dos 812 de um iPhone
   comum: o aparelho aparece do topo até bem abaixo do meio e mergulha
   atrás do cartão, que é a mesma cena de antes, com o aparelho maior.

   E O PREGO SUBIU DE 350 PARA 325. O respiro entre o botão e o aparelho
   existia porque ali passavam as mãos do filme. Sem elas era só preto
   parado, e os 25px foram para a conversa. O bloco do título continua se
   centrando sozinho no vão que sobra (--hero-equilibra: 0, no script). */
@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)}
/* As 88 linhas de folga pertencem ao PRIMEIRO cartão depois do hero,
   seja ele qual for: desde 08/09/2026 (troca dos dois cartões pretos)
   esse cartão é o da .promise-section. */
.promise-section{padding-top:calc(88 * var(--aparelho-larg) / 1910)}
}

/* ===== Comunicacao (30/08/2026): overrides de hero, CTAs e prova social.
   Apendice proposital no fim da folha: as regras empatam em especificidade
   com as originais e, no empate, vence quem vem depois. Bloco RESTAURADO em
   30/08 apos a folha ter sido sobrescrita por uma copia que nao o continha —
   se voce esta editando esta folha em outra ferramenta, preserve este bloco. */

/* Titulo do hero e uma frase longa: precisa quebrar (a regra original e
   white-space:nowrap) e cair em 2 linhas equilibradas no desktop. Os 22px de
   baixo nao sao numero solto: sao o MESMO respiro que o chip tem acima do
   titulo (margin-bottom do .hero-chip), por ordem do dono (08/09/2026) — o
   CTA e a pilula ficam a distancias iguais da headline. Mudou um, muda o
   outro. No celular esse espelho nao vale: desde 09/09/2026 o par la e 18/25,
   7px a mais embaixo, por ordem do dono (a regra mobile mora no
   @media (max-width:615px), mais abaixo na folha). */
.hero-title{white-space:normal;text-wrap:balance;font-size:1.95rem;max-width:100%;margin-bottom:22px}

/* Rotulo do CTA do hero em duas versoes: longa no desktop, curta no mobile. */
.cta-rotulo-curto{display:none}

/* ===== Tira de miniaturas: janela de 5 com as pontas se apagando (10a rodada)
   O dono pediu o seletor de bandeiras: o ativo sempre no meio, os vizinhos
   em volta e as duas pontas sumindo num degrade. Quem escolhe o assento de
   cada miniatura e o centrarSeletor() do script.js, por `order`; aqui a
   folha so recorta a janela e desenha o degrade.

   A CONTA DA JANELA e sempre "5 cartoes + 4 vaos", e o ativo, com dois
   assentos na frente, cai no centro exato dela:
     coluna (>960px):  5*45 + 4*16 = 289px   centro do ativo = 2*61 + 22,5 = 144,5 = 289/2
     linha (<=960px):  5*45 + 4*10 = 265px   centro do ativo = 2*55 + 22,5 = 132,5 = 265/2
     linha (<=600px):  5*38 + 4*10 = 230px   centro do ativo = 2*48 + 19   = 115   = 230/2

   O sexto cartao (o antipoda) fica no assento 5, fora da janela. Uso
   overflow:clip e nao hidden de proposito: `clip` nao cria caixa rolavel,
   entao focar pelo teclado o cartao recortado nao pode rolar a tira e
   descentralizar o ativo -- com `hidden` o navegador rolaria, e a conta
   acima ia por agua abaixo.

   justify-content:flex-start e obrigatorio: como o conteudo (350px) e maior
   que a janela (289px), um `center` reparte a sobra dos dois lados e move
   todo mundo meio cartao. */
.team-selector{height:289px;justify-content:flex-start;overflow:clip;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 18%,#000 82%,transparent 100%)}
/* flex:none E O QUE FAZ A JANELA EXISTIR. Os cartoes tem width e height
   cravados (45px, 38px abaixo de 600), mas a regra original nao declara
   flex, entao o flex-shrink valia o padrao 1. Na COLUNA o eixo principal e
   o vertical, e o navegador preferia espremer a altura dos seis a deixar a
   fila estourar a janela: 289 - 80 de vaos = 209 / 6 = 34,8px de altura
   contra 45px de largura -- os seis apareciam, ovais, e o overflow:clip com
   a mascara nunca chegavam a agir. Na linha isso ja nao acontecia porque a
   folha minificada poe flex-shrink:0 no media de 960px; por isso o defeito
   era so no desktop. O flex:none trava encolher E crescer nos dois eixos, e
   o flex-basis:auto que vem junto respeita as medidas originais. */
.team-selector-card{flex:none;transition:transform 0.45s cubic-bezier(0.25,1,0.5,1),opacity 0.45s ease,background 0.4s ease,border-color 0.4s ease,box-shadow 0.4s ease}

/* O eixo vira horizontal em 960px, e nao em 615: quem gira a tira e a regra
   minificada .team-selector{flex-direction:row} desse breakpoint. O degrade
   e a largura da janela seguem o mesmo degrau, senao entre 616 e 960 a tira
   ficaria deitada com a mascara ainda em pe. */
@media (max-width:960px){
.team-selector{flex-direction:row;justify-content:flex-start;width:265px;height:auto;margin-inline:auto;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 18%,#000 82%,transparent 100%)}
}

/* Em 600px os cartoes encolhem para 38px (regra minificada), entao a janela
   encolhe junto. */
@media (max-width:600px){
.team-selector{width:230px}
}

.cta-forte:focus-visible{outline:2px solid #c582ff;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:#ffffff;padding:112px 0 8px;display:flex;flex-direction:column;align-items:center}
.prova-grade{width:100%;max-width:1120px;padding:0 24px}
.prova-topo{max-width:660px;margin:0 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,#c582ff,#f174ba);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px}
.prova-headline{font-family:'Poppins',sans-serif;font-size:2.2rem;font-weight:400;color:#0c0c0d;letter-spacing:-0.02em;line-height:1.25;text-wrap:balance;margin:0}
.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:#6a6a70}
.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,#c582ff,#f174ba);-webkit-background-clip:text;background-clip: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:#6a6a70;line-height:1.5}

@media (max-width:900px){
.prova-section{padding:84px 0 0}
.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}

/* MASCARA DA CONVERSA MAIS ALTA (07a rodada). A queixa era de pressa: com a
   janela baixa, cada balao novo ja empurrava os anteriores, e o movimento
   constante parecia correria. A alavanca e o --aparelho-tapa, e ela age
   inteira ABAIXO do aparelho -- o --hero-descida:156px acima nao se mexe,
   entao o topo do celular, o respiro do header e o bloco do titulo ficam
   onde estavam.

   O que o tapa faz, em linhas da arte (o desenho tem 1910x1326 e a folha
   prega a linha 423 no topo declarado):
     base do hero (= base da mascara) = 423 + (815 - tapa)
     topo do card team-section        = base do hero + 88 = 1326 - tapa
   Ou seja: o card comeca exatamente `tapa` linhas acima do fim do desenho,
   e os 88 de folga entre a conversa e o card andam junto, sempre iguais.

   De 280 para 112 a mascara ganha 140px de altura de folha (~2 baloes: um
   do usuario com 52 mais 12 de gap mais um da equipe com ~80) e o card desce
   79px na tela. A base da mascara para na linha 1126 da arte, com o vidro
   acabando na 1316 (o brilho da moldura de baixo esta em 1322-1324, espelho
   do de cima em 340-345): sobram 190 linhas, ~84px, entao nenhum balao passa
   do vidro. E o card ainda cobre as ultimas 109 linhas do aparelho, sem
   faixa preta orfa entre um e outro. */
:root{--aparelho-tapa:112}

/* RESPIRO DO CTA NO CELULAR (09/09/2026, DUAS ordens de descida no mesmo
   dia). O par aqui e 18 acima / 25 abaixo: o CTA tem 7px a MAIS de respiro
   que o chip. Isso quebra DE PROPOSITO o espelho da regua do desktop — CTA e
   pilula a distancias iguais da headline, por ordem do dono (08/09/2026) —
   que valeu tambem no celular por algumas horas hoje, com os dois lados em
   18. Dai o dono pediu "desce o botao 4px" (18 -> 22) e, logo depois, mais
   3px (22 -> 25): +4 e +3, sete no total. So o lado de baixo anda; o chip
   fica nos 18px dele (margin-bottom do .hero-chip no @media (max-width:615px),
   mais abaixo na folha) e NAO acompanha mais este numero.

   Na tela o botao nunca desce o valor inteiro, e nao ha nada a corrigir por
   causa disso: o equilibrarBloco() do script.js centra o .hero-content no
   vao entre a base do header e o topo do aparelho, entao ele mesmo reparte o
   crescimento — o bloco cresce e sobe metade. Nesta rodada o bloco cresce 3 e
   sobe 1,5: o botao desce 1,5px liquidos e o chip e o titulo sobem 1,5px
   (somando as duas rodadas de hoje, 3,5px liquidos de descida). */
.hero-title{font-size:calc(6.1vw - 3px);line-height:1.44;margin-bottom:25px}
/* A pilula rosa do CTA, que no desktop nao existe (la ele e link minimalista). */
.cta-forte{color:#ffffff;font-weight:500;padding:11px 24px;border-radius:980px;background:linear-gradient(100deg,#c582ff,#f174ba);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}

/* DASHBOARD FORA DO CELULAR (09a rodada). Escondo a .team-sphere inteira, e
   nao a .dash-stack que mora dentro dela: a sphere reserva 291px de altura
   fixa no media de 600px, entao apagar so o miolo deixaria a caixa vazia
   ocupando o mesmo espaco. Como a .team-content-row vira flex column com
   gap:36px abaixo de 960px, e o gap do flex so conta entre itens que
   existem, o display:none leva embora a altura e o gap junto -- sem buraco.
   O canvas #esferaEquipe nao mora aqui: ele fica na .team-energy, irma da
   .team-content-row e posicionada absoluta, entao o brilho de fundo
   continua inteiro. O JS tambem nao se importa: activateDash so troca
   classe e conta numeros com requestAnimationFrame, nunca mede o painel,
   entao painel escondido nao da erro nem precisa de guarda. */
.team-sphere{display:none}
}

/* Comunicacao (31/08/2026): headlines maiores pedem coluna mais larga (mesma medida do hero: 800px) */
.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}

/* Comunicacao (31/08/2026): headlines de secao padronizadas no mobile (referencia: .ag-headline, 1.4rem) */
@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}
}

/* Coluna unica no mobile (31/08/2026): header e todas as secoes na mesma largura util (92% da viewport, centralizada)
   ESCOPO AMPLIADO (31/08/2026) de 600 para 960px. A auditoria mostrou que o
   padrao valia so ate 600: de 601 a 960 (celular deitado, tablet pequeno) o
   header voltava a 96%, a maioria dos conteineres a 94%, .cli-grade e
   .vit-topo a 92% por outra conta, e os palcos .gd-palco/.emp-palco corriam
   os 100% da tela -- cinco larguras diferentes na mesma pagina. 960 e o mesmo
   degrau em que a folha original ja empilha a .team-content-row e deita a
   tira de miniaturas, entao a coluna unica passa a valer exatamente onde o
   layout ja deixou de ser de duas colunas.
   As regras aqui empatam em especificidade com as originais da faixa (por
   exemplo .cli-grade{width:min(94%,calc(100% - 48px))} no media de 960) e
   vencem por virem depois -- e proposital: a diferenca entre as duas contas
   e de ~1px a 610px e cresce ate ~14px a 900px, sempre a favor da coluna
   unica. */
@media (max-width:960px){
/* referencia da coluna: o proprio header (o estado .menu-aberto continua 100%, especificidade maior) */
.glass-header{width:92%}
/* conteineres que ja vinham em 96% por regras originais */
.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%}
/* conteineres alinhados nesta rodada */
.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%}
}
/* iOS Safari deixa um fio do body preto aparecer na divisa entre seções claras
   (arredondamento de subpixel); 1px de sobreposição fecha o vão */
.mostra-section,.exp-section,.faq-section,.site-footer{margin-top:-1px}

/* ===== Correção mobile — lavado do ato 3 cortado a 2/3 da tela no iPhone (31/08/2026) =====
   O corte vertical duro que sobrou no celular depois da correção de 27/08 não
   era o ladrilho do grão: era a PRÓPRIA CAIXA do .ben-fundo-ato[data-ato="3"]
   terminando no meio da tela. No layout de celular esse elemento é um item de
   grid com aspect-ratio:640/800 e alinhamento padrão (stretch nos dois eixos),
   e cada motor resolve esse empate de um jeito: o Chrome estica a LARGURA na
   coluna e tira a altura da proporção; o Safari/WebKit estica a ALTURA na
   linha do grid — que quem define é a .ben-cena[data-ato="3"], vizinha da
   mesma célula — e tira a LARGURA da proporção. Num iPhone de 390px isso dá
   uma caixa de ~219px encostada à esquerda. Como o brilho (::before/::after)
   se pendura nela com left/right:-24px, o cinza acabava num fio vertical a
   ~267px (~2/3 da tela), e a linha pontilhada do .bnff, centrada na caixa
   estreita, ficava fora do centro da tela. A emenda de ladrilho de 27/08 era
   um SEGUNDO fenômeno quase no mesmo x (260px) — por isso os dois cortes
   pareciam um só e a correção anterior não bastou.
   O CONSERTO desfaz o empate em vez de escolher um vencedor: align-self:start
   tira o stretch do eixo vertical (mesmo motivo pelo qual o ato 2, que já
   tinha align-self:start, nunca apresentou o corte), e width:100% deixa a
   largura escrita em vez de dependente do stretch da coluna — com largura
   definida e altura livre, TODO motor tira a altura da proporção. O width vale
   para os três atos de propósito: é a invariante do layout de celular (fundo
   ocupa a coluna inteira), não um remendo do ato 3. */
@media (max-width:600px){
.ben-fundo-ato{width:100%}
.ben-fundo-ato[data-ato="3"]{align-self:start}
}


/* ===== Comunicacao (31/08/2026): headline da equipe alinhada a da promessa.
   As duas regras base ja eram identicas (1.4rem, peso 400, letter-spacing
   -0.02em, line-height normal); o que destoava era so a CAIXA. A
   .promise-headline mora na .promise-text, que tem max-width:560px, e por
   isso quebra em 3 linhas. A .team-headline mora na .team-text-block, que e
   width:100% dentro do .team-container de ~1200px: a frase inteira tem
   1100px de texto, cabia numa linha so e virava uma regua fina atravessando
   a secao. A correcao e dar caixa a ela, nao mudar o tipo.

   660px e a mesma medida que a .team-description ja usa, entao titulo e
   paragrafo passam a fechar na mesma coluna. A quebra cai em 624/470 e e
   estavel de 640 a 720px (a proxima palavra so entra acima disso), entao o
   valor nao fica em cima de um limiar.

   O font-size aqui tambem repara um degrau que existia no meio do caminho:
   o @media (max-width:960px) -- o mesmo que empilha a .team-content-row --
   baixava a .team-headline para 1.2rem, enquanto a .promise-headline seguia
   em 1.4rem ate os 600px. De 601 a 960 as duas ficavam diferentes; agora
   acompanham uma a outra no desktop e no tablet.

   O escopo min-width:601px preserva o bloco mobile acima: em <=600px a
   headline continua 1.4rem/1.25 pela regra das headlines padronizadas. */
@media (min-width:601px){
.team-headline{font-size:1.4rem;line-height:normal;letter-spacing:-0.02em;text-wrap:wrap;max-width:660px}
}

/* ===== Comunicacao (31/08/2026): agenda e painel em duas linhas cheias.
   O bloco "headlines maiores pedem coluna mais larga" acima poe todos os
   topos em 800px, medida calibrada pela .gd-headline, cujo texto tem 2037px
   e enche 3 linhas de ~700. Os textos da agenda (1456px) e do painel
   (1775px) sao mais curtos: em 800px dao pouco mais de duas linhas, e o
   text-wrap:balance, em vez de encher duas, reparte a sobra em tres linhas
   curtas (453/507/479 na agenda, 648/530/580 no painel) -- tipo grande com
   cara de coluna estreita.

   Alargar so estes dois topos resolve sem tocar no resto: em 980px a agenda
   fecha em 804/644 e o painel em 921/845, duas linhas cheias cada. A agenda
   ja se comporta assim a partir de 860px e o painel a partir de 940px, entao
   980 deixa folga dos dois limiares. A .gd-topo continua nos 800px. Os subs
   (.ag-sub, .exp-sub) seguem em 620px centralizados pela regra acima, que e
   mais especifica (.ag-topo .ag-sub).

   Nao precisa de media query: os dois topos sao centrados por
   margin-inline:auto e, abaixo de ~1065px de viewport, ja sao mais estreitos
   que 980 por conta da largura em porcentagem -- a regra e inerte ali. */
.ag-topo,.exp-topo{max-width:980px}

/* ===== Comunicacao (31/08/2026): headline da vitrine de volta ao tamanho das
   outras headlines de secao entre 601 e 960px.
   A folha original tem, dentro do @media (max-width:960px) da vitrine, um
   .vit-headline{font-size:1.8rem}. Ela era a UNICA headline de secao a
   encolher nesse degrau: as irmas que tambem tem override (.cli-headline
   1.8rem, .gd-headline 1.5rem, .ag-headline 1.4rem) so encolhem em
   max-width:600px, e a .emp-headline em 560px. Resultado medido a 610px:
   35.2px em todas as secoes e 28.8px so na vitrine.
   A correcao devolve os 2.2rem da regra base (mesmo valor, mesma
   line-height:1.25 herdada) apenas na faixa: em <=600px o bloco das headlines
   padronizadas continua mandando 1.4rem (media mais estreito, e a regra vem
   antes mas nao se sobrepoe -- as faixas nao se cruzam), e acima de 960px o
   override original nunca chegou a valer.
   (.team-headline e .promise-headline nao entram aqui: sao outra familia de
   titulo, 1.4rem por projeto, e a .team-headline ja tem seu proprio bloco de
   min-width:601px acima.) */
@media (min-width:601px) and (max-width:960px){
.vit-headline{font-size:2.2rem}
}

/* ===== Comunicacao (31/08/2026): balao de notificacao da equipe recuado para
   dentro do card no mobile.
   O balao e ancorado pela direita na .team-main-card-wrapper, que tem 225px
   fixos e mora centrada: a borda direita dela cai em 0.5vw + 107.5px. Ja o
   card que se ve e a .team-container, que vai de 4% a 96% da tela e tem
   overflow:hidden -- a borda direita dela cai em 0.96vw. Com o
   right:max(calc(126.5px - 48vw),-80px) original a folga entre as duas era
   9px - 0.02vw: 2.6px em 320, 1.8px em 360, 1.1px em 393 e 0.4px em 430.
   O balao encostava na aresta que recorta, e qualquer diferenca de metrica de
   fonte no aparelho real passava do limite e cortava o horario e o canto
   arredondado -- o balao aparecia saindo do card.

   A correcao subtrai 16.5px dos DOIS termos da mesma formula (126.5 -> 143 e
   80 -> 63.5). Assim o ponto onde ela trava continua exatamente em 430.2px e
   a curva nao muda de forma: so a folga sobe para 25.5px - 0.02vw, ou seja
   19px em 320, 18px em 393 e 17px em 430 -- o balao segue transbordando o
   retrato, que e a graca dele, mas agora dentro da moldura. Acima de 430 o
   balao ja tinha sobra (32px em 500) e apenas acompanha o mesmo recuo
   constante.

   O ajuste vai no `right` e nao no translateX porque o estado .notif-hidden
   tem translateX proprio: mudar a translacao faria o balao deslizar de lado
   enquanto some. Pelo `right`, os dois estados andam juntos. */
@media (max-width:600px){
.team-notification{right:max(calc(143px - 48vw),-63.5px)}
}

/* ===== Conversão (04/09/2026): chip de prova social no hero, faixa de
   confiança entre os cartões e bloco de fecho antes do rodapé =====
   Três peças de uma rodada só, escritas aqui no fim pelo motivo de sempre
   nesta folha: elas empatam em especificidade com as regras minificadas da
   linha 1 e, no empate, vence quem vem depois. A faixa nasceu logo abaixo do
   hero e mudou de lugar e de forma no mesmo dia; o histórico está no bloco 2. */


/* ----- 1. O CHIP ACIMA DA HEADLINE DO HERO -----
   Ele tem de ler sobre DUAS coisas diferentes: o filme do desktop, que é
   cinza e se mexe, e o preto puro do celular. Por isso o fundo é branco a 7%
   com blur, e não uma cor cravada — o vidro clareia o que estiver por baixo o
   bastante para a borda aparecer nos dois casos, sem virar um retângulo claro
   em cima do preto.

   A ALTURA É O ORÇAMENTO. No celular o bloco do título não tem posição fixa:
   o equilibrarBloco() do script.js o centra no vão entre a base do header e o
   topo do aparelho. Ou seja, cada pixel que o chip acrescenta empurra o botão
   só MEIO pixel para baixo — a outra metade sai do respiro de cima. Medido a
   375x812: o botão termina em 353px sem o chip e em 376px com ele, contra os
   812 da primeira dobra. Mesmo assim ele é magro de propósito (31px de caixa
   no desktop, 28 no celular): o vão tem 350px e é ele que segura o título, o
   botão e o respiro dos dois lados.

   SÓ TEXTO (04/09/2026, 2a rodada): as cinco estrelinhas saíram por ordem do
   dono. A caixa não mudou de altura com isso — elas tinham 10px e viviam
   dentro da caixa de linha de 19px do texto, que é quem mandava —, então a
   compensação de margem lá embaixo continua valendo os mesmos 53px. O que
   mudou foi o padding lateral: 16px no lugar de 14, porque uma pílula só de
   texto pede mais folga nas pontas para não parecer apertada agora que não há
   mais um bloco gráfico segurando a esquerda.

   O SINAL DE MAIS (04/09/2026, 3a rodada) veio por ordem do dono: "+ 150 mil"
   no lugar de "150 mil". Custa 13px de largura e ZERO de altura, que é a única
   dimensão que este bloco orça — a pílula continua com 31px no desktop e 27,5
   no celular, o --chip-custo segue valendo 53, e o degrau de 561-615px logo
   abaixo não precisou de retoque.

   O white-space:nowrap é uma trava, não um enfeite: a frase quebrada em duas
   linhas dobraria a altura do chip e sairia do orçamento acima. A pílula mede
   219px no desktop e 199,5 no celular, e a menor tela que o site atende tem
   320 — sobram 120px de folga na pior delas. */
.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);-webkit-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}
}

/* A PONTA LARGA DO DEGRAU DO CELULAR É ONDE O VÃO ACABA. Abaixo de 615 o
   título vale 6,1vw - 3px, então ele cresce com a tela enquanto o vão entre o
   header e o aparelho quase não cresce (o prego do aparelho é fixo em px). Em
   615 o bloco passa a caber justo, e como o script centra o que sobra, metade
   de um vão negativo vira chip por baixo do cabeçalho. Medido, folga do chip
   até a base do header: 9,6 em 560; 6,1 em 580; 2,6 em 600; 0,6 em 610; -0,4
   em 615. Encurtar o respiro do chip em 10px devolve 5 para cada lado (a
   centragem reparte) e a ponta volta ao positivo, com +4,6 em 615. O degrau
   começa em 561 porque é dali para cima que a folga cai abaixo de 10px — e o
   respiro curto ali é coerente com um título de 34px, que pede o chip colado
   nele e não boiando. */
@media (min-width:561px) and (max-width:615px){
.hero-chip{margin-bottom:8px}
}

/* NO DESKTOP O CHIP TEM DE SE PAGAR NA MARGEM, e este é o pedaço menos óbvio
   da peça. O bloco do hero desce por uma margem negativa (-15vh - 245px) e o
   equilibrarBloco() do script.js só o SOBE a partir dali — o Math.max corta a
   descida em zero, por ditado antigo do dono ("só sobe, nunca desce"). Em
   janela alta a conta manda e o chip não muda nada, porque a subida se ajusta
   sozinha. Em janela baixa a subida já está travada em zero: o bloco fica
   exatamente na margem, e como ele cresceu 53px para cima (o chip é o
   primeiro filho de um flex column centrado), o chip entrava por baixo do
   cabeçalho. Medido antes desta regra, distância do chip à base do header:
   +37 em 1512x860, +21 em 1366x768, -4 em 1280x700, -38 em 1100x620.

   A correção devolve à margem os mesmos 53px que o chip ocupa no fluxo (31 de
   pílula + 22 de respiro), então a POSIÇÃO NATURAL do bloco não se move e a
   trava do zero volta a valer sobre o mesmo ponto de antes. Em tela alta o
   resultado é idêntico com ou sem esta regra — a subida absorve os 53 e o
   bloco pousa no mesmo alvo.

   Os 53px estão escritos porque a altura do chip é fixa por construção
   (nowrap, corpo e padding cravados): se o chip mudar de tamanho, este número
   muda junto. O degrau de 616px existe porque abaixo dele a margem é outra
   fórmula e o script centra o bloco de verdade, sem trava — lá não há nada a
   compensar.

   DESDE 08/09/2026 A TRAVA DO ZERO NÃO EXISTE MAIS: por ordem do dono, o
   equilibrarBloco() passou a centrar o bloco no vão também no desktop, sem
   Math.max — os parágrafos acima sobre a trava contam por que esta margem
   nasceu, não como o bloco pousa hoje. A margem segue valendo como ponto de
   partida: é o que o leitor vê antes do script rodar (e o layout inteiro,
   se o script faltar), e partida perto do pouso é entrada sem pulo. */
@media (min-width:616px){
.hero-content{--chip-custo:53px;margin-top:calc(-15vh - 245px + var(--chip-custo))}
}


/* ----- 2. A FAIXA DE CONFIANÇA, NO VÃO ENTRE OS DOIS CARTÕES PRETOS -----
   MUDOU DE LUGAR EM 04/09/2026 (2a rodada), VIROU FITA na 3a, virou LOCKUP na
   4a, ENCOLHEU PARA SEIS SELOS na 5a — todas no mesmo dia — e DESCEU PARA
   CINCO na 6a. Ela nasceu logo abaixo do hero, foi para o vão entre a
   .team-section e a .promise-section, aprendeu a andar, deixou de ser letra
   miúda e perdeu o selo da garantia de 7 dias, que é promessa comercial e não
   credencial — o resto da faixa é procedência, e um item fora de tom no meio
   custa mais do que soma. Na 6a rodada saiu, a pedido do dono, o selo dos
   "bancos e instituições conectados" (o do carimbo 114): a faixa fica com
   CINCO credenciais, e o Banco Central logo no segundo selo já diz Open
   Finance, então o número era a terceira vez que o mesmo assunto passava. As
   duas mudanças de lugar apagaram os dois acoplamentos mais
   caros da primeira versão, e os dois seguem desfeitos:
   (a) a folga do topo da .team-section, que a faixa consumia no celular para
   não empurrar o cartão para fora da arte do aparelho, voltou intacta ao bloco
   de 30/08; (b) o degrau que subia o --aparelho-tapa de 112 para 175 abaixo de
   360px foi embora inteiro. Aqui a faixa está muito abaixo do pé da arte, que
   morre atrás do cartão da equipe, então nada disso a alcança.

   O QUE MUDOU NA 4a RODADA: até aqui cada selo era um ícone de 18px mais uma
   frase de 0,8rem em peso 300 — tamanho de nota de rodapé, que o olho lê como
   ressalva e não como endosso. Agora cada selo é um LOCKUP no formato das
   barras "regulated by / backed by" das fintechs: MARCA de 28px de altura à
   esquerda, e à direita duas linhas — a alegação em 0,93rem/peso 500 em #d6d6db
   e a linha de apoio em 0,69rem, caixa alta espaçada, em #86868b. A hierarquia
   é o ponto: a alegação é para ler, o apoio é para conferir depois. As marcas
   são MONOCROMÁTICAS de propósito — logo colorida sobre preto brigaria com a
   paleta e mexeria em brand guidelines alheias; reduzida a uma cor, a marca
   vira sinal e não anúncio.

   AS MARCAS, UMA A UMA, porque a procedência de cada desenho importa: o laço da
   Meta e o glifo do WhatsApp são a geometria OFICIAL das duas marcas, só que em
   uma cor. As outras três são desenho próprio em traço fino, e o Banco Central
   é o caso que merece nota: o brasão oficial NÃO está reproduzido aqui, de
   propósito, porque brasão refeito de memória sai amador e falsifica marca
   alheia — no lugar dele vai um edifício de colunas, que é o sinal
   institucional sem a pretensão de ser a marca. O CARIMBO DA LGPD é hoje o
   único da fita: caixa arredondada com a sigla dentro, a única marca que é
   letra e não figura. Ele teve um irmão até a 6a rodada — o carimbo "114",
   mesma caixa e mesmo peso, só o conteúdo mudando —, e o par valia como
   sistema: repetidos duas vezes na fita, os dois deixavam de ser ícones
   avulsos e o numeral passava a ler como credencial. Sozinho o carimbo não
   sustenta esse argumento, e não precisa: a sigla LGPD já é lida como selo por
   conta própria, sem depender da repetição. O molde ficou de pé no HTML (a
   caixa, o rx, o peso 600), então um carimbo novo entra copiando o da LGPD e
   ajustando só o corpo da letra — o irmão usava 9,8 contra os 5,9 da sigla,
   porque três algarismos precisam crescer para ocupar a mesma caixa que quatro
   letras. Note que o fill e o stroke do <text> vão em ATRIBUTO e não aqui na
   folha, porque CSS de documento não atravessa o conteúdo clonado pelo <use> —
   só a herança passa.

   SEM FUNDO PRÓPRIO, de propósito. As duas vizinhas são transparentes sobre o
   corpo preto e cada uma desenha só o seu cartão; pintar a faixa de preto
   seria pintar preto sobre preto, com o risco de uma aresta de subpixel onde
   hoje não existe nenhuma. Pelo mesmo motivo ela NÃO leva data-header: o
   cabeçalho segue no estado escuro ao passar por cima dela.

   A MECÂNICA É A DA FITA DE BANCOS (.of-bancos-*), copiada de propósito e não
   reinventada: trilho com overflow:hidden e mask-image apagando as duas
   bordas, fita em width:max-content, TRÊS filas idênticas e um keyframe que
   translada -100%/3. O -100%/3 é o casamento com o número de filas: são três
   porque a porcentagem se resolve sobre a largura da própria fita, e um terço
   dela é exatamente uma fila. Trocar o número de filas no HTML sem trocar o
   divisor aqui faz a fita pular a cada volta.

   A EMENDA SOME PORQUE O VÃO ESTÁ NO ITEM, não entre itens: cada .conf-selo
   carrega o próprio margin-right, inclusive o último de cada fila. Assim a
   distância entre o último selo de uma fila e o primeiro da seguinte é a
   mesma de dentro da fila, e a costura não tem onde aparecer. É por isso que
   aqui não há gap no flex — gap não se aplica na fronteira entre as filas. O
   DIVISOR segue a mesma regra e pela mesma razão: ele é um ::after do próprio
   selo, pendurado meio vão à direita da borda, então o fio que separa a última
   fila da seguinte nasce igual a todos os outros.

   A VELOCIDADE É MENOR QUE A DOS BANCOS, em px por segundo, que é a unidade
   que importa: logomarca se reconhece de relance, lockup de duas linhas se lê.
   A fita de bancos anda a ~34px/s; esta anda a ~30px/s no desktop (uma fila
   mede 1646px e a volta leva 55s), a ~29px/s abaixo de 960px (fila de 1524px em
   53s) e a ~28px/s abaixo de 615px (fila de 1377px em 49s), onde a fila encolhe
   junto com a letra. Cada degrau tem a SUA duração porque só a largura muda:
   herdar a duração do degrau de cima faria a fita desacelerar sozinha a cada
   tela mais estreita. O número escrito é a DURAÇÃO, então ele tem de ser
   recalculado sempre que a lista de selos ou o corpo da letra mudarem:
   duração = largura de uma fila ÷ velocidade. Medir com
   document.querySelector('.conf-fila').scrollWidth, nunca no olho. Já
   aconteceu duas vezes: na 5a rodada caiu o selo da garantia (a fila encolheu
   192px, de 2188 para 1996 no desktop) e na 6a caiu o dos bancos conectados,
   que tirou outros 350px no desktop, 324 abaixo de 960 e 294 abaixo de 615. As
   três durações desceram junto nas duas vezes — sem isso a fita teria
   acelerado sozinha.

   O REPOUSO (prefers-reduced-motion) copia a solução dos bancos: animation:none
   mais uma pose estática. A pose não é enfeite — sem ela a fita para no zero,
   com o primeiro lockup nascendo exatamente onde a máscara é transparente, e o
   selo da Meta aparece pela metade. A FÓRMULA MUDOU na 4a rodada, junto com o
   desenho: era largura do primeiro selo + vão, e isso só empurrava o problema um
   selo adiante — o segundo lockup passava a nascer na borda transparente e era a
   MARCA dele que sumia. Agora a pose desconta a máscara,
   pose = largura do primeiro selo + vão − fade, que é o quanto a fita precisa
   andar para o segundo selo começar exatamente onde a máscara vira opaca:
   254px no desktop (308 + 56 − 110), 249px abaixo de 960px (289 + 48 − 88) e
   250px abaixo de 615px (268 + 38 − 56). Assim quem para a fita vê o segundo
   selo inteiro, e da esquerda sobra só um fiapo do primeiro se apagando, que é
   o que a máscara faz em qualquer quadro da animação. As três larguras foram
   medidas na tela; mexer no corpo da letra ou no vão obriga a remedir. A conta
   só depende do PRIMEIRO selo, então tirar ou trocar selo do meio da lista não
   mexe nela — a 5a e a 6a rodadas reconferiram as três na tela e nenhuma
   mudou, porque o selo da Meta continua abrindo a fila em ambas. */
.conf-faixa{position:relative;z-index:3;width:100%;display:flex;justify-content:center;padding:64px 0;--conf-vao:56px;--conf-fade:110px;--conf-pose:254px}
/* Quem vem DEPOIS da faixa entrega o padding do topo: o respiro dos dois
   lados é só o padding da própria fita, e o vão fica simétrico. A regra
   apontava para a .promise-section; em 08/09/2026 os dois cartões pretos
   trocaram de lugar (promise subiu, team desceu) e o vizinho de baixo
   agora é a .team-section — o seletor seguiu a mudança. Se os cartões
   trocarem de novo, este seletor troca junto. */
.conf-faixa+.team-section{padding-top:0}
/* Respiro preto abaixo do card, antes da seção branca do dia a dia. */
.team-section{padding-bottom:clamp(64px,7vw,104px)}
.conf-defs{position:absolute;width:0;height:0;overflow:hidden}
.conf-trilho{position:relative;width:94%;max-width:1300px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--conf-fade),#000 calc(100% - var(--conf-fade)),transparent 100%);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:conf-anda 38s linear infinite}
@keyframes conf-anda{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-100% / 3),0,0)}}
.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}
/* O fio entre selos mora no meio do vão, pendurado do selo da esquerda: 1px em
   branco a 8% é a menor presença que ainda cria ritmo sobre preto. */
.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)}
/* A caixa da marca é FIXA (34x28) e o símbolo se ajusta dentro dela com o
   preserveAspectRatio padrão. É isso que mantém o texto sempre começando na
   mesma coluna, com marcas de proporções tão diferentes quanto o laço da Meta
   (deitado) e o carimbo da LGPD (quase quadrado). */
.conf-marca{flex:none;width:34px;height:28px;color:#b4b4ba;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
/* O laço da Meta e o glifo do WhatsApp são desenhados em massa, não em traço —
   daí o modificador, que inverte fill e stroke e desce meio tom, porque forma
   cheia pesa mais no olho que contorno com a mesma cor. */
.conf-marca.is-cheio{fill:currentColor;stroke:none;color:#a8a8ae}
.conf-lockup{display:flex;flex-direction:column;justify-content:center;min-width:0}
.conf-alega{font-size:0.93rem;font-weight:500;letter-spacing:-0.011em;line-height:1.28;color:#d6d6db}
.conf-apoio{margin-top:3px;font-size:0.69rem;font-weight:400;letter-spacing:0.075em;line-height:1.3;text-transform:uppercase;color:#86868b}
/* 960px é o degrau da coluna única da folha (bloco de 31/08): a faixa entra
   nele junto com os outros contêineres, em 92% da tela. */
@media (max-width:960px){
.conf-faixa{padding:56px 0;--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 0;--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:none;transform:translate3d(calc(var(--conf-pose) * -1),0,0)}
}

/* ----- 3. O BLOCO DE FECHO, ENTRE O FAQ E O RODAPÉ -----
   Branco puro como as duas vizinhas (o FAQ e o rodapé .is-branco), e por isso
   com data-header="claro": as três formam uma banda clara só debaixo da faixa
   do cabeçalho, e uma cor intermediária aqui acenderia e apagaria o estado
   claro duas vezes em meio segundo de rolagem.

   Sem fio de separação de propósito: nesta home as seções claras se separam
   por respiro e nunca por linha (o FAQ e o preço são vizinhos brancos sem
   nenhuma aresta entre eles). O cinza #f6f6f4 também estava fora: é a cor dos
   próprios cartões do FAQ, e uma banda inteira nele logo abaixo do último
   cartão pareceria um cartão gigante.

   O margin-top:-1px repete o remendo que .mostra-section, .exp-section,
   .faq-section e .site-footer já carregam: o iOS Safari deixa um fio do body
   preto aparecer na divisa entre duas seções claras por arredondamento de
   subpixel, e 1px de sobreposição fecha o vão.

   O BOTÃO PRECISA DA PÍLULA ESCRITA AQUI. A .cta-forte da folha só pinta o
   rosa dentro do @media (max-width:615px) — no desktop o CTA do hero é link
   cinza minimalista, por projeto. Como este fecho pede o botão cheio nas duas
   pontas, o .fecho-btn desenha a pílula sem media query. Ele vem depois da
   regra do celular e empata em especificidade com ela, então também manda lá. */
.fecho-section{position:relative;z-index:3;width:100%;margin-top:-1px;background:var(--fecho-branco);padding:104px 0 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,#c582ff,#f174ba);color:#ffffff;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:0 14px 28px -14px rgba(150,95,190,0.65)}
.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;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(12,12,13,0.35);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%}
}
/* Os dois degraus abaixo são os das seções claras vizinhas: 600px para o
   padding e para a headline (o bloco das headlines padronizadas de 31/08 põe
   todas em 1.4rem ali). */
@media (max-width:600px){
.fecho-section{padding:88px 0 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}
}

/* ===== "Um dia com a sua equipe" (04/09/2026): linha do tempo pinada =====
   Seção nova entre a .mostra-section e a .of-section. Cinco momentos do dia,
   um cartão de cada vez, e o scroll trocando os cartões em vez de descer a
   página — no celular TAMBÉM, que é onde o dono quer o capricho.

   A MECÂNICA É A DA .ben-section, copiada e não reinventada. Lá o palco é um
   position:sticky de uma tela de altura dentro de uma seção alta, e os blocos
   de texto de uma tela cada são o que o scroll percorre; um IntersectionObserver
   com a faixa do meio recortada por rootMargin responde "qual bloco está no
   meio da tela agora?" e escreve a resposta no data-ato da seção. Daí para a
   frente é tudo folha: [data-ato="N"] acende o ato N e apaga os outros. Aqui é
   igual, com prefixo dia-, e o JS novo (bloco próprio no fim do script.js) não
   faz nada além de escrever o mesmo atributo.

   O QUE MUDA EM RELAÇÃO À BEN: lá o pin é só de desktop — abaixo de 960px a
   .ben-vitrine some e os textos viram uma pilha. Aqui o pin vale em TODAS as
   larguras, por ordem do dono, e por isso a composição do palco é resolvida em
   altura e não só em largura (ver --dia-reserva).

   OS ESPAÇADORES SÃO VAZIOS, e é a única diferença estrutural: na ben os
   blocos que o scroll percorre carregam o texto do ato, aqui o texto mora
   dentro do cartão, em cima da foto. Então os cinco .dia-passo são caixas de
   uma tela sem conteúdo, com aria-hidden no pai — quem lê a página com leitor
   de tela recebe os cinco cartões, que são conteúdo de verdade, e não recebe
   as cinco caixas vazias que só existem para dar comprimento ao scroll.

   OS CINCO CARTÕES FICAM TODOS NA ÁRVORE DE ACESSIBILIDADE, de propósito, e
   sem aria-hidden nos inativos: opacity:0 não tira do leitor de tela, e aqui
   isso é o certo — é uma linha do tempo, os cinco momentos são a informação, e
   lidos em sequência eles contam o dia inteiro. Nenhum deles tem elemento
   focável, então não há foco preso atrás de um cartão apagado. */

/* O PÉ PRETO DA JORNADA (09/09/2026, auditoria de respiros). Este pé era 0 e
   a emenda dia->integrações somava 80px — a mais apertada do site, contra os
   216 do sistema de desktop (fecho 112 + abertura 104). Os 112px devolvem o
   fecho à família. O total fica em 192 (112 de preto + os 80 de branco que a
   vizinha já trazia medidos), e não em 216 de propósito: é a única passagem
   preto->branco da página e ela não precisa exceder o padrão para separar duas
   coisas que já são opostas. O padding fica DEPOIS da .dia-trilha — é preto
   rolando após a última cena, sem tocar no mapeamento de atos; nenhum JS mede
   este pé (conferido em dia-*.js, agenda.js e script.js). */
.dia-section{position:relative;z-index:3;width:100%;margin-top:-1px;background:var(--dia-branco);padding:104px 0 112px;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:0 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}

/* A TRILHA É UMA GRADE DE UMA CÉLULA SÓ, com os espaçadores e o palco
   empilhados nela. É o jeito de o palco grudar sem ocupar altura de fluxo
   própria: a altura da linha é a da pilha de espaçadores (cinco telas), o
   palco divide a mesma célula com align-self:start e gruda dentro dela.
   Fosse irmão de fluxo, o palco somaria a sexta tela e o dono rolaria uma
   tela em branco no fim. */
.dia-trilha{position:relative;width:100%;display:grid;grid-template-columns:1fr}
.dia-passos{grid-area:1/1}
.dia-passo{min-height:100vh;min-height:100svh}
.dia-palco{grid-area:1/1;position:sticky;top:0;align-self:start;height:100vh;height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:var(--dia-teto) 0 24px}

/* Os cinco cartões dividem UMA célula de grade: a altura da caixa é a do
   cartão mais alto e ninguém pula quando o ato troca. A alternativa
   (position:absolute) obrigaria a cravar a altura da caixa na mão. */
.dia-quadro{position:relative;width:var(--dia-larg);display:grid;grid-template-columns:1fr;flex:0 1 auto;min-height:0}
.dia-cartao{grid-area:1/1;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(14px);transition:opacity 0.26s ease,transform 0.26s ease;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}

/* A FOTO QUE AINDA NÃO EXISTE. Nenhum dos cinco arquivos está em images/ hoje
   (o dono vai soltar 7-40.png, 9-15.png, 12-30.png, 15-30.png e 22-00.png
   depois), e a seção tinha de nascer digna assim mesmo.
   São TRÊS CAMADAS empilhadas, e a ordem é o truque: o gradiente e o horário
   em marca d'água ficam por baixo, no próprio .dia-foto; a foto é um
   background-image num div por cima. Background que dá 404 simplesmente NÃO
   PINTA — não existe ícone de imagem quebrada, o div continua transparente e
   o placeholder aparece através dele. No dia em que o arquivo cair na pasta, a
   camada de cima passa a pintar, cobre o gradiente E a marca d'água de uma vez
   (background-size:cover, PNG opaco) e ninguém edita uma linha.
   É por isso que a marca d'água é um elemento POR BAIXO da arte e não um
   ::after por cima: por cima ela sobreviveria à chegada da foto, e o horário
   ficaria carimbado na fotografia para sempre.
   E ela não é CENTRADA: encostada no terço de cima (padding-top 13%), ela
   aparece ACIMA da notificação e o quadrado deixa de ser um vazio. Isso nasceu
   como conserto — a notificação era centrada e cobria a marca inteira, e o
   placeholder parecia um retângulo liso — e na 9a rodada virou sobra: a
   notificação desceu para 58%..82% e a marca d'água tem o terço de cima só
   para ela. Continua no terço de cima de propósito, porque é lá que ela não
   disputa espaço com a peça em nenhum degrau. */
.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,#f3f2f7 0%,#e7e5f0 48%,#f4eff4 100%)}
.dia-agua{position:absolute;inset:0;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}
/* O ESCURECIMENTO É filter:brightness NA CAMADA DA FOTO, e a escolha da técnica
   é a coisa toda. As duas maneiras óbvias furam a regra do placeholder:
   um gradiente empilhado no mesmo background-image PINTA mesmo quando a url dá
   404 (a camada de cor não depende da camada de imagem), e um ::after com véu
   preto também pinta sozinho — nos dois casos os placeholders dos cartões sem
   foto escureceriam junto.
   O filter não tem esse problema porque ele opera sobre o que o elemento
   REALMENTE PINTOU: sem imagem, .dia-arte é transparente, o brightness
   multiplica um pixel de alfa zero e continua zero. Nada é escurecido e o
   gradiente claro por baixo atravessa intacto.

   O VÉU SUBIU DE 0,80 PARA 0,92 (05/09/2026, 8a rodada), e o motivo é que ele
   perdeu o emprego. Ele existia para escurecer uma foto CLARA de madeira até a
   notificação saltar dela. A foto nova já é escura — cozinha grafite, mesa
   preta, camiseta preta — e o vidro escuro carrega o contraste sozinho: na
   faixa do cartão, com véu 1,0, o pior contraste ainda é 6,1:1, quase o dobro
   do piso. Ou seja, o véu não estava mais comprando contraste; estava só
   empastando a única coisa viva da imagem, que são os acentos rosa (a caneca,
   o prato, a capinha) e o desenho do cimento na parede.
   ENTÃO POR QUE NÃO ZERO? Por duas razões que não aparecem nesta foto: o
   quadrado mora numa seção BRANCA, e um pouco de véu mantém a peça assentada
   em vez de estridente; e as outras quatro fotos ainda não existem — se
   vierem claras, 0,92 é uma rede que já está armada. Medido: a diferença de
   contraste entre 0,92 e 1,0 sob o cartão é de centésimos, porque com a base
   em 0,64 a foto só responde por 36% do que se vê ali. */
.dia-arte{position:absolute;inset:0;background-image:var(--dia-arte);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(0.92)}

/* A NOTIFICAÇÃO. Vidro de verdade — escuro translúcido mais backdrop-filter —,
   e a referência dele não é o .glass-header claro: é o .dash-panel da
   .team-section. A regra logo abaixo diz de onde veio cada número. */
/* VIDRO ESCURO, A RECEITA DO .dash-panel TRANSPLANTADA (05/09/2026, 8a rodada).
   O dono trocou a foto do 07:40 por uma cozinha grafite — mesa preta, camiseta
   preta, parede de cimento — e pediu de volta o vidro do dashboard escuro da
   .team-section. Então isto aqui NÃO é um vidro escuro imitado de olho: os
   valores foram lidos da regra real do .dash-panel e copiados um a um.
   VEM DE LÁ, IDÊNTICO: o degradê 135° de branco 0,10 -> 0,028, o
   saturate(140%), a BORDA DIRECIONAL branca 0,6 / 0,2 / 0,2 / 0,4 (topo e
   esquerda acesos, direita e base apagados — é ela que faz o vidro parecer
   vidro), os dois insets brancos 0,5 e 0,3, o par de sombras e o raio de 22px.
   MUDA DUAS COISAS, e as duas têm motivo:
   1) O BLUR SOBE DE 16 PARA 20px. O dash-panel cobre um painel inteiro; aqui a
      peça tem 80px de altura e o fundo é fotografia com detalhe fino (dedos,
      capinha rosa, azulejo). A 16px o detalhe ainda atravessava e o texto
      pousava em cima de aresta.
   2) ENTRA UMA BASE PRÓPRIA, rgba(16,16,18,0.78), POR BAIXO do degradê. O
      dash-panel não tem base porque mora sobre uma seção que já é preta; esta
      notificação mora sobre imagem, e sem base ela seria transparente demais.
      A ordem importa: em `background` a primeira camada é a de CIMA, então o
      degradê vem escrito primeiro e a base depois.

   A BASE CAIU DE 0,78 PARA 0,64 E A RÉGUA DE CALIBRAÇÃO VIROU (05/09/2026, 9a
   rodada, ordem do dono: mais transparência). Até aqui quem mandava na base era
   o PLACEHOLDER claro dos cartões 2 a 5, e a nota antiga mandava refazer a
   conta contra ele. ISSO SE INVERTEU: a referência agora é a FOTO REAL do
   cartão 1, porque ela é o único fundo definitivo que a seção tem — os outros
   quatro quadrados são stand-ins que somem no dia em que as fotos chegarem, e
   calibrar o vidro contra um fundo provisório estava travando o vidro num
   opaco que o dono não quer.
   A MEDIÇÃO NÃO É SIMULADA: renderizei a peça no Chrome com o backdrop-filter
   de verdade, tirei a screenshot com o texto escondido para o painel sair
   limpo e li os pixels dentro do retângulo arredondado (fora dele os cantos
   ainda mostram a foto crua e envenenam a conta — foi o primeiro erro desta
   medição). A amostra é a região da foto ATRÁS DA POSIÇÃO NOVA da notificação
   (a faixa 58%..82%: torso preto, antebraços e a mesa preta — ver a nota da
   posição acima). Com a base em 0,64, pior pixel de 320 / 375 / 1280:
     - SOBRE A FOTO (painel L 0,009..0,066): título 8,4:1, corpo 6,4:1,
       horário 5,4:1 (com o horário já em 0,70; ver .dia-noti-hora) e o tique
       verde 4,8:1. Todos passam com folga larga.
     - SOBRE O PLACEHOLDER dos cartões 2 a 5 (o gradiente #f3f2f7 -> #e7e5f0,
       painel L 0,127..0,167): título 4,5:1 ainda PASSA, mas corpo cai para
       3,7:1, horário para 3,3:1 e o tique verde para 2,6:1.
   ISSO É ACEITO E É TEMPORÁRIO, e é o oposto do aviso que morava aqui: os
   quatro placeholders não são conteúdo, são espera. Quando 9-15, 12-30, 15-30 e
   22-00.png entrarem em images/, o fundo deles vira fotografia e a conta boa da
   foto passa a valer para a família inteira. Quem mexer na base de novo refaz a
   medição contra a FOTO, não contra o placeholder — e, se as fotos que chegarem
   forem claras, é aí que a conta muda de dono outra vez.

   E O VÉU DA FOTO CAIU PARA 0,92 (era 0,80). Ver a nota da .dia-arte.

   ESCALA +10% (07/09/2026, 10a rodada, ordem do dono: mais um degrau). Ícone
   40->44, respiro 12/13->15/17 (14/13 no celular), raio 22->25 (20->23), selo
   20->23, tique 22->25, gap 12->13 (10->11), e a tipografia 0,96/0,76/0,77 ->
   1,07/0,85/0,86. Medido nos cinco cartões a 375: 80/90/108/90/96px viraram
   87/101/118/101/103.
   O CORPO DE LETRA NO CELULAR NÃO SUBIU, E ISSO É DELIBERADO — é a única peça
   que não cabia. A conta da coluna manda, e vale deixá-la escrita:
     coluna = lado do quadrado - recuo - 2 bordas - 2 respiros - gap - ícone
   A 375 o quadrado tem 345px, e a frase mais longa da família (o aviso do
   07:40) mede 243px a 0,73rem. Crescer a peça ESTREITA a coluna dos dois lados:
   só o ícone indo a 44 já come 4px. Varri as combinações de ícone (42..45),
   respiro (12/13), recuo (8/10) e entreletra (-0,004 a -0,012em) e NENHUMA
   sustenta 0,75rem com folga de 10px sem cortar respiro e gap — para subir o
   corpo dois centésimos de rem eu teria de devolver o ícone, que é justamente
   o que mais faz a peça parecer maior. Então o corpo fica em 0,73rem no
   celular e sobe para 0,86 de 601px para cima, onde a foto tem 520 de largura
   e sobra coluna.
   O QUE PAGOU A CONTA foram duas coisas que não custam coluna e uma que rende:
   o respiro VERTICAL cresceu sozinho (12->14 no celular, o horizontal ficou em
   13), o recuo do cartão dentro da foto caiu de 10 para 8px (4px de cada lado,
   contra 5 — imperceptível) e a entreletra do corpo foi de -0,004 para
   -0,008em, que é o meio do caminho até os -0,012em do título e devolve 1,9px.
   Resultado medido a 375: coluna 254px contra 241,3 de frase — 12,7px de
   folga, contra os 13,8 de antes. Conferido também nas fontes de recurso: a
   Poppins é a MAIS LARGA das três (system dá 224,7 e a sans genérica 214,7 na
   mesma frase), então quem passa na Poppins passa em todas.
   Quem mexer nesses números confere essa frase a 375px antes de qualquer outra
   coisa — e confere junto o cartão do 22:00, que fecha em 3 linhas a partir de
   256px de coluna e ganha uma quarta abaixo disso. */
/* A NOTIFICAÇÃO MORA NA FAIXA DE BAIXO: 74% (07/09/2026, 10a rodada; era 70%
   na 9a, e antes dela era centrada). Centrada no quadrado ela pousava em cima
   do celular e da mão que o segura, que é o assunto da foto — o cartão tapava
   a cena que ele deveria comentar. O CENTRO da peça mora agora a 74% da
   altura, o que na foto do 07:40 põe a peça na faixa 61%..87%.
   O 74% NÃO É GOSTO, É A FOTO MEDIDA. Varrendo a 7-40.png por faixas:
     - celular rosa: 38%..52%    - mão que segura + antebraço: 40%..64%
     - antebraços na mesa: 64%..84%   - caneca: 76%..97%   - prato: 82%..96%
   A borda de cima da peça cai em 61%, abaixo do celular e da mão; a de baixo em
   87%, ou seja, a peça agora ATRAVESSA o topo do prato e da caneca em vez de
   parar neles. Isso foi ordem explícita do dono nesta rodada: passar por cima
   da louça não incomoda, o que não pode é a peça encostar na borda. Sobram 13%
   (46px a 375) de mesa entre o cartão do 07:40 e a borda de baixo.
   AS CINCO FOTOS JÁ EXISTEM (7-40, 9-15, 12-30, 15-30 e 22-00.png estão em
   images/), então este valor não é mais calibrado contra placeholder nenhum: a
   74% os cinco quadrados mostram o rosto e o celular inteiros acima da peça,
   que é o que a composição pede. Continua sendo UM valor só para os cinco.
   DE QUEBRA, ISSO AJUDA O CONTRASTE: a faixa que a peça ocupa é a mais escura
   das fotos (torso e mesa), e a marca d'água do horário mora no terço de CIMA
   (.dia-agua, padding-top 13%), então descer a notificação destapa a marca.
   MEDIDO NOS CINCO A 375x812, folga entre a base da peça e a base do quadrado:
     07:40 46px   09:15 39px   12:30 31px   15:30 39px   22:00 38px
   O pior é o 12:30, que é o único com valor em linha própria (R$ 38) embaixo de
   um corpo de duas linhas. 31px em 345 é 9% — folga de verdade, não fio.
   POR QUE NÃO 75 OU 76%, que o dono também aceitava: a 75% o pior cai para
   27px e a 76% para 24px, e é o 12:30 que paga. 74% é o último degrau que
   mantém o pior cartão perto dos 30px.

   O 74% É UM NÚMERO SÓ, SEM TRAVA EM px AQUI, e a tentativa de travar em px já
   foi feita e estava ERRADA — vale contar por quê, para ninguém repetir. A
   trava (min(70%,calc(100% - 76px))) supunha que a notificação tem altura mais
   ou menos fixa. Não tem: o --dia-lado governa a LARGURA do quadrado além da
   altura, então quando a caixa encolhe a notificação estreita, o texto reflui e
   a peça FICA MAIS ALTA — ela cresce exatamente onde a caixa diminui. Nenhuma
   constante em px serve para os dois extremos ao mesmo tempo.
   Por isso a correção mora em media query, lá embaixo, e nesta rodada ela
   deixou de ser um degrau só: 74% -> 68% -> 50%, com uma condição de LARGURA na
   primeira banda porque num celular de 320px o quadrado é limitado pela
   largura e nenhuma media query de altura alcança o caso. Ver a nota de lá. */
.dia-noti{position:absolute;left:50%;top:74%;transform:translate(-50%,-50%);width:min(calc(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.10) 0%,rgba(255,255,255,0.028) 100%),rgba(16,16,18,0.64);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%);border:1px solid;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:0 20px 48px rgba(0,0,0,0.5),0 3px 10px rgba(0,0,0,0.3),inset 0 1px 1px rgba(255,255,255,0.5),inset 1px 0 1px rgba(255,255,255,0.3)}
.dia-noti-icone{position:relative;flex:none;width:var(--dia-noti-icone);height:var(--dia-noti-icone);border-radius:50%;display:grid;place-items:center}
/* O COMBINADOR DE FILHO AQUI NÃO É ESTILO, É CONSERTO (04/09/2026, 2a rodada).
   Estas duas regras nasceram com descendente (` img`) e alcançavam também o
   <img> do SELO, que mora dentro do ícone. Com 2 classes contra 1, elas ganhavam
   da .dia-noti-badge img: o símbolo do escritório saía com 24px dentro de um
   disco de 18 (vazando por fora, porque o disco não cortava) e com
   filter:brightness(0) invert(1) por cima, ou seja, branco puro sobre disco
   branco. O resultado na tela era exatamente o que o dono viu: uma bolha branca
   com traços deformados escapando do círculo. O `>` prende cada regra ao img
   que é filho DIRETO do ícone e devolve o selo para a regra dele. */
.dia-noti-icone.is-nubank{background:#820ad1}
.dia-noti-icone.is-nubank > img{width:27px;height:auto;filter:brightness(0) invert(1)}
/* O DISCO DO 22:00 VIROU VIDRO. Era #0c0c0d, que funcionava contra o painel
   claro; contra o painel escuro ele é quase-preto sobre quase-preto e o disco
   deixa de existir (1,1:1 sobre a foto). Branco a 12% resolve pelo outro lado:
   fica sempre um degrau ACIMA do painel, seja qual for o fundo, e mantém o
   símbolo em degradê claro legível por cima. O fio interno é o que dá a aresta
   — 12% de branco chapado sem aresta lê como borrão, e é inset (e não uma
   borda) para não roubar 1px do lado de dentro nem mexer na caixa de 40px. */
.dia-noti-icone.is-equipe{background:rgba(255,255,255,0.12);box-shadow:inset 0 0 0 1px rgba(255,255,255,0.22)}
.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}
/* O selo do escritório no canto do ícone. O símbolo é o favicon.svg e não a
   images/simbologia.png: o SVG é vetor e carrega o degradê da marca, e a PNG
   é o mesmo desenho chapado em preto — a 11px, o degradê é o que faz o selo
   ler como marca em vez de borrão.

   DISCO ESCURO, e não branco (ordem do dono, 2a rodada). O símbolo da marca é
   um degradê CLARO (#bc85f8 -> #e27bb7): sobre branco ele quase não existe, e
   os braços finos do monograma somem no antialiasing a 11px. Sobre quase-preto
   o mesmo degradê fica com contraste de sobra e o desenho aparece inteiro.
   O ANEL BRANCO SAIU (05/09/2026, 9a rodada, ordem do dono: só o disco com o
   símbolo). Ele existia para separar o disco escuro do que está embaixo, e a
   nota anterior media o serviço dele: 7,5:1 do anel contra o pior fundo, contra
   2,6:1 do disco quase-preto sozinho. Esses números continuam valendo — o que
   mudou é que o dono prefere a peça mais limpa, e o custo é honesto e está
   medido nos pixels renderizados: sobre o roxo do Nubank o disco dá 2,89:1,
   logo abaixo do piso de 3:1 de elemento gráfico; sobre os avatares de pele
   clara dá bem mais. O que salva o selo é o que está DENTRO dele: o símbolo em
   degradê claro mede 7,55:1 contra o próprio disco, então a marca continua
   nítida. O que ficou mole é a SILHUETA — sobre o roxo o disco lê como uma
   sombra do ícone antes de ler como um disco. Quem quiser a aresta sem o anel
   branco tem duas saídas que não são o anel — subir o disco para um
   quase-preto com fio interno (inset 0 0 0 1px rgba(255,255,255,.22), o mesmo
   truque do .dia-noti-icone.is-equipe), ou trocar a sombra externa por uma mais
   apertada e mais opaca.
   O que ficou é a sombra 0 1px 3px, que continua útil: ela dá um fio de
   separação embaixo sem desenhar contorno.
   O overflow:hidden é cinto e suspensório: mesmo que alguém volte a mandar um
   tamanho grande para este img, ele será cortado pelo círculo em vez de
   vazar. */
.dia-noti-badge{position:absolute;right:-3px;bottom:-3px;width:23px;height:23px;border-radius:50%;overflow:hidden;background:#0c0c0d;display:grid;place-items:center;box-shadow:0 1px 3px rgba(12,12,13,0.3)}
.dia-noti-badge img{width:14px;height:14px;display:block}
/* A ANATOMIA É A DA NOTIFICAÇÃO DE IPHONE: ícone à esquerda, e à direita um
   corpo de três linhas — título com o HORÁRIO no canto, subtítulo ocupando a
   largura inteira, e o valor embaixo, alinhado à direita.
   O SUBTÍTULO ATRAVESSA porque ele é a linha mais longa: dividindo a linha com
   o valor, como era antes, ele sobrava 171px dos 247 e quebrava em duas com
   um "• Martin" órfão embaixo. Sozinho na linha ele cabe inteiro a 375.
   O VALOR DESCEU pelo mesmo motivo que o horário subiu: os dois moram na
   direita, e empilhados eles não brigam pelo mesmo canto. */
/* O ALINHAMENTO DO ÍCONE: CENTRO VERTICAL EM TODOS OS CARTÕES (ordem do dono,
   7a rodada). Antes a âncora era flex-start, que é o que o iPhone faz em
   notificação de muitas linhas; agora é center, e vale igual para o cartão de
   duas linhas e para os de três ou quatro.
   O min-height do corpo CONTINUA e não é sobra: ele garante que o bloco de
   texto nunca fique mais baixo que o ícone, e é o que segura a altura mínima do
   cartão quando a notificação é curta. Com a âncora no centro os dois papéis se
   somam — o corpo se centra dentro da própria caixa mínima, e a caixa se centra
   contra o ícone. */
.dia-noti-corpo{flex:1 1 auto;min-width:0;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}
/* AS TRÊS TINTAS SÃO BRANCO COM ALFA, e não três cinzas cravados: sobre vidro
   o texto tem de escurecer junto com o painel quando o fundo escurece, e alfa
   faz isso sozinho. A escada 0,95 / 0,79 / 0,70 é a hierarquia do banner de
   iOS — título cheio, corpo um degrau abaixo, horário como legenda — e cada
   degrau é o mínimo medido para 4,5:1 mais folga (ver a conta na .dia-noti).
   O HORÁRIO SUBIU DE 0,65 PARA 0,70 na 9a rodada. Medido nos pixels reais, o
   0,65 daria 4,9:1 sobre a foto — ou seja, PASSARIA. Ele subiu mesmo assim, e
   o motivo é margem: com a base do vidro em 0,64 o painel clareou, 4,9 é
   quatro décimos acima do piso, e é justamente o horário que vai encarar as
   quatro fotos que ainda não existem. A 0,70 ele vai a 5,4:1 sobre a foto e
   sobe de 3,05 para 3,3:1 sobre o placeholder, sem empatar com o corpo (0,79):
   a escada continua sendo três tintas distintas, não duas.
   O corpo NÃO pode voltar para 0,72 nem o horário para 0,65 — ver a nota da
   .dia-noti para o que cada um mede hoje sobre a foto e sobre o placeholder. */
.dia-noti-titulo{min-width:0;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}
/* O HORÁRIO SOBE PARA O TOPO DO TÍTULO (08/09/2026, ordem do dono). Vale para
   os DOIS cartões que ainda têm .dia-noti — o 07:40 e o 22:00 —, por isso mora
   na regra compartilhada e não num bloco escopado.
   O QUE ESTAVA ERRADO: a .dia-noti-linha alinha por align-items:baseline, e
   baseline entre duas letras de tamanhos diferentes deixa a MENOR pendurada
   embaixo. Medido no navegador com o TOPO DA TINTA de verdade (canvas,
   actualBoundingBoxAscent da Poppins, não a caixa da linha), o topo dos
   dígitos ficava abaixo do topo do título em:
     961+ (título 17,12px / horário 13,6px)  2,69px no 07:40, 3,21px no 22:00
     600- (título 15,84px / horário 12,8px)  2,32px no 07:40, 2,81px no 22:00
   (os dois cartões diferem porque "Sua equipe fechou o dia" tem ascendente
   mais alta que "Fatura de cartão" — a tinta do título começa mais em cima.)
   Numa notificação de iPhone de verdade o horário lê colado no topo do título,
   não pendurado na base dele.
   O CONSERTO É align-self, E NÃO position:relative;top:-Npx. Um top negativo
   seria um número cravado que só serve para um par de tamanhos: as duas faixas
   de fonte pedem deslocamentos diferentes, e qualquer valor fixo erraria numa
   das duas. Tirando o horário do grupo de baseline (align-self:flex-start) ele
   passa a ancorar no TOPO DA LINHA, que é o topo da caixa do título — e daí a
   distância que sobra até o topo dos dígitos é só a diferença de
   meia-entrelinha entre as duas fontes, que ANDA JUNTO com elas.
   O margin-top:1px é a compensação óptica que fecha a conta, e sem ele o
   horário passaria do ponto: ancorado em zero a tinta dos dígitos ficaria
   ACIMA da tinta do título nos quatro casos (1,10 e 0,58px a 961+; 0,65 e
   0,16px a 600-), que é o defeito oposto e igualmente visível. Com 1px o erro
   final medido é:
     961+   07:40  0,10px acima      22:00  0,42px abaixo
     600-   07:40  0,35px abaixo     22:00  0,84px abaixo
   Ou seja, menos de 1px de desvio em todos, com o horário sempre dentro do
   topo do título e nunca saindo por cima dele.
   DESLOCAMENTO LÍQUIDO DO HORÁRIO: 2,79px para cima a 961+ e 1,98px a 600-.
   A ALTURA DA LINHA NÃO MUDA, e isso importa para as travas do cartão 5: com
   os dois itens em baseline a linha já media a caixa do título (17,13 de
   baseline + 5,13 de sobra = 22,26), e com o horário fora do grupo ela mede a
   mesma caixa do título. Nenhuma peça da família engordou ou emagreceu por
   causa desta regra — conferido no navegador nos dois cartões.
   O .dia-noti-linha CONTINUA em align-items:baseline de propósito: ela é a
   regra de origem e um dia pode ganhar um terceiro filho que queira baseline.
   Quem quiser o horário de volta na base tira o align-self e o margin-top. */
.dia-noti-hora{flex:none;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.70);letter-spacing:0;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}
/* A PERGUNTA DO MARTIN EM LINHA PRÓPRIA, e não emendada no aviso. Corrido, o
   texto quebrava no meio da primeira frase e a pergunta começava no fim de uma
   linha — ilegível de relance, que é como se lê notificação. Em bloco, o corpo
   vira as duas linhas de um banner de iOS de verdade: uma diz o que aconteceu,
   a outra oferece o próximo passo. Mesmo corpo e mesma tinta do aviso de
   propósito: no iPhone o texto da notificação é uniforme, e dar peso à
   pergunta a transformaria num botão que ela não é.
   O text-wrap:pretty acima é da mesma família do text-wrap:balance que a folha
   já usa nas manchetes, e serve para o degrau de 320px: ali cada frase ocupa
   duas linhas e a pergunta terminava com um "gastos?" órfão sozinho embaixo.
   Onde o navegador não conhece a propriedade, ela é ignorada e a quebra volta
   a ser a de sempre — não há nada a perder. */
.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}
/* O VERDE CLAREOU JUNTO COM O VIDRO. O #12a150 é um verde de texto sobre
   branco: no painel escuro ele dá 2,2:1 contra o fundo e o círculo do tique
   some. O #4fd48a é o mesmo verde subido de luminância, e com a base do vidro
   em 0,64 ele mede 4,8:1 sobre a FOTO — bem acima do piso de 3:1 de elemento
   gráfico. Sobre o placeholder claro dos cartões 2 a 5 ele cai para 2,6:1, ou
   seja, fica logo abaixo do piso; entra na mesma conta temporária da base (ver
   .dia-noti) e se resolve sozinho quando as quatro fotos chegarem. O traço tem
   1,5px — é fino, e fino é justamente o que morre primeiro quando o contraste
   cai, então é ele que se confere primeiro se alguém baixar a base de novo. */
.dia-noti-tique{width:25px;height:25px;fill:none;stroke:#4fd48a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
/* O fecho do dia é o único sem valor à direita e com um resumo de duas ou três
   linhas: é o cartão que precisa respirar mais, não menos. */
.dia-noti.is-equipe{width:min(calc(100% - 8px),408px)}

/* O trilho de horários fica FORA dos cartões: ele não pisca junto com o
   crossfade, só troca de tinta. O sublinhado é ::after com altura fixa para o
   ato ativo não empurrar os vizinhos — mudar o peso da fonte faria a régua
   inteira dançar a cada troca. */
.dia-trilho{list-style:none;flex:none;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:0;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}

/* O DESKTOP É A MESMA COMPOSIÇÃO, mais larga e com mais respiro sob o
   cabeçalho (a base dele é 84 aqui contra 74 no celular). Nesta rodada o
   desktop não ganha desenho próprio: era ordem do dono priorizar o celular. */
@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 0 0;--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.80rem}
.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}
}

/* AS TRAVAS DA CAIXA APERTADA: 74% -> 68% -> 50% (07/09/2026, 10a rodada).
   A trava antiga era UM degrau só (74%, antes 70%, caindo direto para 50%) e
   ela não sobrevive à peça maior desta rodada. Foi reescrita em DUAS bandas, e
   a razão está numa medição que a nota anterior não tinha:

   O QUE MANDA NÃO É A ALTURA DA JANELA, É O LADO DO QUADRADO. O quadrado sai de
   min(--dia-larg, max(210px, 100svh - --dia-reserva)), ou seja, ele encolhe
   tanto por altura de janela quanto por LARGURA (--dia-larg é 92% da tela no
   celular). E a peça engorda exatamente onde a caixa encolhe, porque o texto
   reflui. Varrendo o lado do quadrado de 5 em 5px, o pior cartão da família (o
   22:00) tem um DEGRAU LIMPO, não uma rampa:
     lado >= 323px -> peça 119px    lado < 323px -> peça 140px (ganha uma linha)
   A 74%, a folga embaixo é lado*0,26 - peça/2. Nos dois lados do degrau:
     lado 326 -> 25,2px de folga     lado 320 -> 13,4px
     lado 294 -> 7,1px               lado 285 -> 4,3px      lado 280 -> ESTOURA
   Ou seja, 74% só é honesto com o quadrado a partir de ~325px. Acima de 600px
   de largura a fonte é a cheia, os cartões nascem mais altos e o mesmo degrau
   sobe para ~355px de lado.

   POR ISSO EXISTE UMA CONDIÇÃO DE LARGURA (max-width:353px) NA PRIMEIRA BANDA,
   e ela é a novidade que mais importa: num celular de 320px o quadrado é 294px
   POR LARGURA, em qualquer altura de janela. Nenhuma media query de ALTURA
   alcança esse caso — a 320x812, folgadíssimo de altura, o quadrado continua
   294 e a 74% o cartão do 22:00 fica com 7px da borda. 0,92 * 353 = 325 é
   exatamente o degrau de cima, daí o 353.
   E O CELULAR DE VERDADE ENTRA NA BANDA DO MEIO, DE PROPÓSITO: o iPhone de 375
   no Safari tem svh perto de 553, o que dá um quadrado de 291 — abaixo do
   degrau. Antes desta rodada ele ficava nos 70% com 21,6px de folga; agora cai
   nos 68% e fica com 23,3px, ou seja, o mesmo respiro de sempre. Quem quiser o
   74% ali teria 5,8px, que é o que o dono chamou de colada na borda.
   O 68% NÃO É CHUTE: é o degrau que devolve ~23px de folga no quadrado de 291 e
   ainda cabe até o quadrado de ~255 (2,1px). Abaixo disso entra o 50%, que
   continua não sendo valor de desenho — é o único ponto que reparte o excesso
   igualmente entre as duas bordas.

   AS TRÊS FAIXAS DE LARGURA TÊM RESERVAS DIFERENTES, e é isso que faz cada
   banda ter três condições em vez de uma:
     ate 600px  -> reserva 262   (lado = altura - 262)
     601..960   -> reserva 268   (lado = altura - 268, teto de 520)
     961+       -> reserva 190   (lado = altura - 190, teto de 520, piso 240)
   Convertendo o degrau de lado para altura de janela em cada faixa:
     74% pede lado >= 325 -> 590px de altura ate 600px de largura
     74% pede lado >= 355 -> 622px em 601..960  e  545px em 961+
     68% pede lado >= 255 -> 517px ate 600px
     68% pede lado >= 310 -> 578px em 601..960  e  500px em 961+
   Os números abaixo são esses, com 1px de folga para o lado seguro.
   Quem mexer nisso confere 320x812 (largura manda), 375x553 (iPhone real),
   1280x600 e 1280x540 antes de qualquer outra coisa.

   O QUE ESTAS TRAVAS NÃO RESOLVEM, e é honesto deixar escrito: abaixo de uns
   490px de altura no desktop o quadrado bate no piso e o cartão do 22:00 fica
   MAIOR que a caixa. Ali nenhuma posição cabe, o 50% só reparte o corte, e isso
   já era assim antes desta rodada. Consertar de verdade seria encolher a peça,
   não movê-la. */
@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%}
}

/* O CORPO VOLTA AO TAMANHO PEQUENO NA JANELA DESKTOP BAIXA (10a rodada).
   Esta regra é filha da escala nova e existe por um efeito que só aparece
   quando as duas contas se cruzam: de 601px de largura para cima o corpo é
   0,86rem, e o cartão pode ir a 392px — mas o cartão nunca passa do quadrado,
   e o quadrado encolhe com a ALTURA da janela. Quando ele desce de ~396px de
   lado, a coluna cai abaixo dos 284px que a frase do 07:40 pede a 0,86rem e a
   primeira linha quebra. Medido a 1280x560: quadrado 370, cartão 362, coluna
   269 contra 284 de frase — quebra por 15px.
   O 0,75rem NÃO é o maior corpo que cabe a 1280x560 (0,78 caberia, com 11px de
   folga) — é o maior que atravessa a BANDA INTEIRA dos 74% até o piso dela. O
   piso é o quadrado de ~355px, onde a coluna cai para 254: ali 0,78rem mede
   258 e quebra, 0,76 mede 251 e passa raspando com 2,8px, e 0,75 mede 248 e
   fica com 6,1px. Um valor que quebra no meio da própria banda obrigaria a um
   terceiro degrau; 0,75 fecha a banda com um degrau só.
   E o limiar de altura é o ponto onde o quadrado cruza os 396px em cada faixa
   de largura — 586px de janela no 961+ (reserva 190) e 664px entre 601 e 960
   (reserva 268), daí os dois números abaixo.
   ISSO NÃO DESARRUMA AS TRAVAS de cima: corpo menor deixa os cartões mais
   BAIXOS, ou seja, sobra mais folga embaixo do que a calibração previu, nunca
   menos. As travas continuam válidas, só ficam conservadoras nessa faixa.
   No celular a regra é inerte de propósito: lá o corpo já é 0,73rem por outro
   motivo (a coluna estreita), e quem manda é a regra de max-width:600px. */
@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}
}

/* REPOUSO: aqui o degrau é maior que o da ben, e de propósito. Lá o
   prefers-reduced-motion só zera a duração das transições, porque o pin da ben
   nunca chega ao celular e o desktop dela continua com o palco preso. Uma
   seção pinada É movimento — a página para de andar enquanto o dedo anda —,
   então quem pede menos movimento tem de receber a versão sem pin: os cinco
   espaçadores somem (sem caixa, o observador nunca dispara e o data-ato fica
   no 1 do HTML, inofensivo), o palco solta e os cinco cartões viram a pilha
   estática que a .ben-section já usa abaixo de 600px. */
@media (prefers-reduced-motion:reduce){
.dia-passos{display:none}
.dia-palco{position:static;height:auto;padding:0;gap:0}
.dia-quadro{display:block;flex:none}
.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}
}

/* ===== "Um dia com a sua equipe" NO DESKTOP (05/09/2026): duas colunas =====
   Ordem do dono: acima de 960px a seção passa a ter o desenho da .ben-section
   — texto à esquerda descendo com o scroll, visual pinado à direita — e o
   trilho de horários vira VERTICAL, com uma bolinha que desce pela linha
   acompanhando a rolagem. ABAIXO DE 960px NADA MUDA: o regime do celular
   (espaçadores + palco pinado + trilho horizontal) continua byte por byte
   como estava, e é por isso que este bloco inteiro mora dentro de um
   @media (min-width:961px). A divisa é a MESMA da ben — lá é o
   @media (max-width:960px) que apaga a .ben-vitrine — de propósito: duas
   seções irmãs com duas divisas diferentes é o tipo de coisa que ninguém
   lembra de conferir depois.

   OS DOIS REGIMES CONVIVEM PELA CAIXA, NÃO POR UM if NO JS. Cada regime tem o
   seu próprio conjunto de "combustível" de scroll:
     - até 960px: os cinco .dia-passo (uma tela cada), como sempre;
     - de 961px para cima: os cinco .dia-texto da coluna da esquerda.
   A folha põe display:none no conjunto do outro regime, e o observador do
   script.js vigia OS DOIS. Elemento sem caixa não interseta nada, então o
   conjunto apagado simplesmente nunca dispara — e quem redimensiona a janela
   atravessa a divisa sem nenhum estado de JS para reconciliar, porque não há
   estado nenhum. É o mesmo truque que o repouso já usava para se desligar
   sozinho (ver o fim do arquivo).

   O CONTRATO CONTINUA O MESMO: o JS só escreve o data-ato da seção (e, novo
   nesta rodada, o --dia-progresso do trilho, que é um número de 0 a 1). Todo
   o resto — pin, crossfade, tinta do horário ativo, posição da bolinha — é
   folha. O crossfade dos .dia-cartao não foi tocado: no desktop os cartões
   continuam empilhados na mesma célula de grade, só que agora sem o horário e
   a linha de cena, que migraram para a coluna da esquerda. */

/* A REGRA BASE É O display:none, e ela vale para TODO MUNDO menos o desktop.
   Escrita assim (e não como um display:none dentro de um max-width:960px) por
   um motivo de segurança: se um dia alguém apagar a media query de baixo, a
   coluna nova some — que é o pior caso inofensivo — em vez de aparecer no
   celular empilhando cinco telas de texto solto embaixo da seção. Fora do
   desktop ela não é escondida, ela não existe: sem caixa, o observador do
   script.js nunca dispara para ela. */
.dia-textos{display:none}

/* O PARÁGRAFO DO CARTÃO NUNCA APARECE, EM LARGURA NENHUMA — e é de propósito.
   Ele é a cópia semântica do texto longo que o desktop mostra na coluna da
   esquerda (que é aria-hidden): sem ele, o conteúdo novo existiria só do lado
   que o leitor de tela não enxerga. No celular ele também fica recortado
   porque lá o cartão tem orçamento de dobra apertado e a versão curta é a que
   os olhos devem receber. RECORTE DE 1px, NÃO display:none, pelo motivo de
   sempre nesta seção: display:none tira da árvore, e é justamente a árvore que
   este parágrafo existe para servir. Sem media query: o comportamento é o
   mesmo nos dois regimes, então a regra é uma só. */
.dia-leitura{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

@media (min-width:961px){

/* A RESERVA CAIU DE 312 PARA 190px, e a conta é direta: 312 pagava o horário
   grande e a linha de cena EM CIMA do quadrado, que no desktop não estão mais
   lá. Sobra o que o palco realmente gasta em altura — 104px de teto (o vão do
   header fixo) mais 24 de base, com uns 60 de respiro. O quadrado ganha um
   teto próprio de 520px: sem ele, numa tela de 1080 de altura o quadrado ia a
   890px e engolia a composição inteira.
   --dia-alt É UM COMPRIMENTO PURO, sem nenhuma porcentagem dentro, e isso não
   é estilo: ele é multiplicado por --dia-progresso no calc da bolinha, e
   porcentagem dentro de um transform se resolve contra a caixa do PRÓPRIO
   elemento (a bolinha de 11px), não contra a coluna. Um min(100%,...) aqui
   daria uma bolinha que anda 11px em vez de 400. A porcentagem fica só no
   --dia-lado, que é usado em width e portanto resolve contra o pai certo.

   --dia-larg PASSOU A ABRAÇAR A FOTO (05/09/2026, trilho na coluna própria).
   Era min(100%,520px): a moldura tinha 520 de largura mesmo quando a foto
   dentro dela era menor, e numa janela baixa (onde --dia-alt cai para 410) a
   diferença virava vão morto de 55px de cada lado — vão que o trilho, agora
   posicionado contra a borda da moldura, herdaria como respiro falso. Com
   min(100%,var(--dia-alt)) a moldura tem exatamente a medida do quadrado, o
   respiro entre o trilho e a foto é o mesmo em qualquer altura de janela e a
   conta continua a mesma nas janelas altas, porque --dia-alt já nasce
   limitado a 520px.

   --dia-vao É O RESPIRO DAS TRÊS COLUNAS e --dia-trilho-larg é a largura da
   coluna do meio. Os dois são um só valor cada porque o trilho tem de ter o
   MESMO respiro dos dois lados: o mesmo --dia-vao separa texto/trilho na
   grade e trilho/foto dentro do palco. Mexer num sem o outro faz o trilho
   descolar de um lado e grudar no outro, que é exatamente o defeito que esta
   rodada veio consertar. A largura de 54px é a caixa natural do <ol> (o
   horário de 0,72rem mais os 18px de recuo até o eixo) com uma folga de 5px
   para nenhuma renderização de fonte quebrar "07:40" em duas linhas. */
.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)}

/* A GRADE TEM TRÊS COLUNAS (05/09/2026, segunda passada de desktop): texto,
   TRILHO e palco. Ela nasceu com duas (4,8fr / 7,2fr) e o trilho morava
   dentro do palco, encostado na foto — ordem do dono desta rodada foi
   descolá-lo de lá e levá-lo para a fronteira entre as colunas, lendo como
   uma coluna própria.
   A COLUNA DO MEIO É REAL, de largura fixa (--dia-trilho-larg), e o mesmo
   --dia-vao separa as três. É o que garante o respiro simétrico: medido a
   1280, o texto acaba em 502, o trilho ocupa 560-616 e a foto começa em 674 —
   58px de cada lado do trilho, contra os 91/33 de antes.
   4,5fr / 5,5fr NÃO É ARREDONDAMENTO: é a proporção que devolve a coluna de
   texto com a MESMA largura de antes (464px a 1280, 502 a 1440) depois de
   descontar a coluna nova e o vão a mais. O texto desta rodada cresceu — virou
   headline, parágrafo e tag — e a ordem era não roubar largura dele; ele
   ganha alguns pixels em vez de perder.
   O PALCO É QUE ATRAVESSA DUAS COLUNAS (ver o grid-area dele abaixo), e não o
   trilho que virou irmão de grade: o <ol> precisa continuar sendo filho do
   palco no HTML, porque é lá dentro, DEPOIS do quadro, que o regime do
   celular o desenha. Tirar o trilho de dentro do palco mexeria no celular, que
   nesta rodada não podia ser tocado. Então o palco cobre as colunas 2 e 3, e o
   flex dele redivide a própria caixa exatamente nas mesmas medidas da grade
   (trilho = --dia-trilho-larg, vão = --dia-vao, resto = a foto).
   A largura da coluna-mãe (94% / 1300px) é a mesma da ben, de propósito: as
   duas seções têm de pousar na mesma margem quando o visitante passa de uma
   para a outra.
   A trilha continua sendo UMA linha de grade só: a altura dela é a
   da pilha de textos (cinco telas) e o palco divide a mesma linha com
   align-self:start, grudando dentro dela. O palco não é irmão de fluxo por
   isso mesmo — fosse, somaria uma sexta tela e o dono rolaria uma tela em
   branco no fim. */
.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}

/* O padding do bloco de texto é O MESMO do palco (teto + base). Não é enfeite:
   é o que faz o centro óptico do texto cair na mesma altura do centro do
   quadrado. Sem ele o texto se centraria em 50svh e o quadrado em 50svh+40px,
   e os dois lados ficariam desalinhados por 40px em toda a seção. Como o
   box-sizing global é border-box, a caixa continua com exatamente 100svh e a
   geometria dos atos (um bloco por tela) não muda. */
.dia-textos{display:block;grid-area:1/1;min-width:0}
.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}

/* A TIPOGRAFIA DO BLOCO É A DA BEN, um degrau abaixo (05/09/2026, texto
   longo). Lá a hierarquia é .ben-titulo (peso 400, tinta cheia) / .ben-corpo
   (peso 300, tinta-2, 46ch) / .ben-exemplo; aqui o horário gigante já é o
   primeiro degrau, então a headline entra um pouco menor que a da ben para
   não brigar com ele: quatro pesos visíveis em ordem — horário, headline,
   parágrafo, tag.
   O TETO DE 100svh DO BLOCO É O QUE MANDA no tamanho do texto, e não o
   contrário: se um bloco estourar a tela ele deixa de ter a mesma altura dos
   outros, e é a IGUALDADE DAS ALTURAS que faz a bolinha do trilho bater no
   horário aceso (o script mede o curso entre o primeiro e o último bloco e
   divide por quatro — ver o fim do script.js). Medido no pior bloco (o 09:15,
   com o parágrafo mais longo) a 1280x600, que é a janela mais baixa que vale
   a pena defender: 318px de texto dentro de 472px de caixa útil. Sobra, e é
   para sobrar mesmo — quem crescer o texto confere isso de novo.
   A MEDIDA DE 50ch no parágrafo dá 52-56 caracteres por linha nas larguras
   que importam (465px de coluna a 1280, 503 a 1440), dentro da faixa
   confortável de leitura. Ela é teto, não piso: abaixo de 1150px a coluna é
   mais estreita que 50ch e a linha encolhe junto, sem nunca passar do teto —
   e é por isso que o corpo tem uma rampa de tamanho em vez de 1rem fixo. Nos
   961px, onde a coluna cai para 343px, 16px dariam 40 caracteres por linha
   (curto demais); a rampa desce para 15px ali e devolve os 45. De 1280 para
   cima ela já está no teto de 1rem, que é o tamanho do .ben-corpo.
   A headline não leva medida própria de propósito — ela ocupa a coluna, com
   text-wrap:balance para não deixar uma palavra órfã na última linha. */
.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:0 0 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:0}

/* A TAG DO ASSESSOR é a assinatura do bloco: quem, dentro do escritório,
   resolveu aquilo. Pílula de 980px como as do cabeçalho, fio de --dia-fio
   (10% de tinta) e duas vozes dentro — o nome em peso 500 na tinta cheia, o
   cargo em peso 300 na tinta-2 — para ela ser lida como etiqueta e não como
   mais uma linha de texto.
   O align-self:flex-start existe porque o bloco é um flex column: sem ele a
   pílula esticaria de ponta a ponta da coluna e viraria uma faixa.
   O PONTO SEPARADOR É CSS, não markup, e isso resolve o quinto ato de graça:
   o 22:00 não tem cargo (é "Sua equipe completa"), o <span> do cargo não
   existe lá e o separador simplesmente não nasce. Sem span vazio, sem regra
   :empty, sem ponto solto pendurado no fim da pílula. */
.dia-tag{display:inline-flex;align-items:baseline;align-self:flex-start;margin:22px 0 0;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:0 7px;opacity:0.5}

/* O PALCO ATRAVESSA AS COLUNAS 2 E 3 e redivide a própria caixa nas mesmas
   medidas da grade: trilho travado em --dia-trilho-larg (a coluna do meio),
   vão de --dia-vao (a mesma calha da grade) e a moldura no que sobra. O
   resultado na tela é o de três colunas de verdade, sem o <ol> ter de sair de
   dentro do palco no HTML — que é o que o regime do celular exige (ver a nota
   da grade acima).
   O justify-content:flex-start SUBSTITUIU o center herdado, e essa é a linha
   que faz o trilho ficar onde a grade prometeu. Com center, o par
   trilho+moldura se centrava na caixa toda e a sobra da coluna 3 (a diferença
   entre a coluna e os 520px do quadrado) se repartia nas duas pontas,
   empurrando o trilho de volta para cima da foto — o defeito que esta rodada
   conserta. Com flex-start, trilho e vão pousam nas medidas de cima e a sobra
   fica toda na margem direita, que é onde ela não desalinha nada. Medido a
   1280x800: a foto continua nascendo em 674 (era 675 antes desta rodada), ou
   seja, o quadrado NÃO se mexeu — só o trilho.
   O order:-1 põe o trilho à esquerda sem mexer no HTML — no celular ele
   precisa continuar DEPOIS do quadro, dentro da coluna, e trocar a ordem no
   documento quebraria exatamente isso. */
.dia-palco{grid-area:1/2/2/4;flex-direction:row;justify-content:flex-start;gap:var(--dia-vao)}
.dia-quadro{min-width:0}

/* O HORÁRIO E A CENA DENTRO DO CARTÃO SOMEM DOS OLHOS, NÃO DA ÁRVORE. Um
   display:none aqui seria mais curto e estaria errado: os cinco cartões são a
   linha do tempo que o leitor de tela percorre em sequência (ver a nota lá em
   cima), e sem o horário cada cartão viraria uma notificação solta. Com o
   recorte de 1px o texto continua sendo lido, colado na notificação dele, e a
   cópia visível da esquerda é que leva aria-hidden no HTML. Uma cópia para os
   olhos, uma para o leitor, nunca as duas ao mesmo tempo. */
.dia-cartao .dia-hora,.dia-cartao .dia-cena{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* O TRILHO VERTICAL. Três peças em cima do mesmo eixo, que é a borda direita
   do <ol>: a LINHA (::before), os cinco PONTOS (o ::after de cada horário, que
   no celular é o sublinhado) e a BOLINHA (::after do <ol>).
   A LINHA VAI DE PONTO A PONTO, não de borda a borda: ela começa e termina no
   centro do primeiro e do último horário (daí os dois recuos de metade de
   --dia-marco-alt). Assim o percurso da bolinha é exatamente o comprimento da
   linha, e o degradê de duas paradas duras pinta em tinta o trecho já andado e
   em fio o que falta — a linha vira a própria barra de progresso, sem nenhum
   elemento a mais.
   A BOLINHA ANDA POR TRANSFORM, nunca por top: --dia-progresso é um número
   puro e o calc o multiplica por comprimentos puros, então trocar o número
   repinta e recompõe, mas não remede layout nenhum. O -50% do translate é a
   metade da altura DELA (11px), que é o que põe o centro dela no ponto certo.
   O anel branco de 4px é o que a faz passar por cima da linha e do ponto sem
   virar borrão.
   --dia-progresso NASCE EM 0 AQUI, na folha: antes da primeira rolagem (e no
   navegador em que o JS falhe) a bolinha fica pousada no 07:40 em vez de o
   calc inteiro virar inválido. */
.dia-trilho{order:-1;flex:0 0 var(--dia-trilho-larg);position:relative;flex-direction:column;align-items:stretch;justify-content:space-between;gap:0;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:0;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:0;top:0;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)}
/* A altura fixa do horário é o que faz o space-between distribuir os cinco em
   passos iguais — e é a mesma medida que o calc da bolinha usa para achar o
   centro do primeiro e do último. Mudar uma sem a outra desalinha a bolinha
   dos pontos. */
.dia-marco{height:var(--dia-marco-alt);padding:0 18px 0 0;display:flex;align-items:center;justify-content:flex-end;font-size:0.72rem;white-space:nowrap}
/* O sublinhado do celular vira ponto no eixo. A tinta continua sendo
   currentColor, então o ponto do ato ativo escurece junto com o horário, pela
   mesma regra [data-ato] de sempre — que, tendo especificidade maior, também
   continua mandando na opacidade e leva o ponto ativo de 0,5 para 1. */
.dia-marco::after{left:auto;right:0;bottom:auto;top:50%;transform:translate(50%,-50%);width:7px;height:7px;border-radius:50%;opacity:0.5}
}

/* AQUI MORAVA O DESTRAVE DO DESKTOP, e ele SAIU na 10a rodada (07/09/2026).
   Ele existia como remendo: a trava antiga tinha uma condição só para tudo
   acima de 600px de largura (max-height:585px), calibrada quando o quadrado do
   desktop saía de 100svh-312. Quando o desktop passou a sair de 100svh-190 o
   quadrado nasceu ~120px maior na mesma janela, a condição virou pessimista
   para o 961+, e a saída foi um segundo @media que desfazia o primeiro numa
   faixa — um destrave que só se entende lendo as duas regras juntas.
   As travas novas não precisam dele porque já separam as TRÊS faixas de
   largura na própria condição, cada uma com o limiar da sua reserva (ver a
   nota das travas, mais acima). Uma regra a menos, e nenhuma que desfaz outra.
   Se alguém voltar a mexer nos limiares, mexe lá em cima — não aqui. */

/* O SEGURO DA JANELA BAIXA (05/09/2026, texto longo). O bloco de texto tem
   100svh de altura mínima e o texto novo tem de caber DENTRO dela: um bloco
   que estoura deixa de medir o mesmo que os outros quatro, e a bolinha do
   trilho — que o script posiciona dividindo o curso por quatro — sai de baixo
   do horário aceso. Medido: o pior bloco pede 317px e a caixa útil é
   (altura - 104 de teto - 24 de base), o que dá 472px a 600 de janela e 352 a
   480. Sobra até ali; abaixo disso a conta viraria, e é onde esta regra entra,
   encolhendo horário, headline e vãos em vez de deixar o texto vazar. 560px é
   o gatilho porque é o primeiro degrau em que a folga cai de 155 para menos de
   120px — antes de apertar, não depois. Reduzir tipografia, nunca cortar
   texto: o parágrafo inteiro continua na tela. */
@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}
}

/* REPOUSO, A SEGUNDA PASSADA: o bloco de prefers-reduced-motion que fecha o
   arquivo foi escrito antes do desktop novo e não sabe desfazê-lo. Como as
   regras acima vêm DEPOIS dele na folha e têm a mesma especificidade, elas
   venceriam dentro do repouso e o desktop continuaria em duas colunas com o
   palco pinado — exatamente o que o repouso existe para não fazer. Este bloco
   desfaz peça por peça o que o de cima acrescentou, e o resultado é o mesmo de
   sempre: grade de uma coluna, sem coluna de texto, sem trilho, e os cinco
   cartões completos (horário, cena e foto) empilhados de cima a baixo. */
@media (prefers-reduced-motion:reduce){
.dia-trilha{grid-template-columns:1fr;gap:0}
.dia-textos{display:none}
.dia-palco{grid-area:auto;flex-direction:column;gap:0}
.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}
}

/* ===== Comunicação (05/09/2026): apresentação completa do cabeçalho da seção
   "Um dia com a sua equipe".
   O topo desta seção nasceu com um rótulo curto ("Um dia com a sua equipe.") e
   um sub de uma linha. O dono pediu a apresentação COMPLETA, no molde da
   .emp-topo: uma headline de problema→solução que já entrega a promessa antes
   do palco começar. O que a headline perdeu de brevidade, o kicker recupera —
   a frase curta virou etiqueta, e a headline virou a cena.

   O QUE É HERDADO DA .emp-headline, PEÇA POR PEÇA: nada de tipografia nova. A
   .dia-headline já era gêmea dela na regra base (Poppins, 2.2rem, peso 400,
   letter-spacing -0.02em, line-height 1.25, text-wrap:balance) e continua
   sendo — este bloco não encosta em corpo, peso nem entrelinha. A ÚNICA coisa
   que muda é a LARGURA DE LINHA, que é o que uma headline longa realmente
   pede.

   POR QUE 980 E NÃO OS 800 DA .emp-topo. A folha já tem os dois degraus e o
   critério: 800px é a medida de topo de seção (regra de 31/08, que alargou
   ag/cli/emp/exp/gd/mostra/preco/vit de 620 para 800), e 980px é a exceção
   documentada logo abaixo dela para os topos cuja headline é longa demais para
   fechar em linhas cheias a 800 (.ag-topo e .exp-topo). Medido a 1280 com a
   frase nova: a 800px ela quebra em 4 linhas de 675/620/584/572 (109px de
   sobra na mais curta — a mancha desanda no fim); a 860 e acima ela fecha em 3
   linhas de 797/818/845, 48px entre a maior e a menor. O degrau real é 860; os
   980 são os do clube que já existe, e sobra é inerte (o max-width só morde
   acima de ~1065px de viewport, porque abaixo disso os 92% de largura já são
   mais estreitos). Nenhuma media query, pela mesma razão que a regra de
   .ag-topo/.exp-topo não precisa de uma.

   O SUB VOLTA PARA A MEDIDA DA FAMÍLIA. O 52ch da regra base valia para o sub
   antigo, de uma linha; com o texto novo ele dava 3 linhas de 318/360/370 numa
   caixa de 451px, estreita demais debaixo de uma headline de 845. Os 620px são
   os mesmos de .ag-topo .ag-sub / .exp-topo .exp-sub etc. — mesma forma de
   seletor, mesma especificidade — e fecham em 2 linhas de 515/537. No celular
   a regra é inerte (92% de 375 dá 345px).

   "DENTISTA" VIROU "CONSULTA" EM 08/09/2026, e a troca foi remedida em toda a
   família antes de entrar. O motivo é de conteúdo, não de forma: o tema do
   dentista saiu do cartão 2 (o ato 09:15 virou a consulta da pediatra da Alice)
   e esta era a última menção a dentista da seção — a headline prometia uma cena
   que o palco não entrega mais.
   AS DUAS PALAVRAS TÊM O MESMO NÚMERO DE LETRAS e "consulta" é ~5px mais larga
   em Poppins, o que muda a primeira linha e mais nada. Medido nas duas versões,
   lado a lado, com a Poppins confirmada carregada (linhas / % da mais curta
   sobre a mais longa — quanto MAIOR o número, menos órfã):
     1280, 1440, 1100 e 961 (caixa 980/884, 35,2px) .. 4 linhas, 87% (era 88%)
     601 (caixa 553, 35,2px) ......................... 7 linhas, 38% (igual)
     375 (caixa 345, 22,4px) ......................... 7 linhas, 63% (era 64%)
     360 (caixa 331, 20,0px) ......................... 6 linhas, 100% (igual)
     320 (caixa 294, 20,0px) ......................... 7 linhas, 91% (igual)
   Ou seja: a estrutura de quebra é a MESMA nas duas versões em toda largura
   medida — só a primeira linha engorda os 5px da palavra. Nenhum degrau ganhou
   ou perdeu linha, e nenhum ganhou órfã.
   DUAS COISAS QUE ESTA MEDIÇÃO ENCONTROU E NÃO SÃO DA TROCA DE PALAVRA, ficam
   escritas para não se perderem: (1) os números de linha desta nota e os da
   nota do degrau de 360 são de uma rodada anterior e NÃO reproduzem mais (aqui
   dizia 3 linhas a partir de 860, mede-se 4; lá dizia 6 linhas a 320 e 5 a 360,
   medem-se 7 e 6) — a escolha dos 980 continua de pé, o que envelheceu foi a
   contagem; (2) o pior degrau da família é o de 601 a 960px, onde a headline
   ainda está nos 2,2rem do desktop dentro de uma caixa de 553px e fecha a
   sétima linha com 38% da mais longa. É a única órfã de verdade da seção, ela
   já existia antes desta troca e não é assunto desta passada.

   O RESPIRO ABAIXO ENCOLHE PORQUE O BLOCO CRESCEU. O cabeçalho passou de
   101,6px para ~250px a 1280, e o clamp(40px,4.4vw,56px) original foi
   calibrado para o bloco pequeno. Com o palco logo abaixo abrindo com mais
   104px de --dia-teto, o vão visível até a primeira peça era de 160px e passa
   a 148px — continua sendo mais de 3x o ritmo interno do cabeçalho (14px entre
   kicker, headline e sub), então a hierarquia "isto é um bloco, aquilo é
   outro" não muda; só devolve ao palco parte da primeira tela que a headline
   nova tomou. */
.dia-topo{max-width:980px;margin-bottom:clamp(36px,3.4vw,48px)}
.dia-topo .dia-sub{max-width:620px}

/* O KICKER SEGUE A ÚNICA ETIQUETA DE CABEÇALHO DE SEÇÃO QUE A FOLHA JÁ TEM, a
   .intg-kicker: Poppins, 0.72rem, peso 400, 0.14em de entreletra, caixa alta.
   A tinta é a diferença de propósito — a .intg-kicker usa #8a8a92, que mede
   3,4:1 no branco e não passa o piso de 4,5:1 de texto pequeno. Esta seção tem
   token secundário próprio, o --dia-tinta-2 (#6a6a70), que mede 5,37:1 e é a
   mesma tinta do sub: o cabeçalho fica com duas tintas ao todo (a cheia da
   headline, a secundária do kicker e do sub), e não três.
   A entrelinha é cravada em 1.3 porque 'normal' em caixa alta com entreletra
   larga varia de fonte para fonte e este é o primeiro elemento da seção — se
   ele mudar de altura, o cabeçalho inteiro desce junto. */
.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}

/* No celular a headline cai para 1.4rem (regra que já existia, alinhada com o
   bloco de headlines padronizadas de 31/08) e o sub para 0.82rem. O kicker tem
   de descer junto, ou a etiqueta fica quase do tamanho do sub debaixo de uma
   headline de 22px. Entreletra também afrouxa um degrau: 0.14em em 10px começa
   a rasgar a palavra. */
@media (max-width:600px){
.dia-kicker{font-size:0.64rem;letter-spacing:0.12em;margin-bottom:10px}
}

/* O DEGRAU DE 360: A HEADLINE NOVA CAI DO PENHASCO EXATAMENTE A 320px.
   Medido na caixa de 294px (os 92% de um iPhone SE), varrendo o corpo de
   17,5px a 23px de meio em meio pixel: a última linha fecha com 79% a 100% da
   caixa em TODOS os corpos até 22,0px e desaba para 19% em 22,5px — ou seja, a
   frase ganha uma sétima linha ocupada só por "hora.". Os 1.4rem da regra de
   celular dão 22,4px, que é o primeiro passo depois da borda. Não é um
   problema de tamanho, é uma quebra: em 22,4px sobra espaço para "a" na sexta
   linha e nada mais.
   O text-wrap:balance não salva aqui porque o Chrome só balanceia blocos
   curtos — a partir de cinco linhas ele devolve a quebra natural, e as três
   medições (balance, pretty, wrap) dão o mesmo resultado. O 'pretty', que
   existe justamente para órfã, mede PIOR nesta frase (26% contra 19%): ele
   encurta a última linha em outros pontos da faixa. Fica o balance, que é o
   que as irmãs usam.
   OS 1.25rem (20px) SÃO O MEIO DO PLATÔ, não a beira dele: sobram 2,4px até o
   penhasco de cima e o platô continua limpo 2,5px para baixo. A 320px a frase
   fecha em 6 linhas com 90% da caixa na última; a 360px, em 5 linhas com 80%.
   Conferido também com a fonte de sistema no lugar da Poppins (caso a
   webfont não carregue): 5 linhas e 81% a 320px — a queda é da métrica da
   Poppins, e o corpo menor cobre as duas.
   O bloco de headlines padronizadas de 31/08 (max-width:600px, 1.4rem) não
   entra nesta faixa porque a .dia-headline nunca esteve nele: ela tem override
   próprio de mesmo valor, então a coerência com as irmãs se mantém onde as
   irmãs existem (601 a 375) e só o degrau mais estreito diverge — que é onde
   esta frase, a mais longa da página, precisa divergir. */
@media (max-width:360px){
.dia-headline{font-size:1.25rem}
}

/* ===== O CLUSTER DE CONVERSA DO CARTÃO 3 (12:30) — prefixo zap3- (08/09/2026)
   ===========================================================================
   O QUE ESTE BLOCO É: a peça que substitui a .dia-noti DENTRO DO CARTÃO 3, e
   só dele. Os outros quatro cartões continuam com o banner de vidro escuro
   byte por byte — nada aqui redefine, herda ou encosta em qualquer classe
   .dia-noti*. O prefixo próprio é o contrato: se um dia o cartão 3 voltar a
   ser notificação, apaga-se este bloco inteiro e a seção fica intacta.

   POR QUE CONVERSA E NÃO NOTIFICAÇÃO. Os cinco atos não são o mesmo tipo de
   cena. Em quatro deles o escritório AVISA (fatura vencendo, consulta marcada,
   documento achado, dia fechado) e o banner de iOS é a forma certa: ele diz
   "chegou isto para você". No 12:30 quem age primeiro é o visitante — ele
   manda o gasto. Notificação nenhuma mostra alguém mandando mensagem; ela só
   mostra o eco. O par de bolhas mostra os dois lados, e é o único ato em que
   isso é a informação.

   O VOCABULÁRIO É O DA .mostra-section, COPIADO E NÃO INVENTADO. De lá vêm,
   valor por valor: o verde #d8fdd2, a tinta #111b21, a pilha de fontes de
   sistema (o WhatsApp não usa Poppins — usar a fonte da marca aqui mataria a
   citação), o raio de 10-11px com o CANTO DO BICO quadrado, a sombra de
   contato 0 1px 0.5px rgba(11,20,26,.13), o bico como ::after de
   background-color:inherit recortado em clip-path, o horário absoluto no canto
   de baixo e o truque do ::after invisível dentro do texto que reserva a vaga
   dele na última linha. O path do tique duplo é o MESMO da .mostra-visto,
   copiado caractere por caractere no HTML.

   O QUE TEVE DE MUDAR, E POR QUÊ (as duas divergências são de contraste, e as
   duas são medidas):

   1) O AZUL DO TIQUE. O --mostra-azul é #53bdeb, que é o azul verdadeiro do
      WhatsApp. Sobre o verde #d8fdd2 ele mede 1,92:1 — abaixo até do piso de
      3:1 de elemento gráfico. Lá na .mostra-section isso passa porque as
      bolhas rolam numa esteira decorativa; aqui elas são a peça principal do
      ato. O #1e93cc é o mesmo azul descido de luminância e mede 3,10:1 sobre o
      verde. É exatamente a manobra que a .dia-noti-tique já tinha feito com o
      verde do tique (#12a150 -> #4fd48a) pelo mesmo motivo. Quem quiser voltar
      ao #53bdeb está trocando a citação exata por um tique que some.
   2) A TINTA DO HORÁRIO. A .mostra-meta usa rgba(11,20,26,0.45), que dá 3,6:1
      sobre branco. 0,60 dá 4,87:1 sobre branco e 4,70:1 sobre o verde — os dois
      acima de 4,5:1. O texto das falas é #111b21 puro: 17,5:1 no branco e
      15,7:1 no verde, que é onde tinha de estar a folga toda.

   O NOME É A COR DO MARTIN, O CARGO É A DA SEÇÃO (revisto em 08/09/2026, na
   passada de consolidação). Até esta rodada o nome saía no #2f6fed da Sofi,
   com a justificativa de que dois cartões seguidos com nomes em cores
   diferentes leriam como defeito. O DONO DECIDIU O CONTRÁRIO: cor por assessor
   é IDENTIDADE, não ruído — o cartão 4 já vinha com o laranja da Luna, e a
   seção inteira passa a falar essa língua. O #0f7a52 não é invenção: é a cor
   que o .pn-balao-quem b já dá ao Martin no resto do site (ele é o <b> sem
   classe daquela regra, ao lado de is-sofi, is-luna e is-theo).
   O MAPA DA SEÇÃO, MEDIDO SOBRE BRANCO, com a régua de 4,5:1 de texto:
     Sofi (cartão 2)   #2f6fed  4,55:1  (passa raspando — é o de menor folga)
     Martin (cartão 3) #0f7a52  5,35:1
     Luna (cartão 4)   #ad5f20  4,74:1
   O cargo é o mesmo #6a6a70 (--dia-tinta-2) nos três, 5,37:1: quem varia é a
   identidade, não a linha de apoio. Os dois moram em variável
   (--zap3-nome-tinta e --zap3-cargo-tinta) para trocar num lugar só.

   A GEOMETRIA É A DA .dia-noti, DE PROPÓSITO. Mesmo left:50% + top:74% +
   translate(-50%,-50%), e o cluster inteiro herda o crossfade porque quem
   apaga e acende é o .dia-cartao inteiro, não a peça. Os 74% e as travas de
   janela baixa não são valor de desenho: são o resultado da varredura descrita
   na nota grande da .dia-noti, e este bloco REPETE as mesmas condições de
   media query em vez de tentar herdá-las (herdar exigiria escrever dentro das
   regras .dia-noti, que não são minhas nesta rodada).

   O ORÇAMENTO DE ALTURA, MEDIDO E REFEITO DUAS VEZES EM 08/09/2026. Primeiro o
   teto de ~70% do quadrado ENGORDOU a peça (a fala do Martin passou a fechar em
   três linhas no celular); depois a passada de consolidação a EMAGRECEU em duas
   frentes — saiu o retrato da assinatura (20px de linha viraram 13,4px) e a
   escala do celular desceu um degrau inteiro para acompanhar os cartões 2 e 4
   (ver a nota da media query de 600). O que manda não é a altura da janela, é o
   LADO DO QUADRADO — e a peça engorda exatamente onde a caixa encolhe, porque o
   texto reflui. Medido depois das duas mudanças (folga = a menor das duas, já
   que o cluster é CENTRADO no eixo e paga metade de cada variação em cada lado):
     lado 520 (desktop 1280x800 e 1440x900)   -> cluster 139px, folga 79px
     lado 410 (1280x600)                      -> cluster 139px, folga 48px
     lado 350 (1280x540, a 65,5%)             -> cluster 106px, folga 68px
     lado 345 (375x812 e 375x667, a 71,5%)    -> cluster 106px, folga 46px
     lado 332 (800x600, a 65,5%)              -> cluster 106px, folga 62px
     lado 294 (320x568, a 65,5%)              -> cluster 115px, folga 44px
     lado 291 (iPhone real, svh 553, a 65,5%) -> cluster 116px, folga 42px
     lado 240 (1280x400, o piso do desktop)   -> cluster 135px, folga 52px
   O 375 era o caso apertado da família (25px de folga, o mesmo respiro do
   melhor caso da .dia-noti, e foi ele que fixou o top em 71,5%); com a escala
   nova ele passa a 46px e vira o mais apertado da tabela por margem confortável
   — o piso de 240 do desktop, que era o pior caso com 29px, subiu para 52px
   quando o segundo degrau de janela baixa entrou. Quem crescer o texto de uma
   das falas refaz esta conta: no 520, no 410 e agora também no 345 a bolha
   branca está em DUAS linhas, e a terceira custa ~15px de uma vez na escala
   nova (eram ~20px na antiga).

   A LARGURA TEM MARGEM MAIOR QUE A DA .dia-noti (28px contra 8) e não é
   capricho: o bico do balão sai 7px para FORA da bolha. Desde o teto de ~70%
   a bolha não chega mais perto que 12px da borda do quadrado no celular (era
   12px de recuo do fio mais o que o teto novo devolve), mas a margem do fio
   continua sendo o que garante o bico no quadrado minúsculo, onde o teto de
   cqw desliga e a bolha volta aos 88/92% do fio.

   AS BOLHAS SÃO width:max-content COM TETO, que é como o WhatsApp desenha: a
   bolha abraça o texto quando ele é curto e trava no teto quando é longo.
   Sem o max-content as duas ficariam com a mesma largura e o par pareceria uma
   tabela de duas linhas, não uma conversa.
   >>> OBSOLETO EM 08/09/2026, MAIS TARDE NO MESMO DIA. Este parágrafo, e todo
   este bloco onde ele falar em teto, max-width ou max-content, descrevem hoje
   apenas o FALLBACK (navegador sem unidade de container). O que desenha é a
   LARGURA CRAVADA de 72cqw do bloco "AS SEIS BOLHAS DA .dia-section PASSAM A
   TER LARGURA CRAVADA", no fim da folha — leia aquela nota antes de mexer em
   largura aqui. O recuo do fio deste cluster também é de lá. <<<

   AS FALAS FICAM NA ÁRVORE DE ACESSIBILIDADE; o chrome, não. Horário e tique
   levam aria-hidden no HTML porque repetiriam o "12:30" que o .dia-hora do
   cartão já diz. O nome e o cargo do Martin continuam legíveis: são conteúdo,
   e é a mesma informação que a .dia-tag do desktop carrega. */
.zap3-fio{position:absolute;left:50%;top:71.5%;transform:translate(-50%,-50%);
  width:min(calc(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%}

/* O TETO DE ~70% DO QUADRADO (08/09/2026, correção pedida pelo dono).
   O QUE ESTAVA ERRADO: o --zap3-max é fração do FIO, e o fio não é uma fração
   constante do quadrado — ele é min(100% - 28px, 400px). No celular o fio dá
   93% do lado, então os 92% de teto viravam 85,6% do QUADRADO: bolha quase de
   borda a borda, com o bico raspando o canto arredondado da foto. No desktop o
   mesmo 88% dava 67,7%, porque ali o fio trava em 400 dentro de um quadrado de
   520. Ou seja: o número era o mesmo e o desenho não — o olho lê a bolha
   contra o QUADRADO, não contra o fio invisível.
   A RÉGUA CERTA É A DO APLICATIVO: o WhatsApp trava a bolha perto de 70% da
   largura da conversa, e é por isso que uma fala longa lá quebra em mais
   linhas em vez de esticar. Então o teto passa a ser medido em cqw — fração do
   PRÓPRIO QUADRADO —, que é exatamente o critério que o cluster do cartão 2 já
   usa para a tipografia dele. O container é declarado abaixo, no .dia-foto
   deste cartão e só dele, do mesmo jeito que os cartões 2 e 4 já fazem.
   O TETO MORA EM DUAS VARIÁVEIS E A max-width É O min() DAS DUAS. O --zap3-max
   continua sendo o teto em fração do fio; o --zap3-teto é o teto em fração do
   quadrado. Quem manda é o MENOR dos dois, então o cqw só APERTA — nas janelas
   em que o fio já era estreito em relação ao quadrado (o desktop, e a faixa de
   600px onde o quadrado é grande mas a media query ainda é a de celular) o teto
   antigo continua valendo e nada se move.
   O VALOR DE PARTIDA DO --zap3-teto É 100%, QUE É NEUTRO de propósito: 100% do
   fio nunca é menor que os 88/92%, então min() devolve o valor antigo. Quem
   liga o teto de verdade é o @container logo abaixo. Isso dá o fallback de
   graça — navegador sem unidade de container ignora o bloco @container inteiro,
   o teto fica em 100% e a bolha volta ao desenho de antes, sem nenhum valor
   inválido no meio.
   O PISO DE 262px NÃO É ARBITRÁRIO: é o mesmo limiar do seguro do cartão 2 (o
   @container max-width:262px de lá), e existe pelo mesmo motivo. Abaixo dele o
   quadrado está no piso do desktop de janela baixíssima e QUALQUER peça disputa
   a caixa; apertar a bolha a 72% ali só empilharia linha e estouraria a altura.
   Então, no quadrado minúsculo, o teto de largura desliga e o desenho antigo
   volta — é o único lugar onde a bolha pode passar dos 72%.
   MEDIDO, bolha / lado do quadrado, depois desta regra:
     375x812 e 375x667 (lado 345) .... 248 / 345 = 72,0%
     320x568 (lado 294) .............. 212 / 294 = 72,0%
     1280x800 e 1440x900 (lado 520) .. 352 / 520 = 67,7% (o fio de 400 manda)
     1280x600 (lado 410) ............. 295 / 410 = 72,0%
   O PREÇO É ALTURA: a fala do Martin passa a fechar em TRÊS linhas no celular,
   e é o que se queria — a bolha alta e estreita é a que parece conversa. O que
   isso custou de folga está na conta refeita do top, logo abaixo.
   >>> OBSOLETO EM 08/09/2026 (mesma data, rodada seguinte): este teto virou
   FALLBACK. A largura das duas bolhas é cravada em 72cqw pelo bloco do fim da
   folha, e o @container de 262px logo abaixo deixou de decidir qualquer coisa
   em navegador moderno — era ele que fazia a bolha voltar a 77,73% no quadrado
   de 240, que era uma das divergências que o dono via. A tabela de "bolha /
   lado do quadrado" desta nota está vencida; a válida é a de lá. <<< */
.dia-cartao[data-ato="3"] .dia-foto{container-type:inline-size}
@container (min-width:262px){
.zap3-fio{--zap3-teto:72cqw}
}

/* O TOP DESCEU DE 74% PARA 71,5% PORQUE A PEÇA ENGORDOU, e a conta é simples:
   este cluster é CENTRADO na porcentagem, então cada linha nova que a bolha
   branca ganha rouba METADE da altura de cada folga. Com as três linhas do
   celular o cluster passou de 128,5 para 146,1px no quadrado de 345, e a folga
   de baixo caía para 16,6px — abaixo dos 25 que a nota do orçamento de altura
   deste bloco fixou como piso, e abaixo do respiro que a .dia-noti tem no
   melhor caso dela.
   OS 71,5% DEVOLVEM 8,6px PARA BAIXO (folga 25,2 no 345) e o efeito colateral
   é bem-vindo: no quadrado de 520 o topo do cluster cai em 57,6% da altura, que
   é EXATAMENTE onde o cluster do cartão 2 começa. Dois cartões consecutivos da
   mesma linha do tempo passam a abrir a conversa na mesma linha do quadrado.
   O ROSTO DO RAPAZ ESTÁ ENTRE 11% E 32% DA ALTURA da foto (images/12-30.png,
   medido por faixas); o topo mais alto que este cluster alcança agora é 41,8%
   no 320, ainda 10 pontos abaixo do queixo. Não há risco de cobrir rosto neste
   cartão — o aperto dele é sempre embaixo. */

/* A SOMBRA TEM DUAS CAMADAS e as duas trabalham. A de contato (0 1px 0.5px) é
   a do WhatsApp, copiada da .mostra-bolha, e é o que dá a aresta de papel. A
   segunda (0 8px 22px) não existe no aplicativo e existe aqui: lá a bolha
   pousa num papel de parede liso, aqui ela pousa numa FOTOGRAFIA, e sem uma
   sombra de profundidade a bolha branca some sobre qualquer região clara da
   imagem. É o mesmo serviço que as sombras pesadas prestam à .dia-noti.
   O BICO É ::after DE background-color:inherit, o que faz dele sempre a cor da
   bolha sem repetir o valor: verde na de cima, branco na de baixo. O recorte é
   um triângulo em clip-path, sem borda e sem transform — a versão com borda
   rodada custa dois pseudo-elementos e some no antialiasing a este tamanho. */
.zap3-bolha{position:relative;max-width:var(--zap3-max);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:0 1px 0.5px rgba(11,20,26,0.13),0 8px 22px rgba(0,0,0,0.22);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:0;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);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 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);-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%)}

/* O ::after VAZIO DENTRO DO TEXTO É A VAGA DO HORÁRIO, e é o truque do
   aplicativo de verdade: o horário é absoluto no canto de baixo e o texto
   precisa saber que aquele canto está ocupado, senão a última linha passa por
   baixo dele. Um inline-block de 1px de altura e --zap3-meta de largura
   empurra a quebra na medida exata, some do desenho e não muda a altura da
   linha. Cada bolha tem o seu número porque a verde carrega tique e a branca
   não. */
.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:0;color:var(--zap3-meta-tinta);font-variant-numeric:tabular-nums;white-space:nowrap}
.zap3-visto{width:15px;height:10px;flex:none;fill:none;stroke:var(--zap3-azul);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* A ASSINATURA DA BOLHA BRANCA. No WhatsApp o nome do remetente só aparece em
   grupo, e é exatamente o que esta cena é: o visitante fala com o escritório,
   não com um contato solto. O par nome + cargo é a mesma dupla de vozes da
   .dia-tag do desktop — nome em peso 600 na tinta cheia, cargo um degrau
   abaixo — com o MESMO separador em ::before, que é CSS e não markup.
   O RETRATO SAIU EM 08/09/2026, por ordem do dono, nos três clusters da seção
   na mesma passada. Sumiram com ele a regra .zap3-avatar e a variável
   --zap3-avatar (que morava em quatro lugares: a regra base, o degrau de 600,
   o de 360 e a janela desktop baixa). A LINHA MUDOU DE DONO: quem mandava na
   altura dela era o retrato de 20px, e agora manda o texto — 0,7rem x 1,2 =
   13,4px, ou seja 6,6px a menos no degrau grande. A margem de baixo subiu de
   4 para 5px (e de 3 para 4 no celular) porque o retrato sobrava para baixo do
   texto e o vão ÓTICO até a fala encolhia sozinho quando ele saiu.
   O min-width:0 e a elipse no cargo são cinto e suspensório: se alguém trocar
   "Gerente financeiro" por um cargo longo, a linha corta em vez de esticar a
   bolha até o teto e empurrar a fala para uma terceira linha. */
.zap3-quem{display:flex;align-items:center;min-width:0;margin-bottom:5px;font-size:0.7rem;line-height:1.2;letter-spacing:0}
.zap3-nome{flex:none;font-weight:600;color:var(--zap3-nome-tinta)}
.zap3-cargo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:400;color:var(--zap3-cargo-tinta)}
.zap3-cargo::before{content:'·';margin:0 5px;opacity:0.55}

/* OS DEGRAUS DE LARGURA SEGUEM OS DA .dia-noti (600 e 360). O --zap3-max de
   92% do celular era, até a correção do teto de ~70%, o teto EFETIVO da bolha,
   e vinha de uma conta que trocava largura por linha: na caixa estreita a
   terceira linha custa ~18px e os 4% de recuo economizavam ~10px, então valia
   mais abrir a bolha. O dono decidiu o contrário — bolha de borda a borda não
   parece WhatsApp —, e desde então quem manda no celular é o --zap3-teto em
   cqw. Estes 92% viraram o teto de fallback (navegador sem unidade de
   container) e o limite de segurança do quadrado minúsculo, onde o cqw
   desliga. Ficam aqui com esse papel, e não como o número que desenha. */

/* A ESCALA DO CELULAR DESCEU UM DEGRAU INTEIRO (08/09/2026, passada de
   consolidação — a única mudança de TAMANHO deste bloco, e a que mais se vê).
   O PROBLEMA, MEDIDO LADO A LADO: os clusters dos cartões 2 e 4 são múltiplos
   de uma unidade em cqw (o lado do quadrado manda), e este é múltiplo de rem
   (o corpo do documento manda). No DESKTOP os dois sistemas se encontram por
   acidente feliz — quadrado de 520, fala em 14,4px aqui contra 15,05 no cartão
   2 e 15,00 no 4, diferença de meio pixel que ninguém vê. NO CELULAR eles
   divergem: o quadrado cai para 345 e as falas dos cartões 2 e 4 caem junto,
   para 10,79 e 10,87px, enquanto esta ficava cravada em 12,96px. Vinte por
   cento a mais que as irmãs, na mesma linha do tempo, com o mesmo desenho de
   bolha — lê como erro de renderização, não como escolha.
   A CORREÇÃO É PROPORCIONAL, NÃO CIRÚRGICA: o corpo desce de 0,81 para 0,68rem
   (10,88px, que é o valor do cartão 4 no mesmo quadrado) e TUDO que pendurava
   nele desce pelo mesmo fator de 0,84 — horário, assinatura, tique, vagas do
   horário, respiro e raio. Mexer só no corpo teria deixado o horário
   relativamente MAIOR que a fala, que é a divergência que se estava
   corrigindo. Conferido: relativo ao corpo, o recuo fica em 0,55/0,83/0,64 e o
   raio em 0,83 — a mesma família dos 0,55/0,76/0,57 e 0,83 do cartão 2.
   O QUE ISSO FAZ COM AS CONTAS DE QUEBRA DE LINHA das notas abaixo: só afrouxa.
   Todas elas existem para impedir uma TERCEIRA linha na fala do Martin, e
   texto menor cabe em menos linha, nunca em mais. O cluster encolhe e ele é
   CENTRADO no eixo (top + translate -50%), então a folga sobra dos dois lados.
   Os limiares das media queries não mudaram — só os valores dentro delas. */
@media (max-width:600px){
.zap3-fio{width:min(calc(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(calc(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}
}

/* AS TRAVAS DA JANELA BAIXA SÃO AS MESMAS DA .dia-noti, CONDIÇÃO POR CONDIÇÃO.
   Elas não estão repetidas por descuido: as regras de lá governam um seletor
   que não é meu, e acrescentar .zap3-fio dentro delas seria escrever numa
   linha compartilhada. Repetidas aqui, o cluster desce junto com o banner nos
   mesmos pontos e as duas peças nunca divergem de posição.
   SE ALGUÉM RECALIBRAR OS LIMIARES LÁ EM CIMA, RECALIBRA AQUI TAMBÉM — a nota
   grande com a varredura de 5 em 5px continua sendo a de lá, esta é só a
   cópia. A condição de max-width:353px é a que salva o celular de 320px, onde
   o quadrado é limitado pela LARGURA e nenhuma media query de altura alcança
   o caso.
   OS LIMIARES (as condições) NÃO MUDARAM COM O TETO DE ~70%; OS VALORES, SIM.
   O primeiro degrau desceu de 68% para 65,5% — os mesmos 2,5 pontos que o top
   de repouso desceu, pelo mesmo motivo: o cluster ficou ~17px mais alto e um
   cluster centrado paga metade disso em cada folga. Medido no 320x568 (o caso
   que este degrau existe para salvar): folga de baixo 31,7px contra os 24,4
   que os 68% davam com a peça nova, e topo em 41,8% — ainda abaixo do queixo,
   que está em 32%. O segundo degrau continua em 50% porque ali a peça já está
   centrada na caixa e não há de onde tirar. */
@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%}
}

/* O DEGRAU DO IPHONE DE VERDADE (375x553). Esta é a única regra do bloco
   calibrada para uma janela só, e ela merece a explicação: o iPhone de 375 no
   Safari tem svh perto de 553, o que dá um quadrado de 291 — o ponto mais
   apertado que um celular real alcança, e o mesmo que a nota das travas da
   .dia-noti manda conferir antes de qualquer outra coisa. Ali, e só ali, a
   fala do Martin ganhava a TERCEIRA LINHA: o cluster ia a 146px e a folga
   embaixo caía para 20px. Não estoura, mas é o único ponto da família em que
   uma bolha quebra em três, e uma linha a mais pesa ~18px de uma vez.
   SÃO DOIS AJUSTES PORQUE UM SÓ NÃO RESOLVIA, e vale registrar a medição para
   ninguém tentar de novo pela metade. A fala mede 453,6px de texto corrido
   mais 30 de vaga do horário; para caber em duas linhas a coluna precisa de
   ~242px mais a folga de quebra, e a coluna disponível é 236,3px. Abrir o teto
   da bolha de 92% para 96% dá 10px — não chega. O corpo tem de descer junto,
   para os mesmos 0,76rem do degrau de 360px, e aí o texto encolhe para ~426 e
   as duas linhas sobram. É a mesma manobra que a .dia-noti-sub faz na janela
   desktop baixa: reduzir tipografia em vez de deixar a peça crescer.
   O PISO DE 361px NA CONDIÇÃO existe para o 320 não entrar: lá o quadrado é
   limitado pela LARGURA (294px), a fala já cabe em duas linhas e há 32px de
   folga — apertar o corpo ali seria custo sem ganho. E o teto de altura é o
   MESMO 589 da primeira trava, de propósito: o ponto em que a caixa começa a
   apertar é um só, e as duas regras respondem juntas.
   DEPOIS DO TETO DE ~70% (08/09/2026) SOBROU METADE DESTA REGRA, e a metade que
   sobrou é a que trabalha. Os 96% viraram letra morta na prática: o
   --zap3-teto em cqw é sempre menor que eles, então o min() nunca os escolhe.
   Ficam por dois motivos — são o fallback do navegador sem unidade de container
   (onde a regra original ainda é a que vale) e são o teto do quadrado
   minúsculo, onde o cqw desliga. O CORPO EM 0,76rem, ESSE, CONTINUA SENDO O
   QUE SALVA O CASO: com o teto novo a bolha branca fecha em três linhas aqui, e
   sem descer a tipografia junto o cluster passaria de 148px e a folga de baixo
   cairia de 30 para ~25. Medido com a regra ligada: cluster 141px, folga 30,1
   e topo em 41,3% — nove pontos abaixo do queixo do rapaz.
   OS VALORES DESCERAM COM A ESCALA NOVA DE 08/09/2026 (ver a nota do degrau de
   600): 0,76rem virou 0,64rem, e as vagas e o horário acompanharam pelo mesmo
   fator. A REGRA CONTINUA VALENDO mesmo com a fala já menor no degrau de cima:
   aqui o quadrado é 291 e não 345, e as irmãs (cartões 2 e 4) também descem
   nele — 10,39 e 9,70px. Sem este degrau a fala do Martin ficaria em 10,88 num
   quadrado onde as vizinhas estão perto de 10, que é a mesma divergência de
   antes em escala menor. */
@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}
}

/* O EQUIVALENTE DO "CORPO MENOR NA JANELA DESKTOP BAIXA": lá a .dia-noti-sub
   cai de 0,86 para 0,75rem porque o quadrado encolhe com a altura e a coluna
   de texto deixa de caber. Aqui o efeito é o mesmo com outro sintoma — a bolha
   branca ganharia a terceira linha —, então a fala desce um degrau. Os dois
   limiares de altura são os de lá, pelo mesmo motivo de sempre: é onde o
   quadrado cruza os ~396px em cada faixa de largura.
   ELA DESCIA O AVATAR JUNTO (--zap3-avatar:19px) ATÉ 08/09/2026, quando o
   retrato saiu dos três clusters da seção; sobrou só o corpo, que é o que
   trabalhava. */
@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}
}

/* O SEGUNDO DEGRAU DA JANELA BAIXA (08/09/2026, passada de consolidação).
   POR QUE UM SÓ NÃO BASTAVA: os clusters dos cartões 2 e 4 são múltiplos de
   cqw e encolhem CONTINUAMENTE com o quadrado; este é múltiplo de rem e desce
   em ESCADA. Um degrau só acerta o encontro no ponto em que ele dispara e
   depois deixa a escada para trás. Medido com o corpo dos três lado a lado
   (cartão 2 / cartão 3 / cartão 4, em px):
     1280x800 (lado 520) .. 15,05 / 14,40 / 15,00   <- base, encontra
     1280x640 (lado 450) .. 14,07 / 14,40 / 14,18   <- base, ainda encontra
     1280x586 (lado 396) .. 12,38 / 14,40 / 12,47   <- a escada atrasa
     1280x585 (lado 395) .. 12,35 / 12,80 / 12,44   <- 1o degrau, reencontra
     1280x540 (lado 350) .. 10,94 / 12,80 / 11,03   <- atrasa de novo
     1280x500 (lado 310) .. 10,39 / 12,80 /  9,77   <- e piora
   Com este segundo degrau em 0,68rem o 540 vira 10,94 / 10,88 / 11,03 e o 500
   vira 10,39 / 10,88 / 9,77 — a mesma família outra vez. A faixa de tablet tem
   a escada idêntica (800x664 dá 12,38 / 14,40 / 12,47 e 800x600 dá
   10,39 / 12,80 / 10,46), então ela entra na mesma regra.
   OS LIMIARES NÃO SÃO NOVOS: 621 e 544 são exatamente os da primeira trava de
   posição deste bloco (a que desce o top para 65,5%), e é de propósito — a
   folha já decidiu ali que estes são os pontos em que a caixa aperta, e uma
   condição a mais na lista seria um terceiro conjunto de números para manter
   em pé. DESCE A ESCALA INTEIRA, não só o corpo, pelo mesmo motivo da nota do
   degrau de 600: mexer só na fala deixaria o horário relativamente maior que
   ela. Os valores são os mesmos do celular, que é onde esta escala já foi
   medida. DE QUEBRA ELE ALIVIA A CAIXA: no piso de 240 do desktop o cluster
   era o mais alto dos três (182px, 76% do lado, com 29px de folga em cada
   ponta) e passa a 135px / 56% / 52px de folga. */
@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}
}


/* ===== O CARD 2 DA .dia-section VIROU CONVERSA DE WHATSAPP (08/09/2026) =====
   Ordem do dono: as notificações da linha do tempo DEIXAM DE SER
   PADRONIZADAS. Cada momento passa a ter a peça que a cena dele pede, e nesta
   rodada só o 09:15 muda — os outros quatro continuam com a .dia-noti de vidro
   escuro, byte por byte como estavam. É por isso que aqui não há uma única
   regra que encoste em .dia-noti: o prefixo é novo (.dia-zap) e o único gancho
   fora dele é o container do .dia-foto do cartão 2, escrito com o
   [data-ato="2"] justamente para não vazar para os irmãos.

   A CENA É UM ÁUDIO MANDADO NO TRÂNSITO, então a peça é a conversa: bolha
   VERDE enviada (play + forma de onda + duração, um fio e a transcrição
   embaixo, horário e tique duplo azul no rodapé) e, logo abaixo, bolha BRANCA
   com a resposta do escritório, assinada pela Sofi.

   AS BOLHAS SÃO SÓLIDAS, E ISSO É O OPOSTO DA .dia-noti — de propósito. A
   notificação é vidro porque imita o banner do iOS, que é translúcido de
   verdade; bolha de WhatsApp é opaca no aparelho e ficaria falsa em vidro.
   O bônus é de acessibilidade e vale escrito: opaco significa que o contraste
   do texto NÃO DEPENDE DA FOTO. Medido contra os fundos chapados:
     - transcrição, tinta 0,78 sobre o verde #d8fdd2 ....... 8,0:1
     - horário e duração, tinta 0,62 sobre o mesmo verde ... 4,7:1
     - texto da resposta, #111b21 sobre branco ............ 17,4:1
     - "Sofi" em #2f6fed sobre branco ..................... 4,6:1
     - o cargo em #6a6a70 sobre branco .................... 5,4:1
   Todos medidos no navegador, sobre a cor chapada de cada bolha.
   O 0,62 do horário e da duração NÃO É O VALOR DO WHATSAPP REAL (lá é 0,45,
   que aqui daria 3,4:1): subiu até o primeiro degrau que passa nos 4,5:1, que
   é a régua que o dono pediu para as bolhas.
   O QUE A SOMBRA FAZ, então, não é comprar contraste de texto — é descolar a
   bolha da fotografia, que é escura na faixa em que o cluster mora.

   O TIQUE MUDOU DE AZUL NA PASSADA DE CONSOLIDAÇÃO (08/09/2026) e o motivo
   está escrito para ninguém "restaurar" o valor antigo achando que corrige uma
   citação. Este cluster nasceu com o --mostra-azul (#53bdeb), o azul verdadeiro
   do WhatsApp, que sobre o verde #d8fdd2 mede 1,9:1 — abaixo até do piso de
   3:1 de elemento gráfico, e na prática um tique que some. Os clusters irmãos
   dos cartões 3 e 4 já tinham descido para o #1e93cc (mesmo azul, luminância
   menor, 3,10:1 sobre o mesmo verde) pela mesma razão, e três tiques da MESMA
   linha do tempo em dois azuis diferentes leem como defeito. Agora os três
   usam o #1e93cc. Quem quiser o azul do aplicativo de volta está trocando a
   citação exata por um tique que o olho não acha — e teria de mexer nos três
   blocos, não neste.

   UMA PEÇA FICA ABAIXO DOS 4,5:1, E ELA É DESENHO, NÃO TEXTO — está medida e é
   escolha, para ninguém "consertar" sem saber o que perde:
     - as BARRAS DA ONDA (#8fae88) dão 2,2:1. Elas são um retrato de som: não
       há nada a ler ali. Vieram de um verde mais claro (#a4c09e, 1,8:1) e
       pararam aqui porque o degrau seguinte já lê como áudio JÁ OUVIDO, que é
       o contrário do que a cena conta.
   O que é texto — transcrição, horário, duração, nome, cargo e a resposta
   inteira — passa com folga, e o play (#4a6b58, 5,4:1) passa junto.

   O VOCABULÁRIO É O QUE O SITE JÁ FALA, não um WhatsApp inventado do zero:
   o verde #d8fdd2 é o --mostra-verde da .mostra-section (o azul do tique é o
   --mostra-azul descido de luminância, ver acima), a tinta #111b21 é o
   --mostra-app-tinta, a anatomia do áudio (linha, fio, transcrição, meta) é a
   da .ag2-audio da .ag-section, o path do tique é o da .mostra-visto e a
   assinatura "Nome · Cargo" é a da .pn-balao-quem SEM O RETRATO (08/09/2026,
   ordem do dono: os três clusters da seção perderam a foto de perfil na mesma
   passada). Quem mexer aqui confere lá.
   A FAMÍLIA DE FONTE TAMBÉM É A DE LÁ: as maquetes de conversa do site trocam
   a Poppins pela pilha do sistema (.mostra-bolha, .ag2-tela), porque é isso
   que faz a peça ler como aplicativo e não como página. De quebra sobra
   coluna: a Poppins é a mais larga das candidatas (ver a conta da .dia-noti).

   O CLUSTER É aria-hidden NO HTML, e essa é a diferença de contrato com a
   .dia-noti. As notificações dos outros quatro cartões entram na árvore e
   acabam repetindo, em outras palavras, o que a .dia-leitura já conta. Uma
   conversa é pior nisso: lida em voz alta ela vira "0:08, Marca o pediatra...,
   9:15, Sofi, Secretária executiva, Marcado...". Então o cartão 2 passa a ser
   exposto UMA VEZ SÓ, pela .dia-leitura, que nesta rodada foi reescrita para
   dizer exatamente o que as duas bolhas mostram. */
.dia-cartao[data-ato="2"] .dia-foto{container-type:inline-size}

/* A ESCALA É DO QUADRADO, NÃO DA JANELA, e é a única maneira honesta de
   atender o pedido "cabe em 294px e não parece brinquedo em 520px".
   A .dia-noti resolve tamanho por media query de LARGURA, e isso funciona para
   ela porque ela tem duas linhas curtas. Não serviria aqui, e o furo é fácil de
   demonstrar: a 600x800 o quadrado já tem 520px de lado (o --dia-larg é
   min(92%,520px)), mas a media query de max-width:600px ainda é a do celular —
   um cluster de conversa com tipografia de 294px dentro de um quadrado de 520
   é exatamente o brinquedo que o dono não quer.
   Então o corpo de letra sai de cqw (a largura do PRÓPRIO quadrado, declarado
   como container logo acima) e todo o resto do cluster é em em: um número só
   governa a peça inteira, e ela é um puro múltiplo do quadrado em qualquer
   janela.
   O clamp é o que impede os dois extremos: piso de 9,8px (abaixo disso a
   conversa deixa de ser legível; ele morde no telefone de 320, onde o quadrado
   é 294 por LARGURA e nenhuma media query de altura alcança) e teto de 14,2px
   (acima disso, num quadrado de 520, a peça começa a competir com o texto da
   coluna da esquerda em vez de comentá-lo).
   A LINHA REPETIDA É FALLBACK, não descuido: em navegador sem unidade de
   container a segunda declaração é inválida e cai fora, e a peça fica nos 12px
   fixos da primeira — meio do caminho, feio em nenhuma ponta.
     lado 294 -> 9,8px   lado 345 -> 10,2px   lado 410 -> 12,1px
     lado 480 -> 14,2px  lado 520 -> 14,2px (no teto)

   A ÂNCORA É A BASE (8,5%), E NÃO O top:74% DA .dia-noti. Isto é decisão, não
   esquecimento, e é o que sustenta "o cluster inteiro dentro do quadrado com
   respiro em todos os breakpoints". A notificação tem ~100px de altura e cabe
   centrada em 74%; o cluster tem 122 a 176px, e centrado no mesmo 74% ele
   sobraria 7,7px da borda de baixo a 375px — o que o dono chamou de colada na
   borda quando o assunto era a notificação.
   Ancorado pela base, a folga de baixo é a MESMA fração em qualquer quadrado, e
   o cluster cresce para CIMA quando o texto reflui, que é o lado onde há foto
   sobrando. Medido DEPOIS do teto de 76/78% de 08/09/2026 (quadrado / altura do
   cluster / folga embaixo / topo dele). Números REMEDIDOS em 08/09/2026, na
   passada do teto em cqw — o teto novo não mudou nenhuma altura, mas a tabela
   estava velha de uma rodada anterior e agora bate com o navegador:
     375x812 e 375x667  345 / 150,6 / 29,3 / 47,8%
     320x568 e 320x812  294 / 145,1 / 25,0 / 42,2%
     375x553 (iPhone)   291 / 145,1 / 24,7 / 41,6%
     1280x800, 1440x900,
     601x800 e 960x800  520 / 190,7 / 44,2 / 54,8%
     1280x600           410 / 178,8 / 34,8 / 47,9%
     1280x540           350 / 152,8 / 29,8 / 47,8%
     1280x490           300 / 145,1 / 25,5 / 43,1%
     1280x460           270 / 159,2 / 23,0 / 32,5%
     1280x430/400(piso) 240 / 153,7 / 20,4 / 27,4%
   A FOLGA DE BAIXO NÃO MUDOU EM LUGAR NENHUM, e é a âncora de base que garante
   isso: o teto de largura só empurra o TOPO para cima. Nas larguras de celular
   ela fica na mesma vizinhança da dos outros quatro cartões (30 a 46px a 375,
   24 a 35 a 320), que era o pedido.
   O TOPO É O NÚMERO A VIGIAR, E FOI MEDIDO CONTRA A FOTO. Na images/9-15.png,
   por faixas: o rosto da mulher vai de ~8% a ~39% da altura (o queixo fecha em
   39%), o aparelho cor-de-rosa termina em ~44% e a mão dela em ~47%. O topo
   mais alto que o cluster alcança num celular real é 40,3% (o iPhone de 553),
   e ali ele já era 40,3% ANTES desta rodada — nenhum breakpoint de celular
   subiu com o teto novo, porque nos quadrados pequenos as bolhas já quebravam
   em 2+3 linhas. Onde o cluster subiu (345, 410, 350) ele parou em 46,6/46,7%,
   ou seja, rente ao fim da mão e sete pontos abaixo do queixo. Em nenhuma
   janela do catálogo a bolha encosta no rosto.
   O 8,5% VEIO DE UMA CORREÇÃO: nasceu 5,5% e, medido, deixava 19px embaixo a
   375 e 28,6 no quadrado de 520 — dentro, mas mais apertado que a família.
   ISSO TAMBÉM É O EQUIVALENTE DAS TRAVAS DE JANELA BAIXA, e é bom deixar
   explícito porque alguém vai procurar por elas: as três bandas de
   74% -> 68% -> 50% existem para impedir que a notificação, centrada em
   porcentagem, vaze pela base quando o quadrado encolhe. Elas continuam lá,
   continuam valendo para os quatro cartões que têm .dia-noti, e NÃO alcançam o
   cartão 2 (que não tem mais .dia-noti) porque o cluster não precisa delas: a
   base é fixa por construção. Conferido nas janelas que aquelas notas mandam
   conferir — 320x812, 375x553, 1280x600 e 1280x540 —, e também no piso do
   quadrado (240px no desktop), onde o cluster ainda começa em ~32% da altura.
   A mesma coisa vale para o repouso: o cluster não tem animação nenhuma, então
   o bloco de prefers-reduced-motion não tem o que desfazer aqui. Ele solta o
   pin e empilha os cartões, e a peça acompanha a foto sem nenhuma regra a mais.

   OS 1,8em DE RECUO (0,9em de cada lado) NÃO SÃO RESPIRO SÓ: é deles que sai a
   folga para o BICO das bolhas, que projeta 0,55em para fora da caixa. Sem
   isso o bico da bolha verde encostaria na borda arredondada do quadrado. */
.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:12px;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)}

/* A BOLHA VERDE, ENCOSTADA À DIREITA, é a mensagem que VOCÊ mandou — é a
   convenção do WhatsApp e é o que faz a peça ser lida como conversa e não como
   dois avisos empilhados. O canto de cima da direita é o que abre (0,2em) para
   o bico entrar; os outros três ficam redondos.
   O BICO É UM ::after COM clip-path e background-color:inherit, o mesmo truque
   da .mostra-bolha e da .ag2-audio: um triângulo que herda a cor da bolha, sem
   borda e sem SVG.

   O TETO DE LARGURA CAIU DE 90% PARA 76% (08/09/2026, ordem do dono). As duas
   bolhas nasceram em 90 e 92% do cluster, o que dava 79% e 87% do QUADRADO — e
   é assim que o dono viu na tela: bolha quase de borda a borda, com o bico
   raspando o canto arredondado da foto. O WhatsApp de verdade trava a bolha
   perto de 70% da largura da conversa, e é justamente por isso que uma fala
   longa lá QUEBRA em mais linhas em vez de esticar.
   A CONTA DA CONVERSÃO: o cluster é calc(100% - 1,8em) e, como o em é
   2,95cqw, esse recuo é sempre ~5,3% do quadrado — o cluster fica entre 94 e
   95% do lado em qualquer janela. Então 76% do cluster são 72,0% do quadrado e
   78% são 73,9%. A percentagem continua sendo do cluster (é o bloco pai, e é o
   que os filhos enxergam), mas o número foi escolhido lendo a régua do
   quadrado, que é a régua do olho.
   A VERDE FICA UM DEGRAU MAIS ESTREITA QUE A BRANCA (76 contra 78), como no
   aparelho: a bolha enviada é a que mais se aperta. Medido, bolha / lado, JÁ
   COM O min(...,72cqw) da nota logo abaixo (o valor entre parênteses é o que
   os 76/78% do fio davam sozinhos, antes do teto em cqw):
     345 .... verde 72,0% / branca 72,0% (era 73,9%)
     294 .... verde 71,4% / branca 72,0% (era 73,3%)
     410 .... verde 72,0% / branca 72,0% (era 73,9%)
     520 .... verde 69,7% / branca 72,0% (era 74,2%)
   No 520 a verde nem chega ao teto: a transcrição cabe em uma linha e a bolha
   é max-content, então ela para nos 69,7% sozinha. Isso é o desenho certo, e é
   o mesmo motivo pelo qual a peça não vira uma tabela de dois retângulos
   iguais. O PREÇO É ALTURA — a transcrição passa a fechar em duas linhas e a
   resposta em três no celular —, e essa conta está na tabela do .dia-zap.
   DESDE 08/09/2026 A RESPOSTA FECHA EM TRÊS LINHAS TAMBÉM NO DESKTOP, e é
   consequência direta do horário novo da bolha branca: a vaga de 2,45em que o
   ::after reserva no fim do texto empurrou "véspera." para uma linha só dela no
   quadrado de 520 (a 375 ela já estava em três). O cluster foi de 176 para
   191px e o teto disponível continua sendo 285px, então não é problema de
   caixa — é o mesmo preço de altura que este teto já cobrava, cobrado num
   degrau a mais. Alargar a bolha para 81% devolveria as duas linhas e
   desfaria a ordem do dono; fica como está.

   O TETO PASSOU A SER MEDIDO EM cqw (08/09/2026, passada de padronização).
   ORDEM DO DONO: o cartão 3 é a RÉGUA e os cartões 2 e 4 têm de ler como a
   MESMA família de largura. A régua de lá é min(--zap3-max, 72cqw), ou seja
   72% DO QUADRADO — e não uma fração do fio invisível.
   O DEFEITO DA FRAÇÃO DO FIO É QUE ELA NÃO É CONSTANTE. O cluster é
   calc(100% - 1,8em) com o em em 2,95cqw, então ele oscila entre 94 e 95,1%
   do lado conforme o clamp da unidade morde ou não. Os 76/78% viravam
   69,7..72,0% e 72,3..74,2% do quadrado, dependendo da janela — e o olho lê a
   bolha contra o QUADRADO. Medido antes: branca 73,9% a 345, 74,2% a 520,
   72,9% a 270. Todos acima da régua.
   A CORREÇÃO É UM min() COM 72cqw, exatamente o número do cartão 3, e as duas
   percentagens antigas ficam onde estavam como PISO DE SEGURANÇA: quem manda é
   o menor dos dois, então o cqw só APERTA e nunca alarga.
   A LINHA REPETIDA É O FALLBACK, o mesmo truque do font-size aqui em cima: em
   navegador sem unidade de container a segunda declaração é inválida, cai fora
   e a bolha volta aos 76/78% do fio — o desenho de antes, sem valor inválido
   no meio. Por isso não há @container envolvendo isto: não é preciso, e o
   piso do quadrado (240px) não perde nada com o teto ligado (medido: a bolha
   branca já fechava em quatro linhas ali, e o cluster fica nos mesmos 153,7px).
   O QUE CUSTOU DE ALTURA: NADA. Medido em todo o catálogo, antes e depois, a
   altura do cluster e o número de linhas das duas bolhas são idênticos — só a
   largura da branca encolhe (73,9 -> 72,0 a 345; 74,2 -> 72,0 a 520; 72,9 ->
   72,0 a 270). A verde nem chega ao teto novo em lugar nenhum: ela é
   max-content e para em 69,7..72,0% sozinha, então a LINHA DO ÁUDIO (play +
   onda + 0:08) não perdeu um pixel e os degraus de barras da onda
   (nth-child(6n) e o 3n do seguro de 262px) continuam valendo como estavam.
   >>> OBSOLETO EM 08/09/2026 (mesma data, rodada seguinte). O min(76%,72cqw) e
   o min(78%,72cqw) viraram FALLBACK: as duas bolhas deste cluster passaram a
   ter LARGURA CRAVADA de 72cqw, e o recuo do .dia-zap passou a ser o mesmo dos
   cartões 3 e 4 — tudo no bloco "AS SEIS BOLHAS DA .dia-section PASSAM A TER
   LARGURA CRAVADA", no fim da folha. O que muda na prática: a bolha VERDE, que
   parava em 69,7..71,96% por ser max-content, agora é 72,00% cravado, e a onda
   (que é flex:1 e come toda a sobra) ficou de 0 a 12px mais larga. Os dois
   degraus de raleamento de barra continuam certos — a conta remedida está lá.
   A tabela "bolha / lado" desta nota está vencida; a válida é a de lá. <<< */
.dia-zap-audio{position:relative;align-self:flex-end;max-width:76%;max-width:min(76%,72cqw);padding:0.6em 0.75em 0.5em;border-radius:0.88em;border-top-right-radius:0.2em;background:var(--zap-verde);box-shadow:var(--zap-sombra)}
.dia-zap-audio::after{content:'';position:absolute;top:0;right:-0.53em;width:0.56em;height:0.8em;background-color:inherit;-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}

/* A LINHA DO ÁUDIO: play, onda e duração, nesta ordem, como no aparelho.
   A ONDA É FLEX COM justify-content:space-between E BARRAS DE LARGURA FIXA,
   e não um desenho com posições cravadas: assim as 46 barras se redistribuem
   sozinhas quando o quadrado muda de tamanho, sem nenhum número por barra
   além da altura (o --h de cada <i>, que é o que dá o perfil irregular de
   forma de onda de verdade).
   SÃO 46 BARRAS NO HTML E 39 DESENHADAS, e os dois números têm medição. A onda
   não tem largura própria (ela é o flex:1 da linha, ou seja, o que sobra
   depois do play e da duração), então quem manda nela é a largura da BOLHA.
   Com o teto antigo de 90% a onda dava 211px a 375 e 278px no quadrado de 520,
   e as 46 barras davam vãos de 2,6px e 3,3px — a densidade do aparelho. Com 26
   barras teriam sido 9,6px de vão: um pente, não uma forma de onda.
   O TETO CAIU PARA 76% (a correção de largura de 08/09/2026) E A ONDA ENCOLHEU
   JUNTO: 187px a 375, 222 no quadrado de 410, 278 continua no 520 porque lá a
   bolha nunca chega ao teto. Com as 46 barras o vão a 375 caía para 2,1px —
   barra e vão do mesmo tamanho, que é onde a onda começa a virar bloco chapado.
   ENTÃO O nth-child(6n) APAGA UMA BARRA A CADA SEIS: sobram 39, o vão volta a
   2,84px a 375 e 3,38 no 410, ou seja, a MESMA densidade de antes da bolha
   estreitar. Apagar de 6 em 6 (e não as sete últimas) preserva o envelope da
   forma de onda inteiro — o perfil continua subindo e descendo como antes, só
   com um passo de amostragem mais grosso. É CSS puro de propósito: o index.html
   é só leitura nesta rodada, e o markup das 46 barras não muda.
   O min-width de 1,4px na barra é o piso do renderizador: abaixo disso o
   subpixel come barra sim, barra não e a onda volta a parecer pente.
   A CABEÇA DE LEITURA é o ::after da onda — o pontinho verde-escuro que o
   WhatsApp põe no começo de um áudio não ouvido. Ela é absoluta, então não
   entra na conta do space-between. */
.dia-zap-linha{display:flex;align-items:center;gap:0.55em;height:1.55em}
.dia-zap-play{flex:none;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:#4a6b58}
.dia-zap-onda{position:relative;flex:1 1 auto;min-width:0;height:1.5em;display:flex;align-items:center;justify-content:space-between}
.dia-zap-onda i{flex:none;width:0.2em;min-width:1.4px;height:var(--h,50%);border-radius:0.1em;background:#8fae88}
.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:#2f6b4b}
.dia-zap-dur{flex:none;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}

/* O FIO E A TRANSCRIÇÃO. É a mesma peça da .ag2-audio: o WhatsApp mostra a
   transcrição DENTRO da bolha do áudio, separada por um fio, e não como uma
   segunda mensagem. Aqui isso vale dobrado, porque a transcrição é o que
   prova a promessa da seção — o áudio é o gesto, a frase é o que a Sofi
   entendeu.
   O text-wrap:pretty é o mesmo da .dia-noti-sub e serve ao mesmo caso: nos
   quadrados pequenos a frase fecha em duas linhas e sem ele a segunda vinha
   com uma palavra órfã. */
.dia-zap-fio{height:1px;margin:0.42em 0;background:rgba(17,27,33,0.12)}
.dia-zap-tr{margin:0;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 0 0;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:none;width:1.3em;height:0.84em;fill:none;stroke:var(--zap-azul);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* A BOLHA BRANCA, ENCOSTADA À ESQUERDA, é a resposta do escritório.
   A ASSINATURA NO TOPO segue a .pn-balao-quem MENOS O RETRATO: nome em peso
   600 na cor da Sofi (#2f6fed, a mesma do .pn-balao-quem b.is-sofi) e o cargo
   um degrau abaixo, separado por um ponto médio que é caractere no HTML — e
   não um ::before de CSS como na .dia-tag —, porque aqui não há o caso do
   quinto ato (assessor sem cargo) que justificava o truque lá.

   O RETRATO SAIU EM 08/09/2026, POR ORDEM DO DONO, nos três clusters da seção
   (aqui, no zap3- e no zap4-) na mesma passada. Ficou só nome + cargo, que é
   como o WhatsApp desenha o remetente de grupo de verdade. O QUE A REMOÇÃO
   MEXE ALÉM DO HTML: (1) sumiu o gap:0,45em desta linha, que não tinha mais
   dois filhos para separar; (2) a linha deixou de ser governada pela ALTURA DO
   RETRATO (1,75em de uma .dia-zap-quem que já está em 0,86em, ou seja 1,505 da
   unidade) e passou a ser governada pelo texto (0,86 x 1,2 = 1,032 da unidade)
   — 0,47 unidade a menos, medidos 15,3px -> 10,5px no quadrado de 345; (3) a
   margem de baixo subiu de 0,38 para 0,45em para compensar. O terceiro item é
   o que não é óbvio: o retrato sobrava para baixo do texto, e o vão ÓTICO até
   a fala encolhia ~2px quando ele saía, mesmo com a margem intacta.
   O CARGO NÃO USA O #9aa3ad DA .pn-balao-quem: aquele cinza mora numa maquete
   de aplicativo dentro de um modal e dá 2,6:1 sobre branco. Aqui a régua é a
   das bolhas, então ele é o --dia-tinta-2 da própria seção (#6a6a70, 5,4:1),
   que por acaso é o cinza que o resto da .dia-section já usa.
   O white-space:nowrap na linha da assinatura é intencional: "Sofi · Secretária
   executiva" quebrada em duas linhas empurra a bolha para cima e desmancha o
   ritmo do cluster. Medida no pior caso (quadrado de 294): 116px de texto mais
   o retrato, dentro de 240px de coluna. Sobra. */
.dia-zap-resp{position:relative;align-self:flex-start;max-width:78%;max-width:min(78%,72cqw);padding:0.58em 0.8em 0.6em;border-radius:0.88em;border-top-left-radius:0.2em;background:#ffffff;box-shadow:var(--zap-sombra)}
.dia-zap-resp::after{content:'';position:absolute;top:0;left:-0.53em;width:0.56em;height:0.8em;background-color:inherit;-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%)}
.dia-zap-quem{display:flex;align-items:center;margin:0 0 0.45em;min-width:0;font-size:0.86em;font-weight:400;line-height:1.2;letter-spacing:-0.004em;color:#6a6a70;white-space:nowrap}
.dia-zap-nome{min-width:0;overflow:hidden;text-overflow:ellipsis}
.dia-zap-nome b{font-weight:600;color:#2f6fed}
.dia-zap-txt{margin:0;font-size:1.06em;font-weight:400;line-height:1.36;letter-spacing:-0.006em;color:var(--zap-tinta);text-wrap:pretty}

/* O HORÁRIO DA BOLHA BRANCA (08/09/2026, passada de consolidação). Até aqui só
   a bolha verde tinha horário, e no aplicativo TODA bolha tem o dela — a falta
   era a coisa mais visível que separava este cluster dos dos cartões 3 e 4.
   O DESENHO É O DAS BOLHAS BRANCAS IRMÃS, não o da bolha verde daqui: lá em
   cima o "9:15" ocupa uma LINHA PRÓPRIA embaixo da transcrição (é a anatomia
   da .ag2-audio, onde o rodapé fecha o bloco de áudio), e aqui ele se ENFIA no
   fim da última linha da fala, que é o que a .zap3-meta e a .zap4-meta fazem —
   horário absoluto no canto de baixo, mais um ::after invisível dentro do
   texto reservando a vaga dele. Escolhido assim por dois motivos: é o que o
   olho compara (as três bolhas brancas da seção ficam com o mesmo canto) e
   custa ZERO altura, que é o que este cluster tem de sobra menos do que
   parece — ele é ancorado pela base em 8,5% e cresce para cima.
   REAPROVEITA A CLASSE .dia-zap-meta em vez de inventar outra: tamanho, tinta,
   tabular-nums e alinhamento já estavam certos, e só a posição muda. Sem
   tique, de propósito — o tique duplo é recibo de mensagem QUE VOCÊ MANDOU, e
   esta é a que você recebeu (as bolhas brancas dos cartões 3 e 4 também não
   têm). A VAGA DE 2,45em é medida em cima da .dia-zap-txt (que está em 1,06em
   da unidade): "9:15" em 0,86em mede ~20px no quadrado de 345, mais ~6px de
   respiro até a borda do texto. */
.dia-zap-resp .dia-zap-meta{position:absolute;right:0.8em;bottom:0.6em;margin:0;justify-content:flex-start;white-space:nowrap}
.dia-zap-txt::after{content:'';display:inline-block;width:2.45em;height:1px}

/* O SEGURO DO QUADRADO MINÚSCULO. Ele não morde em nenhum telefone real — o
   pior caso do catálogo é o quadrado de 294 do 320px, bem acima daqui. Ele
   existe para o canto que a nota das travas da .dia-noti já descreve: no
   desktop, abaixo de ~490px de altura de janela, o quadrado bate no piso de
   240px e QUALQUER peça começa a disputar a caixa. Ali o cluster aperta o
   respiro em vez de crescer para fora do quadrado.
   MEDIDO NO PIOR CASO (1280x400, quadrado no piso de 240): com esta regra o
   cluster fecha em 157,9px e sobra 20,4px embaixo e 61,7 em cima. Antes do teto
   de 76/78% eram 143,7px de cluster e 75,9 em cima — as duas linhas a mais que
   a bolha estreita ganha aqui custam 14px, e o respiro de cima absorve.
   A TERCEIRA COISA QUE ESTE SEGURO FAZ AGORA É RALEAR A ONDA. No quadrado de
   240 a onda mede 112px, e mesmo com as 39 barras do nth-child(6n) o vão cai
   para 0,93px: barra e vão abaixo do subpixel, e o desenho vira um bloco.
   O nth-child(3n) daqui apaga uma a cada três — sobram 31 e o vão volta a
   1,69px. Ele COMPÕE com o 6n de cima em vez de brigar: todo múltiplo de 6 já
   é múltiplo de 3, então o conjunto apagado só cresce, e não há disputa de
   especificidade entre as duas regras. */
@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}
}


/* ===== O CLUSTER DE CONVERSA DO CARTÃO 4 (15:30) — prefixo zap4- (08/09/2026)
   ===========================================================================
   O QUE ESTE BLOCO É: a peça que substitui a .dia-noti DENTRO DO CARTÃO 4, e
   só dele. Nada aqui redefine, herda ou encosta em .dia-noti*, em .dia-zap*
   (o cluster do cartão 2) nem em .zap3-* (o do cartão 3) — o prefixo próprio é
   o contrato, e apagar este bloco inteiro devolve a seção ao que ela era.
   A duplicação de valores com os dois clusters irmãos é CONSCIENTE: três
   prefixos independentes é o preço de três agentes trabalhando no mesmo
   arquivo ao mesmo tempo. A unificação, se vier, é uma rodada própria.

   POR QUE CONVERSA. O banner dizia "Documento encontrado / Luna achou e já
   enviou o PDF" — o ECO de uma busca que ninguém via acontecer. O parágrafo do
   ato promete DUAS coisas ("você pergunta para a Luna" e "ela acha na hora e
   manda o PDF") e a notificação só mostrava a segunda. O par de bolhas mostra
   as duas, e é a única forma que mostra a pergunta.

   ============================================================================
   A POSIÇÃO É O QUE ESTE CARTÃO TEM DE DIFERENTE: O CLUSTER MORA NO ALTO.
   ============================================================================
   As .dia-noti moram a 74% da altura do quadrado. Aqui isso não serve, e a
   razão está na fotografia — images/15-30.png, 1254x1254, varrida em faixas de
   5% (mediana de luminância por faixa e por terço, e contagem de pixels
   claros por linha de 10 em 10):
     0%..33%   parede escura e prateleira (mediana 5 a 31 de 255; o terço
               direito nunca passa de 15). É a zona limpa.
     33%..36%  o tampo da prateleira, com a hera à esquerda e os livros ao
               centro — o traço mais claro da metade de cima.
     36%..41%  parede de novo, sem nada.
     41,3%     TOPO DO CABELO. A primeira linha com pixels claros no miolo
               (x 0,28..0,75 da largura) é a y=518 de 1254.
     44,7%..58,2%  O ROSTO. Pico de pixels claros entre y=560 e y=730.
     58%..65%  ombros, cabelo e o braço; 60%..85% mesa, celular e notebook.
   Ou seja: a faixa de 74% cai no braço e na mesa, e qualquer peça centrada
   nela sobe até o queixo quando o quadrado encolhe. A metade de cima é parede
   escura chapada — o melhor fundo que a seção inteira tem para uma bolha.

   A ÂNCORA É A BORDA DE BAIXO DO CLUSTER, A 38% DA ALTURA (bottom:62%), e essa
   é a decisão central do bloco. O que não pode se mexer neste cartão é a
   ARESTA DE BAIXO da peça, porque é ela que encosta no rosto. Ancorada ali, a
   peça cresce para CIMA quando o texto reflui ou quando o quadrado aperta — e
   para cima só há parede. Ancorar pelo topo, ou centrar numa porcentagem como
   a .dia-noti faz, jogaria exatamente o crescimento contra o rosto.
   A folga medida entre a base do cluster e o topo do cabelo é 41,3% - 38% =
   3,3% do lado do quadrado: 11px a 345, 14px a 410, 17px a 520. Até o rosto
   propriamente dito (44,7%) são 6,7%, ou 23px a 345.
   O CENTRO ÓPTICO CAI ENTRE 21% E 24% DA ALTURA nos quadrados reais (a peça
   mede ~30% do lado), que é a "casa dos 25%" pedida, puxada os poucos pontos
   para cima que a medição do cabelo exige. Descer o centro para 30% cravados
   poria a base em ~45% — em cima do rosto.

   NÃO HÁ TRAVA DE JANELA BAIXA, E ISSO É CONTA, NÃO ESQUECIMENTO. As bandas
   74% -> 68% -> 50% da .dia-noti existem para impedir que uma peça CENTRADA em
   porcentagem vaze pela BASE quando o quadrado encolhe. Aqui a base é fixa por
   construção, então esse vazamento é impossível. O único estouro concebível é
   pelo TOPO, e ele exigiria um cluster mais alto que 62% do lado: com 10,76
   unidades de altura (a conta abaixo, já com o teto de 72cqw e a bolha branca
   em três linhas), isso pede unidade > 5,76% do lado. A unidade é 3,15cqw com
   piso de 9,7px, ou seja, ela só passa de 5,76% do lado num quadrado menor que
   168px — e o piso do quadrado na folha é 210/240px.
   (O único degrau em que o piso da unidade chega perto de morder é o quadrado
   de 270 do 1280x460; ele é tratado no @container do fim do bloco, com uma
   media query de CONTAINER e não de janela, que é a unidade certa aqui.)
   Repetir as travas aqui seria pior que inútil:
   elas empurram a peça PARA BAIXO (74 -> 68 -> 50 é descer), que é a direção
   do rosto. A trava correta para este cartão seria a inversa, e ela não é
   necessária. Pelo mesmo motivo o "corpo menor na janela desktop baixa" da
   .dia-noti-sub não tem equivalente aqui: a unidade já é uma fração do
   quadrado, então ela encolhe sozinha quando a altura da janela encolhe o
   quadrado.

   A ESCALA É DO QUADRADO, NÃO DA JANELA — mesma manobra do cluster do cartão 2
   e pelo mesmo motivo: a 600x800 o quadrado já tem 520px de lado enquanto a
   media query de max-width:600px ainda é a do celular, e tipografia de 294px
   dentro de um quadrado de 520 vira brinquedo. Então a .dia-foto deste cartão
   é um container de inline-size e a peça inteira é múltipla de UMA unidade em
   cqw. A linha font-size repetida é fallback: em navegador sem unidade de
   container a segunda declaração cai fora e a peça fica nos 12px da primeira.
     lado 294 (320x568) -> 9,7px (o piso morde)   lado 345 (375) -> 10,9px
     lado 410 (1280x600) -> 12,9px                lado 520 (desktop) -> 15px
   AQUI A UNIDADE É O PRÓPRIO TAMANHO DA FALA (o cartão 2 põe a fala em 1,06em
   da unidade). É de propósito: com a fala valendo 1em, a vaga do horário, a
   altura das linhas e a conta do orçamento vertical ficam todas no mesmo
   sistema, e não em dois quase iguais.

   O ORÇAMENTO VERTICAL, EM UNIDADES (U), REFEITO DUAS VEZES EM 08/09/2026:
   primeiro quando o retrato saiu da assinatura (duas falas em DUAS linhas), e
   de novo quando o TETO DE 72cqw entrou e a bolha branca passou a fechar em
   TRÊS linhas em todo quadrado abaixo de 520.
     COM A BRANCA EM DUAS LINHAS (só o quadrado de 520 hoje)
     bolha verde   1,10 (recuo) + 2 x 1,36 (linhas)                  = 3,82 U
     vão                                                             = 0,50 U
     bolha branca  1,10 + 0,96 (assinatura) + 0,30 (margem) + 2,72   = 5,08 U
     TOTAL                                                            = 9,40 U
     COM A BRANCA EM TRÊS LINHAS (todo o resto do catálogo)
     a branca ganha 1,36 U                                            = 6,44 U
     TOTAL                                                           = 10,76 U
   No degrau de respiro apertado (@container max-width:300px) o total cai para
   ~10,32U, que é de onde saem os ~4,3px devolvidos ao teto nos quadrados de
   291/294/300.
   A ASSINATURA TROCOU DE DONO. Até esta rodada quem mandava na altura dela não
   era a linha de texto e sim o RETRATO — 2,1em de uma .zap4-quem já em 0,8em,
   ou seja 1,68U —, e esta nota dizia que encolhê-lo era o botão que devolvia
   altura mais rápido aqui. O dono mandou tirar a foto de perfil dos três
   clusters da seção, e o botão foi apertado até o fim: a linha passou a valer
   os 0,96U do texto (0,8 x 1,2) e a peça devolveu 0,72U de uma vez. A margem
   subiu de 0,32 para 0,38em (0,30U) para reequilibrar o vão ótico, o que come
   0,04U de volta. Saldo: 10,07U -> 9,40U.
   O QUE ISSO COMPRA: a peça é ancorada pela BASE em 62% e cresce para CIMA, de
   modo que cada unidade que ela perde vira folga na borda de cima, que era o
   lado apertado. Medido no navegador DEPOIS DO TETO DE 72cqw (altura da peça /
   % do lado / onde ela começa):
     lado 240 (1280x400/430, o piso) U  8,80 ->  91px = 37,8% -> começa a 2,2%*
     lado 270 (1280x460)             U  8,80 ->  91px = 33,6% -> começa a 4,4%
     lado 291 (375x553, iPhone real) U  9,70 -> 100px = 34,4% -> começa a 3,6%
     lado 294 (320x568 e 320x812)    U  9,70 -> 100px = 34,0% -> começa a 4,0%
     lado 300 (1280x490)             U  9,70 -> 100px = 33,4% -> começa a 4,6%
     lado 345 (375x812 e 375x667)    U 10,87 -> 117px = 33,9% -> começa a 4,1%
     lado 350 (1280x540)             U 11,03 -> 119px = 33,9% -> começa a 4,1%
     lado 410 (1280x600)             U 12,91 -> 139px = 33,9% -> começa a 4,1%
     lado 520 (1280x800, 1440x900,
               601x800 e 960x800)    U 15,00 -> 141px = 27,1% -> começa a 10,9%
   * O piso de 240 é o único ponto que NÃO se mexeu com o teto de largura: ali
     a bolha branca já ia a três linhas antes dele (a unidade está no piso de
     8,8px e a coluna já era estreita), então o cluster continua nos mesmos
     90,8px e o topo nos mesmos 2,2% que o degrau de âncora do
     @container (max-width:250px) lá embaixo comprou — ver a conta completa lá.
   A BASE NÃO SE MEXEU EM NENHUM DEGRAU: 38% em tudo, 40% no piso de 240. É por
   isso que a folga até o topo do cabelo (41,3%) continua sendo 3,3% do lado
   (11px a 345, 17px a 520) e 1,3% no piso, exatamente como antes do teto. Tudo
   que o teto cobrou saiu do lado da PAREDE.
   Quem alongar uma das falas refaz esta conta: a QUARTA linha custa 1,36U de
   uma vez, o cluster SOBE (não desce) e o limite passa a ser a borda de cima.
   Com 10,76U sobram de 2,2 a 10,9 pontos percentuais de teto, e uma linha a
   mais custa ~4,3 pontos — ou seja, ela NÃO cabe mais em lugar nenhum abaixo
   do quadrado de 520. Se o texto tiver de crescer, o botão que sobrou é a
   unidade (o retrato já foi, e o respiro já foi apertado até 300px).

   O VOCABULÁRIO É O DO SITE, COPIADO E NÃO INVENTADO: o verde #d8fdd2 e a
   tinta #111b21 são os --mostra-verde e --mostra-app-tinta da .mostra-section,
   a pilha de fontes de sistema é a das maquetes de conversa (.mostra-bolha,
   .ag2-tela — o WhatsApp não usa Poppins), o bico é o ::after de
   background-color:inherit recortado em clip-path, o path do tique duplo é o
   da .mostra-visto copiado caractere por caractere e a assinatura
   "Nome · Cargo" é a da .pn-balao-quem SEM O RETRATO (08/09/2026).

   AS TRÊS DIVERGÊNCIAS SÃO DE CONTRASTE, E AS TRÊS SÃO MEDIDAS. A régua das
   bolhas é 4,5:1 para texto:
     1) O NOME DA LUNA. O .pn-balao-quem b.is-luna é #c9702f e mede 3,59:1
        sobre branco — reprovado. O #ad5f20 é o mesmo laranja descido de
        luminância e mede 4,74:1. Mesma manobra que a .dia-noti-tique já fez
        com o verde e o zap3- com o azul.
        A COR POR ASSESSOR VIROU REGRA DA SEÇÃO EM 08/09/2026, e não exceção
        deste cartão: o cluster do cartão 3 usava o azul da Sofi no nome do
        Martin (para "não parecer defeito"), e o dono decidiu o contrário —
        identidade por assessor é o que a .pn-balao-quem já faz no resto do
        site. O mapa da seção, sobre branco, régua de 4,5:1:
          Sofi (cartão 2)   #2f6fed  4,55:1
          Martin (cartão 3) #0f7a52  5,35:1
          Luna (cartão 4)   #ad5f20  4,74:1
        O cargo é o mesmo #6a6a70 nos três (5,37:1): varia a identidade, não a
        linha de apoio.
     2) O HORÁRIO. O WhatsApp real usa rgba(11,20,26,0.45) (3,4:1). Em 0,60 dá
        4,86:1 sobre branco e 4,71:1 sobre o verde — os dois passam.
     3) O CARGO não usa o #9aa3ad da .pn-balao-quem (2,6:1): usa o --dia-tinta-2
        da própria seção, #6a6a70, que mede 5,37:1.
   O resto: fala em #111b21 dá 17,5:1 no branco e 15,7:1 no verde. O tique é
   #1e93cc, 3,10:1 sobre o verde — é ELEMENTO GRÁFICO, régua de 3:1, e desde a
   passada de 08/09/2026 é o valor dos TRÊS clusters da seção (o cartão 2 era o
   último no #53bdeb do aplicativo, que mede 1,92:1 sobre este verde e some).
   AS BOLHAS SÃO OPACAS, então nenhum desses números depende da fotografia; a
   sombra não compra contraste, só descola a peça.

   O NOME DO ARQUIVO É UM TOKEN QUE NÃO QUEBRA (.zap4-arq, white-space:nowrap).
   "contrato-rodrigo.pdf" tem hífen, e o navegador quebra linha depois de hífen
   — "contrato-" numa linha e "rodrigo.pdf" na outra deixaria de parecer um
   arquivo. Ele mede 109px a 375 e 97px a 320, dentro de uma coluna de 233px no
   pior caso. O nome segue a convenção da página (minúsculas com hífen, como
   contrato-apartamento.pdf e nota-fiscal-8842.pdf).

   O CLUSTER É aria-hidden NO HTML, como o do cartão 2: uma conversa lida em
   voz alta vira uma sopa de fragmentos. Quem escuta recebe o cartão uma vez
   só, pela .dia-leitura, reescrita nesta rodada para narrar as duas falas.
   E não há nada a fazer no prefers-reduced-motion: a peça não tem animação
   nenhuma; o bloco de repouso solta o pin e ela acompanha a foto. */
.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:12px;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)}

/* AS BOLHAS SÃO width:max-content COM TETO, que é como o aplicativo desenha: a
   bolha abraça o texto curto e trava no teto quando ele é longo. Sem isso as
   duas sairiam com a mesma largura e o par viraria uma tabela de duas linhas.
   >>> OBSOLETO EM 08/09/2026, MAIS TARDE NO MESMO DIA: hoje elas SÃO de largura
   cravada (72cqw), por ordem do dono, e o max-content é só o fallback. A
   objeção da frase acima foi respondida na nota do bloco do fim da folha: no
   aparelho de verdade duas falas longas TÊM a mesma largura, porque batem no
   mesmo teto — o que faz o par ler como conversa é a ALTURA de cada bolha e o
   lado em que ela encosta, e as duas coisas continuam de pé. <<<
   A SOMBRA TEM DUAS CAMADAS e as duas trabalham: a de contato (0 0,08em 0,1em)
   é a do WhatsApp e dá a aresta de papel; a de profundidade (0 0,7em 1,5em)
   não existe no aplicativo e existe aqui, porque lá a bolha pousa num papel de
   parede liso e aqui ela pousa numa FOTOGRAFIA. É o mesmo serviço que as
   sombras pesadas prestam à .dia-noti.
   O BICO é um triângulo em clip-path com background-color:inherit — sempre a
   cor da bolha sem repetir o valor. Ele projeta 0,56em para fora, e é daí que
   sai o recuo de 1,9em do .zap4-fio (0,95em de cada lado): sem essa folga o
   bico encostaria no canto arredondado da foto.

   ============================================================================
   O TETO DE 72% DO QUADRADO (08/09/2026, passada de padronização)
   ============================================================================
   ESTE CLUSTER NUNCA TEVE TETO DE VERDADE, e é o que o dono viu na tela: os
   90/92% são fração do FIO, e o fio aqui é calc(100% - 1,9em) — quase o
   quadrado inteiro. Medido antes desta rodada, bolha / lado do quadrado:
     345 (375x812/667) .... verde 84,6%  branca 86,5%
     294 (320x568) ........ verde 84,4%  branca 86,2%
     520 (desktop) ........ verde 85,1%  branca 87,0%
     270 (1280x460) ....... verde 84,4%  branca 86,3%
   Ou seja: bolha de borda a borda, o desenho que o cartão 3 já tinha corrigido
   e que o cartão 2 já tinha corrigido. ORDEM DO DONO: o cartão 3 é a RÉGUA e
   os três têm de ler como UMA família de largura.
   A RÉGUA É min(<fração do fio>, 72cqw), copiada do zap3- caractere por
   caractere no que importa: 72% DO QUADRADO, medidos em cqw, com a fração
   antiga sobrando como piso de segurança — quem manda é o menor dos dois,
   então o cqw só APERTA. A linha repetida é o fallback (navegador sem unidade
   de container derruba a segunda declaração e fica nos 90/92% de antes).

   O PREÇO É ALTURA, E AQUI ISSO É A CONTA QUE IMPORTA, porque a peça é
   ancorada pela BASE em 38% e cresce PARA CIMA. A bolha branca ganha a TERCEIRA
   LINHA em tudo que não é o quadrado de 520. Medido, depois do teto (altura do
   cluster / % do lado / onde o TOPO dele cai / folga até a borda de cima):
     lado 240 (1280x430 e 1280x400, o piso)  90,8px  37,8%  topo 2,2%   5,3px
     lado 270 (1280x460)                     90,8px  33,6%  topo 4,4%  11,9px
     lado 291 (375x553, iPhone real)        100,1px  34,4%  topo 3,6%  10,5px
     lado 294 (320x568 e 320x812)           100,1px  34,0%  topo 4,0%  11,8px
     lado 300 (1280x490)                    100,1px  33,4%  topo 4,6%  13,8px
     lado 345 (375x812 e 375x667)           116,9px  33,9%  topo 4,1%  14,1px
     lado 350 (1280x540)                    118,6px  33,9%  topo 4,1%  14,3px
     lado 410 (1280x600)                    139,0px  33,9%  topo 4,1%  16,7px
     lado 520 (1280x800, 1440x900,
               601x800 e 960x800)           141,0px  27,1%  topo 10,9% 56,7px
   O TOPO DO CABELO NÃO ENTRA NESTA CONTA, e é o ponto todo da âncora: a BASE
   não se mexeu um pixel (38% em tudo, 40% no piso de 240 pelo degrau do
   @container lá embaixo), então a folga até o cabelo continua sendo a de antes
   — 41,3% - 38% = 3,3% do lado (11px a 345, 17px a 520) e 1,3% no piso de 240.
   Cada linha que a bolha ganha sai do lado da PAREDE, que é o que a âncora foi
   desenhada para fazer. Nenhum breakpoint desce sobre o rosto porque nenhum
   breakpoint DESCE.
   A COMPENSAÇÃO QUE ISTO EXIGIU está no @container do fim do bloco: o degrau
   de respiro apertado subiu de 285 para 300px de container, o que devolve
   ~4,3px de teto nos quadrados de 291/294/300 (topo de 2,1/2,5/3,2% para
   3,6/4,0/4,6%) SEM tocar na tipografia — o piso de 8,8px continua onde estava,
   em 285. Era o ajuste mais barato: gap, padding e a margem da assinatura, que
   não têm régua de legibilidade.
   >>> OBSOLETO EM 08/09/2026 (mesma data, rodada seguinte): este teto virou
   FALLBACK. As duas bolhas passaram a ter LARGURA CRAVADA de 72cqw e o recuo do
   .zap4-fio passou a ser o mesmo dos cartões 2 e 3 — ver o bloco "AS SEIS
   BOLHAS DA .dia-section PASSAM A TER LARGURA CRAVADA", no fim da folha.
   ESTE CARTÃO É O QUE MENOS SENTE A MUDANÇA, e é bom deixar escrito para
   ninguém procurar problema onde não há: as bolhas dele JÁ estavam em 72,00% em
   todo o catálogo, então a largura não mudou um pixel, o orçamento vertical em
   unidades continua exato, a base continua em 38% (40% no piso) e os topos
   continuam em 10,9/4,1/4,0/4,4/2,2%. Os três levers desta nota (o respiro de
   300px, a letra de 285px e o bottom:60% de 250px) não precisaram ser tocados.
   O que muda é só o X das arestas, que agora bate com o dos irmãos. <<< */
.zap4-bolha{position:relative;max-width:90%;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:0;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);-webkit-clip-path:polygon(0 0,100% 0,0 100%);clip-path:polygon(0 0,100% 0,0 100%)}
.zap4-bolha.is-luna{align-self:flex-start;max-width:92%;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);-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%)}

/* O ::after VAZIO DENTRO DO TEXTO É A VAGA DO HORÁRIO, e é o truque do
   aplicativo de verdade: o horário é absoluto no canto de baixo, e o texto
   precisa saber que aquele canto está ocupado, senão a última linha passa por
   baixo dele. Um inline-block de 1px de altura e --zap4-vaga de largura empurra
   a quebra na medida exata, some do desenho e não muda a altura da linha.
   Cada bolha tem o seu número porque a verde carrega o tique e a branca não. */
.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:0;color:var(--zap4-meta-tinta);font-variant-numeric:tabular-nums;white-space:nowrap}
.zap4-visto{flex:none;width:1.3em;height:0.84em;fill:none;stroke:var(--zap4-azul);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* A ASSINATURA DA BOLHA BRANCA. No WhatsApp o nome do remetente só aparece em
   grupo, e é exatamente o que esta cena é: o visitante fala com o escritório,
   não com um contato solto. O par nome + cargo é a mesma dupla de vozes da
   .dia-tag do desktop ("Luna · Organização & Docs"), com o ponto médio em
   ::before, que é CSS e não markup.
   O RETRATO SAIU EM 08/09/2026, por ordem do dono, nos três clusters da seção
   na mesma passada — e AQUI ELE ERA O MAIS CARO DOS TRÊS. A nota do orçamento
   vertical lá em cima dizia que quem mandava nesta linha não era o texto e sim
   o retrato de 2,1em de uma .zap4-quem já em 0,8em, ou seja 1,68 da unidade
   contra 0,96 do texto; ela também dizia que "encolher o retrato é o botão que
   devolve altura mais rápido aqui". Tirá-lo devolveu 0,72U de uma vez, e o
   cluster desceu de 10,07U para 9,35U — a peça é ancorada pela BASE em 62% e
   cresce para cima, então tudo que ela encolhe vira folga no teto, que era
   justamente o lado apertado. O orçamento da nota grande já está refeito lá.
   O white-space:nowrap é intencional: a assinatura quebrada em duas linhas
   empurraria a peça para cima e desmancharia o ritmo do par. Medida no pior
   caso (quadrado de 294): ~110px de texto dentro de uma coluna de 233px, e sem
   o retrato sobra ainda mais. O min-width:0 com elipse no cargo é o cinto e
   suspensório para quem um dia trocar "Organização & Docs" por algo longo.
   A MARGEM DE BAIXO SUBIU DE 0,32 PARA 0,38em na mesma passada: o retrato
   sobrava para baixo do texto, e o vão ÓTICO até a fala encolhia sozinho
   quando ele saiu. Vale igual nos três clusters, com os números de cada um. */
.zap4-quem{display:flex;align-items:center;min-width:0;margin-bottom:0.38em;font-size:0.8em;line-height:1.2;letter-spacing:0;white-space:nowrap}
.zap4-nome{flex:none;font-weight:600;color:var(--zap4-nome-tinta)}
.zap4-cargo{min-width:0;overflow:hidden;text-overflow:ellipsis;font-weight:400;color:var(--zap4-cargo-tinta)}
.zap4-cargo::before{content:'·';margin:0 0.38em;opacity:0.6}

/* O SEGURO DO QUADRADO MINÚSCULO, EM DOIS DEGRAUS SEPARADOS (08/09/2026).
   Até a passada do teto de 72cqw isto era UM bloco só, em 285px de container,
   e o motivo escrito era outro: o piso de 9,7px da unidade fazia a bolha
   branca GANHAR A TERCEIRA LINHA no quadrado de 270 (1280x460), o cluster
   saltava de 33% para 41% do lado e vazava 8px pela borda de cima; com o piso
   em 8,8px a fala voltava para duas linhas.
   ESSA JUSTIFICATIVA MORREU COM O TETO DE LARGURA: agora a bolha branca fecha
   em TRÊS linhas em todo quadrado abaixo de 520, de propósito, e o degrau de
   285 não tem mais linha nenhuma para desfazer. Ele CONTINUA valendo, por
   outro motivo — abaixo de 285 a peça é a mais alta da família em fração do
   lado (37,8% no piso de 240) e a letra menor é o que a mantém dentro —, mas a
   nota tinha de ser reescrita para não mentir.
   POR QUE SEPARAR O RESPIRO DA LETRA. O teto de largura empurra o topo do
   cluster para cima em toda parte, e os quadrados de 291 (iPhone real), 294
   (celular de 320) e 300 (1280x490) ficaram com 6 a 10px de folga no teto —
   dentro, mas magro. Apertar gap, padding e a margem da assinatura devolve
   ~4,3px sem tocar em tamanho de letra, que é o que a rodada de nivelamento de
   fontes deixou calibrado e ninguém deve mexer. Então o RESPIRO desce a 300px
   de container e a LETRA continua em 285. Medido depois da separação:
     291 -> topo 2,1% vira 3,6% (6,1 -> 10,5px)   fonte igual, 9,7px
     294 -> topo 2,5% vira 4,0% (7,4 -> 11,8px)   fonte igual, 9,7px
     300 -> topo 3,2% vira 4,6% (9,6 -> 13,8px)   fonte igual, 9,7px
   ESSE É O CANTO QUE A NOTA DAS TRAVAS DA .dia-noti JÁ DESCREVE — abaixo de uns
   490px de altura de janela o quadrado bate no piso da folha e QUALQUER peça
   da família começa a disputar a caixa (lá o cartão do 22:00 fica maior que o
   quadrado e nenhuma posição resolve). Aqui o remédio existe e é barato, então
   está escrito: no quadrado minúsculo o cluster aperta o respiro e a letra em
   vez de crescer para fora. */
@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)}
}

/* O PISO DO QUADRADO (240px, o valor mínimo que a folha dá à .dia-foto no
   desktop, alcançado em janelas abaixo de ~440px de altura) É O ÚNICO PONTO EM
   QUE A PEÇA ENCOSTA NA BORDA DE CIMA — e antes de 08/09/2026 ela vazava.
   A CONTA, MEDIDA: com a unidade no piso de 8,8px a bolha branca fecha em TRÊS
   linhas, o cluster vai a 90,8px e a âncora de 62% põe a base dele a 91,2px
   do topo. Sobra 0,4px. Com o RETRATO ainda no lugar o cluster media ~96,7px e
   a peça saía 5,5px por cima da fotografia: a remoção do retrato, que veio por
   outro motivo, consertou o vazamento sem querer. Mas 0,4px não é folga, é
   empate, e qualquer palavra a mais no texto reabre o furo.
   O TETO DE 72cqw (08/09/2026) NÃO MEXEU NESTE DEGRAU e vale registrar por
   quê: aqui a bolha branca JÁ ia a três linhas por causa da coluna estreita,
   então apertá-la a 72% do quadrado não acrescentou linha nenhuma — o cluster
   continua nos mesmos 90,8px e o topo nos mesmos 2,2%. Este é o único ponto do
   catálogo em que o teto sai de graça, e é também o único em que ele não muda
   nada. (Antes de 08/09 a nota dizia que o degrau de 285 segurava DUAS linhas
   até o quadrado de 270; isso deixou de ser verdade com o teto — agora são
   três linhas em tudo abaixo de 520, de propósito.)
   O REMÉDIO É A ÂNCORA, NÃO A LETRA, e nisto o piso difere do degrau de 285: lá
   ainda havia tipografia para apertar, aqui a unidade já está no piso e apertar
   mais deixaria a fala abaixo de 8,8px. Descer a base de 62% para 60% devolve
   4,8px de teto (a peça cresce para cima, então tudo que a base desce vira
   folga em cima) e não custa nada em cima do rosto: a base passa de 38% para
   40% da altura, e o topo do cabelo da modelo só começa a 41,3%. Medido depois:
   cluster 90,8px começando a 5,2px (2,2% do lado) em vez de 0,4px. */
@container (max-width:250px){
.zap4-fio{bottom:60%}
}

/* ============================================================================
   CARTÃO 5 (22:00) — A NOTIFICAÇÃO SOBE PARA O ALTO DA FOTO E O DISCO DO
   ÍCONE VIRA PRETO (08/09/2026, ordem do dono)
   ============================================================================
   ESTE BLOCO SÓ FALA DO CARTÃO 5. Todos os seletores começam em
   .dia-cartao[data-ato="5"], que é o gancho que o HTML já tinha (o <article>
   do 22:00 nasce com data-ato="5" desde a primeira rodada, igual aos outros
   quatro). Não foi preciso inventar classe nova nem tocar no index.html.
   ESCOLHI data-ato E NÃO .is-equipe de propósito: is-equipe é uma etiqueta de
   CONTEÚDO ("é o cartão da equipe") e alguém pode reaproveitá-la amanhã em
   outra peça; data-ato="5" é a POSIÇÃO na timeline, e posição é justamente o
   que este bloco governa. E não é :last-child porque o último filho do
   .dia-quadro pode mudar de lugar sem aviso.
   NADA AQUI REDEFINE .dia-noti SOZINHA, .dia-noti-* compartilhada, .dia-zap*,
   .zap3-* ou .zap4-*. Os cartões 1 a 4 saem daqui byte por byte iguais.
   A especificidade fecha a conta sem !important: .dia-cartao[data-ato="5"]
   .dia-noti pesa (0,3,0) contra os (0,1,0) das travas antigas de .dia-noti, e
   .dia-cartao[data-ato="5"] .dia-noti-icone.is-equipe pesa (0,4,0) contra o
   (0,2,0) da regra de origem do disco. Ou seja: vence por peso e não por
   ordem de arquivo — se alguém empurrar outro bloco para depois deste, nada
   quebra.

   --------------------------------------------------------------------------
   1) POR QUE 21%, E DE ONDE SAIU O NÚMERO
   --------------------------------------------------------------------------
   A images/22-00.png é 1254x1254, o .dia-foto é quadrado e a arte entra com
   background-size:cover + center — ou seja, PORCENTAGEM NA FOTO É A MESMA
   PORCENTAGEM NO QUADRADO, sem corte. Isso deixa medir a foto por faixas e
   usar o resultado direto no CSS. Faixas medidas (varredura de luminância de
   2 em 2% e detecção de pele/cabelo por coluna):
     0%    ..  36,7%  parede escura à esquerda + quadro na parede à direita
                      (o quadro ocupa x 52%..100%, y 0..~36,7%)
     36,7% ..  41,5%  moldura de baixo do quadro e topo da cabeceira
     41,7%            TOPO DO CABELO — é aqui que a cabeça começa
     45,5% ..  61,2%  ROSTO: pele detectada de 570px a 767px (y/1254)
     52%   ..  64%    faixa mais clara da cena (rosto iluminado pelo celular)
     ~52%  ..  64%    celular rosa na mão, x 41%..49%
     78%   .. 100%    edredom escuro, sem informação
   A FAIXA LIVRE DO ALTO É, PORTANTO, 0% .. 41,7%. E 21% É O CENTRO DELA
   (41,7/2 = 20,85, arredondado para 21). Não é chute nem gosto: é o mesmo
   raciocínio do 50% da trava antiga — o ponto que reparte a sobra igualmente
   entre as duas bordas —, só que aplicado à faixa do alto em vez do quadrado
   inteiro. A peça continua centrada por translate(-50%,-50%), que é a regra
   compartilhada e NÃO foi tocada.
   O dono sugeriu 26%..30%. Com a peça ANTIGA não cabia: a 375x812 (quadrado
   345, peça 102,9px) o 26% deixava a base em 40,9%, a 2,7px do cabelo, e o 28%
   já mordia o cabelo em 4px.

   A PEÇA ENCOLHEU UMA LINHA (08/09/2026, ordem do dono: saiu a frase "Amanhã
   às 7h o resumo chega de novo." do corpo). Todos os números desta seção e da
   seguinte foram REMEDIDOS no navegador com o corpo novo — o que está escrito
   aqui é a peça de hoje, não a de ontem.
   E O 21% NÃO MUDA, e a razão é geométrica, não estética: 21% é 41,7/2, ou
   seja, é o ponto que reparte a faixa livre em duas metades iguais, e esse
   ponto NÃO DEPENDE DA ALTURA DA PEÇA. Encolher a peça não move o centro da
   faixa — só aumenta as duas sobras na mesma medida. Medido a 375x812: a
   margem de cima ficou 8,41% e a de baixo 8,12% (a diferença de 0,29% é só o
   arredondamento de 20,85 para 21), contra 3,9%/3,6% da peça antiga. Ou seja,
   a peça nova está MAIS centrada na faixa do que a antiga, não menos, e não há
   micro-ajuste a fazer. Subir para 19% ou 20% desequilibraria de propósito
   algo que já está equilibrado; descer para os 26% do pedido original agora
   caberia a 375x812 (base 39,2%, 8,6px do cabelo), mas quebraria nas janelas
   apertadas, que é exatamente por onde o 26% foi reprovado da primeira vez.
   O QUE O 21% ENTREGA HOJE, quadrado por quadrado (base da peça em % do
   quadrado, e a folga até o cabelo em 41,7%):
     lado 520 (1280x800, 1440x900)           peça  96,2  base 30,25%  59,5px
     lado 492 (900x760)                      peça  96,2  base 30,78%  53,7px
     lado 410 (1280x600)                     peça  96,2  base 32,73%  36,8px
     lado 345 (375x812 e 375x667)            peça  86,8  base 33,58%  28,0px
     lado 331 (360x640)                      peça 102,9  base 36,54%  17,1px
     lado 321 (pior caso da faixa ate 360)   peça 102,9  base 37,03%  15,0px
     lado 323 (pior caso da faixa 361..600)  peça 123,5  base 40,12%   5,1px
     lado 339 (pior caso das faixas largas)  peça 130,2  base 40,21%   5,1px
   A base nunca passa de 40,2% e o rosto (45,5%) nunca é tocado. Nos tamanhos
   grandes a peça fica ENCOSTADA NO QUADRO DA PAREDE, que o dono liberou.
   Comparando com a peça antiga, a folga do cabelo subiu em toda a tabela — de
   49,0 para 59,5px no quadrado grande e de 19,4 para 28,0px no iPhone —, e é
   isso que a linha a menos comprou.

   --------------------------------------------------------------------------
   2) A TRAVA, REPENSADA PARA UMA PEÇA QUE AGORA MORA NO ALTO
   --------------------------------------------------------------------------
   A trava velha existia porque a peça estava EMBAIXO (74%) e o perigo era a
   BASE escapar do quadrado; ela reagia SUBINDO a peça (68%, depois 50%).
   Com a peça no alto o perigo inverteu de lado: quem escapa agora é o TOPO.
   O equivalente honesto, então, não é "descer para 50%" — descer é justamente
   jogar a peça em cima do rosto. O equivalente é PRENDER A PEÇA PELO TOPO:
   troco a âncora de centro por âncora de topo (translate(-50%,0)) e cravo
   3% de respiro na borda de cima. Assim a peça fica o mais alta possível,
   nunca sai por cima, e sobra o máximo de rosto que a geometria permite.
   É a mesma manobra que os clusters dos cartões 2 e 4 já fazem ao ancorar
   pela base em vez do centro.
   QUANDO A TRAVA PRECISA DISPARAR: quando centrar em 21% jogaria o topo da
   peça para fora, isto é quando 21%*lado < peça/2 + 6px de respiro.
   OS LIMIARES FORAM REFEITOS COM A PEÇA MENOR (08/09/2026). Eles tinham sido
   calibrados com a peça de ontem, e uma peça mais baixa cabe em quadrado mais
   apertado — mantê-los seria disparar a trava cedo demais, jogando no topo
   pinado janelas que já comportam o 21% centrado. Varri o lado do quadrado de
   1 em 1px (não de 5 em 5, como na rodada anterior) em CADA regime de fonte,
   medindo a peça no navegador; ela engorda por degraus, uma linha de cada vez:
     ate 360 (ícone 40)      peça  86,8 ->  102,9 -> 123,5 -> 139,7
                             cabe no 21% a partir de lado 321  (antes: 321)
     361..600 (ícone 44)     peça  86,8 ->  102,9 -> 123,5 -> 139,7 -> 176,4
                             cabe no 21% a partir de lado 323  (antes: 325)
     largas, corpo 0,75rem   peça  91,4 ->  107,9 -> 130,2 -> 146,7 -> 169,0
                             cabe no 21% a partir de lado 339  (antes: 353)
     largas, corpo 0,86rem   peça  96,2 ->  115,2 -> 137,5 -> 156,4 -> 175,4
                             cabe no 21% a partir de lado 353  (antes: 353)
   A ÚLTIMA LINHA NUNCA MANDA, e é bom deixar escrito por quê: o corpo 0,86rem
   só existe acima de 663px de altura em 601..960 e acima de 585px em 961+, e
   nos dois casos essas alturas dão lado >= 396 (664-268 = 586-190 = 396). No
   lado 396 a peça mede 115,2 e o 21% oferece 83,2 contra 63,6 de necessidade —
   folga de 19,6px. Quem manda nas duas faixas largas é o regime 0,75rem, que é
   o que vive perto do limiar. Por isso 339, e não 353.
   Convertendo lado em altura de janela pelas reservas de cada faixa
   (250 ate 360px de largura, 262 em 361..600, 268 em 601..960, 190 em 961+):
     lado>=321 pede 0,92*L>=321 -> largura >= 349       (faixa ate 360)
     lado>=321 pede H-250>=321  -> altura  >= 571       (faixa ate 360)
     lado>=323 pede H-262>=323  -> altura  >= 585       (faixa 361..600)
     lado>=339 pede H-268>=339  -> altura  >= 607       (faixa 601..960)
     lado>=339 pede H-190>=339  -> altura  >= 529       (faixa 961+)
   Os números abaixo são esses, com 1px para o lado seguro: 584, 606 e 528.
   A CONDIÇÃO DE LARGURA CONTINUA EM 353px E NÃO CAI PARA 348, de propósito.
   O lado mínimo da faixa ate 360 não se mexeu (321 antes e depois: ali o
   degrau que trava é o de 123,5px, que a linha a menos não alcança), então o
   limiar também não tem por que se mexer. Os 353 herdados cobrem 349..353 sem
   precisar — é a mesma folga conservadora de sempre, e perto do limiar as duas
   âncoras convergem por construção, então cobrir a mais não custa desenho.
   A ÚNICA CONDIÇÃO QUE COBRE DUAS RESERVAS é a de 600px: ela vale para a faixa
   ate 360 (que pediria 570) e para a 361..600 (que pede 584). Fica com o maior
   dos dois, 584, que é conservador para a primeira e exato para a segunda —
   exatamente como a versão anterior fazia com o 586.
   E ERRAR PARA O LADO CONSERVADOR AQUI NÃO CUSTA NADA: perto do limiar as
   duas âncoras convergem por construção (a trava dispara exatamente quando o
   centro em 21% já colocaria o topo perto dos 3%). Medido no limiar da faixa
   larga, lado 339: centro 21% dá 1,79%..40,21%, topo em 3% dá 3,0%..41,4%.
   O QUE A TRAVA ENTREGA nos casos apertados, que é onde ela vive:
     lado 294 (320x568)  peça 123,5 (41,9% do quadrado)  3,0%..44,9%
     lado 291 (375x553)  peça 123,5 (42,4%)              3,0%..45,4%
     lado 332 (700x600)  peça 130,2 (39,2%)              3,0%..42,2%
   Cobre cabelo e testa e PARA NA LINHA DO ROSTO (45,5%), que é uma linha a
   mais de folga do que a peça antiga entregava aqui (ela ia a 50,4% / 51,0% /
   47,2% e comia até a altura dos olhos). NÃO É BONITO E NÃO TEM COMO SER:
   nesses tamanhos a peça ainda mede mais de 40% do quadrado e a faixa livre
   mede 41,7% — não existe posição que não cubra nada. Mas é estritamente
   melhor do que estava, e melhor duas vezes: a 320x568 o top:68% de duas
   rodadas atrás punha a peça em 44,3%..91,7% (rosto inteiro mais o peito), e
   a peça de ontem no top:3% ainda ia até 50,4%.
   O CANTO QUE ESTE BLOCO NÃO CONSERTA ficou menor, mas não sumiu: abaixo de
   ~490px de altura no desktop o quadrado bate no piso de 240px. Com a peça
   antiga ela ficava MAIOR que a caixa ali (a 1280x430, quadrado 240 e peça
   240,9) e perdia o rabo no overflow:hidden do .dia-foto; com a peça de hoje
   ela mede 207,8 e CABE — mas cabendo ocupa 86,6% do quadrado, ou seja, tapa
   o rosto inteiro do mesmo jeito. Trocou "cortada" por "inteira e em cima do
   rosto", que é melhor de ler e igualmente feio de ver. Consertar de verdade
   seria encolher a peça de novo, e o dono pediu só a frase a menos.

   --------------------------------------------------------------------------
   3) O DISCO PRETO, E POR QUE ELE PERDE O FIO
   --------------------------------------------------------------------------
   O disco era rgba(255,255,255,0.12) com um fio inset de rgba(255,255,255,
   0.22): um disco CLARO precisava do fio porque nascia quase da mesma tinta
   do vidro e sem ele virava uma mancha sem aresta. O #0c0c0d é a mesma tinta
   da .dia-noti-badge dos outros quatro cartões — é a família preta da casa —
   e inverte o problema: medido sobre o vidro nesta posição nova (a peça agora
   deita sobre o quadro da parede, que é a região MAIS CLARA da foto), o painel
   fica em ~34 de luminância e o disco em 12. São 22 pontos de degrau, o
   dobro do que o disco claro tinha contra o mesmo painel. A aresta se
   sustenta sozinha; o fio, num disco preto, só apareceria como um anel
   branco em volta do símbolo — que é exatamente o que o dono NÃO pediu ao
   dizer "bolinha preta". Conferido em zoom nos cinco tamanhos. Por isso
   box-shadow:none em vez de um fio mais fraco.
   A TINTA DO SÍMBOLO NÃO MUDA: o favicon.svg é um degradê #bc85f8 -> #e27bb7
   em fundo transparente, e lilás/rosa sobre #0c0c0d tem contraste de sobra (o
   mesmo par que a .dia-noti-badge já usa nos outros cartões). O TAMANHO dele
   mudou na rodada seguinte — ver a seção 4.

   --------------------------------------------------------------------------
   4) O SÍMBOLO SOBE DE 23px PARA 27px (08/09/2026, ordem do dono)
   --------------------------------------------------------------------------
   O PEDIDO FOI "a foto de perfil do 22:00 está menor que o ícone do 07:40".
   A PRIMEIRA COISA A DIZER É QUE O DISCO NUNCA FOI MENOR. Medido lado a lado
   no navegador, com o mesmo .dia-noti-icone e a mesma variável compartilhada:
     cartão 1 (.is-nubank)  disco 44,00 x 44,00
     cartão 5 (.is-equipe)  disco 44,00 x 44,00
   Byte por byte a mesma caixa, sem padding, sem override de tamanho neste
   bloco e sem redefinição de --dia-noti-icone (44px na base, 40px abaixo de
   360px de largura, para os dois). O que o dono viu é real, mas a causa não é
   o diâmetro — é a MASSA DE TINTA DENTRO DELE, e ela vinha de três somas:

   a) O SÍMBOLO ESTAVA FORA DA PROPORÇÃO DA FAMÍLIA. Os três lugares onde a
      casa põe um símbolo dentro de um disco usam a MESMA razão, e o 22:00 era
      o único que não usava:
        .dia-noti-icone.is-nubank > img   27 em 44  = 61,4%
        .dia-noti-badge img               14 em 23  = 60,9%
        .dia-noti-icone.is-equipe > img   23 em 44  = 52,3%   <- o intruso
      Nove pontos percentuais abaixo dos irmãos. Num disco de 44 isso é o
      símbolo desenhando 4px a menos de lado.
   b) O favicon.svg TRAZ RESPIRO PRÓPRIO NO viewBox, e isso dobra o buraco.
      Medido com getBBox contra o viewBox "-1.43 12.03 136 136": a tinta ocupa
      88,7% da largura e 86,4% da altura da caixa, centrada (5,65% de folga de
      cada lado em x, 6,79% em y — o SVG é simétrico, então não há correção de
      centro a fazer, só de tamanho). Ou seja, o `width:23px` do CSS virava
      20,4px de desenho na tela: 46,4% do disco, contra os 54,0% que o mesmo
      favicon entrega dentro do selo de 23px. O nubank.svg não tem esse
      desconto — a tinta dele preenche 100% do viewBox —, então os 27px do
      cartão 1 são 27px de desenho de verdade. A comparação que o dono fez com
      o olho era, na prática, 27,0 contra 20,4.
   c) O CARTÃO 1 AINDA GANHA 3px DE PEGADA PELO SELO. A .dia-noti-badge mora
      em right:-3px / bottom:-3px, então o conjunto ícone+selo do 07:40 ocupa
      47x47 de área visível contra os 44x44 limpos do 22:00. Isso não é para
      consertar (o selo não faz sentido no cartão da equipe, onde o símbolo JÁ
      É o dono da notificação), mas explica o resto da diferença percebida.
   Some-se a isso o que a seção 3 já deixou medido — um disco #0c0c0d sobre o
   vidro escuro tem aresta discreta de propósito —, e o olho para de ler "disco
   de 44 com símbolo dentro" e passa a ler só "símbolo de 20". Daí "menor".

   O CONSERTO É UM NÚMERO SÓ: 27px, o mesmo do .is-nubank > img. Não é
   coincidência conveniente, é a razão da família aplicada ao disco de 44:
   44 x 0,609 (a razão do selo) = 26,8. Com 27 a conta fecha nos três lugares:
     caixa  27/44 = 61,4%  (igual ao nubank, 0,5 ponto acima do selo)
     tinta  23,9/44 = 54,4% (o selo entrega 54,0% — meio ponto de diferença)
   E ELE NÃO ENCOSTA NA BORDA, que era a outra metade do pedido. A tinta fica
   23,9 x 23,3 centrada num círculo de raio 22: sobram 10,05px de cada lado na
   horizontal, e a meia-diagonal da caixa de tinta mede 16,69px, ou seja, o
   canto mais distante do desenho para 5,3px antes do fio do disco — e o
   monograma tem os cantos vazios, então a folga real é maior que essa. No
   regime de 40px (abaixo de 360px de largura, onde o nubank também fica em
   27) a meia-diagonal ainda cabe: 16,69 contra raio 20, 3,3px de sobra.
   Conferido em zoom nos quatro tamanhos.

   O QUE ISSO NÃO MEXE, E É O MOTIVO DE A SEÇÃO 1 E A SEÇÃO 2 CONTINUAREM
   VÁLIDAS PALAVRA POR PALAVRA: o <img> é item de um grid com place-items:
   center dentro de uma caixa flex:none de 44x44. 27 < 44, então a CAIXA NÃO
   CRESCE e a peça não engorda um pixel. Medido antes e depois a 375x812: a
   .dia-noti do 22:00 tem 86,83px de altura nos dois. O min-height:var(
   --dia-noti-icone) do .dia-noti-corpo continua sendo o piso que nunca manda
   (o corpo mede 56,83 contra 44 de piso), o 21% continua repartindo a mesma
   faixa livre, e os limiares de 353/584/606/528 — que são calibrados pela
   ALTURA DA PEÇA — não têm por que se mexer, porque a altura da peça não se
   mexeu. Esta seção é a única do bloco que não precisou remedir nada.
   ============================================================================ */
.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%,0)}
}

.dia-cartao[data-ato="5"] .dia-noti-icone.is-equipe{background:#000000;box-shadow:none}
/* O `>` É O MESMO CUIDADO DA REGRA DE ORIGEM: prende o tamanho ao img que é
   filho DIRETO do ícone. Hoje o cartão 5 não tem selo, mas se alguém puser
   um amanhã, o descendente jogaria 27px dentro de um disco de 23 — que é
   exatamente o bug que a nota do combinador de filho, lá em cima, descreve.
   Pesa (0,4,1) contra o (0,2,1) da regra de origem: vence por peso, não por
   ordem de arquivo. */
.dia-cartao[data-ato="5"] .dia-noti-icone.is-equipe > img{width:27px;height:27px}


/* ============================================================================
   AS SEIS BOLHAS DA .dia-section PASSAM A TER LARGURA CRAVADA — E O MESMO
   RECUO DE FIO (08/09/2026, terceira e definitiva correção pedida pelo dono)
   ============================================================================
   ESTE BLOCO É A ÚLTIMA PALAVRA SOBRE LARGURA DE BOLHA NOS CARTÕES 2, 3 E 4.
   Onde as notas dos três blocos acima falarem em "teto de 72%", "max-width",
   "min(fração do fio, 72cqw)" ou "width:max-content com teto", leia esta nota:
   aquelas regras continuam no arquivo, mas viraram FALLBACK (ver o parágrafo do
   fallback lá embaixo) e não são mais o que desenha em navegador moderno.

   --------------------------------------------------------------------------
   1) POR QUE TETO NÃO RESOLVIA, E POR QUE ESTA É A TERCEIRA RODADA
   --------------------------------------------------------------------------
   O dono pediu três vezes que as bolhas dos cartões 2 e 4 ficassem DO MESMO
   TAMANHO das do cartão 3. As duas rodadas anteriores responderam com um TETO
   comum (max-width:min(<fração do fio>,72cqw)). Teto é limite superior, não
   medida: uma bolha com max-width para na largura do PRÓPRIO TEXTO se o texto
   acabar antes, então cada uma estaciona onde a frase dela terminar. O olho lê
   três tamanhos, e foi exatamente isso que o dono continuou vendo.
   E HAVIA UM SEGUNDO DEFEITO, MAIOR QUE O PRIMEIRO E QUE NENHUMA DAS DUAS
   RODADAS ATACOU: mesmo quando as três bolhas tinham a MESMA LARGURA, elas não
   caíam no MESMO X, porque cada cluster tinha o seu recuo de fio. Medido antes
   desta rodada (X em px, medido da borda esquerda do quadrado; cartão 2 /
   cartão 3 / cartão 4):
     1280x800, lado 520
       aresta DIREITA das verdes ..... 507,2 / 460,0 / 505,8  (47,2px de espalho)
       aresta ESQUERDA das brancas ...  12,8 /  60,0 /  14,3  (47,2px de espalho)
       largura das bolhas ............ 69,70% / 67,69% / 72,00% do quadrado
     375x812, lado 345
       aresta DIREITA das verdes ..... 335,8 / 333,0 / 334,7  (2,8px)
       aresta ESQUERDA das brancas ...   9,2 /  12,0 /  10,3  (2,8px)
     1280x400, lado 240 (o piso do desktop)
       aresta DIREITA das verdes ..... 231,2 / 226,0 / 231,6  (5,6px)
       largura das bolhas ............ 70,41% / 77,73% / 72,00%
   O buraco de 47px do desktop é o pior da tabela e tem causa única: o fio do
   cartão 3 é min(100% - 28px, 400px) e TRAVA EM 400 no quadrado de 520, então
   ele fica 90px mais estreito que os fios dos irmãos (489,8) e leva as duas
   bolhas dele para dentro. O de 240 tem outra causa: lá o @container de 262px
   do cartão 3 desliga o teto em cqw e a bolha volta aos 88% do fio (77,73%).
   Ou seja: as três divergências que sobravam eram todas de FIO ou de TETO
   DESLIGADO — nenhuma delas se conserta mexendo em teto.

   --------------------------------------------------------------------------
   2) A CORREÇÃO: DUAS LINHAS, DOIS NÚMEROS
   --------------------------------------------------------------------------
   (a) LARGURA CRAVADA DE 72cqw — width, não max-width — nas seis bolhas.
       72% DO QUADRADO, verde e branca, cartões 2, 3 e 4, em qualquer janela.
       O NÚMERO É A RÉGUA DO CARTÃO 3, MEDIDA NO NAVEGADOR, como o dono mandou:
         quadrado 345 (375x812) ... verde 72,00%  branca 72,00%
         quadrado 294 (320x568) ... verde 72,00%  branca 72,00%
         quadrado 520 (1280x800) .. verde 67,69%  branca 67,69%
       Verde e branca dão o MESMO número no cartão 3, então é UM valor só e não
       dois. Dois dos três quadrados medidos dão 72,00% cravado, e o terceiro
       (520) só destoa porque é onde o fio de 400px trava — é o artefato do
       item 1, não uma medida de desenho. Por isso a régua adotada é 72cqw, que
       é o valor que o cartão 3 já entrega em 345, 294, 291, 270 e 410.
   (b) RECUO DE FIO IGUAL NOS TRÊS: max(7.5px, 2.9cqw) de cada lado, ou seja
       fio = 100% - 2 x esse recuo = 94,2% do quadrado (93,75% no piso de 240).
       SEM ISTO A LARGURA IGUAL NÃO BASTA: a verde encosta na aresta DIREITA do
       fio e a branca na ESQUERDA, então quem decide o X das arestas é o recuo.
       O 2,9cqw foi escolhido no meio da faixa que os três já usavam (o cartão 2
       ia de 2,46 a 3,67cqw conforme o clamp do em dele mordia ou não; o cartão
       4, de 2,75 a 3,50; o cartão 3 era o único fora, com 2,69cqw no 520 e
       3,48 no 345, por causa dos 28px fixos).
       O PISO DE 7,5px NÃO É ENFEITE: o bico da bolha do cartão 3 projeta 7px
       para fora (--zap3-bico:8px com right:calc(-8px + 1px)) e ele é o único
       dos três que NÃO encolhe com o quadrado (os outros dois são em em). Em
       2,9cqw puros o recuo só chega a 7px em quadrado de 241,4; o piso da
       folha é 240 no desktop e 210 nas faixas estreitas, e ali o bico sairia
       da foto. Com o piso, a folga do bico do cartão 3 é 0,5px no quadrado de
       240 e 0,5px no de 210 — os dois pisos que a folha alcança.
       OS BICOS DOS CARTÕES 2 E 4 PEDEM MENOS, e pedem menos justamente onde o
       recuo é maior, porque eles são medidos em em (que é fração do quadrado):
       no quadrado de 520 projetam 7,53px (cartão 2, right:-0,53em) e 7,50px
       (cartão 4, right:calc(-0,56em + 0,06em)) contra 15,08px de recuo; no piso
       de 240 projetam 5,19 e 4,40px contra 7,50 de recuo. Medido no navegador
       em todo o catálogo: nenhum dos três bicos sai da foto.
       NÃO HÁ TETO NO RECUO de propósito: ele é uma fração do quadrado e deve
       crescer junto se um dia o quadrado passar de 520.

   --------------------------------------------------------------------------
   3) O QUE ISTO ENTREGA — O CRITÉRIO DE ACEITE DO DONO, MEDIDO
   --------------------------------------------------------------------------
   As arestas das três verdes caem no MESMO X, e as das três brancas também,
   com espalho ZERO (não ±2px: zero — as três recebem a mesma conta):
     lado 520 (1280x800 e 1440x900)  verde L 130,5  R 504,9 | branca L 15,1 R 389,5
     lado 410 (1280x600)             verde L 102,9  R 398,1 | branca L 11,9 R 307,1
     lado 345 (375x812 e 375x667)    verde L  86,6  R 335,0 | branca L 10,0 R 258,4
     lado 294 (320x568)              verde L  73,9  R 285,9 | branca L  8,5 R 220,5
     lado 270 (1280x460)             verde L  67,8  R 262,2 | branca L  7,8 R 202,2
     lado 240 (1280x400 e 1280x430)  verde L  59,7  R 232,5 | branca L  7,5 R 180,3
     lado 210 (700x450, o piso das
               faixas estreitas)     verde L  51,3  R 202,5 | branca L  7,5 R 158,7
   (Antes desta rodada o espalho era de 47,2px no 520, 5,6px no 240 e 19,2px no
   210; 2,8px no 345 e no 294. Agora é 0,00px em todos.)
   E A ALTURA NÃO SE MEXEU EM LUGAR NENHUM. Medida antes e depois, cluster do
   cartão 2 / do 3 / do 4, em px:
     lado 520 .. 190,7 / 138,8 / 141,0   (idêntico antes e depois)
     lado 410 .. 178,8 / 138,8 / 139,0   (idêntico)
     lado 345 .. 150,6 / 105,7 / 116,9   (idêntico)
     lado 294 .. 145,1 / 114,7 / 100,1   (idêntico)
     lado 270 .. 159,2 / 120,5 /  90,8   (idêntico)
     lado 240 .. 153,7 / 135,3 /  90,8   (idêntico)
     lado 210 .. 167,9 / 150,1 / 102,7   (idêntico)
   Nenhuma fala ganhou ou perdeu uma linha em nenhum quadrado do catálogo, e é
   por isso que as duas contas de âncora dos blocos acima continuam válidas
   PALAVRA POR PALAVRA:
     - CARTÃO 4 (ancorado pela base em 38%): o topo do cluster continua em
       10,9% no 520, 4,1% no 345/410, 4,0% no 294, 4,4% no 270 e 2,2% no piso
       de 240. O cabelo da modelo começa em 41,3% e a base do cluster continua
       em 38% (40% no piso) — a folga de 3,3% do lado não foi tocada. Os três
       levers documentados naquele bloco (o degrau de respiro do @container de
       300px, o piso de letra de 285px e o bottom:60% do @container de 250px)
       NÃO PRECISARAM SER USADOS: a bolha do cartão 4 já estava nos 72% em todo
       o catálogo, então a largura cravada não mudou um pixel dela.
     - CARTÃO 2 (ancorado pela base em 8,5%): o topo continua em 54,8% no 520,
       47,8% no 345/410, 42,2% no 294, 41,6% no 291, 32,5% no 270 e 27,4% no
       piso. O queixo da mulher fecha em 39% e a mão dela vai até 47% — nada
       subiu sobre o rosto, porque nada subiu.
     - CARTÃO 3: no 345, no 294, no 291, no 270 e no 410 ele renderiza
       EXATAMENTE a mesma bolha de antes (72,00%), e a altura do cluster dele é
       a mesma nos seis quadrados da tabela. O que muda nele são dois pontos, e
       os dois eram o defeito:
         no quadrado de 520 a bolha vai de 352,0 para 374,4px (67,69% -> 72,00%)
         e o cluster inteiro passa a ocupar 94,2% do lado em vez de 76,9%;
         no piso de 240 a bolha vai de 186,6 para 172,8px (77,73% -> 72,00%).
       Nos dois casos a ALTURA fica igual (138,8px e 135,3px, antes e depois):
       a fala do visitante continua em duas linhas no 520 e a do Martin também,
       e no 240 nenhuma das duas ganhou linha. Era o cartão 3 que estava fora
       da família nesses dois quadrados, e é ele que entra nela agora.
       (No piso de 210 das faixas estreitas ele também estava fora, em 76,26%,
       e a altura dele também não mudou: 150,1px antes e depois.)
   O CANTO QUE ESTA RODADA NÃO CONSERTA — E QUE ELA TAMBÉM NÃO PIORA — é o piso
   de 210 do quadrado (janela 700x450 e vizinhas), onde o cluster do cartão 4
   começa a -8,9% da altura e a bolha verde dele é cortada pelo overflow:hidden
   da .dia-foto. ISSO É ANTERIOR A ESTE BLOCO e foi medido nos dois estados,
   com as duas regras daqui ligadas e desligadas: mesmo -8,9%, mesma bolha
   cortada, mesmos 102,7px de cluster. A causa é a que a nota do piso do
   cartão 4 já descreve (a unidade bate no piso de 8,8px e a peça deixa de
   encolher junto com o quadrado), e o remédio de lá — o @container
   (max-width:250px) que desce a base para 60% — já está ligado e não chega.
   Nesse mesmo quadrado a .dia-noti dos cartões 1 e 5 também vaza (98,1% e
   109,8% de base), o que confirma que o problema é da CAIXA e não das bolhas.
   Consertar de verdade pede uma rodada própria de orçamento vertical.

   --------------------------------------------------------------------------
   4) A ONDA DO ÁUDIO DO CARTÃO 2
   --------------------------------------------------------------------------
   A linha do áudio (play + onda + 0:08) agora vive numa bolha de largura
   cravada, e ela já estava pronta para isso: a .dia-zap-onda é flex:1 1 auto
   com min-width:0, ou seja, ela é O QUE SOBRA depois do play e da duração e
   FLEXIONA sozinha. Não foi preciso mexer numa linha sequer daquele bloco.
   O que mudou é que a bolha verde deixou de ser max-content: ela ia de 69,70%
   a 71,96% do quadrado (parava onde a transcrição acabava) e agora é 72,00%
   cravado. Como a onda come toda a sobra, o ganho vai inteiro para ela.
   Medido, largura da onda / barras desenhadas / vão entre barras:
     lado 520 .. 277,8 -> 289,8px   39 barras   vão 4,40 -> 4,72px
     lado 410 .. 222,5 -> 222,7px   39 barras   vão 3,38 -> 3,38px
     lado 345 .. 186,9 -> 187,0px   39 barras   vão 2,84 -> 2,84px
     lado 294 .. 151,2 -> 152,8px   39 barras   vão 1,98 -> 2,02px
     lado 291 .. 148,6 -> 150,3px   39 barras   vão 1,91 -> 1,95px
     lado 270 .. 132,6 -> 135,2px   39 barras   vão 1,48 -> 1,55px
     lado 240 .. 111,6 -> 115,4px   31 barras   vão 1,70 -> 1,83px
     lado 210 ..  88,8 ->  93,8px   31 barras   vão 0,94 -> 1,11px
   Ou seja: a onda ficou de 0 a 12px mais larga e o vão só SUBIU — os dois
   degraus de raleamento de barra (o nth-child(6n) da regra base e o
   nth-child(3n) do @container de 262px) continuam calibrados exatamente como a
   nota deles descreve, e nenhum deles precisou mudar de limiar. A última barra
   nunca ultrapassa a direita da onda (medido: 0,00px de estouro em todo o
   catálogo), porque quem distribui é o justify-content:space-between.
   A TRANSCRIÇÃO quebra onde precisar dentro da largura nova, e em nenhum
   quadrado do catálogo ela mudou de número de linhas (ver a tabela de alturas
   do item 3: o cluster do cartão 2 tem a mesma altura antes e depois).

   --------------------------------------------------------------------------
   5) O FALLBACK, A ESPECIFICIDADE E O QUE FICOU OBSOLETO
   --------------------------------------------------------------------------
   AS DUAS REGRAS SÃO 100% EM cqw, e isso É o fallback — o mesmo truque que os
   três blocos acima já usam na linha repetida de font-size. Navegador sem
   unidade de container derruba as declarações inteiras (calc e clamp com um
   token inválido dentro caem por completo), e aí voltam a valer, intactas: o
   width:max-content com max-width dos cartões 3 e 4, o max-width de 76/78% do
   cartão 2 e os três recuos de fio antigos. É o desenho de ontem, sem nenhum
   valor inválido no meio e sem @container envolvendo nada.
   A ESPECIFICIDADE É .dia-cartao[data-ato="N"] + a classe, ou seja (0,3,0).
   Ela vence, POR PESO E NÃO POR ORDEM DE ARQUIVO, todos os seletores que
   escrevem largura nos três blocos: .zap4-bolha.is-luna (0,2,0), .zap3-bolha
   e .zap3-fio dentro das @media de 600/360/589/621 (0,1,0), .dia-zap-audio e
   .dia-zap-resp (0,1,0). Se alguém empurrar outro bloco para depois deste,
   nada quebra. E o [data-ato] é o mesmo gancho que o cartão 5 já usa: é
   POSIÇÃO na linha do tempo, não etiqueta de conteúdo.
   O QUE ESTA RODADA TORNA OBSOLETO nas notas de cima (elas ficam por serem o
   registro do fallback, mas não descrevem mais o que se vê na tela):
     - "AS BOLHAS SÃO width:max-content COM TETO" (blocos zap3- e zap4-):
       deixaram de ser. São width cravada. A frase seguinte daquelas notas —
       "sem o max-content as duas ficariam com a mesma largura e o par pareceria
       uma tabela" — era a objeção ao que se faz aqui, e o dono decidiu contra
       ela três vezes: no aparelho de verdade as bolhas longas TÊM a mesma
       largura, porque todas batem no mesmo teto; o que diferencia uma conversa
       é a ALTURA de cada bolha e o lado em que ela encosta, e as duas coisas
       continuam de pé (verde à direita, branca à esquerda, alturas diferentes).
     - "O TETO DE ~70% DO QUADRADO" (zap3-), "O TETO PASSOU A SER MEDIDO EM cqw"
       (dia-zap) e "O TETO DE 72% DO QUADRADO" (zap4-): o número 72 sobreviveu,
       o mecanismo não. Não é mais teto, é medida.
     - o @container (min-width:262px) que liga o --zap3-teto virou letra morta
       para o desenho: abaixo de 262 a largura cravada continua valendo, e é
       por isso que o piso de 240 deixou de ser o ponto em que o cartão 3
       destoa. Fica no arquivo como parte do fallback.
     - as tabelas de "bolha / lado do quadrado" dos três blocos: todas foram
       medidas com teto e estão vencidas. A tabela válida é a do item 3 aqui.
   QUEM MEXER NO TEXTO DE UMA DAS FALAS refaz a conta de ALTURA dos blocos de
   cima (as âncoras não mudaram), mas não a de largura: a largura é 72cqw e
   ponto. Se uma fala crescer, ela ganha linha em vez de esticar — que é
   exatamente o que o aplicativo de verdade faz.
   ============================================================================ */
.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}


/* ============================================================================
   AS SEIS BOLHAS DA .dia-section PASSAM A TER UMA ESCALA SÓ — A DO CARTÃO 3
   (08/09/2026, QUARTA rodada, pedido do dono)
   ============================================================================
   ESTE BLOCO É A ÚLTIMA PALAVRA SOBRE TAMANHO — letra, entrelinha, respiro,
   raio, bico, legenda, horário, tique, vaga e gap — NOS CARTÕES 2, 3 E 4.
   A nota logo acima ("AS SEIS BOLHAS ... LARGURA CRAVADA") continua valendo
   PALAVRA POR PALAVRA para LARGURA e para RECUO DE FIO: aquelas duas linhas
   não foram tocadas aqui. O que muda é tudo o que está DENTRO da bolha.
   Onde os três blocos de cima (zap3-, dia-zap, zap4-) falarem em rem, em
   escada de @media, em clamp de raiz ou em degrau de @container para
   TIPOGRAFIA E RESPIRO, leia esta nota: aquelas regras continuam no arquivo,
   mas viraram FALLBACK (ver o item 6) e não são mais o que desenha.

   --------------------------------------------------------------------------
   1) O PEDIDO, PELA QUARTA VEZ, E O QUE AINDA ESTAVA ERRADO
   --------------------------------------------------------------------------
   O dono mandou as três capturas (09:15 Sofi, 12:30 Martin, 15:30 Luna) e
   disse: "padronize o tamanho dessas mensagens com o tamanho das notificações
   do bloco 12:30". O CARTÃO 3 É A RÉGUA; os cartões 2 e 4 têm de ficar iguais
   a ele. A rodada anterior igualou LARGURA (72cqw) e o X das arestas (recuo de
   fio único). O que sobrou — e é o que o olho ainda lia como três tamanhos —
   era a ESCALA. Medido no navegador ANTES desta rodada, quadrado de 520
   (janela 1280x800), cartão 2 / cartão 3 / cartão 4:
     corpo da fala ......... 15,05 (txt) e 14,48 (transcrição) / 14,40 / 15,00
     entrelinha ............ 20,47 e 19,12 / 19,58 / 20,40
     respiro (t/lat/b) ..... 8,52-10,65-7,10 (áudio) e 8,24-11,36-8,52 (resp.)
                             / 8-11-9 / 8,70-11,70-7,80
     raio .................. 12,50 / 12,00 / 13,20
     raio do bico .......... 2,84 / 3,00 / 3,00
     bico (larg x alt) ..... 7,95x11,36 / 8,00x10,00 / 8,40x12,00
     legenda (fonte, mb) ... 12,21 e 5,50 / 11,20 e 5,00 / 12,00 e 4,56
     horário (fonte,r,b) ... 12,21-9,77-7,33 / 10,88-11-9 / 11,70-9,13-5,85
     tique ................. 15,88x10,26 / 15,00x10,00 / 15,20x9,82
     gap entre bolhas ...... 7,10 / 8,00 / 7,50
   Nenhuma dessas linhas coincide, e no quadrado de 410 (janela 1280x600) o
   estrago fica escancarado: 12,82 / 14,40 / 12,92. O cartão 3 fica UM PONTO E
   MEIO acima dos irmãos ali, na mesma linha do tempo.

   --------------------------------------------------------------------------
   2) A CAUSA É ESTRUTURAL: DUAS RÉGUAS DIFERENTES
   --------------------------------------------------------------------------
   O cartão 3 era medido em rem/px com ESCADA DE @media POR JANELA (0,9rem de
   base, 0,8 / 0,68 / 0,64 / 0,63 nos degraus). Os cartões 2 e 4 eram medidos
   em em sobre uma raiz em cqw — FRAÇÃO DO QUADRADO. Uma régua olha para a
   JANELA, a outra para o QUADRADO, e as duas nunca coincidem em toda a folha:
   elas se cruzam onde a escada por acaso dispara e divergem no resto. A
   própria nota do segundo degrau do bloco zap3- já registrava isso com a
   tabela de 1280x586 (12,38 / 14,40 / 12,47) — o defeito estava documentado
   há três rodadas e o remédio de então foi acrescentar mais um degrau, que é
   como se conserta um relógio adiantado empurrando o ponteiro.
   MEDIDO AGORA, EM TODO O CATÁLOGO, o corpo do cartão 3 ANTES desta rodada:
     quadrado 520 .. 14,40   410 .. 14,40   345 .. 10,88   294 .. 10,08
     quadrado 291 .. 10,24   270 .. 10,88   240 .. 10,88   210 .. 10,88
   Repare no 270, no 240 e no 210: a régua ficava cravada em 10,88 num quadrado
   que encolheu 22% — porque a escada é da JANELA e a janela ali é larga e
   baixa. É o mesmo 10,88 do celular de 345.

   --------------------------------------------------------------------------
   3) POR QUE NÃO SE COPIA A ESCADA DO CARTÃO 3 PARA OS IRMÃOS
   --------------------------------------------------------------------------
   Porque os três clusters têm ORÇAMENTOS VERTICAIS diferentes. O cartão 3 é
   CENTRADO (top:71.5% com translate -50%): ele cresce para os dois lados e
   paga metade de cada linha nova em cada folga. O cartão 2 é ANCORADO PELA
   BASE (bottom:8.5%) e cresce PARA CIMA, contra o queixo da modelo (39% da
   altura) e a mão dela (47%) — o topo do cluster dele já estava em 47,83% no
   quadrado de 345, com 0,83 ponto de folga. O cartão 4 também é ancorado
   (bottom:62%) e cresce para cima a partir de um quadrado onde só sobram 4% de
   folga no 345 e 2,19% no 240. Levar 10,88 para dentro deles nos quadrados
   pequenos estouraria as duas caixas. A escala tinha de ser CONTÍNUA e presa
   ao QUADRADO, como a dos cartões 2 e 4 já era — mas CALIBRADA na régua.

   --------------------------------------------------------------------------
   4) A DECISÃO: UMA RAIZ SÓ, EM FRAÇÃO DO QUADRADO, CALIBRADA NA RÉGUA
   --------------------------------------------------------------------------
   As três raízes (.dia-zap, .zap3-fio, .zap4-fio) passam a receber a MESMA
   declaração de font-size, e tudo o mais é em em sobre ela. A curva é:
     clamp(8px, max(calc(2.011cqw + 3.94px), 3.122cqw), 14.4px)
   SÃO TRÊS PEDAÇOS E CADA UM TEM UM SERVIÇO. A reta 2,011cqw + 3,94px é a que
   reproduz a régua no celular e desce devagar nos quadrados minúsculos (uma
   reta com termo constante encolhe menos que uma proporção pura, que é o que
   uma caixa apertada precisa). O braço 3,122cqw é uma proporção pura e só
   ganha do outro entre os quadrados de 354,6 e 461,2 — é ele que segura o
   desktop médio. O teto de 14,4px trava a régua do desktop grande e o piso de
   8px é o fundo do poço. A curva é contínua e monotônica: não tem degrau, e
   por isso não tem o "atraso da escada" do item 2.
   CONFERIDO NO NAVEGADOR, corpo do cartão 3 DEPOIS (a régua tem de continuar
   sendo a régua):
     quadrado 520 .. 14,40  (era 14,40 — IDÊNTICO)
     quadrado 410 .. 12,80  (era 14,40 — É AQUI QUE A RÉGUA MUDA, ver item 5)
     quadrado 345 .. 10,88  (era 10,88 — IDÊNTICO)
     quadrado 294 ..  9,86      291 ..  9,79      270 ..  9,37
     quadrado 240 ..  8,77      210 ..  8,16
   AS PROPORÇÕES SAEM DA RÉGUA NO 520, uma a uma, e são o número da tabela do
   item 1 dividido por 14,4. Coluna da direita: o px MEDIDO depois, no 520.
     respiro cima / lados / baixo .. 0,556 / 0,764 / 0,625 em .. 8,01/11,00/9,00
     raio .......................... 0,833 em .................. 12,00
     raio do bico .................. 0,208 em .................. 3,00
     bico (largura x altura) ....... 0,556 x 0,694 em .......... 8,00 x 9,99
     projeção do bico .............. calc(-0.556em + 1px) ...... -7,01
     gap entre as duas bolhas ...... 0,556 em ................. 8,01
     legenda (nome . cargo) ........ 0,778 em ................. 11,20
     margem de baixo da legenda .... 0,446 em ................. 5,00
     separador "." do cargo ........ 0 0,446 em ............... 5,00
     horário (fonte) ............... 0,756 em ................. 10,89
     horário (right / bottom) ...... 1,011 / 0,827 em ......... 11,01 / 9,00
     vão entre horário e tique ..... 0,276 em ................. 3,00
     tique (largura x altura) ...... 1,378 x 0,918 em ......... 15,00 x 9,99
     vaga do horário com tique ..... 3,611 em ................. 51,99
     vaga do horário sem tique ..... 2,222 em ................. 31,99
   TRÊS DESSAS CONTAS SÃO REFEITAS NUM em MENOR, e quem mexer aqui tem de
   entender por quê. O em de uma propriedade é o da PRÓPRIA caixa, não o do
   pai. O horário tem font-size 0,756em, então dentro dele um em vale 10,89px e
   não 14,4: por isso right é 1,011em (= 0,764 / 0,756) e bottom é 0,827em
   (= 0,625 / 0,756), o vão é 0,276em (= 3 / 10,886) e o tique é 1,378 x
   0,918em (= 15 / 10,886 e 10 / 10,886). A legenda tem font-size 0,778em, e a
   margem de baixo dela mora DENTRO dela: com 0,347em (o valor "óbvio", 5/14,4)
   ela media 3,89px MEDIDOS — 1,11px a menos que a régua. Por isso é 0,446em
   (= 0,347 / 0,778), e o separador do cargo, que herda a fonte da legenda, é
   0,446em pelo mesmo motivo. QUEM COPIAR UM NÚMERO DESTA TABELA PARA UMA CAIXA
   COM OUTRO font-size REFAZ A DIVISÃO.

   --------------------------------------------------------------------------
   5) O QUE ISTO ENTREGA — O CRITÉRIO DE ACEITE DO DONO, MEDIDO
   --------------------------------------------------------------------------
   (a) IGUALDADE. Nas nove janelas do catálogo (1280x800, 1440x900, 1280x600,
   375x812, 375x667, 320x568, 1280x460, 1280x400, 700x450) mais o iPhone real
   de 375x553, o computed das SEIS bolhas foi comparado em 24 famílias de
   propriedade: corpo, entrelinha, os três respiros, raio, raio do bico,
   largura e altura do bico, projeção, fonte e entrelinha dos quatro textos,
   fonte e margem da legenda, fonte do horário e do "0:08" do áudio, right,
   bottom e vão do horário, largura e altura do tique, gap do fio, separador do
   cargo, as duas vagas e a largura da bolha.
   ESPALHO MEDIDO ENTRE OS CARTÕES 2, 3 E 4: 0,00px EM TODAS AS DEZ JANELAS,
   EM TODAS AS 24 FAMÍLIAS. Não é "dentro da tolerância": é o mesmo número,
   porque agora é a mesma conta.
   DUAS DAS 24 FAMÍLIAS SÓ EXISTEM EM DOIS DOS TRÊS CARTÕES, e a frase acima
   pede essa ressalva. O SEPARADOR DO CARGO é um ::before nos cartões 3 e 4 e
   um "·" literal no HTML do cartão 2 — medido no 520, os espaços de palavra em
   volta do literal dão 2,8 + 2,8px contra os 5 + 5px de margem dos ::before, e
   o plano autorizou essa divergência (mexer nela seria mexer no HTML). A VAGA
   DO HORÁRIO COM TIQUE não existe na bolha de áudio do cartão 2, que põe a
   meta em linha própria em vez de reservar espaço no fim do texto. Nessas duas
   famílias o verificador descarta o cartão que não a tem e compara os outros
   dois: o 0,00px vale entre eles, não entre três.
   (b) A RÉGUA CONTINUA SENDO A RÉGUA. Cartão 3 no quadrado de 520, antes ->
   depois: corpo 14,40 -> 14,40 | respiro 8-11-9 -> 8,01-11,00-9,00 | raio
   12 -> 12,00 | raio do bico 3 -> 3,00 | legenda 11,20 e 5 -> 11,20 e 5,00 |
   horário 10,88-11-9 -> 10,89-11,01-9,00 | vão 3 -> 3,00 | tique 15x10 ->
   15,00x9,99 | gap 8 -> 8,01 | vagas 52 e 32 -> 51,99 e 31,99 | altura do
   cluster 138,75 -> 138,74. No quadrado de 345: 10,88 -> 10,88, respiro
   6-9-7 -> 6,05-8,31-6,80, raio 9 e 3 -> 9,06 e 2,26, legenda 8,80 e 4 ->
   8,46 e 3,77, horário 8,64-9-7 -> 8,22-8,31-6,80, tique 12x8 -> 11,33x7,55,
   gap 6 -> 6,05, altura do cluster 105,74 -> 104,81. Tudo dentro de 1px, como
   o aceite exigia. AS DUAS FALAS DO CARTÃO 3 CONTINUAM EM DUAS LINHAS nos
   quadrados de 520, 410 e 345 — medido bolha por bolha, antes e depois.
   (c) O 410 É A ÚNICA CASA EM QUE A RÉGUA SE MEXE, DE PROPÓSITO: 14,40 ->
   12,80. Não é regressão, é o conserto do item 2 — no quadrado de 410 a janela
   é 1280x600, alta demais para a media query de 585 disparar, então a escada
   deixava o cartão 3 em 14,40 enquanto os irmãos já estavam em 12,82 e 12,92.
   Agora os três estão em 12,80. As duas falas continuam em duas linhas ali.
   (d) O BICO DO CARTÃO 3 DEIXOU DE SER FIXO. Ele era 8x10px cravado em todas
   as faixas (--zap3-bico:8px), e é por causa dele que o recuo de fio da rodada
   anterior ganhou o piso de 7,5px: com projeção fixa de 7px, a folga no
   quadrado de 210 era de 0,5px. Agora o bico é 0,556em nos três cartões e
   encolhe junto. MEDIDA A FOLGA LATERAL (da aresta da foto até o ponto mais
   externo da bolha somada ao bico, igual para os três cartões): 8,08px no 520,
   4,96 no 345, 3,62 no 270, 3,63 no 240 e 3,96 no 210. O piso de 7,5px do
   recuo virou folga sobrando; não foi mexido, e não precisa ser.
   (e) OS CARTÕES 1 E 5 NÃO FORAM TOCADOS. O computed inteiro da .dia-noti dos
   dois (largura, altura, os quatro respiros, raio, fonte do título, fonte do
   subtítulo e topo em % do quadrado) foi comparado byte a byte antes e depois
   nas dez janelas: IDÊNTICO em todas. Nada vazou.

   --------------------------------------------------------------------------
   6) O ORÇAMENTO VERTICAL, E O ÚNICO REMÉDIO QUE ESTA RODADA PRECISOU
   --------------------------------------------------------------------------
   TOPO DO CLUSTER EM % DO QUADRADO, antes -> depois (cartão 2 / 3 / 4):
     520 .. 54,83->55,33 / 58,16->58,16 / 10,88->11,32
     470 .. 47,32->47,32 (cartão 2; já passava sozinho — a faixa do remédio
                          termina aqui, ver o fim do item 6)
     460 .. 46,48->47,58 (cartão 2)
     450 .. 46,48->47,58 (cartão 2)
     410 .. 47,89->47,56 / 54,58->56,46 /  4,11-> 7,93
     386 .. 46,44->47,54 (cartão 2)
     345 .. 47,83->47,06 / 56,17->56,31 /  4,11-> 3,33
     294 .. 42,22->43,10 / 46,02->49,36 /  4,00-> 1,18
     291 .. 41,65->42,87 / 45,54->49,29 /  3,61-> 1,01
     270 .. 32,54->41,35 / 27,68->30,93 /  4,39->-0,14
     240 .. 27,45->33,72 / 21,81->29,93 /  2,19->-0,14
     210 .. 11,57->29,96 / 14,25->28,63 / -8,91->-8,02
   ALTURA DO CLUSTER, antes -> depois (cartão 2 / 3 / 4):
     520 .. 190,67->188,08 / 138,75->138,74 / 141,03->138,74
     410 .. 178,81->184,68 / 138,75->123,31 / 138,97->123,31
     345 .. 150,65->157,11 / 105,74->104,81 / 116,91->119,60
     294 .. 145,07->142,49 / 114,69-> 94,98 / 100,08->108,39
     291 .. 145,07->141,51 / 116,16-> 94,33 / 100,08->107,64
     270 .. 159,20->135,41 / 120,54->102,98 /  90,76->102,98
     240 .. 153,73->138,68 / 135,34-> 96,34 /  90,76-> 96,34
     210 .. 167,86->129,24 / 150,13-> 89,75 / 102,72->100,85
   Repare no 520 e no 410: os clusters dos cartões 3 e 4 passam a ter a MESMA
   altura ao pixel (138,74 e 123,31), porque agora têm o mesmo desenho e o
   mesmo número de linhas. É o sinal mais direto de que a escala é uma só.
   O CARTÃO 3 ENCOLHE MUITO NOS QUADRADOS PEQUENOS (150,13 -> 89,75 no 210) e
   isso é ganho puro: ele é centrado, então a folga sobra dos dois lados, e a
   fala do Martin que fechava em QUATRO linhas no 210 e em TRÊS no 294, no 291
   e no 240 agora fecha em três e em duas. Era o cartão que estava grande
   demais para a caixa dele, e é ele que entra na família.

   O REMÉDIO DO CARTÃO 2 (a única exceção de âncora desta rodada, e ela estava
   prevista no plano). A raiz do cartão 2 SOBE com a escala nova nos quadrados
   médios — 10,18 -> 10,88 no 345 e 12,10 -> 12,80 no 410 — e o cromo do áudio
   (a linha do play, a onda, o divisor) é todo em em sobre essa raiz, então o
   cluster engorda: 150,65 -> 157,11 no 345 e 178,81 -> 184,68 no 410. Como ele
   é ancorado pela base, o topo sobe contra a mão da modelo: MEDIDO, com a base
   original de 8,5%, o topo caía para 45,96% no 345 e 46,46% no 410, abaixo dos
   47% que a mão marca. A CONTA DO REMÉDIO, feita no pior caso (o 345): o
   cluster mede 157,11px, o quadrado 345, e para o topo ficar em 47% o cluster
   precisa começar em 162,15px; então a base tem de valer
   (345 - 162,15 - 157,11) / 345 = 7,46%. Adotado 7,4% — o décimo abaixo, que é
   o mínimo redondo que serve, e que fica 1,4 ponto acima do piso de 6% que o
   plano fixou. Medido depois: 47,06% no 345 e 47,56% no 410.
   O PREÇO DO REMÉDIO, MEDIDO: a folga de baixo do cartão 2 cai de 29,33 para
   25,52px no quadrado de 345 (e de 8,5% para 7,4% do lado em toda a faixa).
   ISSO VENCE a frase da nota do .dia-zap que diz que essa folga fica "na mesma
   vizinhança da dos outros quatro cartões (30 a 46px a 375)": medido agora no
   375x812, o cartão 1 tem 46,29px e o cartão 3 tem 45,92 contra os 25,52 daqui.
   Continua acima dos 19px que a nota de lá rejeitou como apertado, e foi o
   preço escolhido para não subir sobre a mão da modelo — mas é um preço.
   (No quadrado de 520 a faixa não morde e a folga continua 44,20px.)
   A FAIXA DO REMÉDIO É @container (min-width:330px) and (max-width:469px), e
   os dois limites foram MEDIDOS, não escolhidos. O DE CIMA FOI REVISTO: a
   primeira versão deste bloco parava em 465, por ler que "com a base de 8,5% o
   topo passa dos 47% sozinho a partir de 470". A varredura pixel a pixel
   desmentiu o 470 e mostrou uma borda bem mais justa do que aquela frase
   sugeria. Topo do cluster do cartão 2 com a base de 8,5%, MEDIDO quadrado a
   quadrado (o lado sai de janela de 1280 por altura = lado + 190):
     465 .. 47,944 (este já estava dentro do remédio, com base 7,4%)
     466 .. 46,939 (ABAIXO DO PISO)   467 .. 47,036   468 .. 47,130
     469 .. 47,225                    470 .. 47,319
   Ou seja: o único quadrado que caía mesmo abaixo dos 47% era o 466, e os três
   seguintes passavam por menos de um quarto de ponto — 0,036 ponto no 467, que
   são 0,17px. Folga dessa ordem some no arredondamento de subpixel, então o
   teto foi para 469: cobre o 466 que faltava e dá margem medível aos três que
   passavam raspando. De 470 para cima o remédio não tem serviço e sai.
   O de baixo: abaixo de 345 o critério dos 47% não se aplica (o topo ali
   já era 42-44% ANTES desta rodada, e o aceite pede só que não piore — e não
   piorou: 42,22->43,10 no 294, 41,65->42,87 no 291, 32,54->41,35 no 270,
   27,45->33,72 no 240 e 11,57->29,96 no 210), então o remédio para em 330, que
   deixa 15px de sobra abaixo dos 345 do iPhone para nenhum arredondamento
   virar o caso. Conferido nas bordas: em 322 e em 312,8 a base continua 8,5%
   e o topo continua onde estava (44,78% e 44,25%).

   --------------------------------------------------------------------------
   7) O QUE NÃO FECHOU DE PRIMEIRA — E FECHOU NO MESMO DIA, NA ESCADA DA
      ÂNCORA DO CARTÃO 4 (o último bloco deste arquivo)
   --------------------------------------------------------------------------
   O CARTÃO 4 PASSOU A ENCOSTAR NO TETO DA FOTO quando adotou o respiro da
   régua. O primeiro levantamento só tinha olhado os quadrados do catálogo e
   registrou o defeito como dois pontos isolados de um terço de pixel (270 em
   -0,14% e 240 em -0,14%). A VARREDURA FINA, quadrado a quadrado, mostrou que
   não eram dois pontos: era uma FAIXA CONTÍNUA, e no fundo dela o corte
   chegava a dez vezes aquilo. Topo do cluster em % do quadrado, com a âncora
   antiga (62% acima de 250, 60% de 250 para baixo), MEDIDO:
     273 .. +0,026   272 .. -0,017   270 .. -0,139   268 .. -0,257
     266 .. -0,402   265 .. -0,433   262 .. -0,647   260 .. -0,772
     258 .. -0,884   257 .. -0,961   255 .. -1,091   252 .. -1,305
     251 .. -1,366 || 250 .. +0,556   243 .. +0,064   242 .. +0,006
     241 .. -0,094   240 .. -0,143   237 .. -0,379   236 .. -0,467
     232 .. -0,785   230 .. -0,931   229 .. -1,023   225 .. -1,340
     224 .. -6,574   217 .. -7,262   210 .. -8,025
   As duas barras marcam o degrau velho de 250: é ele que zera a conta e a faz
   recomeçar. Fora dele o defeito é uma RETA, e ela cresce cerca de 0,06 ponto
   por pixel que o quadrado perde.
   A CAUSA NÃO É O CLUSTER, É A PROPORÇÃO. A altura do cluster não mudou nesta
   correção em nenhum quadrado (270 continua 102,98px, 240 continua 96,34,
   210 continua 100,85) e não há linha nova em lugar nenhum entre 225 e 520 —
   conferido. O que muda é a FRAÇÃO DO QUADRADO que ele ocupa, porque a raiz
   da escala é uma reta com termo constante (2,011cqw + 3,94px): o cluster
   encolhe mais devagar que a caixa. MEDIDO, altura do cluster dividida pelo
   lado: 36,84% no 294, 37,97% no 273, 39,37% no 251, 39,44% no 250, 40,00%
   no 242, 40,93% no 230, 41,34% no 225. Uma âncora de 62% reserva 38% para o
   cluster e uma de 60% reserva 40%: os dois números são fixos, e a fração que
   eles têm de cobrir não é. O degrau único de 250 cobria essa deriva por uma
   faixa e depois deixava de cobrir.
   O CONSERTO É O MESMO REMÉDIO, EM DOSE CERTA: o degrau virou ESCADA. A base
   passa a acompanhar a fração, de meio em meio ponto, e cada degrau troca no
   quadrado em que a fração cruza a marca. Regra: A BASE É A FRAÇÃO DO QUADRADO
   QUE O CLUSTER OCUPA, ARREDONDADA PARA CIMA NO MEIO PONTO.
     quadrado >= 273 .... bottom 62%    (base em 38,0% — NADA MUDOU)
     quadrado <= 272 .... bottom 61,5%  (base 38,5%)
     quadrado <= 265 .... bottom 61%    (base 39,0%)
     quadrado <= 257 .... bottom 60,5%  (base 39,5%)
     quadrado <= 250 .... bottom 60%    (base 40,0% — É O DEGRAU VELHO,
                                         reescrito aqui só para vencer por
                                         peso o degrau de 60,5% de cima)
     quadrado <= 241 .... bottom 59,5%  (base 40,5%)
     quadrado <= 236 .... bottom 59%    (base 41,0%)
   OS TRÊS LIMITES DE 265, 257 E 236 SÃO UM PIXEL MAIS CEDO que a conta exata
   (ela daria 264, 256 e 235). É de propósito: no pixel exato a folga que
   sobra é de 0,03 a 0,07 ponto, ou seja menos de dois décimos de pixel, e
   isso some no arredondamento de subpixel. Um pixel de quadrado antes custa
   meio ponto de base num único tamanho e devolve folga medível.
   O RESULTADO, MEDIDO (topo em % do quadrado, antes -> depois):
     520 .. +11,319 -> +11,319   410 ..  +7,925 ->  +7,925
     345 ..  +3,333 ->  +3,333   332 ..  +2,840 ->  +2,840
     294 ..  +1,164 ->  +1,164   285 ..  +0,696 ->  +0,696
     273 ..  +0,026 ->  +0,026   272 ..  -0,017 ->  +0,483
     270 ..  -0,139 ->  +0,362   266 ..  -0,402 ->  +0,097
     265 ..  -0,433 ->  +0,566   260 ..  -0,772 ->  +0,228
     258 ..  -0,884 ->  +0,115   257 ..  -0,961 ->  +0,538
     255 ..  -1,091 ->  +0,407   251 ..  -1,366 ->  +0,134
     250 ..  +0,556 ->  +0,556   243 ..  +0,064 ->  +0,064
     242 ..  +0,006 ->  +0,006   241 ..  -0,094 ->  +0,405
     240 ..  -0,143 ->  +0,358   237 ..  -0,379 ->  +0,122
     236 ..  -0,467 ->  +0,533   232 ..  -0,785 ->  +0,216
     230 ..  -0,931 ->  +0,071
   DE 230 A 520 O TOPO É MAIOR OU IGUAL A ZERO EM TODOS OS QUADRADOS MEDIDOS.
   Onde já estava em zero ou acima (273 para cima, e a ilha de 242 a 250) a
   base NÃO foi tocada: o computed de bottom é o mesmo byte de antes.
   O TETO DA DOSE É O CABELO DA MODELA, e ele é que decide onde a escada para.
   A nota do degrau de 250, três blocos acima, mede o começo do cabelo em
   41,3% da altura. O degrau mais fundo desta escada põe a base em 41,0%: são
   0,3 ponto de folga, e é por isso que a escada termina em 59% e não desce
   mais. QUEM QUISER ir além mede o cabelo de novo antes.
   O QUE CONTINUA CORTADO, e é preciso saber:
   (a) DE 225 A 229 sobra um resto, porque a fração ali já passa de 41% e a
   dose que faltava cairia em cima do cabelo. Medido depois: -0,024% no 229
   (-0,05px), -0,340% no 225 (-0,77px). Antes eram -1,023% e -1,340%; o resto
   é 2,29px e 2,25px MENOR do que era.
   (b) DE 224 PARA BAIXO O PROBLEMA É OUTRO E É ANTIGO: a bolha branca ganha
   UMA LINHA. Medido: no 225 o cluster tem 93,02px e no 224 salta para
   104,33px — 11,31px de uma vez, num quadrado que encolheu 1px. Daí para
   baixo nenhuma âncora resolve (seriam 5 a 7 pontos de base, o dobro do que
   existe até o cabelo). A escada melhora o que dá: 224 de -6,574% para
   -5,573%, 210 de -8,025% para -7,024% — 2,25px e 2,10px MELHOR, e o aceite
   desta rodada só pedia que o piso de 210 não piorasse. É o mesmo canto que a
   nota da rodada anterior descreve, com a mesma causa (a caixa, não a bolha:
   no 210 a .dia-noti dos cartões 1 e 5 também vaza) e o mesmo recado —
   consertar de verdade pede uma rodada própria de orçamento vertical.
   OS CARTÕES 2 E 3 NÃO FORAM TOCADOS por esta correção, e isso foi medido, e
   não deduzido: topo do cluster do cartão 2 e do cartão 3 no 520 (55,332 e
   58,159), no 345 (47,063 e 56,309), no 270 (41,348 e 30,930), no 240 (33,717
   e 29,928) e no 210 (29,959 e 28,631) — os mesmos números da tabela do item
   6. A .dia-noti dos cartões 1 e 5 também: 520 com largura 392 e 408, respiro
   15/17 e topo 64,75% e 11,75%; 345 com largura 337, respiro 14/13 e topo
   61,42% e 8,41%. E o corpo das seis bolhas continua sendo um só em toda a
   folha (14,40 no 520, 12,80 no 410, 10,88 no 345, 9,37 no 270, 8,77 no 240,
   8,16 no 210, IGUAL nos três cartões): esta correção mexe em ÂNCORA, não em
   escala, e a igualdade do item 5 continua de pé.

   --------------------------------------------------------------------------
   8) O FALLBACK, A ESPECIFICIDADE E O QUE FICOU OBSOLETO
   --------------------------------------------------------------------------
   O FALLBACK É O TRUQUE DA DECLARAÇÃO DUPLA, o mesmo dos três blocos de cima.
   A única declaração com cqw deste bloco é o font-size das três raízes. Num
   navegador sem unidade de container ela é descartada inteira na análise, e
   aí: no cartão 3 vale a linha imediatamente anterior, font-size:var(--zap3-
   corpo), que é a escada velha de @media intacta; nos cartões 2 e 4 vale a
   raiz antiga deles, que já tinha o próprio par (font-size:12px seguido do
   clamp em cqw) e cai no 12px. TODO O RESTO DAS REGRAS SOLTAS DESTE BLOCO É em
   PURO e funciona nos dois caminhos, porque em é fração da raiz seja ela qual
   for.
   O QUE NÃO ATRAVESSA SÃO AS DUAS PEÇAS QUE MORAM DENTRO DE @container: o
   remédio de âncora do cartão 2 (bottom:7,4% na faixa de 330 a 469) e a escada
   de âncora do cartão 4 (os seis degraus de 61,5% a 59% no fim deste arquivo).
   Navegador sem container query descarta a regra @container INTEIRA — não só a
   declaração —, então lá a base do cartão 2 volta a 8,5% e a do cartão 4 a
   62%, com o degrau de 60% do bloco zap4- caindo junto, porque ele também é
   @container. O COMPORTAMENTO É O CERTO, E NÃO COINCIDÊNCIA: sem unidade de
   container a raiz cai nos 12px fixos do fallback, o cluster deixa de engordar
   com o quadrado, e as duas âncoras originais voltam a ter exatamente o
   serviço para o qual foram calculadas. Os dois remédios existem por causa da
   raiz em cqw; onde não há cqw, não há do que remediar.
   NENHUM TOKEN NOVO CARREGA cqw DENTRO, DE PROPÓSITO: uma custom property com
   unidade inválida não "cai" para o valor anterior — ela vira unset no
   consumidor, e um padding em unset é padding zero. Os QUATRO tokens que este
   bloco redefine (--zap3-bico, --zap4-bico, --zap3-meta e --zap4-vaga) são em.
   A ESPECIFICIDADE É .dia-cartao[data-ato="N"] + classe, ou seja (0,3,0), e
   (0,4,0) onde entra .is-voce / .is-martin / .is-luna. Ela vence POR PESO, e
   não por ordem de arquivo, tudo o que escreve tamanho nos três blocos: as
   @media de 600 / 360 / 589 / 621 / 544 do zap3- (0,1,0 e 0,2,0), o @container
   de 262px do dia-zap (0,1,0 e 0,2,0) e os @container de 300 e 285px do zap4-
   (0,1,0). Se alguém empurrar outro bloco ANTIGO para depois deste, nada
   quebra: o peso continua vencendo os três blocos de cima venham eles onde
   vierem. DUAS RESSALVAS, porém, e as duas são reais. A PRIMEIRA: a ordem
   DENTRO deste bloco é significativa. A linha do fallback
   (font-size:var(--zap3-corpo)) tem de vir ANTES da linha do clamp, e o
   border-radius geral antes dos dois cantos do bico — nos dois pares é a
   segunda declaração que decide, e trocar a ordem inverte o resultado. A
   SEGUNDA: um bloco NOVO com o MESMO peso (0,3,0) colocado depois deste vence
   por ORDEM DE ARQUIVO. Foi exatamente assim que a rodada da LARGURA, no fim
   deste arquivo, trocou os 72cqw da rodada da manhã sem tocar numa linha dela.
   O QUE ESTA RODADA TORNA OBSOLETO nas notas de cima (elas ficam por serem o
   registro do fallback, mas não descrevem mais o que se vê na tela):
     - A ESCADA INTEIRA DO zap3- (--zap3-corpo em 0,9 / 0,8 / 0,68 / 0,64 /
       0,63rem e tudo o que pendurava nela: gap, padding, raio, meta, tique,
       quem e as vagas). Em navegador moderno ela alimenta uma declaração que é
       sobrescrita na linha seguinte. A nota que diz "A ESCALA DO CELULAR
       DESCEU UM DEGRAU INTEIRO" e a do "SEGUNDO DEGRAU DA JANELA BAIXA"
       descrevem uma correção que esta rodada substitui pela raiz: elas
       tentavam fazer a escada por janela encontrar a curva por quadrado em
       pontos escolhidos, e agora só existe a curva.
     - AS RAÍZES EM clamp DOS CARTÕES 2 E 4 (clamp(9.8px,2.95cqw,14.2px) e
       clamp(9.7px,3.15cqw,15px), mais o degrau de clamp(8.8px,...) do
       @container de 285px do cartão 4). Viraram fallback. Os tetos de 14,2 e
       15px eram o que fazia a fala do cartão 2 sair a 15,05 e a do 4 a 15,00
       no 520 contra os 14,40 da régua.
     - OS DEGRAUS DE RESPIRO por @container: o de 262px do cartão 2 (padding,
       gap, margem da legenda e right/bottom do horário) e o de 300px do
       cartão 4 (padding, gap, margem da legenda e right/bottom do horário).
       Continuam no arquivo e deixaram de decidir. ATENÇÃO: o que o @container
       de 262px ainda FAZ e continua valendo é o raleamento da onda do áudio
       (nth-child(3n)) — aquilo não é tipografia e não foi tocado.
     - A FRASE DA NOTA ANTERIOR que diz que o bico do cartão 3 "é o único dos
       três que NÃO encolhe com o quadrado". Encolhe, desde agora. As folgas de
       0,5px que aquela nota registra no 240 e no 210 viraram 3,63 e 3,96px.
     - AS TABELAS DE TIPOGRAFIA dos três blocos e a do item 3 da nota anterior
       no que toca a TAMANHO. A tabela válida é a do item 4 e do item 5 aqui.
       O que a nota anterior diz sobre LARGURA e sobre RECUO continua de pé.
     - O ITEM 3 INTEIRO DA NOTA ANTERIOR ("O QUE ISTO ENTREGA"), MENOS a tabela
       de arestas em X, que esta rodada não tocou. Venceram: a tabela de ALTURA
       DE CLUSTER ("a altura não se mexeu em lugar nenhum" — no 410 os
       138,8/139,0 de lá são 123,31 hoje, e no 240 os 135,3/90,8 são 96,34), a
       frase "nenhuma fala ganhou ou perdeu uma linha" (o cartão 3 PERDEU linha
       no 294, no 291, no 240 e no 210), os dois marcadores de TOPO — o do
       cartão 4 ("10,9% no 520, 4,1% no 345/410, 4,0% no 294") e o do cartão 2
       ("54,8% no 520, 47,8% no 345/410"), que hoje são 11,32/3,33/1,18 e
       55,33/47,06/47,56 — e a frase "as duas contas de âncora dos blocos acima
       continuam válidas PALAVRA POR PALAVRA": a âncora do cartão 2 deixou de
       ser 8,5% em toda janela (o remédio do item 6) e a do cartão 4 ganhou uma
       escada própria nos quadrados pequenos (o item 7). A TABELA DE ARESTAS EM
       X sobreviveu a ESTA rodada e caiu na SEGUINTE, a da LARGURA: o último
       bloco deste arquivo traz os números novos do quadrado de 520.
     - A TABELA DA ONDA do item 4 da nota anterior. As regras da onda não foram
       tocadas, mas ela é toda em em sobre a raiz e a raiz mudou. REMEDIDO
       (vão entre barras, 0,00px de estouro em todo o catálogo): 520 4,71 |
       410 3,19 | 345 2,64 | 294 2,04 | 291 2,00 | 270 1,76 | 240 2,24 |
       210 1,76. Aperta 0,20px no 345 e 0,19 no 410, e AFROUXA onde doía (o 210
       sai de 1,11 para 1,76). A barra menor mede 1,63px, acima do min-width de
       1,4 — os dois degraus de raleamento continuam calibrados. O 520 desta
       lista muda DE NOVO na rodada da LARGURA (a onda é o que sobra da bolha,
       e a bolha encolheu): o número em vigor está no último bloco do arquivo.
   QUEM MEXER NO TEXTO DE UMA DAS FALAS não refaz nada de tipografia: a escala
   é a curva do item 4 e não olha para o conteúdo. Refaz a conta de ALTURA —
   uma fala mais longa ganha LINHA (a largura é 72cqw cravada) e cada linha
   custa 1,36 x o corpo do quadrado. Nos cartões 2 e 4, que são ancorados pela
   base, uma linha nova sobe o topo do cluster: no 345 são 14,79px MEDIDOS
   num quadrado de 345, ou seja 4,29 pontos percentuais de uma vez; o cartão 2
   tem hoje 0,06 ponto de folga sobre a mão da modelo e o cartão 4 já está no
   teto no 270 e no 240 (item 7). NO CARTÃO 3, que é centrado, uma linha nova
   custa metade disso em cada folga. E quem mudar a curva do item 4 refaz a
   tabela inteira do item 5:
   todos aqueles números saem dela.
   ============================================================================ */
.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(calc(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:0 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}

/* o "0:08" do áudio leva só o font-size: ele é um span em linha, não um
   container flex, e o gap ali seria inerte (medido: nenhum efeito). */
.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%}
}

/* A ÂNCORA DO CARTÃO 4 DEIXA DE SER UM DEGRAU E VIRA UMA ESCADA
   (08/09/2026, fecho da quarta rodada — a conta inteira está no item 7 da
   nota logo acima, com as duas tabelas medidas)
   O cluster do 15:30 é ancorado pela BASE e cresce para cima. Com a escala
   única, a FRAÇÃO do quadrado que ele ocupa cresce quando o quadrado encolhe
   (36,84% no lado de 294, 39,37% no 251, 40,93% no 230), porque a raiz da
   escala é uma reta com termo constante. Uma base fixa em 62% reserva 38% e
   uma em 60% reserva 40%: a partir do quadrado de 272 a fração passa do que a
   âncora reservou e o topo do cluster sai pelo teto do overflow:hidden da
   .dia-foto — medido, até -1,366% (-3,43px) no quadrado de 251.
   ENTÃO A BASE ACOMPANHA A FRAÇÃO, de meio em meio ponto, e cada degrau troca
   no quadrado em que a fração cruza a marca. O degrau de 250 que já existia
   três blocos acima é um degrau desta escada e por isso aparece aqui de novo:
   reescrito com o seletor de peso (0,3,0) ele vence o degrau de 60,5% de
   cima, que senão vazaria para baixo de 250 e levantaria o cluster meio ponto
   onde ele já estava bem. Acima de 272 nada muda: o computed continua 62%.
   A ESCADA PARA EM 59% (base em 41,0%) porque o cabelo da modelo começa a
   41,3% — a folga de 0,3 ponto é o que sobra, e não há dose para os quadrados
   de 225 a 229. Abaixo de 224 o assunto é outro: ali a bolha branca ganha uma
   linha (o cluster salta de 93,02 para 104,33px entre o 225 e o 224) e nenhuma
   âncora resolve. QUEM MEXER NO TEXTO DE UMA DAS FALAS DO CARTÃO 4 refaz esta
   escada inteira: os sete valores saem da altura do cluster dividida pelo lado
   do quadrado, e uma linha nova muda essa fração em todos os tamanhos. */
@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%}
}


/* ============================================================================
   A LARGURA DAS SEIS BOLHAS VOLTA À RÉGUA DO 12:30 ANTIGO
   (08/09/2026, QUINTA rodada, ordem do dono)
   ============================================================================
   ESTE BLOCO É A ÚLTIMA PALAVRA SOBRE LARGURA DE BOLHA E DE FIO nos cartões
   2, 3 e 4. Ele vence a rodada da manhã ("AS SEIS BOLHAS ... LARGURA CRAVADA",
   dois blocos acima) NAQUILO QUE ELA TEM DE LARGURA, e não toca em mais nada:
   a escala do bloco anterior ("UMA ESCALA SÓ"), as âncoras, a escada do cartão
   4, as cores, as sombras, a onda, o recuo de fio e o HTML ficam como estavam.

   --------------------------------------------------------------------------
   1) O PEDIDO, LITERAL
   --------------------------------------------------------------------------
   Com a escala já unificada, o dono olhou o cartão 15:30 no desktop e disse:
   "estou achando muito grande essas notificações (deixando elas largas
   demais)". A captura que ele mandou junto era o quadrado de 520 com as bolhas
   ocupando 72% do lado e 15,08px de recuo até a borda da foto.

   --------------------------------------------------------------------------
   2) A RODADA DA MANHÃ LEU UM DESENHO COMO ARTEFATO — E ERA O CONTRÁRIO
   --------------------------------------------------------------------------
   A nota da manhã escolheu 72cqw assim, com estas palavras: "Dois dos três
   quadrados medidos dão 72,00% cravado, e o terceiro (520) só destoa porque é
   onde o fio de 400px trava — é o artefato do item 1, não uma medida de
   desenho." A CONCLUSÃO ESTAVA INVERTIDA. A captura de REFERÊNCIA que o dono
   mandou no começo do dia, a que ele mandou copiar, era justamente o cartão
   12:30 NO QUADRADO DE 520 — ou seja, era exatamente o estado em que o teto de
   400px mordia. O teto não era ruído em cima do desenho: ERA O DESENHO. Quem
   estava fora não era o cartão 3, eram os irmãos, que a manhã alargou para
   72cqw em vez de estreitar o par para a régua.
   O QUE O DONO APROVOU, RECONSTRUÍDO DOS NÚMEROS DA NOTA DA MANHÃ:
     fio ............................. min(100% - 28px, 400px) = 400px
     recuo de cada lado .............. 60px
     bolha ........................... 88% do fio = 352px (67,69% do quadrado)
     aresta direita da verde ......... x = 460
     aresta esquerda da branca ....... x =  60
   E O QUE A MANHÃ ENTREGOU no mesmo quadrado: fio 489,84, recuo 15,08, bolha
   374,40 (72,00%), verde em x = 504,92 e branca em x = 15,08. São 22,4px a
   mais de bolha e 45px a menos de margem em cada lado. É esse o "largas
   demais" da frase do dono.

   --------------------------------------------------------------------------
   3) A CORREÇÃO: OS DOIS NÚMEROS DO 12:30 ANTIGO, EM min()
   --------------------------------------------------------------------------
   O fio ganha teto de 400px e a bolha, teto de 352px — os dois valores saem do
   cartão 3 antigo e nenhum é escolhido: 400 era o teto do fio dele, e 352 é o
   88% de 400 que ele desenhava. As regras ficam duas linhas:
     fio ..... width:min(calc(100% - 2 * max(7.5px,2.9cqw)), 400px)
     bolha ... width e max-width: min(72cqw, 352px)
   O 72cqw NÃO MORREU: ele continua sendo o valor em todo quadrado abaixo do
   teto, que é onde o celular e as janelas baixas vivem. O que a linha nova faz
   é parar de crescer quando o quadrado cresce, exatamente como o cartão 3
   antigo parava. MEDIDO NAS DUAS BORDAS, uma a uma:
     quadrado 424 .. fio 399,41 (a conta do recuo ainda ganha do teto)
     quadrado 425 .. fio 400,00 (o teto passa a mandar — é AQUI que ele morde)
     quadrado 488 .. bolha 351,36 (= 72cqw, o teto ainda não alcança)
     quadrado 489 .. bolha 352,00 (o teto passa a mandar)
   Ou seja: DE 424 PARA BAIXO O FIO NÃO MUDA UM PIXEL, e DE 488 PARA BAIXO A
   BOLHA TAMBÉM NÃO. Entre 425 e 488 só o fio encolhe, e a bolha continua nos
   72cqw — que é precisamente o que o cartão 3 antigo fazia nessa faixa.
   A ESPECIFICIDADE É A MESMA DA RODADA DA MANHÃ: .dia-cartao[data-ato="N"] +
   classe, ou seja (0,3,0), IGUAL às duas linhas que ela escreveu. Então AQUI
   QUEM DECIDE É A ORDEM DO ARQUIVO, e não o peso: este bloco é o último da
   folha e por isso vence. NÃO REORDENE OS DOIS BLOCOS. (Foi opção deliberada
   manter o mesmo seletor: pôr .dia-foto no meio para vencer por peso deixaria
   duas gerações de regra com pesos diferentes escrevendo a mesma propriedade,
   que é a confusão que a nota da manhã já tinha resolvido escolhendo um
   seletor único. Conferido no navegador depois de aplicar: o computed de width
   é 400px nos três fios e 352px nas seis bolhas no quadrado de 520.)

   --------------------------------------------------------------------------
   4) O QUE ISTO ENTREGA — O CRITÉRIO DE ACEITE, MEDIDO
   --------------------------------------------------------------------------
   (a) LARGURAS E ARESTAS NO QUADRADO DE 520 (janelas 1280x800 e 1440x900,
   idênticas entre si), antes -> depois. Os três cartões dão O MESMO NÚMERO,
   espalho 0,00px, como já davam antes:
     fio ........................... 489,84 -> 400,00
     bolha (as seis) ............... 374,40 -> 352,00
     bolha em % do quadrado ........ 72,000% -> 67,692%
     aresta esquerda da verde ...... x 130,52 -> 108,00
     aresta direita  da verde ...... x 504,92 -> 460,00
     aresta esquerda da branca ..... x  15,08 ->  60,00
     aresta direita  da branca ..... x 389,48 -> 412,00
   Os dois números que o dono aprovou (460 e 60) batem exatos.
   (b) FOLGA LATERAL, do bico até a aresta da foto: 8,08 -> 52,99px, igual dos
   dois lados e igual nos três cartões. O bico continua com 8,00 x 9,99px e
   projeção de 7,01px, e sobra folga de sobra.
   (c) ALTURAS NO 520, antes -> depois (verde / branca / cluster):
     cartão 2 ..  85,91 ->105,49 |  94,16 -> 94,16 | 188,08 -> 207,66
     cartão 3 ..  56,16 -> 56,16 |  74,59 -> 74,59 | 138,74 -> 138,74
     cartão 4 ..  56,16 -> 56,16 |  74,59 -> 74,59 | 138,74 -> 138,74
   OS CARTÕES 3 E 4 NÃO MUDARAM UM PIXEL DE ALTURA. O cartão 2 subiu 19,58px,
   que é exatamente uma entrelinha, e o item 5 explica por quê.
   (d) LINHAS DE CADA FALA NO 520, antes -> depois:
     cartão 2, transcrição do áudio ... 1 -> 2   (a única que mudou)
     cartão 2, texto da resposta ...... 3 -> 3
     cartão 3, verde e branca ......... 2 -> 2
     cartão 4, verde e branca ......... 2 -> 2
   (e) TOPO DO CLUSTER EM % DO QUADRADO no 520, antes -> depois:
     cartão 2 .. 55,333 -> 51,567   (o piso é 47: a mão da modelo)
     cartão 3 .. 58,160 -> 58,160   (centrado, não se mexe)
     cartão 4 .. 11,319 -> 11,319   (o piso é 0: o teto da foto)
   O PONTO MAIS APERTADO DA FOLHA INTEIRA depois desta rodada é o quadrado de
   470 — o primeiro acima da faixa do remédio de âncora do cartão 2 —, com o
   topo em 47,319%. De 470 a 520 a curva só sobe (a altura do cluster é
   constante em 207,66px acima de 461,2, onde a letra bate no teto de 14,4px, e
   o topo vale 0,915 - 207,66/lado): 48,948% no 488, 49,969% no 500.
   (f) A ONDA DO ÁUDIO NO 520, antes -> depois: largura 291,17 -> 268,77,
   39 barras nas duas, vão entre barras 4,71 -> 4,12, barra 2,88 nas duas,
   ESTOURO 0,00px nas duas. A onda é flex:1 1 auto com min-width:0, então ela
   é o que sobra da bolha e devolve os 22,4px sem que nada mais se mexa. Os
   dois degraus de raleamento (nth-child(6n) e nth-child(3n)) não mudaram de
   limiar: continuam 39 barras no 520.
   (g) NADA MUDOU NOS QUADRADOS PEQUENOS. Medido antes E depois, os dois
   estados, fio / bolha / aresta direita da verde / aresta esquerda da branca:
     410 (1280x600) .. 386,22 / 295,20 / 398,11 / 11,89
     345 (375x812 e 375x667) .. 324,98 / 248,40 / 334,99 / 10,01
     294,4 (320x568) .. 277,32 / 211,96 / 285,85 /  8,53
     291 (375x553) .... 274,12 / 209,52 / 282,56 /  8,44
     270 (1280x460) ... 254,34 / 194,40 / 262,17 /  7,83
     240 (1280x400) ... 225,00 / 172,80 / 232,50 /  7,50
     210 (700x450) .... 195,00 / 151,20 / 202,50 /  7,50
   São os mesmos dígitos nos dois estados, nos três cartões, em todas as sete
   linhas. A onda também: 220,93/3,19 no 410, 184,97/2,64 no 345, 154,28/2,04
   no 294, 152,23/2,00 no 291, 139,52/1,76 no 270, 121,36/2,24 no 240 e
   103,22/1,76 no 210 — largura e vão idênticos antes e depois.
   (h) OS CARTÕES 1 E 5 NÃO FORAM TOCADOS: .dia-noti medida antes e depois no
   520 — largura 392 e 408, respiro 15px 17px, raio 25, título 17,12, subtítulo
   13,76, topo 64,748% e 11,748% — IDÊNTICA em todos os campos.

   --------------------------------------------------------------------------
   5) A LINHA QUE A TRANSCRIÇÃO DO CARTÃO 2 GANHOU, E POR QUE ELA É BARATA
   --------------------------------------------------------------------------
   A transcrição do áudio ("Perfeito, Sofi. Pode confirmar.") precisa de
   362,16px de bolha para caber em uma linha com a letra de 14,4px. MEDIDO na
   régua ANTIGA, quadrado a quadrado: em 502 a bolha tinha 361,44px e a
   transcrição fechava em DUAS linhas; em 503 ela tinha 362,16 e fechava em
   UMA. Como o quadrado para de crescer em 520, A LINHA ÚNICA SÓ EXISTIA NUMA
   FAIXA DE 18 PIXELS DE QUADRADO — de 503 a 520, isto é, janela de 1280 com
   693px de altura ou mais. Abaixo disso já eram duas linhas, inclusive no
   celular e em todo o resto do catálogo.
   COM O TETO DE 352 a bolha para antes dos 362,16 e a transcrição fica em duas
   linhas também nessa faixa — o cluster do cartão 2 sobe uma entrelinha
   (19,58px) e o topo dele cai de 55,333% para 51,567%. CUSTO REAL: 4,3 pontos
   de folga sobre a mão da modelo, num cartão que tinha 8,3 pontos sobrando ali
   e continua com 4,5. O CRITÉRIO DOS 47% CONTINUA DE PÉ EM TODA A FOLHA.
   NÃO FOI PRECISO NENHUM REMÉDIO DE ÂNCORA nesta rodada: o bottom do cartão 2
   continua 8,5% acima de 469 e 7,4% na faixa do remédio, byte a byte.

   --------------------------------------------------------------------------
   6) O QUE ESTA RODADA TORNA OBSOLETO NAS NOTAS DE CIMA
   --------------------------------------------------------------------------
   As notas ficam — elas são o registro do fallback e da história —, mas estes
   pedaços não descrevem mais o que se vê na tela. Cada um vem com o número
   novo MEDIDO, para ninguém ter de ir procurar:
     - A NOTA "AS SEIS BOLHAS ... LARGURA CRAVADA", item 2(a): a frase que
       chama os 67,69% do quadrado de 520 de "artefato" e não de "medida de
       desenho". É o inverso, e o item 2 daqui conta por quê.
     - A MESMA NOTA, ITEM 3, A TABELA DE ARESTAS EM X. Ela era a única parte do
       item 3 que o revisor da rodada da escala tinha mandado manter, e agora
       vence também — mas SÓ NA LINHA DO 520. As outras seis linhas (410, 345,
       294, 270, 240, 210) continuam exatas, porque nada mudou lá. A linha do
       520 passa a ser:
         lado 520 (1280x800 e 1440x900)  verde L 108,0 R 460,0 |
                                         branca L 60,0 R 412,0
       (era verde L 130,5 R 504,9 | branca L 15,1 R 389,5). O espalho entre os
       três cartões continua 0,00px, que era o ponto daquela tabela.
     - A MESMA NOTA, ITEM 3, a frase "no quadrado de 520 a bolha vai de 352,0
       para 374,4px (67,69% -> 72,00%) e o cluster inteiro passa a ocupar 94,2%
       do lado em vez de 76,9%". Esse caminho foi desfeito: a bolha voltou aos
       352,0 e o cluster aos 76,9% (400 de 520). O que ficou da rodada da manhã
       naquele quadrado é a IGUALDADE entre os três cartões, que era o pedido —
       e ela continua sendo 0,00px de espalho, agora no número do 12:30.
     - A MESMA NOTA, ITEM 4, A TABELA DA ONDA, só na linha do 520: a onda vai a
       268,77px com vão de 4,12 (a nota da manhã registrava 277,8 -> 289,8 com
       vão 4,40 -> 4,72, e o revisor da rodada da escala já a tinha corrigido
       para 4,71). As outras linhas daquela tabela continuam valendo com os
       números que o revisor remediu, e estão listadas no item 8 do bloco
       anterior.
     - A NOTA "UMA ESCALA SÓ", item 6, A TABELA DE ALTURA DE CLUSTER, só na
       linha do 520 e só na coluna do cartão 2: 188,08 vira 207,66. As colunas
       dos cartões 3 e 4 no 520 (138,74 e 138,74) continuam exatas, e as linhas
       de 410 para baixo, inteiras, também. A tabela de TOPO do mesmo item, na
       linha do 520, muda só o cartão 2: 55,33 vira 51,57 (cartão 3 em 58,16 e
       cartão 4 em 11,32 continuam).
     - A NOTA "UMA ESCALA SÓ", item 5(d), a folga lateral "8,08px no 520". São
       52,99px agora. As outras cinco medidas daquela linha (4,96 no 345, 3,62
       no 270, 3,63 no 240, 3,96 no 210) continuam exatas.
     - AS DUAS FRASES QUE CRAVAM O NÚMERO: "a largura é 72cqw e ponto" (fecho
       do item 5 da nota "AS SEIS BOLHAS") e "a largura é 72cqw cravada" (fecho
       do item 8 da nota "UMA ESCALA SÓ"). Passa a ser min(72cqw, 352px) na
       bolha e min(recuo, 400px) no fio. O RECADO DAS DUAS CONTINUA VALENDO:
       uma fala que cresce ganha LINHA, não largura.
   O QUE NÃO FICA OBSOLETO, e é bom dizer porque foi a briga de quatro rodadas:
   a decisão de que "no aparelho de verdade as bolhas longas TÊM a mesma
   largura" continua de pé, e continua medida. As seis bolhas seguem com a
   mesma largura em todo quadrado da folha — 352,00 no desktop grande e 72cqw
   no resto. O que mudou foi o número, não o princípio.

   --------------------------------------------------------------------------
   7) QUEM MEXER DEPOIS
   --------------------------------------------------------------------------
   QUEM MUDAR O TEXTO DE UMA FALA não mexe em largura: ela é min(72cqw, 352px)
   e ponto. Refaz a conta de ALTURA — uma fala mais longa ganha LINHA, e cada
   linha custa 1,36 x o corpo do quadrado (19,58px no 520). Nos cartões 2 e 4,
   ancorados pela base, uma linha nova sobe o topo do cluster; os limites são
   47% no cartão 2 (a mão da modelo) e 0% no cartão 4 (o teto da foto), e a
   folga que sobra hoje no 520 é de 4,5 e 11,3 pontos.
   QUEM MEXER NOS DOIS TETOS (400 e 352) refaz a tabela inteira do item 4 e as
   duas bordas do item 3, e olha primeiro para a transcrição do cartão 2: ela é
   a fala mais sensível da seção, com o degrau de linha em 362,16px de bolha.
   QUEM PRECISAR DESLIGAR ESTA RODADA apaga as duas regras abaixo e a folha
   volta inteira ao estado da manhã, sem tocar em mais nada — as duas linhas de
   largura daquele bloco continuam lá, intactas, logo acima.
   ============================================================================ */
.dia-cartao[data-ato="2"] .dia-zap,
.dia-cartao[data-ato="3"] .zap3-fio,
.dia-cartao[data-ato="4"] .zap4-fio{width:min(calc(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)}


/* ============================================================================
   A RESPOSTA DA SOFI (09:15) PERDE UMA LINHA — COPY, NENHUMA REGRA
   (08/09/2026, SEXTA rodada, ordem do dono)
   ============================================================================
   ESTE BLOCO NÃO TEM CSS NENHUM, e é de propósito: a mudança inteira foi no
   index.html. Ele existe porque o item 7 do bloco acima manda — "QUEM MUDAR O
   TEXTO DE UMA FALA ... Refaz a conta de ALTURA" — e aqui está a conta
   refeita. NENHUMA ÂNCORA, LARGURA OU ESCALA FOI TOCADA: as duas regras logo
   acima continuam sendo a última palavra da folha, e continuam sendo as
   últimas do arquivo.

   --------------------------------------------------------------------------
   1) O PEDIDO, LITERAL, E O QUE MUDOU
   --------------------------------------------------------------------------
   O dono olhou a bolha branca do 09:15 e mandou tirar "com lembrete na
   véspera". O motivo declarado foi ALTURA: ele queria a resposta em DUAS
   linhas, não em três. Saiu o trecho e a vírgula que vinha antes dele; o
   travessão e o resto da frase ficaram:
     antes .. Marcado ✅ Pediatra da Alice, quinta às 15h — já está no seu
              Google Agenda, com lembrete na véspera.
     depois . Marcado ✅ Pediatra da Alice, quinta às 15h — já está no seu
              Google Agenda.
   DUAS TROCAS NO index.html, e só duas:
     .dia-zap-txt do cartão 2 .... a bolha branca, a frase acima.
     .dia-leitura do cartão 2 .... a cópia que o leitor de tela recebe NO
       LUGAR do cluster (o cluster é aria-hidden). A nota do cartão 2 no HTML
       manda que ela diga exatamente o que as duas bolhas mostram, então
       perdeu o mesmo trecho. Ela é visualmente oculta — MEDIDO: position
       absolute, caixa de 1x1px, clip inset(50%) — e não move um pixel de
       layout, então não entra em conta nenhuma daqui.
   A .dia-corpo DO ATO 2 NÃO FOI TOCADA. Ela continua dizendo "com lembrete
   armado", porque ali o texto é narrativa da coluna do desktop e não citação
   da bolha — as duas cópias divergem de propósito, como a nota da seção já
   registrava. A promessa do lembrete continua viva lá; tirá-la de lá também é
   outra ordem, e ainda não foi dada.
   A BOLHA VERDE DO ÁUDIO NÃO MUDOU. Medida nos dois estados, altura x largura:
   105,49 x 352,00 no 520, 93,88 x 295,20 no 410, 79,93 x 248,40 no 345,
   72,55 x 211,96 no 294,4, 68,96 x 194,40 no 270 e 64,59 x 172,80 no 240 —
   os mesmos dígitos antes e depois, e a transcrição do áudio continua em DUAS
   linhas nos seis quadrados. OS CARTÕES 3 E 4 TAMBÉM NÃO MUDARAM: .zap3-fio e
   .zap4-fio, medidos antes e depois nos seis quadrados, dão altura, largura,
   topo em % e folga de baixo idênticos ao centésimo.

   --------------------------------------------------------------------------
   2) A CONTA DE ALTURA REFEITA, MEDIDA NOS DOIS ESTADOS
   --------------------------------------------------------------------------
   Quadrados e as janelas em que foram medidos: 520 = 1280x800, 410 = 1280x600,
   345 = 375x812, 294,4 = 320x568, 270 = 1280x460, 240 = 1280x400. Recarregada
   a página entre o antes e o depois. Colunas: linhas da .dia-zap-txt, altura
   da .dia-zap-resp, altura do cluster .dia-zap, topo do cluster em % do
   quadrado. Sempre antes -> depois:
     520 ..... 3 -> 2 | 94,16 -> 74,59 | 207,66 -> 188,08 | 51,567 -> 55,332
     410 ..... 3 -> 2 | 83,70 -> 66,30 | 184,68 -> 167,28 | 47,557 -> 51,801
     345 ..... 3 -> 2 | 71,13 -> 56,34 | 157,11 -> 142,32 | 47,063 -> 51,350
     294,4 ... 3 -> 2 | 64,47 -> 51,06 | 142,49 -> 129,09 | 43,099 -> 47,653
     270 ..... 3 -> 3 | 61,25 -> 61,25 | 135,41 -> 135,41 | 41,348 -> 41,348
     240 ..... 4 -> 3 | 69,22 -> 57,30 | 138,68 -> 126,77 | 33,717 -> 38,682
   A LINHA PERDIDA CUSTA EXATAMENTE UMA ENTRELINHA, e é a mesma conta do item 7
   do bloco acima. Entrelinha medida da .dia-zap-txt e queda medida da bolha
   branca, quadrado a quadrado: 19,58 e 19,57 no 520; 17,41 e 17,40 no 410;
   14,79 e 14,79 no 345; 13,41 e 13,41 no 294,4; 11,92 e 11,92 no 240. No 270 a
   fala ficou nas mesmas três linhas e a queda é 0,00.
   A FOLGA DE BAIXO NÃO MUDOU EM NENHUM QUADRADO, que é o que se espera de uma
   peça ancorada pela base: 44,20 no 520, 30,34 no 410, 25,52 no 345, 25,02 no
   294,4, 22,95 no 270 e 20,40 no 240, os mesmos dígitos nos dois estados. O
   cluster cresce e encolhe PARA CIMA, então perder uma linha só DESCE o topo —
   as folgas contra a mão da modelo (o piso de 47% do cartão 2) só afrouxaram.

   --------------------------------------------------------------------------
   3) OS DOIS QUADRADOS QUE FICARAM EM TRÊS LINHAS — REGISTRO, NÃO CONSERTO
   --------------------------------------------------------------------------
   O critério do dono ("duas linhas") vale nos quatro quadrados de cima, e as
   duas janelas obrigatórias do plano (520 e 345) passam. NO 270 E NO 240 A
   RESPOSTA AINDA FECHA EM TRÊS, e o registro honesto é este: nos dois casos a
   terceira linha carrega UMA PALAVRA SÓ, "Agenda." — medida, 36,9px de 180,09
   disponíveis no 270 e 34,8px de 159,41 no 240. Não se inventou corte extra
   para resolver isso; se o dono quiser a frase ainda menor, é outra ordem.
   ONDE FICA A VIRADA, MEDIDO NA ESCADA DE 1280 DE LARGURA, quadrado a
   quadrado: 290 dá três linhas, 291 dá três (texto de 194,56px), 292 dá DUAS
   (195,25px), 293 e 294 dão duas. Ou seja, DE 292 PARA CIMA a resposta fecha
   em duas linhas. O 294,4 do celular de 320 confirma pelo outro lado (duas
   linhas), e o 270 e o 240 estão abaixo da virada — é só isso que os separa.
   Antes desta troca a virada não existia: a frase antiga dava três linhas em
   TODOS os seis quadrados e quatro no 240.

   --------------------------------------------------------------------------
   4) O QUE ESTA RODADA TORNA OBSOLETO NAS TABELAS DE CIMA
   --------------------------------------------------------------------------
   As notas ficam — são o registro da história —, mas estes números do CARTÃO 2
   não descrevem mais a tela. As colunas dos cartões 3 e 4, em todas elas,
   continuam exatas. Cada item vem com o número novo MEDIDO:
     - NOTA "UMA ESCALA SÓ", item 6, TABELA DE ALTURA DO CLUSTER, coluna do
       cartão 2. Passa a ser: 188,08 no 520, 167,28 no 410, 142,32 no 345,
       129,09 no 294, 135,41 no 270 (esse não mudou) e 126,77 no 240. As linhas
       do 291 e do 210 NÃO FORAM MEDIDAS nesta rodada e seguem sem número novo.
     - NOTA "UMA ESCALA SÓ", item 6, TABELA DE TOPO DO CLUSTER, coluna do
       cartão 2. Passa a ser: 55,332 no 520, 51,801 no 410, 51,350 no 345,
       47,653 no 294, 41,348 no 270 (esse não mudou) e 38,682 no 240. As linhas
       do 470, 460, 450 e 386 estão no ÚLTIMO ITEM desta lista, com a varredura
       inteira. As do 291 e do 210 NÃO FORAM MEDIDAS nesta rodada.
     - NOTA "LARGURA — RÉGUA DO 12:30", item 4(c), a linha do cartão 2 no 520:
       a bolha branca vai de 94,16 para 74,59 e o cluster, de 207,66 para
       188,08. CURIOSIDADE MEDIDA, para ninguém se assustar: 188,08 é o mesmo
       número que aquele cluster tinha ANTES da rodada de largura. A linha que
       a transcrição do áudio ganhou lá e a linha que a resposta perdeu aqui
       são a MESMA entrelinha de 19,58px. É coincidência aritmética, não
       desfazimento — a transcrição continua em duas linhas, medida.
     - MESMA NOTA, item 4(d): "cartão 2, texto da resposta ... 3 -> 3" passa a
       ser 2 no 520. A linha da transcrição do áudio ("1 -> 2") continua exata.
     - MESMA NOTA, item 4(e): o topo do cartão 2 no 520 vai de 51,567 para
       55,332. Os cartões 3 (58,160) e 4 (11,319) continuam.
     - MESMA NOTA, item 5, o fecho: "o topo dele cai de 55,333% para 51,567%.
       CUSTO REAL: 4,3 pontos de folga ... e continua com 4,5". O topo voltou a
       55,332% no 520 e a folga sobre os 47% ali é de 8,3 pontos de novo.
     - MESMA NOTA, fim do item 4(e): "O PONTO MAIS APERTADO DA FOLHA INTEIRA
       ... é o quadrado de 470 ... com o topo em 47,319%". MEDIDO agora, o 470
       dá 51,484%. Varredura desta rodada na faixa em que o critério dos 47%
       vale (345 para cima): 345 51,350 | 386 51,777 | 410 51,801 | 450 51,823
       | 460 51,821 | 466 52,241 | 470 51,484 | 488 52,960 | 520 55,332. O
       ponto mais apertado dos medidos hoje é o 345, com 51,350% — 4,35 pontos
       de folga onde antes havia 0,06.

   --------------------------------------------------------------------------
   5) QUEM MEXER DEPOIS
   --------------------------------------------------------------------------
   O item 7 do bloco acima continua valendo inteiro: largura não se mexe, uma
   fala que cresce ganha LINHA, e cada linha custa uma entrelinha (19,58px no
   520, 14,79px no 345 — os outros quadrados estão no item 2 daqui). No cartão
   2, ancorado pela base, cada linha nova SOBE o topo contra o piso de 47%, e a
   folga que sobra hoje no ponto mais apertado medido é de 4,35 pontos (345).
   QUEM DEVOLVER "com lembrete na véspera" À BOLHA devolve junto a terceira
   linha e todos os números da coluna "antes" do item 2 — inclusive o 47,063%
   do 345, que era o fio de cabelo sobre a mão da modelo. Se devolver, devolve
   também na .dia-leitura, ou as duas cópias passam a divergir sem motivo.
   QUEM QUISER AS DUAS LINHAS TAMBÉM NO 270 E NO 240 não mexe em CSS: mexe na
   frase. A virada está em 292 de quadrado (item 3) e depende do texto, não da
   régua.
   ============================================================================ */


/* ============================================================================
   AS DUAS FALAS VERDES (12:30 E 15:30) ENCURTAM, E AS DUAS ÂNCORAS ACOMPANHAM
   (08/09/2026, SÉTIMA rodada, ordem do dono)
   ============================================================================
   ESTE BLOCO É A ÚLTIMA PALAVRA SOBRE A POSIÇÃO DOS CLUSTERS DOS CARTÕES 3 E 4.
   Ele não toca em escala, largura, cor, sombra, onda, cartão 2, .dia-noti nem
   na escada de container do cartão 4 — as duas regras de largura do bloco
   "LARGURA ... RÉGUA DO 12:30" continuam sendo a última palavra sobre largura,
   e a escada de seis degraus continua sendo a última sobre o cartão 4 abaixo de
   272 de quadrado. O que muda aqui é UM top e UM bottom, e as duas travas de
   janela baixa do cartão 3, que são RE-ASSERIDAS (item 4) porque a regra nova
   tem peso maior que o delas.

   --------------------------------------------------------------------------
   1) OS DOIS PEDIDOS, LITERAIS, E AS QUATRO TROCAS NO index.html
   --------------------------------------------------------------------------
   CARTÃO 3 (12:30, Martin): a fala verde vira mais curta, para caber em UMA
   linha, e o par DESCE, "para aparecer mais a marmita na mão da pessoa".
     antes .. Meu Assessor, gastei 38 reais almoçando no trabalho.
     depois . Gastei 38 reais almoçando no trabalho.
   CARTÃO 4 (15:30, Luna): mesma coisa, e o par SOBE "um pouco mais para cima".
     antes .. Luna, preciso do contrato assinado do Rodrigo. Sabe onde está?
     depois . Preciso do contrato assinado do Rodrigo.
   QUATRO TROCAS NO index.html, e só quatro:
     .zap3-txt da bolha verde ..... a fala do cartão 3.
     .dia-leitura do cartão 3 ..... a citação entre aspas curvas, que é o que o
       leitor de tela recebe no lugar das bolhas. O resto do parágrafo ficou.
     .zap4-txt da bolha verde ..... a fala do cartão 4.
     .dia-leitura do cartão 4 ..... só a citação. A narração "Você pergunta
       para a Luna no WhatsApp" FICOU de propósito: é ela que carrega o
       contexto ("Luna", "sabe onde está") que saiu de dentro da bolha.
   AS DUAS .dia-corpo (a cópia do desktop) NÃO FORAM TOCADAS. A do ato 3 já
   citava a versão abreviada ("gastei 38 reais almoçando") e continua exata; a
   do ato 4 não cita a fala. As duas .dia-leitura são visualmente ocultas e não
   movem um pixel de layout.

   --------------------------------------------------------------------------
   2) O CRITÉRIO "UMA LINHA" — ONDE ELE FECHA, MEDIDO, E ONDE NÃO FECHA
   --------------------------------------------------------------------------
   A bolha tem LARGURA CRAVADA, min(72cqw, 352px), e o spacer da meta empurra a
   quebra: o texto tem de caber na coluna útil MENOS a vaga do horário com
   tique, que é de 3,611em. Então "uma linha" é uma função do QUADRADO, não da
   janela. Medindo o texto corrido com uma cópia em white-space:pre e somando a
   vaga, e conferindo contra a contagem real de linhas, as duas viradas são:
     CARTÃO 3 ... quadrado 427 dá DUAS linhas, quadrado 428 dá UMA.
     CARTÃO 4 ... quadrado 476 dá DUAS linhas, quadrado 477 dá UMA.
   (Varredura a 1280 de largura, onde o quadrado é clamp(240, altura-190, 520).
   O diagnóstico da cópia em pre tem ~0,6px de ruído contra a quebra real — no
   quadrado de 429 ele acusa -0,31px e a fala já está em uma linha. A causa é
   medida e já era conhecida da rodada da Sofi: as duas falas computam
   text-wrap:pretty, e o navegador não quebra na mesma coluna que uma medida
   ingênua de largura prevê. Então a CONTAGEM DE LINHAS é que manda, e é ela que
   está escrita acima; os pixels da tabela abaixo são a ordem de grandeza da
   falta, não a promessa de que um pixel a mais resolveria.)
   OU SEJA: NO CATÁLOGO DE JANELAS DO PLANO A LINHA ÚNICA SÓ ACONTECE EM
   1280x800 (quadrado 520). Nas outras seis a verde continua em duas linhas, e
   este é o registro honesto de quantos pixels faltam, por janela — coluna útil
   menos (texto numa linha + vaga), sempre antes -> depois desta rodada:
     janela ....... quadrado .. cartão 3 ......... cartão 4
     1280x800 ..... 520 ....... -73,94 -> +22,64 . -142,45 -> +9,09  (CABE)
     1280x600 ..... 410 ....... -88,39 -> -1,10 .. -150,31 -> -13,35
     375x812 ...... 345 ....... -83,96 -> -8,09 .. -137,80 -> -18,74
     320x568 ...... 294,4 ..... -92,59 -> -22,96 . -142,01 -> -32,73
     1280x460 ..... 270 ....... -96,70 -> -30,12 . -143,95 -> -39,48
     1280x400 ..... 240 ...... -101,87 -> -39,05 . -146,47 -> -47,87
     700x450 ...... 210 ...... -105,72 -> -46,73 . -147,58 -> -55,02
   O 1280x600 É O QUASE: falta 1,10px ao cartão 3 para a linha única. NÃO SE
   MEXEU em vaga nem em corpo para comprar esse pixel — a ordem foi encurtar a
   frase, e a régua de largura é de outro bloco. Se o dono quiser a linha única
   também no 410, é outra ordem, e ela se paga na FRASE (uma palavra a menos) ou
   na régua, não aqui.
   O QUE A RODADA GANHOU MESMO ONDE A LINHA NÃO CAIU: no quadrado de 210
   (700x450) a verde do cartão 4 estava em TRÊS linhas e passou a duas — bolha
   de 42,94 para 31,84 e cluster de 100,85 para 89,75. É o único quadrado do
   catálogo em que a fala do 15:30 quebrava em três.

   --------------------------------------------------------------------------
   3) A ÂNCORA DO CARTÃO 3: A BASE FICA ONDE ESTAVA, E POR ISSO O TOP DESCE
   --------------------------------------------------------------------------
   O cluster do 12:30 é CENTRADO (translate -50%/-50%), então o top é o CENTRO.
   Quando a fala perde uma linha o cluster encolhe pelas duas pontas, metade em
   cima e metade embaixo — e a peça sobe visualmente sem ninguém mandar. A regra
   de escolha do plano é: a BASE do cluster fica onde estava antes do corte, que
   é o que garante que o par desce sem comer a folga de baixo.
   A CONTA, MEDIDA NO QUADRADO DE 520 (1280x800), que é onde a linha cai:
     cluster ...... 138,74 -> 119,16 px  (queda de 19,58, uma entrelinha exata)
     metade ....... 9,79px = 1,883% do lado de 520
     top .......... 71,5 + 1,883 = 73,383%
   ARREDONDADO PARA O MEIO PONTO DE DENTRO DA FAIXA QUE O PLANO PERMITE
   (73 a 75,5): 73,5%. Medido depois, a base no 520 vai de 84,840 para 84,957 —
   0,117 ponto de deriva, dentro do +-1 ponto que o plano pede.
   O TOPO DO CLUSTER NO 520 CAI DE 58,159% PARA 62,041%, e são esses 3,88 pontos
   (20,19px de fotografia) que destapam a faixa da marmita.
   O DESVIO HONESTO: NO QUADRADO DE 345 (375x812) A BASE ANDA 2 PONTOS. O plano
   mandava conferir a base "em 520 e 345", presumindo que a linha cairia nos
   dois. Ela não cai no 345 — a verde de lá continua em duas linhas (item 2) e o
   cluster continua com os MESMOS 104,81px de antes. Com o cluster do mesmo
   tamanho, todo ponto que o top desce vira ponto de base: 86,689 -> 88,689.
   Não há valor dentro da faixa 73-75,5 que segure a base do 345 em +-1 ponto —
   só 72,5 ou menos seguraria, e aí o 520 (onde a ordem do dono nasceu) quase
   não desceria. Ficou o 73,5, e o custo está medido no item 6.
   O QUE ESSE CUSTO NÃO COMEU: a folga entre a base do cluster e a base da foto
   no 375x812 vai de 45,92 para 39,02px, contra o piso de 25px que o plano
   fixou — sobram 14,02px. Varrendo as BORDAS das travas (as janelas em que a
   regra nova é a primeira a valer), a pior base medida é 89,017% no quadrado de
   325,68 (janela 354x590), com 35,77px de folga embaixo. Nada sai do quadrado
   em nenhum ponto medido.

   --------------------------------------------------------------------------
   4) AS DUAS TRAVAS DA JANELA BAIXA, RE-ASSERIDAS — E POR QUÊ
   --------------------------------------------------------------------------
   As travas do cartão 3 (top 65,5% e top 50%) moram no bloco zap3- com o
   seletor .zap3-fio, que pesa (0,1,0). A regra nova aqui pesa (0,3,0)
   (.dia-cartao[data-ato="3"] .zap3-fio) e MATARIA as duas, empurrando o cluster
   para 73,5% justamente nas janelas em que a caixa está apertada. Por isso elas
   aparecem de novo abaixo, com as MESMAS media queries, condição por condição,
   e com o seletor de peso igual ao da regra nova — o desempate passa a ser a
   ORDEM, e elas vêm depois.
   ISTO É CÓPIA, NÃO CALIBRAÇÃO NOVA: os limiares continuam sendo os da nota
   original ("AS TRAVAS DA JANELA BAIXA SÃO AS MESMAS DA .dia-noti"), e quem
   recalibrar lá recalibra aqui também. Agora são TRÊS lugares com os mesmos
   limiares (a .dia-noti, o bloco zap3- e este), e é o preço de ter uma regra de
   peso maior no fim da folha.
   MEDIDO DEPOIS, top computado do .zap3-fio contra o lado do quadrado:
     1280x540 (lado 350) ... 229,25px = 65,5%  (trava 1 manda)
     375x553  (lado 291) ... 190,60px = 65,5%  (trava 1, o iPhone de verdade)
     320x700  (lado 294,4) . 192,83px = 65,5%  (trava 1, pela max-width:353)
     1280x490 (lado 300) ... 150,00px = 50,0%  (trava 2 manda)
     375x510  (lado 248) ... 124,00px = 50,0%  (trava 2 manda)
     1280x545 (lado 355) ... 260,92px = 73,5%  (um pixel de janela acima do
                                                limiar de 544, a regra nova
                                                assume — o degrau é limpo)
   Os cinco primeiros são os MESMOS dígitos do estado anterior a esta rodada.

   --------------------------------------------------------------------------
   5) A ÂNCORA DO CARTÃO 4: O TOPO FICA ONDE ESTAVA, E O ESCOPO É 477
   --------------------------------------------------------------------------
   O cluster do 15:30 é ANCORADO PELA BASE e cresce para cima. Quando a fala
   perde uma linha, o topo DESCE sozinho e a base não se mexe — o contrário do
   que o dono pediu. A regra de escolha do plano é: manter o TOPO onde estava, e
   deixar a base subir exatamente a altura da linha perdida.
   A CONTA, MEDIDA NO QUADRADO DE 520:
     cluster ...... 138,74 -> 119,16 px  (a mesma entrelinha de 19,58)
     em fração .... 19,58 / 520 = 3,766%
     bottom ....... 62 + 3,766 = 65,766%
   EM PASSOS DE MEIO PONTO SÃO 65,5 OU 66, e o plano manda pegar o MAIOR que
   ainda deixe o topo do cluster a 1,5% ou mais do quadrado. Ficou 66%.
   Medido depois, no 520: base 38,000 -> 34,001 (a peça SOBE 4 pontos, 20,8px) e
   topo 11,319 -> 11,085 — o topo praticamente não se mexeu, que era o alvo.
   O ESCOPO É @container (min-width:477px), E NÃO O (min-width:273px) DO PLANO.
   O motivo é medido e é grave: abaixo de 477 a verde do 15:30 CONTINUA EM DUAS
   LINHAS (item 2), o cluster não encolheu, e subir a base ali empurraria o topo
   para FORA da fotografia, que tem overflow:hidden. Com bottom 66% aplicado nos
   quadrados de baixo o topo daria -0,67% no 345 e -2,82% no 294 — a peça
   entraria cortada. O próprio guarda-corpo do plano (topo >= 1,5%) é o que
   proíbe isso, e 477 é exatamente o quadrado em que a linha cai, então a regra
   nova só existe onde ela tem lastro. Como 477 é maior que 273, a exigência de
   escopo do plano fica satisfeita com folga: a escada de seis degraus, que
   cobre de 272 para baixo, e o degrau de 60% em (max-width:250px) não são
   alcançados por nada daqui.
   O DEGRAU NA VIRADA É CONTÍNUO, MEDIDO NOS DOIS QUADRADOS VIZINHOS:
     476 ... duas linhas, cluster 138,74, bottom 62%, topo 8,853%, base 38,001%
     477 ... uma linha,   cluster 119,16, bottom 66%, topo 9,020%, base 34,002%
   O topo anda 0,167 ponto e a base salta 4 pontos — o salto está na base, que é
   o que o dono queria ver, e o topo continua parado.
   O GUARDA-CORPO DOS 1,5%, MEDIDO EM TODOS OS QUADRADOS QUE O PLANO PEDE:
     520 ... 11,085%  (regra nova)      410 ... 7,925%  (bottom 62%, intocado)
     477 .... 9,020%  (regra nova)      345 ... 3,333%  (bottom 62%, intocado)
     476 .... 8,853%  (bottom 62%)      294 ... 1,164%  (bottom 62%, intocado)
                                        273 ... 0,026%  (bottom 62%, intocado)
   OS TRÊS ÚLTIMOS JÁ ESTAVAM ABAIXO DE 1,5% ANTES DESTA RODADA e continuam
   exatamente onde estavam: nos quadrados abaixo de 477 nenhuma das duas bolhas
   mudou de altura, o que se comprova nos dois estados no quadrado de 270
   (cluster 102,98 nos dois) e no de 240 (96,34 nos dois). O 294 foi medido nos
   dois estados pela janela de 320x568 e deu 1,184% antes e depois. Esta rodada
   não criou nem piorou esse aperto; ele é do bloco da âncora original, e o
   remédio dele (se o dono quiser) é a escada, não este bloco.
   O ÚNICO PONTO QUE AINDA ENTRA CORTADO É O QUADRADO DE 210 (700x450), abaixo
   de todo o catálogo de container: topo -7,024% antes, -1,737% depois. A fala
   mais curta devolveu 5,3 pontos (11,1px) e o corte caiu de 14,75 para 3,65px,
   mas ele não zerou. Está registrado, não consertado — mexer nisso é mexer na
   escada, e a ordem não foi essa.

   --------------------------------------------------------------------------
   6) AS TABELAS ANTES/DEPOIS, JANELA POR JANELA
   --------------------------------------------------------------------------
   Página recarregada entre os dois estados. Colunas: linhas da fala verde,
   altura da bolha verde, altura do cluster, topo e base do cluster em % do
   quadrado, folga entre a base do cluster e a base da foto, em px.
   CARTÃO 3 (12:30), sempre antes -> depois:
     1280x800 (520) .. 2->1 | 56,16->36,58 | 138,74->119,16 |
                       58,159->62,041 | 84,840->84,957 | 78,83->78,22
     1280x600 (410) .. 2->2 | 49,91->49,91 | 123,31->123,31 |
                       56,462->58,460 | 86,538->88,537 | 55,20->47,00
     375x812  (345) .. 2->2 | 42,42->42,42 | 104,81->104,81 |
                       56,309->58,308 | 86,689->88,689 | 45,92->39,02
     320x568  (294,4)  2->2 | 38,45->38,45 |  94,98-> 94,98 |
                       49,367->49,367 | 81,631->81,631 | 54,08->54,08  (trava)
     1280x460 (270) .. 2->2 | 36,52->36,52 | 102,98->102,98 |
                       30,930->30,930 | 69,070->69,070 | 83,51->83,51  (trava)
     1280x400 (240) .. 2->2 | 34,17->34,17 |  96,34-> 96,34 |
                       29,928->29,928 | 70,072->70,072 | 71,83->71,83  (trava)
     700x450  (210) .. 2->2 | 31,84->31,84 |  89,75-> 89,75 |
                       28,631->28,631 | 71,369->71,369 | 60,13->60,13  (trava)
   CARTÃO 4 (15:30), sempre antes -> depois:
     1280x800 (520) .. 2->1 | 56,16->36,58 | 138,74->119,16 |
                       11,319->11,085 | 38,000->34,001 | 322,40->343,20
     1280x600 (410) .. 2->2 | 49,91->49,91 | 123,31->123,31 |
                        7,925-> 7,925 | 38,001->38,001 | 254,20->254,20
     375x812  (345) .. 2->2 | 42,42->42,42 | 119,60->119,60 |
                        3,333-> 3,333 | 38,000->38,000 | 213,90->213,90
     320x568  (294,4)  2->2 | 38,45->38,45 | 108,39->108,39 |
                        1,184-> 1,184 | 38,001->38,001 | 182,52->182,52
     1280x460 (270) .. 2->2 | 36,52->36,52 | 102,98->102,98 |
                        0,362-> 0,362 | 38,501->38,501 | 166,05->166,05
     1280x400 (240) .. 2->2 | 34,17->34,17 |  96,34-> 96,34 |
                        0,358-> 0,358 | 40,501->40,501 | 142,80->142,80
     700x450  (210) .. 3->2 | 42,94->31,84 | 100,85-> 89,75 |
                       -7,024->-1,737 | 41,001->41,001 | 123,90->123,90
   A ESCADA DO CARTÃO 4 FICOU INTACTA, medida degrau a degrau nos dois estados
   (base do cluster em % do quadrado, que é 100 menos o bottom):
     270 .. 38,501 -> 38,501   (bottom 61,5%)
     260 .. 39,002 -> 39,002   (bottom 61%)
     250 .. 40,000 -> 40,000   (bottom 60%)
     240 .. 40,501 -> 40,501   (bottom 59,5%)

   --------------------------------------------------------------------------
   7) OS CONTROLES
   --------------------------------------------------------------------------
   CARTÃO 2, que foi mexido na rodada passada e não podia andar um pixel. Altura
   do cluster, topo em % e folga de baixo, antes -> depois, idênticos:
     520 .... 188,08 | 55,332 | 44,20        294,4 .. 129,09 | 47,653 | 25,02
     410 .... 167,28 | 51,801 | 30,34        270 .... 135,41 | 41,348 | 22,95
     345 .... 142,32 | 51,350 | 25,52        240 .... 126,77 | 38,682 | 20,40
     210 .... 118,14 | 35,246 | 17,84
   AS .dia-noti DOS CARTÕES 1 E 5, medidas nos dois estados no 520, no 410, no
   345 e no 294,4 — largura, altura, raio, corpo do título e do subtítulo e topo
   em % — saem com os mesmos dígitos em todos os campos. No 520: 392x96,22 e
   408x96,22, raio 25, título 17,12, subtítulo 13,76, topo 64,748% e 11,747%.

   --------------------------------------------------------------------------
   8) O QUE ESTA RODADA TORNA OBSOLETO NAS NOTAS DE CIMA
   --------------------------------------------------------------------------
   As notas ficam — são o registro da história —, mas estes números não
   descrevem mais a tela. Cada item vem com o valor novo MEDIDO:
     - NOTA "UMA ESCALA SÓ", item 6, TABELA DE ALTURA DO CLUSTER, colunas dos
       cartões 3 e 4. No quadrado de 520 as duas passam de 138,74 para 119,16.
       Nos quadrados de 410, 345, 294, 270 e 240 a tabela continua exata (as
       falas continuam em duas linhas lá, e o cluster tem a mesma altura).
     - MESMA NOTA, item 6, TABELA DE TOPO DO CLUSTER. Cartão 3 no 520: 58,159
       passa a 62,041; no 410, 56,462 passa a 58,460; no 345, 56,309 passa a
       58,308. Cartão 4 no 520: 11,319 passa a 11,085. Os demais quadrados dos
       dois cartões continuam exatos.
     - NOTA "LARGURA ... RÉGUA DO 12:30", item 4(e): "Os cartões 3 (58,160) e 4
       (11,319) continuam" passa a 62,041 e 11,085 no 520.
     - NOTA DO ADENDO DA SOFI, item 1, fim: "OS CARTÕES 3 E 4 TAMBÉM NÃO
       MUDARAM ... topo em % e folga de baixo idênticos ao centésimo". Aquilo
       descrevia AQUELA rodada e continua verdadeiro sobre ela; a partir desta,
       os dois cartões mudaram, e a tabela do item 6 daqui é a boa.
     - NOTA DA ÂNCORA DO CARTÃO 4 (a da escada), o parágrafo "QUEM MEXER NO
       TEXTO DE UMA DAS FALAS DO CARTÃO 4 refaz esta escada inteira". Foi
       conferido: os sete valores continuam certos porque abaixo de 272 as duas
       bolhas mantêm a mesma contagem de linhas e o cluster a mesma altura
       (medido no 270 e no 240, item 6). A escada NÃO foi refeita porque não
       precisou, e não porque o aviso foi ignorado.
     - NOTA DAS TRAVAS DO BLOCO zap3-, o aviso "SE ALGUÉM RECALIBRAR OS
       LIMIARES LÁ EM CIMA, RECALIBRA AQUI TAMBÉM". Passa a valer para TRÊS
       lugares: a .dia-noti, o bloco zap3- e este bloco (item 4).

   --------------------------------------------------------------------------
   9) QUEM MEXER DEPOIS
   --------------------------------------------------------------------------
   AS DUAS ÂNCORAS SÃO CONSEQUÊNCIA DO TEXTO, não gosto. Quem devolver as
   palavras que saíram das falas devolve as duas linhas e tem de devolver o top
   a 71,5% e o bottom a 62% junto, ou o 12:30 desce sem motivo e o 15:30 entra
   cortado pelo alto no quadrado de 520.
   QUEM ENCURTAR MAIS AS FALAS baixa as viradas do item 2 (428 e 477) e com elas
   o limiar do @container do cartão 4 — o número no seletor tem de acompanhar a
   virada medida, senão a regra passa a valer onde a fala ainda quebra em duas.
   Não há risco de estouro se ela adiantar: no 477 com duas linhas o topo daria
   4,914%, ainda acima do guarda-corpo de 1,5%.
   QUEM QUISER A LINHA ÚNICA TAMBÉM NO CELULAR não mexe em âncora: mexe na frase
   ou na régua de largura. As contas de quanto falta, por quadrado, estão no
   item 2, e a menor delas é 1,10px no quadrado de 410.
   QUEM MEXER NOS LIMIARES DAS TRAVAS DO CARTÃO 3 mexe nos três lugares (item 4).
   ============================================================================ */
.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%}
}

/* ============================================================================
   O 12:30 VOLTA A SER NOTIFICAÇÃO, COM O DISCO DO iFOOD — DUAS REGRAS
   (08/09/2026, OITAVA rodada, ordem do dono)
   ============================================================================
   ESTE BLOCO TEM DUAS REGRAS E MAIS NADA, e o tamanho da nota contra o tamanho
   do CSS é o assunto principal: a mudança inteira foi no index.html, e o
   sistema .dia-noti absorveu a quinta peça sem uma linha de calibração nova.
   NENHUMA REGRA EXISTENTE FOI TOCADA, nada foi removido, e as duas regras
   daqui só existem porque um disco novo precisa de uma cor e de um tamanho de
   marca — exatamente as duas coisas que o .is-nubank também precisou.

   --------------------------------------------------------------------------
   1) O PEDIDO, LITERAL
   --------------------------------------------------------------------------
   O bloco 12:30 deixa de ser conversa de WhatsApp e vira uma NOTIFICAÇÃO igual
   à do 07:40, avisando que o gasto foi registrado e adicionado na categoria
   Alimentação. O CONCEITO MUDA JUNTO: em vez de "registrar mandando mensagem",
   o ato passa a comunicar que o gasto SE REGISTRA SOZINHO. No disco, a logo do
   iFood no lugar do Nubank.

   ISTO É UMA REVERSÃO DE DESENHO, MAS NÃO UM RECUO DE IDEIA. O 12:30 era
   .dia-noti até a manhã de hoje; virou o par de bolhas zap3- numa rodada
   anterior deste mesmo dia, com um motivo escrito na nota daquele bloco: "este
   ato é o único em que o próprio visitante AGE (ele manda o gasto), e banner
   nenhum mostra alguém mandando mensagem". Aquele motivo continua correto — e
   é justamente por isso que a peça volta a ser banner: o visitante não age
   mais. Sem mensagem para mandar, o que sobra é o sistema avisando o que já
   aconteceu, que é a definição da .dia-noti. A conversa não foi descartada por
   gosto; ela perdeu o conteúdo que a justificava.

   --------------------------------------------------------------------------
   2) POR QUE DUAS REGRAS BASTAM
   --------------------------------------------------------------------------
   A .dia-noti não é o desenho de um cartão: é um sistema calibrado para as
   cinco fotos, e ele estava inteiro e intocado quando o cartão 3 saiu dele.
   Tudo o que a peça nova precisa já está escrito em outro lugar da folha:
     - a caixa (largura, padding, raio, vidro, sombra) ..... .dia-noti
     - a posição (left 50%, top 74%, translate -50%/-50%) .. .dia-noti
     - as travas de janela baixa (74% -> 68% -> 50%) ....... bloco das travas
     - a escala por @media (600px e 360px) ................. blocos da escala
     - o disco de 44px (40px abaixo de 360) e o selo ....... .dia-noti-icone,
       .dia-noti-badge e a variável --dia-noti-icone
     - título, hora, subtítulo e a quebra da pergunta ...... .dia-noti-titulo,
       .dia-noti-hora, .dia-noti-sub, .dia-noti-pergunta
   MEDIDO, e é a prova de que o sistema pegou a peça nova de graça: comparando
   propriedade a propriedade (getComputedStyle inteiro, a 1280x800) a
   notificação do cartão 3 contra a do cartão 1, em ONZE pares de elementos
   (a caixa, o corpo, a linha, o título, a hora, o subtítulo, a pergunta, o
   disco, o selo, a img do selo e a img do disco), a ÚNICA divergência que não
   vem do conteúdo é pointer-events: auto no cartão 1 e none no cartão 3. E
   essa é da seção, não da notificação — medido nos cinco cartões: 1 é auto
   (é o ato ativo), 2, 3, 4 e 5 são none.
   As demais divergências são todas consequência do texto ser outro, e estão no
   item 5: altura do corpo e do subtítulo (3 linhas contra 2), largura do
   título ("Gasto registrado" 141,930 contra "Fatura de cartão" 141,227) e da
   hora ("12:30" 31,625 contra "7:40" 27,422). Largura da caixa, padding, raio,
   gap, fontes, entrelinha, cor e o top em px: idênticos.

   --------------------------------------------------------------------------
   3) O DISCO DO iFOOD: A COR E A LARGURA DA MARCA
   --------------------------------------------------------------------------
   COR #ea1d2c, o vermelho oficial do iFood — mesma lógica do roxo #820ad1 que
   o .is-nubank usa desde sempre: a cor da marca é o disco, e a marca entra
   branca por cima pelo filter. Medido no navegador: background-color computado
   rgb(234, 29, 44).
   O ARQUIVO é images/bancos/ifood.svg, no padrão dos outros doze SVGs da pasta
   (xmlns, viewBox, um path, fill #fff embutido). O filter brightness(0)
   invert(1) é o mesmo do .is-nubank e serve de seguro: qualquer tinta que o
   arquivo trouxesse sai branca.

   A LARGURA DE 27px NÃO É HERANÇA CEGA DO .is-nubank — ela foi medida contra
   as duas referências que a folha já tinha, e o número que sai é o mesmo.
   O ponto é que o viewBox do iFood é QUADRADO (0 0 24 24) e o do Nubank é
   DEITADO (0 5.43 24 13.13, razão 1,8279), então 27px de largura dá caixas de
   altura muito diferente e a conta precisava ser refeita no eixo vertical.
   MEDIDO (getBBox do path dentro de cada viewBox, e a conta do desenho no
   disco de 44px com a caixa em 27px):
                          bbox no viewBox   caixa CSS      desenho no disco 44
     ifood.svg .......... 24 x 20,660       27 x 27        61,36% x 52,82%
     nubank.svg ......... 24 x 13,133       27 x 14,771    61,36% x 33,58%
     favicon.svg ........ 120,63 x 117,53   27 x 27        54,43% x 53,03%
   A linha do favicon é a que decide: ele é a única marca QUASE QUADRADA que já
   morava num disco destes, no cartão 5, e lá a folha já escolheu 27px (regra
   .dia-cartao[data-ato="5"] .dia-noti-icone.is-equipe > img). O iFood a 27px
   ocupa 52,82% da altura do disco contra 53,03% do favicon — 0,21 ponto de
   diferença. E ocupa 61,36% da largura, o mesmo número do Nubank, porque os
   dois desenhos preenchem o viewBox de ponta a ponta no eixo horizontal.
   Ou seja: 27px acerta os dois eixos contra as duas referências ao mesmo
   tempo, e não houve o que calibrar. A faixa de 24 a 30px que o plano abria
   não precisou ser usada.
   NÃO VAZA: medido no render, a img sai 27 x 27 dentro do disco de 44 x 44,
   com 8,5px de folga em cada um dos quatro lados; o canto do quadrado fica a
   19,092 do centro contra os 22 de raio do disco.

   --------------------------------------------------------------------------
   4) TODO O CSS zap3- FICA, E FICA ÓRFÃO
   --------------------------------------------------------------------------
   Padrão da casa: nada é removido. Contados na folha: 65 blocos de regra cujo
   seletor cita zap3-, 27 seletores distintos entre eles. Todos continuam
   escritos e a partir de agora NÃO TÊM CONSUMIDOR NENHUM — medido no navegador
   depois da troca: document.querySelectorAll('[class*="zap3"]').length é 0.
   Conferido também que nenhum JavaScript as procura (grep "zap3" em todos os
   .js do projeto: nenhuma ocorrência).
   O QUE MORREU JUNTO, e é bom estar escrito porque foi trabalho de hoje:
     - o bloco original do cluster (desenho das bolhas, bico, tique, nome e
       cargo do Martin);
     - o teto de ~70% do quadrado e o --zap3-teto;
     - as regras de escala do celular e o segundo degrau da janela baixa;
     - as duas regras de largura da "régua do 12:30";
     - a âncora top:73.5% da SÉTIMA rodada, com as duas travas re-asseridas
       (65,5% e 50%) que vinham com ela. Essa âncora durou UMA rodada.
   O GANCHO DE CONTAINER FICA E É INOFENSIVO:
   .dia-cartao[data-ato="3"] .dia-foto{container-type:inline-size} não tem mais
   nenhum @container do cartão 3 pendurado nele. Não foi removido, e medido que
   não atrapalha: a notificação nova nasce com os mesmos 392px de largura e os
   mesmos 64px de folga de cada lado do quadrado que a do cartão 1, a 1280x800.
   SE ALGUÉM UM DIA QUISER O CLUSTER DE VOLTA: o HTML dele está no backup do
   índice desta rodada e a marcação inteira está descrita na nota do bloco
   zap3-, que continua lá em cima.

   --------------------------------------------------------------------------
   5) MEDIÇÕES: A NOTIFICAÇÃO NOVA, NOVE JANELAS
   --------------------------------------------------------------------------
   Colunas: quadrado da .dia-foto | altura da noti | topo e base em % da altura
   do quadrado | centro em % | folga da base da noti até a base do quadrado |
   linhas do subtítulo. Nenhuma foi cortada em nenhuma janela (scrollHeight
   igual a clientHeight no subtítulo, no corpo e na caixa, nas nove).

     janela      quadr.   altura    topo%    base%   centro%   folga   linhas
     1280x800    520      115,203   62,922   85,077   73,999   77,602    3
     1280x600    410      115,203   59,950   88,049   74,000   49,000    3
     1280x540    350      107,914   52,584   83,416   68,000   58,043    3
     1280x460    270      163,273   19,764   80,236   50,000   53,363    5
     1280x400    240      163,273   15,985   84,015   50,000   38,363    5
      700x450    210      196,383    3,242   96,758   50,000    6,809    7
      375x812    345      102,945   59,079   88,919   73,999   38,230    3
      375x510    248      155,773   18,594   81,406   50,000   46,113    5
      320x568    294,398  119,063   47,778   88,220   67,999   34,680    4

   AS TRAVAS MANDAM, e a coluna do centro é a prova: 74% nas três janelas
   altas (1280x800, 1280x600, 375x812), 68% em 1280x540 e 320x568, 50% em
   1280x460, 1280x400, 375x510 e 700x450. O top em px sai igual ao do cartão 1
   em todas as nove (a 1280x800 os dois em 384,797px; a 1280x540 os dois em
   238px; a 375x510 os dois em 124px), que é o esperado: a posição é a mesma
   regra, e só a altura da caixa difere.

   A MESMA TABELA PARA O 07:40, que é a referência do pedido:
     janela      altura    topo%    base%   centro%   folga   linhas
     1280x800     96,219   64,748   83,251   73,999   87,094    2
     1280x600     96,219   62,266   85,734   74,000   58,492    2
     1280x540     91,359   54,949   81,051   68,000   66,320    2
     1280x460    146,719   22,830   77,170   50,000   61,641    4
     1280x400    146,719   19,434   80,566   50,000   46,641    4
      700x450    202,078    1,886   98,114   50,000    3,961    6
      375x812     86,828   61,415   86,583   73,999   46,289    2
      375x510    139,656   21,843   78,157   50,000   54,172    4
      320x568    119,063   47,778   88,220   67,999   34,680    4

   TRÊS LEITURAS DESTAS DUAS TABELAS:
   a) A NOVA É MAIS ALTA que a do 07:40 em SETE das nove janelas, porque o
      subtítulo dela pega uma linha a mais (o texto é mais longo). A diferença
      vai de 16,117px (375x812 e 375x510) a 18,984px (1280x800 e 1280x600),
      passando por 16,555 (1280x540) e 16,554 (1280x460 e 1280x400). As duas
      janelas fora dessa conta são as das leituras (b) e (c) logo abaixo.
   b) A 320x568 AS DUAS SÃO IDÊNTICAS ao milésimo — 119,063 de altura, 47,778
      de topo, 88,220 de base, 34,680 de folga. Ali o quadrado aperta as duas
      até quatro linhas de subtítulo e elas convergem.
   c) A 700x450 A NOVA É MENOR, 196,383 contra 202,078, apesar de ter SETE
      linhas de subtítulo contra seis. O que inverte é o TÍTULO: naquele
      quadrado de 210 a coluna de texto cai para 109px, e ali "Fatura de
      cartão" quebra em TRÊS linhas (66,750px de altura) enquanto "Gasto
      registrado" quebra em DUAS (44,500px). O título curto devolve mais do
      que o subtítulo longo tira.
      ESTA JANELA JÁ ERA UM PROBLEMA CONHECIDO e continua sendo: a nota das
      travas avisa que abaixo de ~490px de altura no desktop o quadrado bate no
      piso e nenhuma posição cabe. Ali a folga da nova é 6,809 e a do 07:40 é
      3,961 — as duas encostadas na base, como antes desta rodada.

   O QUE SAIU DO LUGAR (o cluster zap3-, medido ANTES da troca): a 1280x800 ele
   tinha 119,164 de altura, centro em 73,499% e 78,223 de folga; a 375x812,
   104,813 de altura, centro em 73,499% e 39,023 de folga. A notificação que
   entrou é MAIS BAIXA que ele nas duas: 3,961px a 1280x800 e 1,868px a
   375x812.
   MESMO ASSIM A FOLGA DE BAIXO ENCOLHEU nas duas, e a razão é a posição, não a
   altura: o cluster morava com o centro em 73,499% (a âncora top:73.5% da
   SÉTIMA rodada) e a notificação mora nos 74% do sistema — meio ponto mais
   para baixo, que a 375 vale 1,725px e come a altura que a peça economizou.
   A conta fecha: 1,868/2 de altura a menos contra 1,725 de descida dá 0,791 de
   base a mais, e a folga medida cai de 39,023 para 38,230, ou seja 0,793.
   A 1280x800 a folga cai de 78,223 para 77,602, 0,621.
   O PLANO PREVIA "sem a linha do valor deve folgar mais". Não folgou: a folga
   ficou praticamente igual, e do lado de baixo — 0,79px a menos no celular e
   0,62px a menos no desktop grande. Fica registrado como o número é, não como
   se esperava que fosse.

   --------------------------------------------------------------------------
   6) OS CONTROLES
   --------------------------------------------------------------------------
   Medidos ANTES e DEPOIS nas nove janelas, os cartões que não são desta
   rodada: notificação do 07:40, notificação do 22:00, cluster .dia-zap do
   09:15 e cluster zap4- do 15:30 — altura, topo, base, centro, folga e largura
   IDÊNTICOS ao milésimo em todas as nove. O lado do quadrado da .dia-foto
   também: 520, 410, 350, 270, 240, 210, 345, 248 e 294,398, igual nos cinco
   cartões e igual antes e depois.
   Console sem erro; images/bancos/ifood.svg responde 200.

   --------------------------------------------------------------------------
   7) QUEM MEXER DEPOIS
   --------------------------------------------------------------------------
   QUEM MUDAR O TEXTO DA NOTIFICAÇÃO DO 12:30 refaz a tabela do item 5: a
   altura da caixa é consequência das linhas do subtítulo e da quebra do
   título, e as duas mudam com a frase. Nada aqui é âncora.
   QUEM TROCAR A MARCA DO DISCO refaz a conta do item 3 com o getBBox do
   arquivo novo: 27px só é o número certo enquanto o desenho preencher o
   viewBox como o do iFood preenche.
   QUEM DEVOLVER A CONVERSA AO 12:30 tem os 65 blocos zap3- inteiros à
   disposição na folha, e devolve com eles a âncora top:73.5% e as duas travas
   re-asseridas da SÉTIMA rodada, que ficaram sem consumidor no item 4.
   QUEM MEXER NOS LIMIARES DAS TRAVAS agora mexe em DOIS lugares, não três: a
   .dia-noti (que voltou a valer para o cartão 3) e o bloco zap3-, que continua
   com as travas escritas mesmo sem HTML — o terceiro lugar que a nota da
   SÉTIMA rodada citava é justamente o das regras que ficaram órfãs.
   ============================================================================ */
.dia-noti-icone.is-ifood{background:#ea1d2c}
.dia-noti-icone.is-ifood > img{width:27px;height:auto;filter:brightness(0) invert(1)}


/* ============================================================================
   A NOTIFICAÇÃO DO 12:30 FICA EM 75% — O AJUSTE FINO DEPOIS DO 76% E DO 70%
   (08/09/2026, NONA NOTA DESTE ARQUIVO, ordem do dono: "Deixe com 75%")
   ============================================================================
   ESTA NOTA FOI REESCRITA NO MESMO DIA EM QUE NASCEU. O bloco é o mesmo — três
   regras, uma âncora e duas travas re-asseridas —, mas o número da âncora mudou
   duas vezes desde a primeira redação: 76%, 70% e agora 75%. Quem tiver visto
   uma versão anterior deste texto está lendo uma folha que não existe mais.

   ANTES DE TUDO, UM ACERTO DE CONTAGEM, porque as notas daqui se numeram por
   RODADA e esta se numera por NOTA: entre a OITAVA rodada (o bloco logo acima,
   "O 12:30 VOLTA A SER NOTIFICAÇÃO") e esta houve DUAS passadas de copy que
   mexeram só no index.html — a transcrição do 09:15 e o enxugamento da própria
   notificação do 12:30 — e nenhuma delas deixou bloco aqui, porque nenhuma
   delas escreveu uma linha de CSS. Quem contar blocos e quem contar rodadas vai
   achar números diferentes, e a diferença é essa. A segunda dessas passadas é
   pré-requisito para entender o item 2: foi ela que encolheu a peça.

   ESTE BLOCO TEM TRÊS REGRAS, TODAS SOBRE A POSIÇÃO DA .dia-noti DO CARTÃO 3.
   Ele não toca em escala, largura, cor, sombra, disco, cartões 1, 2, 4 ou 5,
   nem no sistema .dia-noti lá de cima. Nada foi removido da folha.

   --------------------------------------------------------------------------
   1) O DIA INTEIRO DESTA ÂNCORA, EM ORDEM
   --------------------------------------------------------------------------
   CINCO ORDENS, TRÊS FOLHAS ENTREGUES, UM NÚMERO VIVO. A lista está aqui
   porque quem ler o histórico vai topar com as mortas e precisa saber quais são:
     a) "pode descer um pouco o posicionamento dessa notificação" — virou o
        top:76%, com a conta do item 2 por trás. ENTREGUE.
     b) 85% — o dono cancelou no meio do caminho, antes de a folha mudar.
     c) "descer para 70%" — o dono cancelou no meio do caminho.
     d) SUBIR PARA 70% — entregue, e durou uma rodada.
     e) "Deixe com 75%" — A ORDEM VIGENTE, e o assunto desta nota.
   O 75% É AJUSTE FINO, e é assim que ele deve ser lido: o dono viu a peça em
   76%, viu em 70%, e parou entre as duas, um ponto abaixo de onde tinha
   começado a rodada anterior. Não é meio-termo aritmético (a média de 76 e 70
   é 73) — é escolha do olho, e não há conta nenhuma por trás dela.
   A PEÇA TERMINA O DIA UM PONTO ABAIXO DE ONDE O DIA COMEÇOU: começou em 74%,
   foi para 76%, desceu — na tela, subiu — para 70% e parou em 75%.
   AS DUAS MUDANÇAS DE COPY da rodada em que este bloco nasceu — "Martin - " →
   "Martin: " nas duas notificações e a saída do selo do 07:40 — são index.html
   puro, continuam valendo e estão nos itens 6, 7 e 8.

   --------------------------------------------------------------------------
   2) O 76% TINHA CONTA. O 75% NÃO TEM — E ISSO É DE PROPÓSITO
   --------------------------------------------------------------------------
   É O ITEM MAIS IMPORTANTE PARA QUEM MEXER DEPOIS, porque troca a natureza do
   número que está na regra, e a troca continua valendo com o 75% no lugar do
   70%.
   O 76% ERA DERIVADO. A .dia-noti é centrada no top (translate(-50%,-50%)),
   então encolher o texto move as duas pontas para dentro: quando a passada
   anterior tirou uma linha do subtítulo, a altura caiu de 115,20 para 96,22 no
   quadrado de 520 e de 102,95 para 86,83 no de 345, e a BASE SUBIU metade
   disso. O 76% era exatamente o `top` que devolvia aquela base — média de
   75,825% (520) e 76,336% (345) —, um número que RESPONDIA à altura da peça.
   O 75% NÃO RESPONDE A NADA DISSO, e a proximidade com o 76% é coincidência
   visual, não parentesco: é posição pedida, medida depois, sem alvo de base
   para honrar. Consequência prática: mudar o texto da notificação agora NÃO
   invalida a regra. Muda a altura da peça e, com ela, topo e base (o centro
   fica em 75% de qualquer jeito), mas não há conta para refazer.
   A conta do 76% fica registrada acima só para quem quiser voltar a ancorar
   pela base — e quem voltar refaz a média com a altura do dia.

   --------------------------------------------------------------------------
   3) ONDE A PEÇA FICOU — UM PONTO ABAIXO DO 74% DO SISTEMA
   --------------------------------------------------------------------------
   O 12:30 VOLTOU PARA PERTO DA FILA, MAS NÃO PARA DENTRO DELA. O sistema
   ancora as notificações em 74% (é onde o 07:40 do cartão 1 está, medido lado
   a lado nas mesmas janelas), e o 75% do 12:30 é UM PONTO PERCENTUAL ACIMA
   DESSE NÚMERO — o que, em `top`, quer dizer um ponto MAIS BAIXO na foto.
   O NÚMERO MAIOR DESCE A PEÇA, e essa inversão é a armadilha desta nota
   inteira: quem ler "acima" pensando em tela lê ao contrário.
   MEDIDO NO QUADRADO DE 520, com as duas peças na mesma altura de 96,22px: a
   base do 12:30 está em 438,109px contra 432,906px a do 07:40, ou 5,203px mais
   baixa. Em percentual da foto são 84,252% contra 83,251%. As duas notificações
   continuam sem estar na mesma altura, e isso é o pedido, não um efeito
   colateral — mas a diferença encolheu de 4 pontos (na rodada do 70%) para 1.
   O TOPO DA PEÇA, que é o critério objetivo para "cobrir o celular e a mão do
   rapaz", desceu 5 pontos percentuais em relação à rodada anterior e está
   medido em todas as janelas livres (item 6): 65,748% no 520, 63,266% no 410,
   62,416% no 345 e 62,132% no 355. Com o 70% eram 60,748 / 58,266 / 57,416 /
   57,132. Em pixels a peça recuou 26,00px no quadrado de 520, 20,50px no de
   410, 17,25px no de 345 e 17,75px no de 355 — o `top` computado saiu de 364,
   287, 241,5 e 248,5px para 390, 307,5, 258,75 e 266,25px. A foto do rapaz
   respira de novo, e o dono viu.

   --------------------------------------------------------------------------
   4) A FOLGA DE BAIXO VOLTOU PARA A CONVERSA — SEM ENCOSTAR NO PISO
   --------------------------------------------------------------------------
   A NOTA DA RODADA DO 70% DIZIA QUE A FOLGA TINHA SAÍDO DA CONVERSA. Descer
   5 pontos a trouxe de volta, e ela precisa ser olhada de novo — mas nenhuma
   janela encosta em nada.
   O PISO HISTÓRICO DA CASA É 30px DE FOLGA. A 375x812 a folga passou de
   60,09px (70%) para 42,84px: sobram 12,84px, ou 3,721 pontos percentuais de
   descida antes de encostar. Com o 70% eram 8,722 pontos, medidos hoje na
   folha anterior; para o 76% a nota daquela rodada registrava 2,72 pontos, que
   é história herdada e não foi relida no navegador hoje. O 75% fica entre as
   duas, e com margem.
   A JANELA MAIS APERTADA EM PIXELS CONTINUA SENDO A 375x812 (42,84px contra
   43,07px da 1280x545), MAS EM PONTOS PERCENTUAIS A ORDEM SE INVERTE: a
   1280x545 tem 3,682 pontos de sobra contra os 3,721 da 375x812, porque o
   quadrado dela é maior (355 contra 345) e cada ponto percentual custa mais
   pixel. QUEM FOR DESCER DE NOVO MEDE NAS DUAS: o limite em % está na 1280x545
   e o limite em px está na 375x812, e não é a mesma janela.
   O QUE LIMITA EM CIMA continua sem número de sistema: é o desenho da foto
   (item 3). Quem quiser subir mede o topo em % e mostra ao dono.

   --------------------------------------------------------------------------
   5) POR QUE AS DUAS TRAVAS ESTÃO COPIADAS AQUI DE NOVO — E O DEGRAU CRESCEU
   --------------------------------------------------------------------------
   MESMO MECANISMO DAS RODADAS ANTERIORES, e é o motivo de este bloco ter três
   regras em vez de uma: `.dia-cartao[data-ato="3"] .dia-noti` pesa (0,3,0) e as
   travas do sistema (`.dia-noti{top:68%}` e `.dia-noti{top:50%}`, dentro das
   @media da linha ~1291) pesam (0,1,0). Sem re-assertar, a âncora nova venceria
   as travas POR PESO em qualquer janela, e a peça iria para 75% justamente onde
   o quadrado é pequeno demais para isso — que é o caso que as travas existem
   para evitar.
   AS CONDIÇÕES DAS @media ABAIXO SÃO CÓPIA LITERAL das do sistema, caractere
   por caractere. Isso é deliberado e é frágil: são o TERCEIRO e o QUARTO lugar
   do arquivo onde esses mesmos limiares aparecem escritos (os outros dois são a
   .dia-noti do sistema e o bloco zap3-, que continua na folha sem consumidor).
   SE ALGUÉM RECALIBRAR OS LIMIARES, RECALIBRA NOS QUATRO.
   O DEGRAU CONTRA A TRAVA DE 68% VOLTOU A CRESCER, e essa é a fatura da
   descida: 75% está SETE PONTOS PERCENTUAIS ACIMA dos 68% da trava, contra os
   2 pontos da rodada anterior. Medido no limiar de cima (`min-width:961px` com
   `max-height:544px`), atravessando 1280x545 → 1280x544, o `top` computado da
   peça salta de 266,250px para 240,719px: 25,531px. Com o 70% o mesmo salto
   era de 7,781px, medido hoje na folha anterior — o degrau CRESCEU 17,750px
   nesta passada. (Para a época do 76% a nota daquela rodada registrava 29,078px;
   esse número é história herdada, não foi relido no navegador hoje.) QUEM
   REDIMENSIONAR A JANELA DEVAGAR EM CIMA DESSE LIMIAR VÊ A PEÇA PULAR de novo,
   e isso é consequência conhecida do número pedido, não defeito. (O quadrado
   também encolhe de 355 para 354 nessa travessia — a diferença de 1px do lado
   está dentro dos dois números.)
   CONFERIDO NO NAVEGADOR que as travas mandam: a 1280x544, 320x568, 1280x460,
   375x510, 1280x400 e 700x450 o `top` computado da noti do 12:30 é IDÊNTICO ao
   da noti do 07:40 — 240,719px, 200,188px, 135px, 124px, 120px e 105px
   respectivamente, o mesmo valor nos dois cartões. A âncora nova não vaza.

   --------------------------------------------------------------------------
   6) AS MEDIÇÕES DO CARTÃO 3, DEZ JANELAS, ANTES E DEPOIS
   --------------------------------------------------------------------------
   lado = largura da .dia-foto, que é quadrada. Percentuais medidos dentro dela.
   "antes" é a folha com top:70%; "depois" é esta, com top:75%.
     janela      lado    centro     topo %            base %             folga px
     1280x800    520     70 → 75    60,748 → 65,748   79,252 → 84,252    107,89 → 81,89
     1280x600    410     70 → 75    58,266 → 63,266   81,734 → 86,734    74,89 → 54,39
     375x812     345     70 → 75    57,416 → 62,416   82,584 → 87,584    60,09 → 42,84
     1280x545    355     70 → 75    57,132 → 62,132   82,868 → 87,868    60,82 → 43,07
     1280x544    354     68 → 68    55,096 → 55,096   80,904 → 80,904    67,60 → 67,60  (trava)
     320x568     294,4   68 → 68    53,252 → 53,252   82,746 → 82,746    50,80 → 50,80  (trava)
     1280x460    270     50 → 50    25,896 → 25,896   74,104 → 74,104    69,92 → 69,92  (trava)
     375x510     248     50 → 50    25,093 → 25,093   74,907 → 74,907    62,23 → 62,23  (trava)
     1280x400    240     50 → 50    22,882 → 22,882   77,118 → 77,118    54,92 → 54,92  (trava)
     700x450     210     50 → 50    15,067 → 15,067   84,933 → 84,933    31,64 → 31,64  (trava)
   A 1280x540 SAIU DA TABELA PORQUE NÃO FOI REMEDIDA NESTA PASSADA. Ela cai na
   mesma condição de @media da 1280x544 (`min-width:961px` com `max-height:544px`),
   então está travada em 68% pelo mesmo caminho — mas quem quiser o número na
   mão remede, porque aqui não entra número que não foi lido no navegador hoje.
   A 1280x545 FICOU porque é o último pixel de altura em que a âncora ainda
   manda numa janela larga, e é com ela que o degrau do item 5 é medido.
   A ALTURA DA PEÇA NÃO MUDOU EM NENHUMA DAS DEZ, e isso não é suposição, é
   medição: 96,22px no 520 e no 410, 86,83 no 345 e no 294,4, 91,36 no 355 e no
   354, 130,16 no 270 e no 240, 123,54 no 248, 146,72 no 210 — os mesmos valores
   antes e depois. Mover o `top` de um elemento centrado não reflui nada, e a
   lista prova isso janela por janela. O único movimento é o dos 5 pontos de
   âncora, e ele só acontece nas QUATRO janelas sem trava.

   --------------------------------------------------------------------------
   7) OS CONTROLES
   --------------------------------------------------------------------------
   NOTIFICAÇÃO DO 07:40 (cartão 1) — altura, topo, centro, base e folga
   IDÊNTICOS ao milésimo nas dez janelas, antes e depois. Ela continua no 74%
   do sistema onde as travas não mandam (medido: 73,999% no 520, 74,000% no
   410, 73,999% no 345 e no 355), e a descida do 12:30 não a tocou.
   NOTIFICAÇÃO DO 22:00 (cartão 5) — idêntica nas dez; ela nunca teve selo e
   tem âncora própria (top:21%, logo acima), que este bloco não toca. Medida em
   20,999% no 520, 20,998% no 410, 20,999% no 345 e no 355.
   CARTÕES 2 E 4 — não têm .dia-noti.
   index.html — ESTA PASSADA NÃO ESCREVEU UM CARACTERE NELE. Ela é CSS puro: um
   valor numa regra, e esse valor é a única coisa fora desta nota que mudou na
   folha. MESMO ASSIM O md5 DO index.html MUDOU NO MEIO DA PASSADA
   (9c6423dbdf467794235905cfc0a2dfcf → 1edc6c5ba30b13ea820cb03d6710b845), e a
   mudança é de OUTRA FRENTE trabalhando em paralelo no mesmo diretório: o
   header .dia-topo virou .dia-intro, ganhou peças novas e uma folha própria,
   a dia-intro.css, ligada no <head>. ISSO FICA REGISTRADO PORQUE O CONTROLE DE
   md5 DESTA CASA DEIXA DE VALER SOZINHO QUANDO DUAS FRENTES DIVIDEM O DIA.
   CONFERIDO QUE AQUILO NÃO TOCA A GEOMETRIA DESTES CARTÕES: a coluna "antes"
   do item 6 foi lida DUAS vezes, uma em cada versão do index.html, e voltou
   IGUAL AO MILÉSIMO nas janelas medidas — lado, altura, centro, topo, base e
   folga dos cartões 1, 3 e 5. O header novo fica acima da fita e não reflui
   nada aqui embaixo.
   CONSOLE sem erro nas dez janelas.

   --------------------------------------------------------------------------
   8) A REGRA .dia-noti-badge FICOU ÓRFÃ — E FICA NA FOLHA
   --------------------------------------------------------------------------
   Com o selo do 07:40 fora, NÃO EXISTE MAIS UM ÚNICO .dia-noti-badge no
   index.html nem em nenhuma outra página do site. As regras que o desenham
   continuam aqui sem consumidor nenhum, e isso é o padrão da casa, o mesmo que
   valeu para os 65 blocos zap3- na OITAVA rodada: o CSS de uma peça que saiu
   fica na folha, e a nota registra que virou história.
   QUEM DEVOLVER O SELO a qualquer notificação devolve o <span> no HTML e não
   precisa escrever CSS nenhum — mas remede a altura da peça e a posição dela
   antes de confiar nos números do item 6, porque foi com o selo fora que eles
   foram tirados.

   --------------------------------------------------------------------------
   9) QUEM MEXER DEPOIS
   --------------------------------------------------------------------------
   O 75% É UMA POSIÇÃO PEDIDA, não uma consequência (item 2). Mudar o texto da
   notificação do 12:30 muda a altura da peça e, com ela, topo e base — mas não
   quebra nenhuma conta, porque não há conta. Remedir e registrar basta.
   QUEM QUISER DESCER MAIS tem 3,682 pontos percentuais até o piso de 30px, e o
   limite está na 1280x545, não na 375x812 (item 4). Passou disso, a peça
   encosta embaixo antes de qualquer outra coisa reclamar.
   QUEM QUISER SUBIR não tem número de sistema para consultar: o limite é o
   desenho da foto. Mede o topo em % nas quatro janelas livres e leva ao dono.
   QUEM MEXER NOS LIMIARES DAS TRAVAS mexe em QUATRO lugares (item 5), e note
   que com a âncora a 7 pontos da trava de 68% o degrau está em 25,531px —
   descer a âncora de novo faz esse degrau crescer, subir até 68% o zera e
   abaixo de 68% o inverte.
   QUEM TROCAR "Martin: " DE VOLTA POR "Martin - " não muda nada de geometria —
   está medido — mas troca nas DUAS notificações, ou o 07:40 e o 12:30 param de
   falar do mesmo jeito, que era o ponto do pedido.
   ============================================================================ */
.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%}
}

/* Desktop: foto à esquerda, trilho central e cartões de texto à direita,
   mantendo as medidas do palco e as margens externas do header. */
@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:0}
  .dia-trilho{order:0}
  .dia-textos{grid-area:1/3}
  .dia-texto-card{align-self:flex-end}
}

/* ===== O RESPIRO DA EMENDA dia → intg (09/09/2026, direção corrigida) =====
   A rodada anterior leu a emenda ao contrário e abriu um vão PRETO por
   margin-top (56px no celular, 80px no desktop). O dono corrigiu: o respiro é
   BRANCO. A seção clara abre primeiro e o card #f5f5f7 flutua dentro dela, com
   branco aparecendo acima. Então aquele margin-top saiu daqui, e a emenda
   dia → intg volta a ser colada — preto terminando, branco começando, como a
   dia → mostra original era.
   Vira padding, e com um imposto: a .intg-grade é puxada 32px para cima
   (top:-32px), então o padding-top tem de pagar esses 32 além do branco que se
   quer ver. 88 = 56 + 32 no celular; 112 = 80 + 32 no desktop. Os 56 e os 80
   visíveis são os mesmos números com que a .mostra-section abria o branco
   neste posto (padding 56px 0 96px / 80px 0 112px).
   Só o topo: o padding-bottom de 72px — e o override de 35px abaixo de 600px —
   fica como está, porque é ele quem dá o respiro DEPOIS do card, e desse
   ninguém reclamou.
   O corte é 960/961, o breakpoint da própria vizinha de cima (a .dia-section e
   o dia-mobile.css usam esse), e não os 600px do override de padding-bottom da
   intg: quem manda no respiro da emenda é a seção que faz a emenda. */
@media (max-width:960px){
.intg-section{padding-top:88px}
}
@media (min-width:961px){
.intg-section{padding-top:112px}
}

/* ===== Comunicacao (09/09/2026): headlines mais curtas no mobile.
   Tres headlines do index ganharam versao propria para telas estreitas:
   a da equipe corta a primeira frase ("Pare de tentar organizar tudo
   sozinho."), a da promessa corta a segunda ("Mande uma mensagem ou
   audio e deixe tudo organizado.") e a do painel troca a frase inteira
   por "Crie paineis personalizados para ver apenas o que importa para
   voce.". No desktop nada muda: os spans .hl-so-desktop ficam visiveis
   e o .hl-so-mobile escondido pela regra base.
   O corte e 600px porque e o degrau do bloco das headlines padronizadas
   (1.4rem/1.25), o "mobile" da casa para tipografia de secao; de 601 a
   960 (tablet) o texto continua o do desktop. Medido a 375px antes da
   mudanca: promise 168px de caixa (6 linhas), team 112px (4), gd 140px
   (5) — os textos curtos derrubam isso sem tocar no tipo. */
.hl-so-mobile{display:none}
@media (max-width:600px){.hl-so-desktop{display:none}.hl-so-mobile{display:inline}}