/* =========================================================================
   FlowGO — componentes visuais compartilhados e estilos da home

   Carregado após theme.css. Novos componentes reutilizáveis usam `fg-`;
   `fh-` permanece reservado à home até a consolidação gradual do markup.
   ========================================================================= */

:root{--fg-green:#0ba45a;--fg-green-dark:#067a42}

/* ===== hero lime ===== */
.fg-lhero{position:relative;overflow:hidden;padding:132px 0 104px;background:linear-gradient(135deg,#0bd94f 0%,var(--fg-accent) 46%,#54ff8d 100%);color:var(--fg-ink)}
.fg-lhero:after{content:"flow";position:absolute;right:-18px;bottom:-74px;font-family:var(--fg-font-display);font-size:clamp(150px,20vw,280px);font-weight:800;letter-spacing:-.08em;color:rgba(4,20,10,.055);line-height:1;pointer-events:none}
.fg-lhero-glow{position:absolute;width:620px;height:620px;border-radius:50%;right:-190px;top:-320px;background:radial-gradient(circle,rgba(255,255,255,.62),rgba(255,255,255,.12) 45%,transparent 68%);pointer-events:none}
.fg-lhero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(320px,.86fr);gap:68px;align-items:center}
.fg-lhero-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;border:1px solid rgba(4,20,10,.2);background:rgba(255,255,255,.28);color:#063b1a;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.fg-lhero-badge b{width:6px;height:6px;border-radius:50%;background:#063b1a;box-shadow:0 0 0 3px rgba(4,20,10,.14)}
.fg-lhero h1{font-size:clamp(38px,4.9vw,58px);line-height:1.04;letter-spacing:-.045em;color:#071b0e;margin:22px 0 20px}
.fg-lhero h1 span{color:#075629}
.fg-lhero-copy{font-size:18px;line-height:1.7;color:rgba(4,20,10,.78);max-width:640px}
.fg-lhero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.fg-abtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 26px;border-radius:10px;border:2px solid transparent;font-family:var(--fg-font-display);font-weight:700;font-size:15px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.fg-abtn:hover{transform:translateY(-2px)}
.fg-abtn--ink{background:#071b0e;color:#fff;box-shadow:0 12px 34px rgba(4,20,10,.22)}
.fg-abtn--ink:hover{box-shadow:0 16px 38px rgba(4,20,10,.3)}
.fg-abtn--royal,.fg-lhero-actions .fg-abtn--ink{background:#1d4ed8;color:#fff;box-shadow:0 12px 28px rgba(29,78,216,.38)}
.fg-abtn--royal:hover,.fg-lhero-actions .fg-abtn--ink:hover{background:#1e40af;color:#fff;box-shadow:0 16px 34px rgba(29,78,216,.48)}
.fg-abtn--ghost{border-color:rgba(4,20,10,.36);color:#071b0e;background:rgba(255,255,255,.14)}
.fg-abtn--white{background:#fff;color:var(--fg-ink)}
.fg-abtn--dark{background:var(--fg-ink);color:#fff}
.fg-lhero-notes{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:12px;color:rgba(4,20,10,.68)}
.fg-lhero-notes span{display:flex;align-items:center;gap:6px}.fg-lhero-notes i{font-size:16px;color:#075629}
/* ===== painel ilustrativo dentro de mockup de smartphone ===== */
.fh-panel-wrap{position:relative;display:flex;justify-content:center;padding:8px 20px 20px}
.fh-panel{position:relative;isolation:isolate;width:min(100%,350px);padding:9px;border:1px solid rgba(255,255,255,.2);border-radius:54px;background:linear-gradient(145deg,#303633,#080b09 42%,#242a27);box-shadow:0 38px 80px rgba(4,20,10,.34),inset 0 0 0 1px rgba(255,255,255,.14)}
.fh-panel-screen{position:relative;z-index:1;overflow:hidden;min-height:600px;padding:68px 14px 30px;border-radius:46px;background:linear-gradient(180deg,#f8fbf9,#fff);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.fh-phone-island{position:absolute;z-index:4;top:19px;left:50%;width:104px;height:30px;transform:translateX(-50%);border-radius:99px;background:#020403;box-shadow:inset 0 -1px 1px rgba(255,255,255,.12)}
.fh-phone-island:before{content:"";position:absolute;right:11px;top:9px;width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#314f5c,#07121a 55%,#000);box-shadow:0 0 0 2px #0d100f}
.fh-phone-button{position:absolute;z-index:0;width:4px;border-radius:3px 0 0 3px;background:#151a17;box-shadow:inset 1px 0 rgba(255,255,255,.13)}
.fh-phone-button--action{left:-4px;top:105px;height:28px}
.fh-phone-button--volume{left:-4px;top:153px;height:66px}
.fh-phone-button--power{right:-4px;top:158px;height:88px;border-radius:0 3px 3px 0}
.fh-phone-home{position:absolute;z-index:4;left:50%;bottom:16px;width:112px;height:4px;transform:translateX(-50%);border-radius:99px;background:#131815;opacity:.78}
.fh-panel-kicker{position:absolute;z-index:3;right:14px;top:43px;display:flex;align-items:center;gap:5px;padding:6px 9px;border-radius:99px;background:var(--fg-accent);color:#04140a;font-size:8px;font-weight:900;letter-spacing:.02em;box-shadow:0 7px 18px rgba(4,20,10,.15)}
.fh-panel-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #e9edf2}
.fh-panel-head strong{max-width:190px;font-size:12px;line-height:1.3;color:var(--fg-ink)}
.fh-panel-head span{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-green-dark);background:#dcfce7;border-radius:99px;padding:5px 8px}
.fh-panel-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px;margin-top:9px;border:1px solid #e9edf2;border-radius:13px;background:#fff}
.fh-panel-row i{width:34px;height:34px;border-radius:10px;background:#f0f2f6;color:#697386;display:grid;place-items:center;font-size:17px}
.fh-panel-row.on i{background:var(--fg-ink);color:var(--fg-accent)}
.fh-panel-row strong{display:block;font-size:10.5px;line-height:1.3;color:var(--fg-ink)}
.fh-panel-row small{display:block;font-size:8.5px;line-height:1.35;color:#929bad;margin-top:2px}
.fh-panel-row em{font-style:normal;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-green-dark);background:#e7f8e9;border-radius:99px;padding:4px 6px}
.fh-panel-row.wait em{color:#8a6d1f;background:#fef7dd}
.fh-panel-link{height:10px;margin-left:27px;border-left:2px dashed #cfd6e0}
.fh-panel-foot{display:flex;align-items:center;gap:6px;margin-top:14px;padding-top:12px;border-top:1px solid #e9edf2;font-size:8.5px;color:#929bad}
.fh-panel-foot i{color:var(--fg-green);font-size:15px}
.fh-panel-seal{margin-left:auto;font-size:7.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#a3abb8}
.fh-float{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.22);animation:fhFloat 4.6s ease-in-out infinite}
.fh-float i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;font-size:16px}
.fh-float strong{display:block;font-size:11px;color:var(--fg-ink)}
.fh-float small{display:block;font-size:9px;color:#929bad}
.fh-float-a{left:-62px;bottom:118px;animation-delay:.4s}.fh-float-a i{background:#e7f8e9;color:var(--fg-green)}
.fh-float-b{right:-34px;bottom:-26px;animation-delay:1.6s}.fh-float-b i{background:#eef2ff;color:#4f6ef7}
@keyframes fhFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
/* ===== estrutura de seções ===== */
.fg-sec{position:relative;padding:96px 0}
.fg-sec.soft{background:#f5f8f6}
.fg-sec.dark{overflow:hidden;background:linear-gradient(145deg,#0f1316,var(--fg-ink));color:#fff}
.fg-sec.dark:after{content:"";position:absolute;width:420px;height:420px;right:-210px;top:-160px;border:1px solid rgba(14,250,92,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(14,250,92,.025),0 0 0 140px rgba(14,250,92,.018)}
.fg-sec-head{max-width:800px;margin:0 auto 48px;text-align:center;position:relative;z-index:1}
.fg-sec-head h2{font-size:clamp(31px,3.8vw,44px);line-height:1.12;letter-spacing:-.035em;color:var(--fg-ink);margin:13px 0 14px}
.fg-sec-head p{font-size:16px;line-height:1.75;color:var(--fg-text-muted)}
.fg-sec.dark .fg-sec-head h2{color:#fff}.fg-sec.dark .fg-sec-head p{color:var(--fg-text-on-dark-muted)}
.fg-kicker{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;background:#e7f8e9;color:var(--fg-green-dark);font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.fg-sec.dark .fg-kicker{background:rgba(14,250,92,.1);color:var(--fg-accent)}
/* problemas */
.fg-problems{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fg-problem{padding:26px;background:#fff;border:1px solid var(--fg-line);border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.045)}
.fg-problem i{width:44px;height:44px;border-radius:12px;background:#fee2e2;color:#dc2626;display:grid;place-items:center;font-size:21px}
.fg-problem h3{font-size:16px;color:var(--fg-ink);margin:15px 0 7px}
.fg-problem p{font-size:13.5px;line-height:1.65;color:var(--fg-text-muted)}
/* passos */
.fg-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.fg-stepcard{position:relative;overflow:hidden;padding:18px 22px 24px;background:#fff;border:1px solid var(--fg-line);border-radius:20px;box-shadow:0 10px 34px rgba(15,23,42,.045);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.fg-stepcard:hover{transform:translateY(-4px);border-color:#a7f3c2;box-shadow:0 18px 42px rgba(15,23,42,.09)}
.fg-stepcard-visual{position:relative;height:176px;margin-bottom:22px;display:grid;place-items:center;overflow:hidden;border:1px solid #dce9e1;border-radius:15px;background:linear-gradient(145deg,#f0faf3,#f8fcf9)}
.fg-stepcard:nth-child(2) .fg-stepcard-visual{background:linear-gradient(145deg,#e5ffed,#f4fff7);border-color:#c8efd4}
.fg-stepcard-visual:after{content:"";position:absolute;width:90px;height:90px;right:-30px;bottom:-35px;border-radius:50%;background:rgba(14,250,92,.08)}
.fg-stepcard-visual svg{position:relative;z-index:1;display:block;width:100%;height:100%}
.fg-stepcard-visual .fg-svg-float{animation:fhStepFloat 3.8s ease-in-out infinite;transform-origin:center}
.fg-stepcard-visual .fg-svg-pulse{animation:fhStepPulse 2.4s ease-in-out infinite;transform-origin:center}
.fg-stepcard-num{position:absolute;z-index:2;left:12px;top:12px;width:34px;height:34px;border-radius:10px;background:var(--fg-ink);color:var(--fg-accent);display:grid;place-items:center;font-family:var(--fg-font-display);font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(4,20,10,.18)}
.fg-stepcard h3{font-size:17px;color:var(--fg-ink);margin:0 0 8px}
.fg-stepcard p{font-size:14px;line-height:1.7;color:var(--fg-text-muted)}
.fg-stepcard-tag{display:inline-flex;align-items:center;gap:6px;margin-top:15px;padding:6px 10px;border-radius:99px;background:#e7f8e9;color:var(--fg-green-dark);font-size:11px;font-weight:800}
@keyframes fhStepFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes fhStepPulse{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1)}}
/* soluções */
.fg-linkcards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:940px;margin:0 auto}
.fg-linkcard{position:relative;overflow:hidden;display:block;padding:28px 52px 28px 28px;background:#fff;border:1px solid var(--fg-line);border-radius:20px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.fg-linkcard:after{content:"\2197";position:absolute;right:20px;top:24px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#eff4f0;color:var(--fg-green-dark);font-weight:900;transition:background .2s ease,transform .2s ease}
.fg-linkcard:hover{transform:translateY(-4px);border-color:#a7f3c2;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.fg-linkcard:hover:after{background:var(--fg-accent);transform:rotate(8deg)}
.fg-linkcard>i{width:44px;height:44px;border-radius:12px;background:#ecfdf3;color:var(--fg-green);display:grid;place-items:center;font-size:21px}
.fg-linkcard h3{font-size:17px;color:var(--fg-ink);margin:15px 0 7px}
.fg-linkcard p{font-size:13.5px;line-height:1.65;color:var(--fg-text-muted)}
/* benefícios no escuro */
.fg-benefits{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fg-benefit{overflow:hidden;padding:16px 20px 24px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.04);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.fg-benefit:hover{transform:translateY(-4px);border-color:rgba(14,250,92,.32);background:rgba(255,255,255,.06)}
.fg-benefit-visual{position:relative;height:142px;margin-bottom:20px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(14,250,92,.14);border-radius:14px;background:radial-gradient(circle at 50% 45%,rgba(14,250,92,.13),transparent 44%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(14,250,92,.025))}
.fg-benefit-visual:before{content:"";position:absolute;width:108px;height:108px;border:1px dashed rgba(14,250,92,.28);border-radius:50%;animation:fhBenefitSpin 18s linear infinite}
.fg-benefit-visual:after{content:"";position:absolute;width:7px;height:7px;left:calc(50% + 47px);top:32px;border-radius:50%;background:var(--fg-accent);box-shadow:0 0 0 5px rgba(14,250,92,.1),-101px 62px 0 -1px #0ba45a}
.fg-benefit-icon{position:relative;z-index:2;width:66px;height:66px;border-radius:18px;background:#fff;color:#08783c;display:grid;place-items:center;font-size:31px;box-shadow:0 14px 32px rgba(0,0,0,.25)}
.fg-benefit-ui{position:absolute;z-index:1;width:70px;height:22px;border:1px solid rgba(255,255,255,.13);border-radius:7px;background:#1d2522;box-shadow:0 8px 18px rgba(0,0,0,.18)}
.fg-benefit-ui:before,.fg-benefit-ui:after{content:"";position:absolute;left:9px;height:3px;border-radius:3px;background:rgba(255,255,255,.2)}
.fg-benefit-ui:before{top:6px;width:32px}.fg-benefit-ui:after{top:12px;width:48px;background:var(--fg-accent);opacity:.72}
.fg-benefit-ui.a{left:18px;top:23px;transform:rotate(-5deg)}.fg-benefit-ui.b{right:16px;bottom:20px;transform:rotate(5deg)}
.fg-benefit:nth-child(even) .fg-benefit-visual{background:radial-gradient(circle at 50% 45%,rgba(58,255,196,.14),transparent 44%),linear-gradient(145deg,rgba(255,255,255,.055),rgba(14,250,92,.02))}
.fg-benefit:nth-child(3n) .fg-benefit-icon{background:var(--fg-accent);color:#04140a}
.fg-benefit-visual--story{height:166px;padding:5px;background:linear-gradient(145deg,#f0faf3,#fbfffc);border-color:#d5e8dc}
.fg-benefit-visual--story:before,.fg-benefit-visual--story:after{content:none}
.fg-benefit:nth-child(even) .fg-benefit-visual--story{background:linear-gradient(145deg,#eafaf0,#fff)}
.fg-benefit-visual--story svg{display:block;width:100%;height:100%}
.fg-benefit-visual--story .fg-svg-float{animation:fhStepFloat 3.8s ease-in-out infinite;transform-origin:center}
.fg-benefit-visual--story .fg-svg-pulse{animation:fhStepPulse 2.4s ease-in-out infinite;transform-origin:center}
.fg-benefit h3{font-size:16px;color:#fff;margin:0 0 7px}
.fg-benefit p{font-size:13.5px;line-height:1.65;color:var(--fg-text-on-dark-muted)}
@keyframes fhBenefitSpin{to{transform:rotate(360deg)}}
/* integração: fluxo + checks */
.fg-flow-layout{display:grid;grid-template-columns:minmax(390px,.95fr) minmax(0,1.05fr);gap:58px;align-items:center}
.fg-flow{position:relative;padding:24px;border-radius:26px;background:linear-gradient(150deg,#f0faf3,#fff);border:1px solid #dceae2;box-shadow:0 22px 55px rgba(15,23,42,.08)}
.fg-flow:before{content:"";position:absolute;width:250px;height:250px;left:-110px;bottom:-115px;border:48px solid rgba(14,250,92,.05);border-radius:50%}
.fg-flow-row{position:relative;display:grid;grid-template-columns:48px 1fr auto;gap:13px;align-items:center;padding:15px;border:1px solid #e3ebe6;border-radius:15px;background:#fff}
.fg-flow-row>i{width:48px;height:48px;border-radius:13px;background:var(--fg-ink);color:var(--fg-accent);display:grid;place-items:center;font-size:22px}
.fg-flow-row strong{display:block;font-size:13.5px;color:var(--fg-ink)}
.fg-flow-row small{display:block;font-size:11.5px;color:var(--fg-text-muted);margin-top:2px}
.fg-flow-row em{font-style:normal;font-size:9.5px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-green-dark);background:#e7f8e9;border-radius:99px;padding:5px 8px}
.fg-flow-line{display:block;height:20px;margin-left:47px;border-left:2px dashed #c9d8ce}
.fg-flow-copy h2{font-size:clamp(31px,3.8vw,44px);line-height:1.12;letter-spacing:-.035em;color:var(--fg-ink);margin:13px 0 18px}
.fg-flow-copy>p{font-size:16px;line-height:1.78;color:#5c6676;margin-bottom:16px}
.fg-flow-copy>p strong{color:var(--fg-ink)}
.fg-feats{display:grid;gap:10px;margin-top:22px}
.fg-feat{display:grid;grid-template-columns:32px 1fr;gap:11px;align-items:start}
.fg-feat>i{width:32px;height:32px;border-radius:9px;background:#e7f8e9;color:var(--fg-green);display:grid;place-items:center;font-size:17px}
.fg-feat strong{display:block;font-size:13.5px;color:var(--fg-ink)}
.fg-feat small{display:block;font-size:12.5px;line-height:1.6;color:var(--fg-text-muted)}
.fg-sec.dark .fg-flow-copy h2{color:#fff}
.fg-sec.dark .fg-flow-copy>p{color:var(--fg-text-on-dark-muted)}
.fg-sec.dark .fg-flow-copy>p strong{color:#fff}
.fg-sec.dark .fg-feat>span{color:var(--fg-text-on-dark-muted)}
.fg-sec.dark .fg-feat strong{color:#fff}
/* FAQ */
.fg-faq{max-width:820px;margin:0 auto;display:grid;gap:10px}
.fg-faq details{background:#fff;border:1px solid var(--fg-line);border-radius:15px;padding:0 20px}
.fg-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:19px 0;font-family:var(--fg-font-display);font-size:15.5px;font-weight:700;color:var(--fg-ink)}
.fg-faq summary::-webkit-details-marker{display:none}
.fg-faq summary:after{content:"+";font-size:22px;font-weight:700;color:var(--fg-green);line-height:1}
.fg-faq details[open] summary:after{content:"\2212"}
.fg-faq details[open]{border-color:#bfe9cf}
.fg-faq p{margin:0;padding:0 0 20px;font-size:14.5px;line-height:1.75;color:var(--fg-text-muted)}
/* CTA final */
.fg-endcta{position:relative;overflow:hidden;padding:88px 0;background:linear-gradient(120deg,#046b2e,#0ba45a 56%,var(--fg-accent))}
.fg-endcta:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-180px;top:-280px;border:90px solid rgba(255,255,255,.08)}
.fg-endcta-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
.fg-endcta h2{font-size:clamp(30px,3.9vw,42px);line-height:1.1;color:#fff;margin-bottom:12px;letter-spacing:-.035em}
.fg-endcta p{font-size:17px;color:rgba(255,255,255,.9);margin:0}
.fg-endcta-actions{display:flex;gap:12px;flex-wrap:wrap}
/* ===== variações usadas pelas páginas institucionais ===== */
.fg-flow-layout--flip{direction:rtl}
.fg-flow-layout--flip>*{direction:ltr}
.fg-flow-layout+.fg-flow-layout{margin-top:clamp(48px,7vw,86px)}
.fg-flow-copy .fg-kicker{margin-bottom:14px}
.fg-benefit--solo{border-color:#dceae2;background:linear-gradient(150deg,#f0faf3,#fff);box-shadow:0 22px 55px rgba(15,23,42,.08);padding:20px}
.fg-benefit--solo .fg-benefit-visual{height:240px;margin:0;border-color:rgba(11,164,90,.18);background:radial-gradient(circle at 50% 45%,rgba(14,250,92,.16),transparent 46%),linear-gradient(145deg,#eafcf0,#f7fffa)}
.fg-benefit--solo .fg-benefit-ui{background:#12161b}
.fg-benefit--solo:hover{transform:none}
.fg-benefit--photo{padding:0;overflow:hidden;background:#0f172a;border-color:rgba(15,23,42,.12)}
.fg-segment-photo{position:relative;height:clamp(290px,32vw,390px);margin:0;overflow:hidden}
.fg-segment-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 62%,rgba(8,15,25,.22))}
.fg-segment-photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.fg-benefit--photo:hover .fg-segment-photo img{transform:scale(1.025)}
.fg-sec-foot{margin:36px 0 0;text-align:center}
.fg-stepcard--compact{padding:26px 24px}
.fg-stepcard--compact .fg-stepcard-num{position:static;margin-bottom:16px}
.fg-sec-head--left{margin-left:0;text-align:left}
/* cartões de canal (contato) e de plano */
.fg-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fg-channel{display:block;padding:26px;background:#fff;border:1px solid var(--fg-line);border-radius:18px;box-shadow:0 8px 28px rgba(15,23,42,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.fg-channel:hover{transform:translateY(-4px);border-color:#a7f3c2;box-shadow:0 14px 34px rgba(15,23,42,.07)}
.fg-channel>i{width:44px;height:44px;border-radius:12px;background:#ecfdf3;color:var(--fg-green);display:grid;place-items:center;font-size:21px}
.fg-channel h3{font-size:16px;color:var(--fg-ink);margin:15px 0 6px}
.fg-channel p{font-size:13.5px;line-height:1.65;color:var(--fg-text-muted);margin:0}
.fg-channel strong{display:block;margin-top:10px;font-family:var(--fg-font-display);font-size:15px;color:var(--fg-green-dark)}
.fg-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}
.fg-plan{position:relative;display:flex;flex-direction:column;gap:14px;padding:30px 26px;background:#fff;border:1px solid var(--fg-line);border-radius:20px;box-shadow:0 10px 34px rgba(15,23,42,.045)}
.fg-plan--pick{border-color:#a7f3c2;background:linear-gradient(160deg,#f2fff6,#fff);box-shadow:0 18px 44px rgba(11,164,90,.12)}
.fg-plan-badge{align-self:flex-start;padding:6px 10px;border-radius:99px;background:var(--fg-ink);color:var(--fg-accent);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.fg-plan h3{font-size:19px;color:var(--fg-ink);margin:0}
.fg-plan-for{font-size:13.5px;line-height:1.6;color:var(--fg-text-muted);margin:0}
.fg-plan-price{font-family:var(--fg-font-display);font-size:15px;font-weight:800;color:var(--fg-green-dark);margin:0}
.fg-plan-price small{display:block;margin-top:4px;font-family:var(--fg-font-body);font-size:11.5px;font-weight:500;color:var(--fg-text-muted)}
.fg-plan ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.fg-plan li{display:grid;grid-template-columns:20px 1fr;gap:9px;font-size:13.5px;line-height:1.6;color:var(--fg-text-muted)}
.fg-plan li i{color:var(--fg-green);font-size:17px;margin-top:1px}
.fg-plan .fg-abtn{margin-top:auto;width:100%}
.fg-note{max-width:820px;margin:28px auto 0;display:grid;grid-template-columns:26px 1fr;gap:12px;padding:18px 20px;border-left:3px solid var(--fg-accent);border-radius:0 12px 12px 0;background:#f4fbea;font-size:13.5px;line-height:1.7;color:#4f5b56}
.fg-note i{color:var(--fg-green);font-size:20px}
.fg-note strong{color:var(--fg-ink)}
.fg-table-wrap{max-width:920px;margin:0 auto;overflow-x:auto}
.fg-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--fg-line);border-radius:16px;overflow:hidden;font-size:14px}
.fg-table th,.fg-table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--fg-line)}
.fg-table th{font-family:var(--fg-font-display);font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-text-muted);background:#f7faf8}
.fg-table td{color:var(--fg-text-muted)}
.fg-table td:first-child{color:var(--fg-ink);font-weight:600}
.fg-table tr:last-child td{border-bottom:0}
.fg-table i{color:var(--fg-green);font-size:18px}
@media(max-width:960px){.fg-channels,.fg-plans{grid-template-columns:1fr}.fg-flow-layout--flip{direction:ltr}}
/* ===== blog ===== */
.fg-lhero--compact{padding:120px 0 64px}
.fg-lhero-grid--single{grid-template-columns:1fr;max-width:820px}
.fg-sec--tight{padding-top:52px}
.fg-blog-search{display:flex;gap:10px;margin-top:26px;max-width:520px}
.fg-blog-search input{flex:1;font:inherit;font-size:15px;padding:13px 16px;border:1px solid rgba(4,20,10,.22);border-radius:99px;background:rgba(255,255,255,.9);color:#071b0e}
.fg-blog-search input:focus{outline:none;border-color:#071b0e;box-shadow:0 0 0 3px rgba(4,20,10,.12)}
.fg-blog-filters{position:relative;z-index:2;background:#fff;border-bottom:1px solid var(--fg-line)}
.fg-blog-filters .fg-wrap{display:flex;gap:9px;overflow-x:auto;padding-block:16px;scrollbar-width:none}
.fg-blog-filters .fg-wrap::-webkit-scrollbar{display:none}
.fg-chip{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--fg-line);border-radius:99px;background:#fff;color:var(--fg-text-muted);font-size:13px;font-weight:600;white-space:nowrap;transition:border-color .18s,color .18s,background .18s}
.fg-chip:hover{border-color:#a7f3c2;color:var(--fg-green-dark)}
.fg-chip.is-active{background:var(--fg-ink);border-color:var(--fg-ink);color:#fff}
.fg-chip span{font-size:11px;opacity:.65}
.fg-blog-result{margin-bottom:26px;font-size:14px;color:var(--fg-text-muted)}
.fg-blog-result a{color:var(--fg-green-dark);font-weight:700}
.fg-postgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.fg-post{display:flex;flex-direction:column;background:#fff;border:1px solid var(--fg-line);border-radius:20px;overflow:hidden;box-shadow:0 10px 34px rgba(15,23,42,.045);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.fg-post:hover{transform:translateY(-4px);border-color:#a7f3c2;box-shadow:0 18px 42px rgba(15,23,42,.09)}
.fg-post__thumb{display:block;aspect-ratio:600/315;background:linear-gradient(145deg,#eafcf0,#f7fffa);overflow:hidden}
.fg-post__thumb img{width:100%;height:100%;object-fit:cover}
.fg-post__ph{width:100%;height:100%;display:grid;place-items:center;color:var(--fg-green);font-size:34px}
.fg-post__body{display:flex;flex-direction:column;gap:9px;padding:22px 22px 24px}
.fg-post__cat{font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-green-dark)}
.fg-post h2{font-size:18px;line-height:1.3;margin:0}
.fg-post h2 a{color:var(--fg-ink)}
.fg-post h2 a:hover{color:var(--fg-green-dark)}
.fg-post p{margin:0;font-size:13.5px;line-height:1.65;color:var(--fg-text-muted)}
.fg-post__meta{display:flex;gap:14px;margin-top:auto;padding-top:8px;font-size:11.5px;color:#8b948f}
.fg-pager{display:flex;justify-content:center;gap:8px;margin-top:44px}
.fg-pager__item{display:grid;place-items:center;min-width:40px;height:40px;padding:0 12px;border:1px solid var(--fg-line);border-radius:12px;font-weight:700;font-size:14px;color:var(--fg-text-muted)}
.fg-pager__item:hover{border-color:#a7f3c2;color:var(--fg-green-dark)}
.fg-pager__item.is-active{background:var(--fg-ink);border-color:var(--fg-ink);color:#fff}
/* artigo */
.fg-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:12.5px;color:rgba(4,20,10,.62)}
.fg-breadcrumb a{color:rgba(4,20,10,.78);font-weight:600}
.fg-breadcrumb a:hover{color:#071b0e}
.fg-article__cover{margin-top:-46px;position:relative;z-index:2}
.fg-article__cover img{width:100%;height:auto;border-radius:22px;box-shadow:0 26px 60px rgba(15,23,42,.18)}
.fg-article__layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.fg-prose{max-width:74ch;font-size:17px;line-height:1.8;color:#414a46}
.fg-prose h2{font-size:clamp(24px,2.4vw,30px);line-height:1.2;color:var(--fg-ink);margin:40px 0 14px}
.fg-prose h3{font-size:20px;color:var(--fg-ink);margin:30px 0 10px}
.fg-prose p{margin:0 0 18px}
.fg-prose ul,.fg-prose ol{margin:0 0 20px;padding-left:22px;display:grid;gap:9px}
.fg-prose li{line-height:1.75}
.fg-prose a{color:var(--fg-green-dark);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fg-prose img{border-radius:16px;margin:26px 0}
.fg-prose blockquote{margin:26px 0;padding:18px 22px;border-left:3px solid var(--fg-accent);border-radius:0 12px 12px 0;background:#f4fbea;color:#4f5b56}
.fg-prose blockquote p:last-child{margin:0}
.fg-prose table{width:100%;border-collapse:collapse;margin:24px 0;font-size:15px}
.fg-prose th,.fg-prose td{padding:12px 14px;border-bottom:1px solid var(--fg-line);text-align:left}
.fg-prose th{background:#f7faf8;font-family:var(--fg-font-display);font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-text-muted)}
.fg-prose code{padding:2px 6px;border-radius:6px;background:#f1f5f3;font-size:14px}
.fg-article__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:34px}
.fg-article__aside{position:sticky;top:96px;display:grid;gap:18px}
.fg-article__banner{padding:24px;border-radius:18px;background:linear-gradient(150deg,#0b2f1c,var(--fg-ink));color:#fff}
.fg-article__banner strong{display:block;font-family:var(--fg-font-display);font-size:17px;line-height:1.25;margin-bottom:8px}
.fg-article__banner p{font-size:13.5px;line-height:1.6;color:var(--fg-text-on-dark-muted);margin:0 0 16px}
.fg-article__banner .fg-abtn{width:100%;background:var(--fg-accent);color:#04140a;box-shadow:none;padding:12px 18px;font-size:13.5px}
.fg-article__related{padding:22px;border:1px solid var(--fg-line);border-radius:18px;background:#fff}
.fg-article__related strong{display:block;font-family:var(--fg-font-display);font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--fg-text-muted);margin-bottom:12px}
.fg-article__related ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.fg-article__related a{font-size:14.5px;line-height:1.45;font-weight:600;color:var(--fg-ink)}
.fg-article__related a:hover{color:var(--fg-green-dark)}
@media(max-width:960px){
  .fg-postgrid{grid-template-columns:1fr 1fr}
  .fg-article__layout{grid-template-columns:1fr;gap:38px}
  .fg-article__aside{position:static}
}
@media(max-width:680px){
  .fg-postgrid{grid-template-columns:1fr}
  .fg-lhero--compact{padding:100px 0 52px}
  .fg-blog-search{flex-direction:column}
  .fg-article__cover{margin-top:-28px}
  .fg-prose{font-size:16px}
}
/* responsivo */
@media(max-width:960px){
  .fg-lhero-grid,.fg-flow-layout{grid-template-columns:1fr}
  .fh-panel-wrap{max-width:620px;margin:0 auto}
  .fg-problems,.fg-steps,.fg-benefits{grid-template-columns:1fr 1fr}
  .fg-flow{max-width:680px;width:100%;margin:0 auto}
  .fg-endcta-inner{grid-template-columns:1fr}
}
@media(max-width:680px){
  .fg-lhero{padding:104px 0 68px}
  .fg-lhero h1{font-size:36px}
  .fg-sec{padding:66px 0}
  .fg-problems,.fg-steps,.fg-benefits,.fg-linkcards{grid-template-columns:1fr}
  .fh-float{display:none}
  .fh-panel-kicker{right:14px}
  .fg-endcta{padding:62px 0}
  .fg-endcta-actions{width:100%}.fg-endcta-actions .fg-abtn{flex:1}
}
@media(prefers-reduced-motion:reduce){.fh-float,.fg-stepcard-visual .fg-svg-float,.fg-stepcard-visual .fg-svg-pulse,.fg-benefit-visual--story .fg-svg-float,.fg-benefit-visual--story .fg-svg-pulse,.fg-benefit-visual:before{animation:none}.fg-linkcard,.fg-linkcard:after,.fg-abtn,.fg-stepcard,.fg-benefit{transition:none}}

/* ===== ajustes compartilhados de templates ===== */
.fg-contact__layout{align-items:center}
.fg-contact__checks,.fg-contact__whatsapp{margin-top:1.5rem}
.fg-product__hero-image{border-radius:var(--fg-radius-lg)}
.fg-product__section-head{margin-bottom:2.5rem}
.fg-step__image{margin-bottom:.75rem}
.fg-footer__brand{color:#fff}
.fg-footer__cta{margin-top:1rem}
.page-404 .fg-hero__sub{margin-inline:auto}
.page-404 .fg-hero__actions{justify-content:center}

/* ===== Utilitários de Componentes (removendo inline styles) ===== */
.fg-card-white{background:#fff;border:1px solid rgba(0,0,0,.06);padding:2rem;border-radius:1rem}
.fg-card-icon-box{width:48px;height:48px;border-radius:12px;background:rgba(14,250,92,.15);color:#0e8838;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1rem}
.fg-card-icon-box--danger{background:rgba(239,68,68,.1);color:#dc2626}
.fg-card-title{font-size:1.2rem;font-weight:700;color:var(--fg-ink);margin-bottom:.5rem}
.fg-card-desc{font-size:.92rem;color:var(--fg-text-muted);line-height:1.6;margin:0}
.fg-builder-svg-wrap{width:100%;display:flex;align-items:center;justify-content:center;padding:10px 0}
.fg-form-builder-story{height:auto;min-height:250px;padding:12px}
.fg-form-builder-story svg{width:100%;height:auto;filter:saturate(.98)}
.fg-hero-img-wrap{position:relative;width:100%;max-width:540px;border-radius:1.25rem;overflow:hidden;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 50px rgba(0,0,0,.3);background:#0f172a}
.fg-hero-img-wrap img{width:100%;height:auto;display:block;object-fit:cover}
.fg-hero-img-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.85) 0%,transparent 60%)}
.fg-hero-img-badge{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;background:rgba(15,23,42,.88);backdrop-filter:blur(8px);padding:.85rem 1.15rem;border-radius:.75rem;border:1px solid rgba(14,250,92,.3);display:flex;align-items:center;gap:.75rem}
.fg-hero-img-badge-icon{width:36px;height:36px;border-radius:50%;background:rgba(14,250,92,.2);color:var(--fg-accent);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}
.fg-hero-img-badge-text{color:#fff}
.fg-hero-img-badge-text strong{display:block;font-size:.9rem;font-weight:700;line-height:1.2}
.fg-hero-img-badge-text small{color:#94a3b8;font-size:.78rem}
.fg-stat-card{background:#fff;border:1px solid rgba(0,0,0,.06);padding:2rem;border-radius:1rem;text-align:center}
.fg-stat-card__num{font-size:2.5rem;font-weight:800;color:#0e8838;line-height:1.2;display:block;margin-bottom:.25rem}
.fg-stat-card__title{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:var(--fg-ink)}
.fg-stat-card__desc{font-size:.9rem;color:var(--fg-text-muted);margin:0;line-height:1.5}
.fg-erp-card{background:#fff;border:1px solid rgba(0,0,0,.08);padding:2rem;border-radius:1.25rem;display:flex;flex-direction:column;justify-content:space-between}
.fg-erp-card__icon{width:52px;height:52px;border-radius:12px;background:rgba(14,250,92,.15);color:#0e8838;display:flex;align-items:center;justify-content:center;font-size:1.75rem;margin-bottom:1.25rem}
.fg-erp-card__title{font-size:1.3rem;font-weight:700;color:var(--fg-ink);margin-bottom:.75rem}
.fg-erp-card__desc{font-size:.95rem;color:var(--fg-text-muted);line-height:1.6;margin-bottom:1.5rem}
.fg-erp-card__tags{display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid rgba(0,0,0,.06);padding-top:1rem}
.fg-erp-card__tag{font-size:.75rem;font-weight:600;background:#f1f5f9;color:#334155;padding:.25rem .6rem;border-radius:.375rem}
.fg-erp-card__link{display:inline-flex;align-items:center;gap:.4rem;margin-top:1.15rem;color:#087d35;font-size:.88rem;font-weight:800;text-decoration:none}
.fg-erp-card__link:hover{text-decoration:underline;text-underline-offset:3px}
.fg-media-box{width:100%;border-radius:1rem;overflow:hidden;border:1px solid rgba(0,0,0,.08);background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.fg-media-box img{width:100%;height:auto;display:block}
.fg-flow-layout__center-wrap{position:relative;display:flex;align-items:center;justify-content:center}
.fg-btn-technical{background:var(--fg-accent)!important;color:#0b2914!important;margin-top:2rem}
.fg-step-icon-badge{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}
.fg-step-icon-badge__icon{font-size:1.5rem;color:#0e8838}

/* ===== Aplicativo offline — mockups mobile ===== */
.page-aplicativo-offline .fg-lhero-grid{grid-template-columns:minmax(0,1fr) minmax(350px,.78fr)}
.ao-hero-device,.ao-pillar-device{position:relative;display:grid;place-items:center}
.ao-phone{position:relative;width:min(100%,342px);padding:9px;border-radius:55px;background:linear-gradient(145deg,#454b48,#050706 38%,#252a27);box-shadow:0 38px 80px rgba(4,20,10,.34),inset 0 0 0 1px rgba(255,255,255,.2)}
.ao-phone-screen{position:relative;overflow:hidden;min-height:650px;padding:66px 15px 72px;border-radius:47px;background:linear-gradient(180deg,#f8fbf9,#eef4f0);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.ao-phone-island{position:absolute;z-index:3;top:12px;left:50%;width:104px;height:29px;transform:translateX(-50%);border-radius:99px;background:#020403;box-shadow:inset 0 -1px rgba(255,255,255,.14)}
.ao-phone-island:after{content:"";position:absolute;right:11px;top:9px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#365665,#07121a 55%,#000)}
.ao-phone-status{position:absolute;z-index:2;left:24px;right:24px;top:18px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;color:#111815}.ao-phone-status span:last-child{display:flex;gap:4px;font-size:11px}
.ao-phone-button{position:absolute;width:4px;background:#151a17}.ao-phone-button--action{left:-4px;top:106px;height:28px;border-radius:3px 0 0 3px}.ao-phone-button--volume{left:-4px;top:151px;height:68px;border-radius:3px 0 0 3px}.ao-phone-button--power{right:-4px;top:158px;height:88px;border-radius:0 3px 3px 0}
.ao-phone-home{position:absolute;z-index:3;left:50%;bottom:14px;width:108px;height:4px;transform:translateX(-50%);border-radius:99px;background:#111815}
.ao-app-brand{display:flex;align-items:center;gap:8px;padding-bottom:13px;border-bottom:1px solid #dfe7e2}.ao-app-brand>span{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--fg-accent);color:#06150b}.ao-app-brand strong{font-size:13px;color:var(--fg-ink)}.ao-app-brand em{margin-left:auto;padding:5px 7px;border-radius:99px;background:#fff1c7;color:#80610e;font-size:7.5px;font-weight:900;font-style:normal;text-transform:uppercase}
.ao-app-head{padding:19px 4px 8px}.ao-app-head small{font-size:7px;font-weight:900;letter-spacing:.11em;color:#0b9450}.ao-app-head h3{margin:5px 0 0;font-size:14px;line-height:1.25;color:var(--fg-ink)}
.ao-app-cards{display:grid;gap:8px;margin-top:9px}.ao-app-card{display:grid;grid-template-columns:34px minmax(0,1fr) 22px;gap:9px;align-items:center;padding:10px;border:1px solid #dfe7e2;border-radius:13px;background:#fff;box-shadow:0 7px 18px rgba(15,23,42,.04)}.ao-app-card>i{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#e8faee;color:#08783c;font-size:16px}.ao-app-card strong,.ao-app-card small{display:block}.ao-app-card strong{font-size:10px;color:var(--fg-ink)}.ao-app-card small{margin-top:2px;font-size:8px;color:#87928b}.ao-app-card>b{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#dff8e7;color:#07833f;font-size:10px}.ao-app-card.is-pending{border-color:#eadba4}.ao-app-card.is-pending>b{background:#fff1c7;color:#8c6a0d}
.ao-app-safe{display:flex;align-items:center;gap:9px;margin-top:13px;padding:11px;border-radius:13px;background:#0f2117;color:#fff}.ao-app-safe>i{font-size:22px;color:var(--fg-accent)}.ao-app-safe strong,.ao-app-safe small{display:block}.ao-app-safe strong{font-size:9.5px}.ao-app-safe small{font-size:7.5px;color:#a8b7ae;margin-top:2px}
.ao-app-nav{position:absolute;left:15px;right:15px;bottom:29px;display:flex;justify-content:space-around;padding:12px 8px 9px;border-top:1px solid #dfe7e2;background:rgba(248,251,249,.94);color:#98a39c;font-size:17px}.ao-app-nav i:nth-child(2){color:#078b45}
.ao-device-callout{position:absolute;z-index:4;display:flex;align-items:center;gap:9px;padding:11px 13px;border-radius:14px;background:#fff;box-shadow:0 18px 40px rgba(0,0,0,.22);animation:fhFloat 4.6s ease-in-out infinite}.ao-device-callout>i{width:31px;height:31px;display:grid;place-items:center;border-radius:9px}.ao-device-callout strong,.ao-device-callout small{display:block}.ao-device-callout strong{font-size:10.5px;color:var(--fg-ink)}.ao-device-callout small{font-size:8.5px;color:#89938d}.ao-device-callout--offline{left:-30px;top:94px}.ao-device-callout--offline>i{background:#fff1c7;color:#88660e}.ao-device-callout--saved{right:-16px;bottom:82px;animation-delay:1.4s}.ao-device-callout--saved>i{background:#e4f9ea;color:#07833f}
.ao-phone--compact{width:min(100%,294px);border-radius:48px;box-shadow:0 28px 64px rgba(15,23,42,.18),inset 0 0 0 1px rgba(255,255,255,.18)}.ao-phone--compact .ao-phone-screen{min-height:535px;padding:61px 13px 64px;border-radius:40px}.ao-phone--compact .ao-app-card{padding:9px}.ao-phone--compact .ao-app-safe{margin-top:10px}.ao-pillar-device{min-height:570px;padding:18px;border-radius:28px;background:radial-gradient(circle at 50% 38%,rgba(14,250,92,.15),transparent 42%),linear-gradient(145deg,#edf9f1,#fff);border:1px solid #dceae2}.fg-flow-layout--flip .ao-phone--compact{transform:rotate(-1.25deg)}.fg-flow-layout:not(.fg-flow-layout--flip) .ao-phone--compact{transform:rotate(1.25deg)}
.ao-resource-icon{width:100%;height:auto;justify-content:flex-start;background:transparent;margin-bottom:18px}.ao-resource-icon>i{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#e7f8e9}.ao-resource-icon span{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:6px 8px;border:1px solid #d9e9df;border-radius:99px;background:#f7faf8;color:#5d6d63;font-size:8px;font-weight:900;text-transform:uppercase}.ao-resource-icon span i{font-size:13px;color:#078b45}
.ao-benefit-app{height:135px;margin-bottom:20px;padding:11px;border:1px solid rgba(14,250,92,.18);border-radius:15px;background:#f6faf7;color:var(--fg-ink)}.ao-benefit-app__bar{display:flex;align-items:center;gap:6px;padding-bottom:9px;border-bottom:1px solid #dfe7e2}.ao-benefit-app__bar>i{width:18px;height:18px;border-radius:6px;background:var(--fg-accent)}.ao-benefit-app__bar b{font-size:9px}.ao-benefit-app__bar em{margin-left:auto;font-size:7px;font-style:normal;font-weight:900;text-transform:uppercase;color:#80610e}.ao-benefit-app__action{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;gap:8px;align-items:center;margin-top:12px;padding:10px;border-radius:11px;background:#fff;box-shadow:0 6px 16px rgba(15,23,42,.07)}.ao-benefit-app__action>i:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#e6f9ec;color:#078b45}.ao-benefit-app__action>i:last-child{color:#078b45}.ao-benefit-app__action b{font-size:9px;line-height:1.25}.ao-benefit-app__action small{display:block;font-size:6.5px;color:#829087;margin-bottom:2px}
.ao-step-screen{height:150px;margin:-18px -22px 22px;padding:32px 22px 18px;display:flex;align-items:center;gap:13px;background:linear-gradient(145deg,#0d1711,#183525);color:#fff}.ao-step-screen>span{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--fg-accent);color:#06150b;font-size:23px}.ao-step-screen div{min-width:0}.ao-step-screen small,.ao-step-screen strong,.ao-step-screen em{display:block}.ao-step-screen small{font-size:7px;letter-spacing:.09em;color:#8fa398}.ao-step-screen strong{margin:4px 0;font-size:11px}.ao-step-screen em{font-size:8px;font-style:normal;color:var(--fg-accent)}
@media(max-width:960px){.page-aplicativo-offline .fg-lhero-grid{grid-template-columns:1fr}.ao-hero-device{margin-top:28px}.ao-device-callout--offline{left:max(0px,calc(50% - 220px))}.ao-device-callout--saved{right:max(0px,calc(50% - 210px))}.ao-pillar-device{min-height:555px}}
@media(max-width:560px){.ao-phone{width:300px;border-radius:49px}.ao-phone-screen{min-height:590px;border-radius:41px}.ao-device-callout{display:none}.ao-phone--compact{width:270px}.ao-phone--compact .ao-phone-screen{min-height:515px}.ao-pillar-device{min-height:545px;padding:12px}.ao-resource-icon span{font-size:7px}}