/* Telas espelhadas do app real em 09/10/2026: integrações, landing pages, prospecção. Carrega depois de telas.css. */
.g-ativas{margin-left:auto;margin-right:10px;padding:4px 12px;border-radius:999px;background:#D6F5DC;color:#1C6B30;font-size:12px;font-weight:600}
.g-topo .g-ativas+.g-busca{margin-left:0}
.g-il{display:grid;grid-template-columns:226px minmax(0,1fr);gap:16px;height:100%}
.g-ilcat{display:grid;align-content:start;gap:6px;padding:12px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-ilcat span{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:12px;font-size:12.5px;font-weight:500;color:#2A322B;white-space:nowrap}
.g-ilcat span.on{background:#EEF2EE;font-weight:600}
.g-ilcat i{font-style:normal;padding:2px 8px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #DDE3DD;font-size:11px;font-weight:600;color:#3A433B}
.g-ilcat h6{margin:8px 0 2px 12px;font-size:10.5px;letter-spacing:.12em;color:#7A827A;font-weight:700}
.g-ilmain{min-width:0;display:grid;align-content:start;gap:6px}
.g-ilbusca{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px;margin-bottom:6px}
.g-ilbusca span{padding:11px 14px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px #DDE3DD;font-size:12.5px;color:#8A918A;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-ilbusca .g-selr{color:#2A322B;font-weight:500}
.g-ilmain h5{display:flex;align-items:center;justify-content:space-between;margin:4px 0 0;font-size:17px;font-weight:600;letter-spacing:-.01em}
.g-ilmain h5 i{font-style:normal;padding:2px 10px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px #DDE3DD;font-size:12px}
.g-ilmain>p{margin:0 0 6px;color:#6A726A;font-size:12px}
.g-ig{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.g-ic{display:grid;justify-items:center;align-content:center;gap:8px;height:126px;padding:12px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-ic img{max-height:26px;max-width:110px;width:auto;object-fit:contain}
.g-ic b{font-size:13px;font-weight:600;text-align:center}
.g-ic em{font-style:normal;font-size:11px;padding:0;background:none;color:#7A827A}
.g-ic em.on{color:#1C6B30;font-weight:600;background:none}
.g-kp4{grid-template-columns:repeat(4,minmax(0,1fr))}
.g-h5{margin:18px 0 0;font-size:18px;font-weight:600}
.g-sub{margin:2px 0 12px;font-size:12px;color:#6A726A}
.g-mod{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.g-mo{display:grid;gap:7px;animation:g-up .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * .1s)}
.g-mp{position:relative;height:210px;border-radius:12px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);overflow:hidden}
.g-mp i{position:absolute;left:12px;top:14px;width:38px;height:6px;border-radius:3px}
.g-mp b{position:absolute;left:12px;right:12px;height:46px;border-radius:8px}
.g-mp b:nth-of-type(1){top:44px}
.g-mp b:nth-of-type(2){top:100px}
.g-mp span{position:absolute;left:12px;bottom:16px;width:70px;height:22px;border-radius:999px}
.g-mo small{font-size:12px;color:#3A433B;font-weight:600}
@keyframes g-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* landing pages, construtor e resultado, 12 s por volta */
.g-lpwrap{position:relative;height:100%}
.g-lpb,.g-lpres{position:absolute;inset:0;border-radius:16px}
.g-lpb{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);grid-template-rows:auto 1fr;gap:18px;padding:20px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;animation:g-lpb 12s ease-in-out infinite}
@keyframes g-lpb{0%,50%{opacity:1;transform:none}56%,96%{opacity:0;transform:scale(.985)}100%{opacity:1;transform:none}}
.g-lpc{display:grid;align-content:start;gap:10px}
.g-tag{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#DDF3E0;color:#1C6B30;font-size:11.5px;font-weight:600}
.g-tag svg{width:13px;height:13px}
.g-lpc h4{margin:0;font-size:22px;font-weight:600;letter-spacing:-.02em}
.g-lpc p{margin:0;color:#5A615A;font-size:12.5px;line-height:1.45}
.g-lpt{border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1px #DDE3DD;padding:14px;display:grid;gap:12px;min-height:150px}
.g-typ{position:relative;font-size:13.5px;line-height:1.5;color:#1A211B;min-height:62px}
.g-typ span{display:block;clip-path:inset(0 100% 0 0);animation:g-tipo 12s linear infinite}
@keyframes g-tipo{0%,3%{clip-path:inset(0 100% 0 0)}30%,100%{clip-path:inset(0 0 0 0)}}
.g-lpa{display:flex;align-items:center;gap:10px}
.g-ghost{padding:8px 10px;border-radius:10px;font-size:12px;color:#5A615A}
.g-criar{position:relative;margin-left:auto;display:inline-grid;place-items:center;min-width:132px;padding:10px 16px;border-radius:12px;background:#3E9A47;color:#fff;font-size:13px;font-weight:600;animation:g-press 12s ease-in-out infinite}
.g-criar i{font-style:normal;grid-area:1/1}
.g-cr2{opacity:0;animation:g-cr2 12s ease-in-out infinite}
@keyframes g-press{0%,32%{transform:none;box-shadow:0 0 0 0 rgba(62,154,71,0)}35%{transform:scale(.95);box-shadow:0 0 0 8px rgba(62,154,71,.28)}40%,100%{transform:none;box-shadow:0 0 0 0 rgba(62,154,71,0)}}
@keyframes g-cr2{0%,36%{opacity:0}40%,52%{opacity:1}56%,100%{opacity:0}}
.g-criar i:first-child{animation:g-cr1 12s ease-in-out infinite}
@keyframes g-cr1{0%,36%{opacity:1}40%,52%{opacity:0}56%,100%{opacity:1}}
.g-nichos{display:flex;flex-wrap:wrap;gap:8px}
.g-nichos span{padding:6px 11px;border-radius:999px;background:#EEF2EE;font-size:11.5px;color:#3A433B}
.g-nichos span.on{background:#DDF3E0;color:#1C6B30;font-weight:600}
.g-lpr{display:grid;align-content:start;gap:16px;padding-top:6px}
.g-lps{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start}
.g-lps>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#3E9A47;color:#fff;font-weight:700;font-size:13px}
.g-lps b{display:block;font-size:13.5px}
.g-lps small{display:block;margin-top:2px;color:#5A615A;font-size:12px;line-height:1.4}
.g-lpres{overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;opacity:0;animation:g-lpres 12s ease-in-out infinite;display:grid;grid-template-rows:34px auto auto auto;align-content:start}
@keyframes g-lpres{0%,54%{opacity:0;transform:scale(1.015)}60%,94%{opacity:1;transform:none}98%,100%{opacity:0}}
.g-lpres .g-sh{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#F1F4F1}
.g-lpres .g-sh i{width:9px;height:9px;border-radius:50%;background:#CBD3CB}
.g-lpres .g-sh span{margin-left:10px;padding:3px 12px;border-radius:8px;background:#fff;font-size:11px;color:#5A615A}
.g-lps1{padding:26px 34px;background:linear-gradient(160deg,#EAF4EF,#DCEFE5);display:grid;gap:8px;justify-items:start;animation:g-s1 12s ease-out infinite}
.g-lps1 small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#2E7D6B;font-weight:700}
.g-lps1 b{font-size:30px;line-height:1.1;letter-spacing:-.03em;color:#10261A;max-width:14em}
.g-lps1 p{margin:0;font-size:13px;color:#3A4A40}
.g-wa{margin-top:6px;padding:10px 18px;border-radius:999px;background:#25D366;color:#06240D;font-size:13px;font-weight:700}
.g-lps2{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 34px 0;animation:g-s2 12s ease-out infinite}
.g-lps2 i{height:78px;border-radius:12px;background:#EEF2EE}
.g-lps3{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px 34px;animation:g-s3 12s ease-out infinite}
.g-lps3 div{padding:12px 14px;border-radius:12px;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-lps3 b{display:block;font-size:12.5px;line-height:1.35}
.g-lps3 small{color:#6A726A;font-size:11px}
@keyframes g-s1{0%,56%{opacity:0;transform:translateY(12px)}62%,100%{opacity:1;transform:none}}
@keyframes g-s2{0%,62%{opacity:0;transform:translateY(12px)}68%,100%{opacity:1;transform:none}}
@keyframes g-s3{0%,68%{opacity:0;transform:translateY(12px)}74%,100%{opacity:1;transform:none}}
.g-pub{position:absolute;right:16px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:12px;background:#0F1411;color:#E8FFE6;font-size:12px;font-weight:600;box-shadow:0 14px 30px -12px rgba(0,0,0,.5);opacity:0;animation:g-pubk 12s ease-out infinite}
.g-pub svg{width:14px;height:14px;color:#53FF5D}
@keyframes g-pubk{0%,78%{opacity:0;transform:translateY(10px)}84%,94%{opacity:1;transform:none}98%,100%{opacity:0}}

/* prospecção, filtros e depois a lista, 10 s por volta */
.g-prwrap{position:relative;height:100%}
.g-pf,.g-prl{position:absolute;inset:0;overflow:hidden}
.g-pf{animation:g-pf 10s ease-in-out infinite}
@keyframes g-pf{0%,46%{opacity:1;transform:none}52%,96%{opacity:0;transform:scale(.985)}100%{opacity:1;transform:none}}
.g-ph{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-ph>div{min-width:0}
.g-ph b{display:block;font-size:16px;font-weight:600}
.g-ph small{display:block;color:#6A726A;font-size:11.5px}
.g-pic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#DDF3E0;color:#1C6B30}
.g-pic svg{width:19px;height:19px}
.g-cred{margin-left:auto;padding:7px 12px;border-radius:10px;background:#DDF3E0;color:#1C6B30;font-size:12px;font-weight:600;white-space:nowrap}
.g-pabas{display:flex;gap:22px;padding:10px 6px 0;border-bottom:1px solid #E4E8E4;margin-bottom:10px}
.g-pabas span{padding:6px 2px 10px;font-size:13px;color:#5A615A}
.g-pabas span.on{color:#1C6B30;font-weight:600;box-shadow:0 2px 0 #3E9A47}
.g-pcard{display:grid;gap:7px;padding:16px;border-radius:16px;background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4}
.g-pcard h5{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:16px;font-weight:600}
.g-pcard h5 span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#E6E9FA;color:#4B5BC4}
.g-pcard h5 svg{width:15px;height:15px}
.g-pcard label{font-size:12px;font-weight:600;color:#2A322B}
.g-fld{padding:10px 12px;border-radius:10px;box-shadow:inset 0 0 0 1px #D6DCD6;background:#fff;font-size:13px;color:#1A211B;min-height:38px}
.g-tp{display:block;clip-path:inset(0 100% 0 0);animation:g-tp1 10s linear infinite}
.g-tp2{animation-name:g-tp2}
@keyframes g-tp1{0%,4%{clip-path:inset(0 100% 0 0)}20%,100%{clip-path:inset(0 0 0 0)}}
@keyframes g-tp2{0%,22%{clip-path:inset(0 100% 0 0)}32%,100%{clip-path:inset(0 0 0 0)}}
.g-pgs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g-buscar{justify-self:start;margin-top:4px;padding:10px 20px;border-radius:12px;background:#3E9A47;color:#fff;font-size:13px;font-weight:600;animation:g-bp 10s ease-in-out infinite}
@keyframes g-bp{0%,38%{transform:none;box-shadow:0 0 0 0 rgba(62,154,71,0)}41%{transform:scale(.95);box-shadow:0 0 0 8px rgba(62,154,71,.28)}46%,100%{transform:none;box-shadow:0 0 0 0 rgba(62,154,71,0)}}
.g-prl{opacity:0;animation:g-prl 10s ease-in-out infinite;padding:2px}
@keyframes g-prl{0%,48%{opacity:0;transform:translateY(10px)}54%,96%{opacity:1;transform:none}100%{opacity:0}}
.g-prh{display:flex;align-items:baseline;justify-content:space-between;margin:2px 0 12px}
.g-prh b{font-size:18px;font-weight:600}
.g-prh span{font-size:12px;color:#6A726A}
.g-prl .g-tr{opacity:0}
.g-prl .g-tr:nth-child(1){animation:g-row1 10s ease-out infinite}
.g-prl .g-tr:nth-child(2){animation:g-row2 10s ease-out infinite}
.g-prl .g-tr:nth-child(3){animation:g-row3 10s ease-out infinite}
.g-prl .g-tr:nth-child(4){animation:g-row4 10s ease-out infinite}
.g-prl .g-tr:nth-child(5){animation:g-row5 10s ease-out infinite}
@keyframes g-row1{0%,52%{opacity:0;transform:translateY(8px)}57%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes g-row2{0%,55%{opacity:0;transform:translateY(8px)}60%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes g-row3{0%,58%{opacity:0;transform:translateY(8px)}63%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes g-row4{0%,61%{opacity:0;transform:translateY(8px)}66%,96%{opacity:1;transform:none}100%{opacity:0}}
@keyframes g-row5{0%,64%{opacity:0;transform:translateY(8px)}69%,96%{opacity:1;transform:none}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.g-lpb,.g-lpres,.g-typ span,.g-criar,.g-cr2,.g-criar i,.g-lps1,.g-lps2,.g-lps3,.g-pub,.g-pf,.g-prl,.g-tp,.g-buscar,.g-prl .g-tr,.g-mo{animation:none}.g-typ span,.g-tp{clip-path:none}.g-prl{opacity:0}.g-lpres{opacity:0}}
.g-lpk{grid-column:1/-1;align-self:end;margin:0}
.g-lpk>div{background:#fff;box-shadow:inset 0 0 0 1px #E4E8E4;border-radius:12px;padding:10px 14px}
.g-typ{white-space:nowrap;min-height:24px}
.g-lpt{min-height:120px}

/* fotos de perfil nas telas de exemplo */
.g-foto{overflow:hidden;position:relative}
.g-foto img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}
.av-foto{padding:0;overflow:hidden;background:#E4E9E4}
.av-foto img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}