Grupo grátis

rder:none;outline:none;box-shadow:none;} /* ── MOBILE ── */ .fn-mobile{display:flex;flex-direction:column;} .fn-desktop{display:none;} .fn-header{padding:20px 22px 0;flex-shrink:0;} .fn-logo{height:50px;object-fit:contain;object-position:left center;} .fn-hero{flex-shrink:0;padding:20px 22px 0px;display:flex;flex-direction:column;align-items:center;text-align:center;} .fn-title{font-size:28px;font-weight:800;color:#111;line-height:1.15;margin-bottom:14px;} .fn-sub{font-size:15px;color:#555;line-height:1.6;max-width:290px;margin-bottom:20px;} .fn-btn{display:flex;align-items:center;justify-content:center;gap:9px;background:#229ed9;color:#fff;text-decoration:none;font-size:15px;font-weight:700;padding:13px 24px;border-radius:12px;-webkit-tap-highlight-color:transparent;transition:opacity .15s;width:100%;max-width:300px;} .fn-btn:active{opacity:.8;} .fn-btn svg{width:18px;height:18px;flex-shrink:0;} .fn-bottom{flex:1;display:flex;min-height:0;overflow:hidden;padding:16px 22px 0 22px;gap:12px;} .fn-checks{flex:1;display:flex;flex-direction:column;justify-content:flex-start;gap:11px;padding:0;} .fn-check{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#222;} .fn-check svg{width:14px;height:14px;flex-shrink:0;} .fn-imgs{width:130px;flex-shrink:0;overflow:hidden; -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 72%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 72%,transparent 100%);} .fn-track{display:flex;flex-direction:column;gap:6px;padding:6px 8px 6px 4px;animation:fn-up 22s linear infinite;will-change:transform;} @keyframes fn-up{0%{transform:translateY(0)}100%{transform:translateY(-50%)}} .fn-track img{width:112px;height:auto;border-radius:8px;} .fn-footer{flex-shrink:0;padding:4px 22px 10px;font-size:9.5px;color:#ccc;line-height:1.6;} .fn-footer a{color:#ccc;text-decoration:none;} /* ── DESKTOP ── */ @media(min-width:700px){ .fn-mobile{display:none!important;} .fn-desktop{display:flex!important;flex-direction:row;} .fn-d-left{flex:1;min-width:0;display:flex;flex-direction:column;padding:44px 20px 36px 60px;overflow:hidden;} .fn-d-logo{height:62px;object-fit:contain;object-position:left center;margin-bottom:22px;flex-shrink:0;} .fn-d-title{font-size:50px;font-weight:800;color:#111;line-height:1.1;margin-bottom:14px;flex-shrink:0;} .fn-d-sub{font-size:17px;color:#555;line-height:1.6;max-width:480px;margin-bottom:26px;flex-shrink:0;} .fn-d-btn{display:inline-flex;align-items:center;gap:10px;background:#229ed9;color:#fff;text-decoration:none;font-size:17px;font-weight:700;padding:15px 30px;border-radius:12px;width:fit-content;margin-bottom:30px;flex-shrink:0;transition:opacity .15s;} .fn-d-btn:active{opacity:.85;} .fn-d-btn svg{width:21px;height:21px;flex-shrink:0;} .fn-d-checks{display:flex;flex-direction:column;gap:13px;flex-shrink:0;} .fn-d-check{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:500;color:#222;} .fn-d-check svg{width:20px;height:20px;flex-shrink:0;} .fn-d-footer{margin-top:auto;padding-top:24px;font-size:11px;color:#bbb;line-height:1.8;flex-shrink:0;} .fn-d-footer a{color:#ccc;text-decoration:none;} .fn-d-right{width:660px;flex-shrink:0;display:flex;gap:2px;overflow:hidden;padding:0 8px 0 8px; -webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 4%,black 96%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0%,black 4%,black 96%,transparent 100%);} .fn-d-col{flex:1;display:flex;flex-direction:column;gap:4px;animation:fn-up 28s linear infinite;will-change:transform;padding-top:12px;} .fn-d-col.fn-offset{padding-top:80px;animation-delay:-14s;} .fn-d-col img{width:100%;height:auto;border-radius:12px;} }