:root { --brand-yellow:#FFCD00;--brand-yellow-bright:#FFF112;--brand-gold:#D4A017;--brand-gold-light:#F5C842;--brand-navy:#2C4364;--brand-gray-text:#64748B;--brand-success:#10B981; --cp-bg:#0d0f14;--cp-surface:#111318;--cp-card:#1a1d24;--cp-border:#2a2d35;--cp-yellow:#FFF112;--cp-gold:#D4A017;--cp-gold-glow:rgba(212,160,23,0.18); } html,body{max-width:100%;overflow-x:hidden;} body{font-family:"Poppins",sans-serif;background:var(--cp-bg);color:#fff;overflow-x:hidden;} header{position:fixed;top:0;left:0;width:100%;z-index:1000;background:var(--brand-navy);isolation:isolate;} header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,rgba(255,205,0,0) 0%,rgba(212,160,23,.35) 16%,rgba(255,241,18,.95) 50%,rgba(212,160,23,.35) 84%,rgba(255,205,0,0) 100%);box-shadow:0 0 18px rgba(255,241,18,.18);pointer-events:none;} #bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;} section,.hero-cp{position:relative;z-index:1;} .hero-cp{background:var(--cp-bg);min-height:calc(100vh - 64px);margin-top:64px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:none;} .hero-cp::before{display:none;} @keyframes goldLineSweep{from{opacity:.6}to{opacity:1}} .hero-cp::after{content:"";position:absolute;top:-200px;left:-200px;width:700px;height:700px;background:radial-gradient(circle,rgba(212,160,23,.12) 0%,transparent 65%);pointer-events:none;} .hero-cp-glow-right{position:absolute;bottom:-150px;right:-150px;width:600px;height:600px;background:radial-gradient(circle,rgba(255,241,18,.07) 0%,transparent 65%);pointer-events:none;} .hero-cp-inner{max-width:860px;margin:0 auto;padding:5rem 1.5rem;display:grid;grid-template-columns:1fr;gap:0;align-items:center;width:100%;position:relative;z-index:1;} .hero-cp-content{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center;} .hero-cp-h1{font-size:clamp(2.4rem,5.5vw,4.2rem);font-weight:900;line-height:1;letter-spacing:-.03em;text-transform:uppercase;color:#fff;} .hero-cp-h1 .line-gold{display:block;color:var(--cp-gold-light);animation:goldColorShimmer 3s ease-in-out infinite alternate;} @keyframes goldColorShimmer{from{color:var(--cp-gold-light)}to{color:var(--cp-yellow)}} .hero-cp-h1 .line-white{display:block;color:#fff;} .hero-cp-h1 .line-badge-cp{display:inline-block;background:var(--cp-yellow);color:var(--cp-bg);padding:.04em .32em;border-radius:.35rem;line-height:1.15;} .badge-cp{display:inline;background:var(--cp-yellow);color:var(--cp-bg);padding:.05em .35em;border-radius:.3rem;font-weight:800;line-height:1.2;} .hero-cp-rule{display:flex;align-items:center;gap:.75rem;width:100%;max-width:480px;} .hero-cp-rule-line{flex:1;height:2px;background:linear-gradient(90deg,rgba(212,160,23,.8),rgba(212,160,23,.1));} .hero-cp-rule-line.rev{background:linear-gradient(90deg,rgba(212,160,23,.1),rgba(212,160,23,.8));} .hero-cp-rule-symbol{width:32px;height:32px;flex-shrink:0;display:block;} .hero-cp-sub{display:flex;flex-direction:column;gap:.4rem;align-items:center;} .hero-cp-sub-row{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:center;font-size:clamp(1.2rem,3vw,1.75rem);font-weight:800;color:rgba(255,255,255,.9);line-height:1.35;letter-spacing:-.01em;text-transform:uppercase;} .tag-gold{background:linear-gradient(135deg,rgba(212,160,23,.25),rgba(255,241,18,.15));border:1px solid rgba(212,160,23,.5);color:var(--cp-gold-light);padding:.1em .5em;border-radius:.35rem;font-size:1em;font-weight:900;letter-spacing:.02em;white-space:nowrap;} .hero-cp-features{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem;max-width:620px;width:100%;} .hero-cp-features li{display:flex;align-items:center;gap:.65rem;font-size:.88rem;font-weight:600;color:rgba(255,255,255,.75);} .hero-cp-feat-icon{width:1.6rem;height:1.6rem;border-radius:.45rem;background:linear-gradient(135deg,rgba(212,160,23,.2),rgba(255,241,18,.08));border:1px solid rgba(212,160,23,.3);display:flex;align-items:center;justify-content:center;color:var(--cp-gold-light);flex-shrink:0;} .hero-cp-ctas{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;justify-content:center;} .btn-cp-primary{display:inline-flex;align-items:center;gap:.6rem;background:var(--cp-yellow);color:var(--cp-bg);font-family:inherit;font-size:.95rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.95rem 2.2rem;border-radius:.75rem;border:none;cursor:pointer;text-decoration:none;box-shadow:0 4px 24px rgba(255,241,18,.25);transition:transform .18s,box-shadow .18s;animation:ctaPulse 3s ease-in-out infinite;} @keyframes ctaPulse{0%,100%{box-shadow:0 4px 24px rgba(255,241,18,.25)}50%{box-shadow:0 4px 24px rgba(255,241,18,.35)}} .btn-cp-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,241,18,.4);animation:none;} .hero-cp-price-hint{font-size:.75rem;color:rgba(255,255,255,.35);font-weight:500;} .hero-cp-price-hint strong{color:var(--cp-gold-light);font-weight:700;} .header-gold-divider{position:fixed;top:64px;left:0;right:0;height:24px;z-index:999;pointer-events:none;background:linear-gradient(180deg,rgba(7,10,16,.92) 0%,rgba(7,10,16,0) 100%);} .header-gold-divider::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,241,18,0) 0%,rgba(212,160,23,.18) 18%,rgba(255,241,18,.75) 50%,rgba(212,160,23,.18) 82%,rgba(255,241,18,0) 100%);box-shadow:0 0 14px rgba(255,241,18,.18);} .page-gold-divider{position:relative;height:34px;z-index:1;pointer-events:none;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(212,160,23,.02) 50%,rgba(255,255,255,0) 100%);} .page-gold-divider::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(255,241,18,0) 0%,rgba(212,160,23,.10) 18%,rgba(255,241,18,.50) 50%,rgba(212,160,23,.10) 82%,rgba(255,241,18,0) 100%);} .page-gold-divider::after{content:"";position:absolute;left:20%;right:20%;top:50%;height:18px;transform:translateY(-50%);background:radial-gradient(circle,rgba(255,241,18,.07) 0%,rgba(255,241,18,0) 72%);filter:blur(14px);} @keyframes heroFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}} @keyframes heroSlideLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}} @keyframes heroBadgeIn{from{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}} .h-anim-h1{animation:heroSlideLeft .7s cubic-bezier(.22,1,.36,1) .25s both;} .h-anim-rule{animation:heroFadeUp .5s ease .55s both;} .h-anim-sub{animation:heroSlideLeft .65s cubic-bezier(.22,1,.36,1) .65s both;} .h-anim-feats{animation:heroFadeUp .55s ease .95s both;} .h-anim-ctas{animation:heroFadeUp .6s cubic-bezier(.22,1,.36,1) 1.1s both;} /* FOOTER */ .site-footer{background:#0d1825;color:#fff;padding:3.5rem 0 2rem;position:relative;z-index:1;overflow:hidden;} .footer-inner{max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1.75rem;position:relative;z-index:1;} #footer-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;opacity:.7;} .footer-wpp-btn{display:inline-flex;align-items:center;gap:.55rem;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);color:#34d399;font-family:inherit;font-size:.82rem;font-weight:700;letter-spacing:.04em;padding:.55rem 1.25rem;border-radius:.6rem;text-decoration:none;transition:background .2s,border-color .2s,color .2s;cursor:pointer;} .footer-wpp-btn:hover{background:rgba(16,185,129,.22);border-color:rgba(16,185,129,.6);color:#6ee7b7;} .modal-field select{width:100%;padding:.75rem 1rem;border:1.5px solid var(--cp-border);border-radius:.6rem;background:var(--cp-card);color:#fff;font-family:inherit;font-size:.9rem;cursor:pointer;outline:none;transition:border-color .2s;} /* INTRO SECTION */ .intro-section{background:var(--cp-surface);border-top:none;border-bottom:none;position:relative;overflow:hidden;} .intro-section::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:400px;background:radial-gradient(ellipse,rgba(212,160,23,.07) 0%,transparent 65%);pointer-events:none;} .intro-inner{max-width:860px;margin:0 auto;padding:5rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:2rem;position:relative;z-index:1;} .intro-title{font-size:clamp(1.6rem,4vw,2.75rem);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;} .intro-desc{font-size:1rem;color:rgba(255,255,255,.5);line-height:1.75;max-width:620px;} .intro-inherit-card{display:inline-flex;align-items:center;gap:.75rem;background:rgba(0,0,0,.25);border:1px solid rgba(212,160,23,.2);border-radius:999px;padding:.6rem 1.1rem;} .intro-inherit-icon{width:1.5rem;height:1.5rem;border-radius:50%;background:rgba(212,160,23,.12);border:1px solid rgba(212,160,23,.25);display:flex;align-items:center;justify-content:center;color:var(--cp-gold-light);flex-shrink:0;} .intro-inherit-text{font-size:.78rem;color:rgba(255,255,255,.5);font-weight:500;line-height:1.4;} @media(max-width:768px){.intro-inner{padding:3.5rem 1.25rem;}.intro-inherit-card{flex-wrap:nowrap;text-align:left;}} /* SEÇÃO 01 — IA */ .ia-section{background:var(--cp-bg);border-top:none;position:relative;overflow:hidden;} .ia-section::before{content:"";position:absolute;bottom:-120px;right:-120px;width:560px;height:560px;background:radial-gradient(circle,rgba(212,160,23,.1) 0%,transparent 65%);pointer-events:none;} .ia-inner{max-width:900px;margin:0 auto;padding:6rem 1.5rem;display:flex;flex-direction:column;gap:3rem;align-items:center;position:relative;z-index:1;} .ia-content{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center;width:100%;} .ia-number{font-size:5rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:rgba(212,160,23,1);user-select:none;} .ia-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;text-align:center;} .ia-title .highlight-yellow{background:var(--cp-yellow);color:var(--cp-bg);padding:.02em .25em;border-radius:.3rem;} .ia-desc{font-size:.95rem;color:rgba(255,255,255,.55);line-height:1.8;max-width:600px;} .ia-visual{width:100%;} .ia-feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;} .ia-feat-card{background:var(--cp-card);border:1px solid var(--cp-border);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;transition:border-color .2s,background .2s;} .ia-feat-card:hover{border-color:rgba(212,160,23,.35);background:#1e2129;} .ia-feat-card-icon{width:2.5rem;height:2.5rem;border-radius:.65rem;background:rgba(212,160,23,.1);border:1px solid rgba(212,160,23,.2);display:flex;align-items:center;justify-content:center;color:var(--cp-gold-light);flex-shrink:0;} .ia-feat-card-title{font-size:.82rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.03em;line-height:1.3;} .ia-feat-card-desc{font-size:.78rem;color:rgba(255,255,255,.45);line-height:1.6;font-weight:500;} /* Card interativo I.A's */ .ia-card-ia{border-color:rgba(212,160,23,.4) !important;cursor:default;} .ia-card-ia:hover{border-color:rgba(212,160,23,.52) !important;} .ia-card-front{display:flex;flex-direction:column;gap:.5rem;} .ia-card-hint{font-size:.6rem;font-weight:700;color:rgba(212,160,23,.6);letter-spacing:.08em;text-transform:uppercase;margin-top:.2rem;} .ia-card-back{display:none;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;width:100%;flex:1;padding:.4rem 0 .15rem;} .ia-card-ia.open .ia-card-front{display:none;} .ia-card-ia.open .ia-card-back{display:flex;} .ia-logo-box{width:2.5rem;height:2.5rem;border-radius:.6rem;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.3);} .ia-logo-box img{width:1.8rem;height:1.8rem;object-fit:contain;} .ia-logo-featured{width:4.65rem;height:4.65rem;border-radius:1rem;margin:.05rem auto .15rem;box-shadow:0 1rem 2.4rem rgba(0,0,0,.36), 0 0 0 1px rgba(255,255,255,.75);} .ia-logo-featured img{width:3rem;height:3rem;} .ia-logos-row{display:grid;grid-template-columns:minmax(0,1fr) 1px minmax(0,1fr);align-items:center;justify-items:center;gap:1.15rem;width:min(100%,18rem);margin:0 auto;} .ia-logo-item{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.42rem;width:100%;min-width:0;text-align:center;} .ia-logo-name{display:block;min-height:1rem;font-size:.74rem;font-weight:800;color:var(--cp-yellow);text-transform:uppercase;letter-spacing:.04em;line-height:1.15;white-space:nowrap;} .ia-logo-use{display:block;min-height:1rem;font-size:.62rem;color:rgba(255,255,255,.42);line-height:1.25;} .ia-logos-sep{width:1px;height:2.8rem;background:rgba(212,160,23,.24);align-self:center;} .ia-card-back-close{margin-top:.05rem;font-size:.6rem;font-weight:700;color:rgba(255,255,255,.32);text-transform:uppercase;letter-spacing:.08em;} /* SEÇÃO 02 — GESTOR DE TAREFAS */ .crm-section{background:var(--cp-surface);border-top:none;position:relative;overflow:hidden;} .crm-section::before{content:"";position:absolute;top:-120px;left:-120px;width:560px;height:560px;background:radial-gradient(circle,rgba(212,160,23,.08) 0%,transparent 65%);pointer-events:none;} .crm-inner{max-width:900px;margin:0 auto;padding:6rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:3rem;position:relative;z-index:1;text-align:center;} .crm-header{display:flex;flex-direction:column;align-items:center;gap:1.5rem;} .crm-number{font-size:5rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:rgba(212,160,23,1);user-select:none;} .crm-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;text-align:center;} .crm-title .highlight-yellow{background:var(--cp-yellow);color:var(--cp-bg);padding:.02em .25em;border-radius:.3rem;} .crm-desc{font-size:.95rem;color:rgba(255,255,255,.5);line-height:1.8;max-width:600px;} .crm-pipeline{display:flex;align-items:stretch;gap:0;width:100%;position:relative;} .crm-pipeline-step{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem;position:relative;} .crm-pipeline-step:not(:last-child)::after{content:"";position:absolute;top:1.5rem;right:-1px;width:2px;height:3rem;background:linear-gradient(180deg,rgba(212,160,23,.4),rgba(212,160,23,.1));} .crm-step-dot{width:3rem;height:3rem;border-radius:50%;background:rgba(212,160,23,.1);border:2px solid rgba(212,160,23,.3);display:flex;align-items:center;justify-content:center;color:var(--cp-gold-light);font-size:.75rem;font-weight:900;flex-shrink:0;transition:background .2s,border-color .2s;} .crm-pipeline-step:hover .crm-step-dot{background:rgba(212,160,23,.2);border-color:rgba(212,160,23,.6);} .crm-step-label{font-size:.7rem;font-weight:800;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.06em;line-height:1.3;} .crm-feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;width:100%;} .crm-feat-card{background:var(--cp-card);border:1px solid var(--cp-border);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.85rem;text-align:left;transition:border-color .2s,background .2s;} .crm-feat-card:hover{border-color:rgba(212,160,23,.35);background:#1e2129;} .crm-feat-card-icon{width:2.5rem;height:2.5rem;border-radius:.65rem;background:rgba(212,160,23,.1);border:1px solid rgba(212,160,23,.2);display:flex;align-items:center;justify-content:center;color:var(--cp-gold-light);flex-shrink:0;} .crm-feat-card-title{font-size:.82rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.03em;} .crm-feat-card-desc{font-size:.78rem;color:rgba(255,255,255,.45);line-height:1.6;} /* SEÇÃO 03 — NETWORKING */ .network-section{background:var(--cp-bg);border-top:none;position:relative;overflow:hidden;} .network-section::before{content:"";position:absolute;bottom:-180px;left:-160px;width:620px;height:620px;background:radial-gradient(circle,rgba(212,160,23,.1) 0%,transparent 65%);pointer-events:none;} .network-section::after{content:"";position:absolute;top:18%;right:-180px;width:520px;height:520px;background:radial-gradient(circle,rgba(255,241,18,.055) 0%,transparent 68%);pointer-events:none;} .network-inner{max-width:1280px;margin:0 auto;padding:6rem 1.5rem;display:flex;flex-direction:column;gap:3rem;position:relative;z-index:1;} .network-header{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center;} .network-number{font-size:5rem;line-height:1;font-weight:900;color:rgba(212,160,23,1);letter-spacing:-.04em;user-select:none;} .network-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-align:center;} .network-title .highlight-yellow{background:var(--cp-yellow);color:var(--cp-bg);padding:.02em .25em;border-radius:.3rem;display:inline-block;line-height:1.12;} .network-desc{font-size:.95rem;line-height:1.8;color:rgba(255,255,255,.55);max-width:600px;text-align:center;} .network-stage{width:100%;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:0;align-items:stretch;position:relative;} .network-visual-shell{position:relative;display:flex;min-height:100%;} .network-visual-panel{flex:1;min-height:540px;background:linear-gradient(180deg,rgba(26,29,36,.96),rgba(13,15,20,.98));border:1px solid rgba(212,160,23,.22);border-right:none;border-radius:1.35rem 0 0 1.35rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem rgba(0,0,0,.22);padding:1.35rem;display:flex;align-items:stretch;} .network-visual-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(212,160,23,.5),rgba(255,241,18,.85),rgba(212,160,23,.15));} .network-visual-panel::after{content:"";position:absolute;inset:1.15rem;border:1px solid rgba(212,160,23,.11);border-radius:1.05rem;pointer-events:none;} .network-visual-glow{position:absolute;inset:auto auto 14% 12%;width:18rem;height:18rem;background:radial-gradient(circle,rgba(255,241,18,.12) 0%,transparent 70%);filter:blur(8px);pointer-events:none;} .network-visual-content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;width:100%;padding:1rem;} .network-visual-top{display:flex;align-items:flex-start;justify-content:flex-end;gap:1rem;flex-wrap:wrap;} .network-visual-badge{display:inline-flex;align-items:center;gap:.45rem;width:max-content;background:rgba(255,241,18,.08);border:1px solid rgba(255,241,18,.18);color:var(--cp-yellow);border-radius:999px;padding:.42rem .78rem;font-size:.64rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;} .network-visual-note{max-width:240px;font-size:.72rem;color:rgba(255,255,255,.46);line-height:1.6;text-align:right;} .network-visual-media{flex:1;display:flex;align-items:center;justify-content:center;position:relative;padding:1.5rem 0;} .network-visual-orbit{position:relative;width:min(100%,480px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;} .network-visual-core{width:14.5rem;height:14.5rem;border-radius:50%;background:var(--cp-yellow);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--cp-bg);box-shadow:0 0 0 .9rem rgba(255,241,18,.08),0 0 52px rgba(255,241,18,.16);position:relative;z-index:2;} .network-visual-core strong{font-size:1.75rem;font-weight:900;letter-spacing:-.03em;text-transform:uppercase;line-height:1;} .network-visual-core span{font-size:.94rem;font-weight:800;opacity:.82;letter-spacing:.08em;text-transform:uppercase;margin-top:.5rem;} .network-visual-ring{position:absolute;inset:11%;border-radius:50%;border:1px dashed rgba(212,160,23,.22);} .network-visual-node{position:absolute;display:flex;align-items:center;gap:.55rem;background:rgba(13,15,20,.9);border:1px solid rgba(212,160,23,.22);border-radius:.95rem;padding:.72rem .82rem;box-shadow:0 .75rem 2rem rgba(0,0,0,.22);backdrop-filter:blur(8px);max-width:11.2rem;z-index:3;} .network-visual-node::before{content:"";position:absolute;top:50%;left:50%;width:calc(100% + 6rem);height:1px;background:linear-gradient(90deg,transparent,rgba(212,160,23,.18),transparent);transform:translate(-50%,-50%);z-index:-1;} .network-visual-node-icon{width:2.1rem;height:2.1rem;border-radius:.6rem;background:rgba(212,160,23,.14);border:1px solid rgba(212,160,23,.24);display:flex;align-items:center;justify-content:center;color:var(--cp-gold-light);flex-shrink:0;} .network-visual-node span{font-size:.68rem;font-weight:800;color:rgba(255,255,255,.78);text-transform:uppercase;letter-spacing:.04em;line-height:1.2;} .network-visual-node.n1{top:5%;left:2%;} .network-visual-node.n2{top:6%;right:0;} .network-visual-node.n3{bottom:9%;left:1%;} .network-visual-node.n4{bottom:5%;right:2%;} .network-visual-node.n5{left:50%;bottom:1%;transform:translateX(-50%);} .network-visual-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;text-align:center;} .network-visual-caption{max-width:36rem;margin:0 auto;font-size:.82rem;line-height:1.75;color:rgba(255,255,255,.56);text-align:center;} .network-visual-chip-row{display:flex;gap:.55rem;flex-wrap:wrap;justify-content:center;} .network-visual-chip{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:999px;padding:.42rem .62rem;font-size:.62rem;font-weight:800;color:rgba(255,255,255,.68);text-transform:uppercase;letter-spacing:.05em;} .network-copy{display:flex;position:relative;z-index:2;} .network-copy::before{content:"";position:absolute;left:-1.35rem;top:50%;transform:translateY(-50%);width:2.7rem;height:9.5rem;border-top:1px solid rgba(212,160,23,.18);border-bottom:1px solid rgba(212,160,23,.18);background:linear-gradient(180deg,rgba(255,241,18,.08),rgba(212,160,23,.05));box-shadow:0 0 24px rgba(255,241,18,.05);} .network-commit-card{background:var(--cp-card);border:1px solid var(--cp-border);border-left:none;border-radius:0 1.35rem 1.35rem 0;padding:2rem 1.8rem;display:flex;flex-direction:column;gap:1.05rem;min-height:100%;justify-content:center;align-items:center;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem rgba(0,0,0,.22);} .network-commit-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cp-gold),var(--cp-yellow));} .network-commit-card::after{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:linear-gradient(180deg,rgba(212,160,23,.08),rgba(255,241,18,.3),rgba(212,160,23,.08));} .network-commit-title{font-size:clamp(1.55rem,2.3vw,2.15rem);font-weight:950;color:#fff;text-transform:uppercase;line-height:1.08;letter-spacing:-.035em;max-width:31rem;text-wrap:balance;position:relative;text-align:center;margin:0 auto;} .network-commit-title .highlight-yellow{background:var(--cp-yellow);color:var(--cp-bg);padding:.02em .25em;border-radius:.3rem;display:inline-block;line-height:1.12;} .network-commit-text{font-size:.92rem;color:rgba(255,255,255,.58);line-height:1.8;max-width:32rem;text-align:center;margin:0 auto;} .network-commit-divider{display:flex;align-items:center;gap:.75rem;width:100%;max-width:31rem;margin:.15rem auto .2rem;} .network-commit-divider::before,.network-commit-divider::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,rgba(212,160,23,.85),rgba(212,160,23,.08));} .network-commit-divider::after{background:linear-gradient(90deg,rgba(212,160,23,.08),rgba(212,160,23,.85));} .network-commit-divider-symbol{width:32px;height:32px;display:block;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(255,241,18,.18));} .network-points{display:grid;grid-template-columns:1fr;gap:.85rem;margin:.25rem auto 0;max-width:34rem;width:100%;} .network-point{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:.85rem;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.075);border-radius:1rem;padding:1.05rem 1rem;min-height:6rem;transition:transform .18s ease,border-color .18s ease,background .18s ease;} .network-point:hover{transform:translateY(-2px);border-color:rgba(255,241,18,.16);background:rgba(255,255,255,.055);} .network-point-icon{width:2.25rem;height:2.25rem;border-radius:.65rem;background:rgba(212,160,23,.13);border:1px solid rgba(212,160,23,.16);display:flex;align-items:center;justify-content:center;color:var(--cp-gold-light);flex-shrink:0;} .network-point-title{font-size:.82rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.02em;margin-bottom:.22rem;line-height:1.2;} .network-point-desc{font-size:.76rem;color:rgba(255,255,255,.48);line-height:1.55;} /* SEÇÃO 04 — HUMANO, MENTORIAS E EVENTOS */ .network-visual-note:empty{display:none;} .network-visual-orbit:has(.network-ecosystem-animation){width:100%;height:auto;min-height:520px;} .network-visual-orbit:has(.network-ecosystem-animation) .network-visual-ring, .network-visual-orbit:has(.network-ecosystem-animation) .network-visual-node{display:none;} .network-visual-core:has(.network-ecosystem-animation){position:relative;inset:auto;transform:none;width:100%;height:auto;border:0;border-radius:0;background:transparent;box-shadow:none;} .network-ecosystem-animation{--eco-yellow:#fff200;--eco-line:rgba(255,242,0,.9);--eco-stroke:rgba(255,196,31,.42);--eco-card:rgba(16,20,26,.96);--eco-text:#d7d8dc;--eco-orbit-size:min(38vw,360px);--eco-center-size:clamp(132px,15vw,176px);--eco-card-w:152px;--eco-card-h:52px;--eco-icon-size:24px;position:relative;width:100%;height:min(62vw,600px);min-height:520px;isolation:isolate;overflow:hidden;color:var(--eco-text);} .network-ecosystem-animation::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:96px 96px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 84%);mask-image:radial-gradient(circle at center,#000,transparent 84%);pointer-events:none;} .network-ecosystem-orbit-guide{position:absolute;left:50%;top:50%;width:var(--eco-orbit-size);aspect-ratio:1;border:1px dashed rgba(255,196,31,.18);border-radius:50%;transform:translate(-50%,-50%);z-index:0;} .network-ecosystem-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1;pointer-events:none;} .network-ecosystem-lines line{stroke:var(--eco-line);stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(255,242,0,.36));} .network-ecosystem-center{position:absolute;left:50%;top:50%;width:var(--eco-center-size);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:var(--eco-yellow);color:#071019;transform:translate(-50%,-50%);box-shadow:0 0 0 16px rgba(255,242,0,.14),0 0 68px rgba(255,242,0,.16);z-index:3;} .network-ecosystem-logo{width:88%;max-width:156px;height:auto;display:block;} .network-ecosystem-item{position:absolute;width:var(--eco-card-w);height:var(--eco-card-h);display:grid;grid-template-columns:var(--eco-icon-size) minmax(0,1fr);align-items:center;column-gap:8px;padding:8px 10px;border:1px solid var(--eco-stroke);border-radius:12px;background:var(--eco-card);box-shadow:0 16px 42px rgba(0,0,0,.25);z-index:2;will-change:transform;} .network-ecosystem-icon{width:var(--eco-icon-size);height:var(--eco-icon-size);display:grid;place-items:center;align-self:center;justify-self:center;border:1px solid rgba(255,196,31,.5);border-radius:10px;background:rgba(255,196,31,.15);color:#fff4a8;} .network-ecosystem-icon svg{width:14px;height:14px;stroke-width:2;} .network-ecosystem-label{min-width:0;display:block;align-self:center;font-size:10px!important;line-height:1.08;font-weight:900;letter-spacing:0;text-transform:uppercase;color:var(--eco-text);transform:none;transform-origin:left center;overflow-wrap:anywhere;} @media (max-width: 720px){ .network-visual-orbit:has(.network-ecosystem-animation){min-height:360px;} .network-ecosystem-animation{ --eco-orbit-size:min(72vw,340px); --eco-center-size:clamp(100px,28vw,140px); --eco-card-w:130px; --eco-card-h:50px; --eco-icon-size:26px; min-height:360px; height:420px; } .network-ecosystem-item{column-gap:7px;padding:7px 9px;border-radius:10px;} .network-ecosystem-label{font-size:9px!important;} .network-ecosystem-logo{max-width:120px;} } @media(max-width:900px){.hero-cp-inner{padding:3rem 1.25rem 4rem;}.hero-cp-h1{font-size:clamp(2rem,9vw,3rem);}.ia-number,.crm-number,.network-number,.human-number{font-size:3.5rem;}} @media(max-width:480px){ .hero-cp-h1{font-size:clamp(1.65rem,9vw,2.35rem);} .hero-cp-ctas{flex-direction:column;align-items:center;} .btn-cp-primary{width:100%;justify-content:center;} .hero-cp-features{grid-template-columns:1fr;} .crm-pipeline-step{flex:0 0 100%;max-width:100%;} } .human-section{background:var(--cp-surface);border-top:none;position:relative;overflow:hidden;} .human-section::before{content:"";position:absolute;top:-180px;right:-160px;width:620px;height:620px;background:radial-gradient(circle,rgba(212,160,23,.095) 0%,transparent 66%);pointer-events:none;} .human-section::after{content:"";position:absolute;bottom:-220px;left:-180px;width:560px;height:560px;background:radial-gradient(circle,rgba(255,241,18,.055) 0%,transparent 68%);pointer-events:none;} .human-inner{max-width:1280px;margin:0 auto;padding:6rem 1.5rem;display:flex;flex-direction:column;gap:3rem;position:relative;z-index:1;} .human-header{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center;} .human-number{font-size:5rem;line-height:1;font-weight:900;color:rgba(212,160,23,1);letter-spacing:-.04em;user-select:none;} .human-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:900;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;color:#fff;text-align:center;} .human-desc{font-size:.95rem;line-height:1.8;color:rgba(255,255,255,.55);max-width:600px;text-align:center;} .human-stage{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:1.1rem;align-items:stretch;} .human-experience-card{background:linear-gradient(180deg,rgba(26,29,36,.96),rgba(17,19,24,.96));border:1px solid rgba(212,160,23,.2);border-radius:1.35rem;padding:1.6rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem rgba(0,0,0,.2);display:flex;flex-direction:column;gap:1.25rem;} .human-experience-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--cp-gold),var(--cp-yellow),rgba(212,160,23,.4));} .human-experience-kicker{display:inline-flex;align-items:center;gap:.45rem;width:max-content;margin:0 auto;background:rgba(255,241,18,.09);border:1px solid rgba(255,241,18,.18);color:var(--cp-yellow);border-radius:999px;padding:.4rem .78rem;font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;} .human-experience-title{font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:900;color:#fff;text-align:center;text-transform:uppercase;line-height:1.18;letter-spacing:-.02em;max-width:32rem;margin:0 auto;} .human-experience-title .highlight-yellow,.human-events-title .highlight-yellow{background:var(--cp-yellow);color:var(--cp-bg);padding:.03em .28em;border-radius:.3rem;display:inline-block;line-height:1.12;} .human-experience-rule{display:flex;align-items:center;gap:.75rem;width:100%;max-width:360px;margin:.1rem auto .15rem;} .human-experience-rule-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(212,160,23,.1),rgba(212,160,23,.75));} .human-experience-rule-line.rev{background:linear-gradient(90deg,rgba(212,160,23,.75),rgba(212,160,23,.1));} .human-experience-rule-symbol{width:26px;height:26px;flex-shrink:0;display:block;} .human-experience-text{font-size:.9rem;line-height:1.8;color:rgba(255,255,255,.57);text-align:center;max-width:34rem;margin:0 auto;} .human-pill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-top:.25rem;} .human-pill{display:flex;gap:.75rem;align-items:flex-start;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);border-radius:1rem;padding:1rem;min-height:8.5rem;} .human-pill-icon{width:2.25rem;height:2.25rem;border-radius:.65rem;background:rgba(212,160,23,.13);border:1px solid rgba(212,160,23,.23);display:flex;align-items:center;justify-content:center;color:var(--cp-gold-light);flex-shrink:0;} .human-pill-title{font-size:.78rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem;} .human-pill-desc{font-size:.74rem;color:rgba(255,255,255,.48);line-height:1.58;} .human-events-card{background:var(--cp-card);border:1px solid var(--cp-border);border-radius:1.35rem;padding:1.6rem;position:relative;overflow:hidden;box-shadow:0 1.5rem 4rem rgba(0,0,0,.2);display:flex;flex-direction:column;gap:1.1rem;} .human-events-card::before{content:"";position:absolute;inset:-120px auto auto 50%;width:320px;height:320px;background:radial-gradient(circle,rgba(255,241,18,.09) 0%,transparent 70%);transform:translateX(-50%);pointer-events:none;} .human-events-head{position:relative;z-index:1;text-align:center;display:flex;flex-direction:column;gap:.55rem;align-items:center;} .human-events-label{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,241,18,.09);border:1px solid rgba(255,241,18,.18);color:var(--cp-yellow);border-radius:999px;padding:.38rem .72rem;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em;} .human-events-title{font-size:1.25rem;font-weight:900;color:#fff;text-transform:uppercase;line-height:1.2;letter-spacing:-.01em;} .human-events-desc{font-size:.82rem;line-height:1.72;color:rgba(255,255,255,.52);max-width:38rem;} .human-event-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:.85rem;} .human-event-grid-single{grid-template-columns:minmax(0,420px);justify-content:center;} .human-event-card{min-height:260px;background:linear-gradient(180deg,rgba(13,15,20,.7),rgba(13,15,20,.42));border:1px solid rgba(212,160,23,.16);border-radius:1.1rem;padding:1.15rem;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;gap:1rem;transition:transform .2s ease,border-color .2s ease,background .2s ease;} .human-event-card:hover{transform:translateY(-3px);border-color:rgba(255,241,18,.28);background:linear-gradient(180deg,rgba(13,15,20,.82),rgba(13,15,20,.5));} .human-event-logo-wrap{width:100%;min-height:88px;border-radius:.9rem;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;padding:1rem;} .human-event-logo-wrap.forum-logo-wrap{background:linear-gradient(135deg,#10131a,#1a1d24);border:1px solid rgba(255,241,18,.16);box-shadow:inset 0 0 24px rgba(255,241,18,.04);} .human-event-logo{display:block;max-width:100%;max-height:64px;object-fit:contain;} .human-event-logo.forum-logo-cp{max-height:76px;filter:drop-shadow(0 6px 16px rgba(0,0,0,.35));} .human-event-status{display:inline-flex;align-items:center;justify-content:center;background:rgba(255,241,18,.1);border:1px solid rgba(255,241,18,.18);color:var(--cp-yellow);border-radius:999px;padding:.36rem .65rem;font-size:.58rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em;} .human-event-name{font-size:.82rem;font-weight:900;color:#fff;text-transform:uppercase;line-height:1.22;letter-spacing:.02em;} .human-event-copy{font-size:.72rem;color:rgba(255,255,255,.48);line-height:1.55;} .human-event-link{display:inline-flex;align-items:center;gap:.35rem;color:var(--cp-gold-light);font-size:.66rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em;text-decoration:none;} .human-event-link:hover{color:var(--cp-yellow);} .human-note{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:.55rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.035);border-radius:1rem;padding:.95rem 1rem;text-align:center;color:rgba(255,255,255,.55);font-size:.78rem;line-height:1.6;} .human-note strong{color:#fff;font-weight:850;} .network-point-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;} /* ── TABLET / MEDIUM (≤1024px) ── */ @media(max-width:1024px){ .network-stage{grid-template-columns:1fr;gap:1rem;} .network-visual-panel{border-right:1px solid rgba(212,160,23,.22);border-radius:1.25rem;min-height:460px;} .network-copy::before{display:none;} .network-commit-card{border-left:1px solid var(--cp-border);border-radius:1.25rem;} .human-stage{grid-template-columns:1fr;} .human-event-grid{grid-template-columns:repeat(2,1fr);} .human-event-grid-single{grid-template-columns:minmax(0,420px);justify-content:center;} } /* ── MOBILE (≤768px) ── */ @media(max-width:768px){ .hero-cp{min-height:auto;} section,.hero-cp,.intro-section,.ia-section,.crm-section,.network-section,.human-section,.cta-final-section,.faq-section,.site-footer{max-width:100%;overflow-x:hidden;} .hero-cp-inner{max-width:100%;padding:3rem 1rem 3.5rem;} .header-inner,.hero-cp-content,.hero-cp-sub,.intro-inner,.ia-inner,.crm-inner,.network-inner,.human-inner,.cta-final-inner,.faq-inner,.footer-inner{min-width:0;max-width:100%;} .hero-cp-h1{max-width:100%;line-height:1.05;letter-spacing:0;overflow-wrap:anywhere;} .hero-cp-h1 .line-badge-cp,.badge-cp{max-width:100%;white-space:normal;overflow-wrap:anywhere;} .hero-cp-rule{max-width:100%;min-width:0;} .hero-cp-sub-row{font-size:clamp(1rem,5vw,1.35rem);gap:.35rem;} .tag-gold{white-space:normal;text-align:center;} .hero-cp-features li{align-items:flex-start;min-width:0;overflow-wrap:anywhere;} .btn-cp-primary,.cta-final-btn{max-width:100%;white-space:normal;text-align:center;line-height:1.2;padding-left:1rem;padding-right:1rem;} .intro-inherit-card,.network-visual-badge,.human-experience-kicker,.human-events-label,.human-event-status,.cta-final-eyebrow,.cta-result-badge{width:auto;max-width:100%;white-space:normal;text-align:center;} .cta-final-eyebrow,.cta-step-label,.cta-step-title,.cta-step-desc{min-width:0;max-width:100%;overflow-wrap:anywhere;} /* Seções gerais */ .crm-inner,.network-inner,.ia-inner{padding:3.5rem 1.25rem;gap:2.5rem;} /* Pipeline GESTOR DE TAREFAS */ .crm-pipeline{flex-wrap:wrap;justify-content:center;gap:.75rem;} .crm-pipeline-step::after{display:none;} .crm-pipeline-step{flex:0 0 calc(50% - .75rem);max-width:calc(50% - .75rem);} /* Grids de features → coluna única */ .crm-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;} .crm-feat-card{min-width:0;padding:.9rem;gap:.65rem;} .crm-feat-card-icon{width:2rem;height:2rem;border-radius:.55rem;} .crm-feat-card-icon svg{width:17px;height:17px;} .crm-feat-card-title{font-size:.68rem;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere;} .crm-feat-card-desc{font-size:.66rem;line-height:1.42;overflow-wrap:anywhere;} .ia-feat-grid{grid-template-columns:1fr;} /* Seção Networking */ .network-stage{grid-template-columns:1fr;gap:1rem;} .network-stage,.network-copy,.network-commit-card,.network-points,.network-point,.human-stage,.human-pill-grid,.human-event-grid,.cta-timeline,.cta-timeline-step,.cta-step-card,.cta-result-card,.faq-list{min-width:0;max-width:100%;} .network-visual-panel{ min-height:auto; border-right:1px solid rgba(212,160,23,.22); border-radius:1.2rem; padding:1rem; overflow:hidden; } .network-visual-content{padding:.5rem;} .network-visual-top{flex-direction:column;align-items:flex-start;gap:.5rem;} .network-visual-media{padding:.75rem 0;} .network-visual-bottom{flex-direction:column;align-items:center;gap:.75rem;} .network-visual-note{text-align:left;max-width:100%;} .network-copy::before{display:none;} .network-commit-card{border-left:1px solid var(--cp-border);border-radius:1.2rem;padding:1.5rem 1.25rem;} .network-point{grid-template-columns:2.15rem 1fr;min-height:auto;} .network-commit-title{font-size:1.4rem;} .network-commit-text{font-size:.84rem;} /* Ecosystem animation no mobile */ .network-visual-orbit{max-width:100%;width:100%;} .network-visual-core{width:auto;height:auto;} .network-visual-shell,.network-visual-panel,.network-visual-content,.network-visual-media,.network-visual-orbit{min-width:0;} .network-visual-orbit:has(.network-ecosystem-animation){min-height:320px;} .network-ecosystem-animation{ --eco-orbit-size:min(32vw,112px); --eco-center-size:clamp(78px,22vw,100px); --eco-card-w:112px; --eco-card-h:48px; --eco-icon-size:18px; width:100%; max-width:100%; min-height:320px; height:340px; overflow:hidden; } .network-ecosystem-center{box-shadow:0 0 0 10px rgba(255,242,0,.12),0 0 40px rgba(255,242,0,.14);} .network-ecosystem-item{grid-template-columns:var(--eco-icon-size) minmax(0,1fr);column-gap:6px;padding:6px 7px;border-radius:9px;box-shadow:0 10px 26px rgba(0,0,0,.22);overflow:hidden;} .network-ecosystem-label{font-size:7.5px!important;line-height:1.05;letter-spacing:0;white-space:normal;overflow-wrap:normal;word-break:normal;} .network-ecosystem-icon{border-radius:8px;} .network-ecosystem-icon svg{width:11px;height:11px;} /* Seção Human */ .human-inner{padding:3.5rem 1.25rem;gap:2.5rem;} .human-stage{grid-template-columns:1fr;} .human-pill-grid{grid-template-columns:1fr;} .human-event-grid{grid-template-columns:1fr;} .human-event-grid-single{grid-template-columns:1fr;justify-content:stretch;} .human-pill{min-height:auto;} .human-event-card{min-height:auto;} .human-event-logo-wrap{min-height:72px;} .human-experience-card,.human-events-card{border-radius:1.15rem;padding:1.25rem 1rem;} /* Nodes do visual (fallback caso apareçam) */ .network-visual-node{max-width:9rem;padding:.55rem .65rem;} .network-visual-node span{font-size:.6rem;} .network-visual-node.n1{top:4%;left:0;} .network-visual-node.n2{top:4%;right:0;} .network-visual-node.n3{bottom:12%;left:0;} .network-visual-node.n4{bottom:12%;right:0;} .network-visual-node.n5{bottom:0;} } /* human section mobile already handled in block above */ /* ──────────────── SEÇÃO CTA FINAL ──────────────── */ .cta-final-section{background:var(--cp-bg);border-top:none;position:relative;overflow:hidden;} .cta-final-section::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(ellipse,rgba(212,160,23,.07) 0%,transparent 60%);pointer-events:none;} .cta-final-inner{max-width:760px;margin:0 auto;padding:6rem 1.5rem;display:flex;flex-direction:column;align-items:center;gap:4rem;position:relative;z-index:1;} .cta-final-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;} .cta-final-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(212,160,23,.1);border:1px solid rgba(212,160,23,.3);color:var(--cp-gold-light);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;} .cta-final-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:900;color:#fff;line-height:1.1;letter-spacing:-.02em;text-transform:uppercase;text-align:center;} .cta-final-subtitle{font-size:.95rem;color:rgba(255,255,255,.5);line-height:1.8;max-width:560px;text-align:center;} /* Timeline */ .cta-timeline{width:100%;display:flex;flex-direction:column;gap:0;position:relative;} .cta-timeline::before{content:"";position:absolute;left:50%;top:2rem;bottom:2rem;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(212,160,23,.6) 0%,rgba(255,241,18,.8) 40%,#FFF112 85%,rgba(255,241,18,.3) 100%);z-index:0;} .cta-timeline-step{display:grid;grid-template-columns:1fr 3rem 1fr;gap:0 1.5rem;align-items:center;padding:1.5rem 0;position:relative;} .cta-timeline-step:nth-child(odd) .cta-step-card{order:0;} .cta-timeline-step:nth-child(odd) .cta-step-empty{order:2;} .cta-timeline-step:nth-child(even) .cta-step-card{order:2;} .cta-timeline-step:nth-child(even) .cta-step-empty{order:0;} .cta-step-center{order:1;display:flex;flex-direction:column;align-items:center;gap:0;position:relative;z-index:3;isolation:isolate;} .cta-step-dot{width:3.25rem;height:3.25rem;border-radius:50%;background:#0d0f14;border:2px solid #F5C842;display:flex;align-items:center;justify-content:center;color:#F5C842;font-size:.78rem;font-weight:900;position:relative;z-index:2;transition:border-color .3s,background .3s,box-shadow .3s;flex-shrink:0;box-shadow:0 0 0 4px rgba(212,160,23,.08);overflow:visible;} .cta-step-dot::before{content:"";position:absolute;inset:-12px;border-radius:50%;background:var(--cp-bg);z-index:-1;} .cta-timeline-step:hover .cta-step-dot{border-color:#FFF112;background:rgba(255,241,18,.08);box-shadow:0 0 0 6px rgba(255,241,18,.1);} .cta-step-card{text-decoration:none;background:#1a1d24;border:1px solid #2a2d35;border-top:2px solid #F5C842;border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.65rem;transition:border-color .2s,background .2s,transform .2s;position:relative;} .cta-step-card::after{content:"↗";position:absolute;top:.75rem;right:.85rem;font-size:.65rem;color:rgba(212,160,23,.4);transition:color .2s,transform .2s;} .cta-step-card:hover{border-color:rgba(212,160,23,.5);border-top-color:#FFF112;background:#1e2129;transform:translateY(-2px);} .cta-step-card:hover::after{color:var(--cp-gold-light);transform:translate(2px,-2px);} .cta-step-card-top{display:flex;align-items:center;gap:.65rem;} .cta-step-icon{width:2.5rem;height:2.5rem;border-radius:.6rem;background:rgba(212,160,23,.12);border:1.5px solid rgba(212,160,23,.4);display:flex;align-items:center;justify-content:center;color:#F5C842;flex-shrink:0;} .cta-step-label{font-size:.65rem;font-weight:800;color:#F5C842;text-transform:uppercase;letter-spacing:.1em;} .cta-step-title{font-size:.88rem;font-weight:800;color:#ffffff;text-transform:uppercase;letter-spacing:.02em;line-height:1.25;} .cta-step-desc{font-size:.75rem;color:rgba(255,255,255,.55);line-height:1.6;} /* Resultado */ .cta-result-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:0;margin-top:1rem;} .cta-result-arrow{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:-1px;} .cta-result-arrow-line{width:2px;height:2.5rem;background:linear-gradient(180deg,rgba(255,241,18,.8),var(--cp-yellow));} .cta-result-arrow-head{width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:10px solid var(--cp-yellow);} .cta-result-card{width:100%;background:linear-gradient(135deg,rgba(255,241,18,.1),rgba(212,160,23,.05));border:2px solid rgba(255,241,18,.4);border-radius:1.25rem;padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.25rem;position:relative;overflow:hidden;} .cta-result-card::before{content:"";position:absolute;top:-60px;left:50%;transform:translateX(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(255,241,18,.1) 0%,transparent 65%);pointer-events:none;} .cta-result-badge{display:inline-flex;align-items:center;gap:.5rem;background:var(--cp-yellow);color:var(--cp-bg);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;} .cta-result-title{font-size:clamp(2rem,4vw,3.2rem);font-weight:900;color:#fff;line-height:1.05;letter-spacing:-.03em;text-transform:uppercase;max-width:580px;} .cta-result-title .gold{color:var(--cp-yellow);} .cta-result-desc{font-size:.95rem;color:rgba(255,255,255,.55);line-height:1.8;max-width:480px;} .cta-result-metrics{display:flex;align-items:stretch;width:100%;padding:1.75rem 0;border-top:1px solid rgba(255,241,18,.15);border-bottom:1px solid rgba(255,241,18,.15);} .cta-metric{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;padding:0 .5rem;border-right:1px solid rgba(255,241,18,.15);}.cta-metric:last-child{border-right:none;} .cta-metric-value{font-size:clamp(2.4rem,5vw,5rem);font-weight:900;color:#FFF112;letter-spacing:-.03em;line-height:1;} .cta-metric-value small{display:block;margin-bottom:.3rem;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1;color:rgba(255,255,255,.58);} .cta-metric-label{font-size:.6rem;font-weight:700;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;text-align:center;} .cta-final-cta-wrap{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-top:.75rem;} .cta-final-btn{display:inline-flex;align-items:center;gap:.65rem;background:var(--cp-yellow);color:var(--cp-bg);font-family:inherit;font-size:1rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:1.05rem 2.75rem;border-radius:.75rem;border:none;cursor:pointer;text-decoration:none;box-shadow:0 4px 28px rgba(255,241,18,.25);transition:transform .18s,box-shadow .18s;} .cta-final-btn:hover{transform:translateY(-2px);box-shadow:0 8px 36px rgba(255,241,18,.4);} .cta-final-note{font-size:.72rem;color:rgba(255,255,255,.3);font-weight:500;} @media(max-width:768px){ .page-gold-divider{height:26px;} .header-gold-divider{height:18px;} /* Metrics grid 2x2 */ .cta-result-metrics{ display:grid; grid-template-columns:1fr 1fr; padding:0; } .cta-metric{ border-right:none !important; border-bottom:1px solid rgba(255,241,18,.15); padding:1.1rem .5rem; } .cta-metric:nth-child(odd){border-right:1px solid rgba(255,241,18,.15) !important;} .cta-metric:nth-child(3),.cta-metric:nth-child(4){border-bottom:none;} /* CTA final section padding */ .cta-final-inner{padding:3.5rem 1.25rem;gap:2.5rem;} /* Timeline mobile — linha à esquerda, cards à direita */ .cta-timeline::before{left:1.35rem;} .cta-timeline-step{ grid-template-columns:2.75rem minmax(0,1fr); gap:0 1rem; } .cta-step-card{min-width:0;} .cta-timeline-step:nth-child(odd) .cta-step-card, .cta-timeline-step:nth-child(even) .cta-step-card{order:1;} .cta-timeline-step:nth-child(odd) .cta-step-empty, .cta-timeline-step:nth-child(even) .cta-step-empty{display:none;} .cta-step-center{order:0;} .cta-step-dot{width:2.75rem;height:2.75rem;font-size:.72rem;} /* Result card padding */ .cta-result-card{padding:2rem 1.25rem;} .cta-result-title{font-size:clamp(1.75rem,7vw,2.5rem);} /* CTA button full width */ .cta-final-btn{width:100%;justify-content:center;} } /* ══════════════════════════════════════════ ANIMAÇÕES DE SCROLL — CLUBE+ Filosofia: entradas lentas e elegantes, elementos dourados com brilho próprio ══════════════════════════════════════════ */ /* Keyframes base */ @keyframes cpFadeUp { from { opacity:0; transform:translateY(28px); } to { opacity:1; transform:translateY(0); } } @keyframes cpFadeDown { from { opacity:0; transform:translateY(-24px); } to { opacity:1; transform:translateY(0); } } @keyframes cpSlideLeft { from { opacity:0; transform:translateX(-48px); } to { opacity:1; transform:translateX(0); } } @keyframes cpSlideRight { from { opacity:0; transform:translateX(48px); } to { opacity:1; transform:translateX(0); } } @keyframes cpScaleIn { from { opacity:0; transform:scale(.88); } to { opacity:1; transform:scale(1); } } @keyframes cpRevealWidth { from { clip-path:inset(0 100% 0 0); opacity:1; } to { clip-path:inset(0 0% 0 0); opacity:1; } } @keyframes cpNumberCount { from { opacity:0; transform:translateY(12px) scale(.9); } to { opacity:1; transform:translateY(0) scale(1); } } /* Glow dourado que pulsa ao entrar */ @keyframes cpGoldGlow { 0% { box-shadow:0 0 0 0 rgba(255,241,18,0); } 40% { box-shadow:0 0 0 12px rgba(255,241,18,.12); } 100% { box-shadow:0 0 0 0 rgba(255,241,18,0); } } /* Linha que se desenha de cima para baixo */ @keyframes cpDrawLine { from { transform:scaleY(0); transform-origin:top; } to { transform:scaleY(1); transform-origin:top; } } /* Badge pop */ @keyframes cpBadgePop { 0% { opacity:0; transform:scale(.7) translateY(8px); } 65% { opacity:1; transform:scale(1.06) translateY(-2px); } 100% { opacity:1; transform:scale(1) translateY(0); } } /* ── Classes utilitárias de estado inicial ── */ .cp-anim { opacity:0; } .cp-anim.entered { opacity:1; } /* Headers das seções (número + título + divisor + desc) */ .cp-hdr-number { opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1); } .cp-hdr-title { opacity:0; transform:translateY(20px); transition:opacity .7s ease .1s, transform .7s cubic-bezier(.22,1,.36,1) .1s; } .cp-hdr-rule { opacity:0; transition:opacity .5s ease .3s; } .cp-hdr-desc { opacity:0; transform:translateY(14px); transition:opacity .6s ease .4s, transform .6s ease .4s; } .entered .cp-hdr-number, .entered .cp-hdr-title, .entered .cp-hdr-rule, .entered .cp-hdr-desc { opacity:1; transform:none; } /* Cards — fade up escalonado */ .cp-card-anim { opacity:0; transform:translateY(24px); transition:opacity .65s cubic-bezier(.22,1,.36,1), transform .65s cubic-bezier(.22,1,.36,1); } .cp-card-anim.entered { opacity:1; transform:none; } /* Card de destaque (network-commit, human-experience) */ .cp-slide-left { opacity:0; transform:translateX(-40px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); } .cp-slide-right { opacity:0; transform:translateX(40px); transition:opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); } .cp-slide-left.entered, .cp-slide-right.entered { opacity:1; transform:none; } /* Linha da timeline — se desenha */ .cta-timeline::before { transform-origin: top; animation: none; } .cta-timeline.tl-entered::before { animation: cpDrawLine .9s cubic-bezier(.22,1,.36,1) .2s both; } /* Steps da timeline — entram da lateral alternada */ .cta-timeline-step { opacity:0; transition:opacity .6s cubic-bezier(.22,1,.36,1), transform .6s cubic-bezier(.22,1,.36,1); } .cta-timeline-step:nth-child(odd) { transform:translateX(-32px); } .cta-timeline-step:nth-child(even) { transform:translateX(32px); } .cta-timeline-step.tl-step-entered { opacity:1 !important; transform:none !important; } /* Dot da timeline — glow ao entrar */ .cta-step-dot.dot-glowed { animation: cpGoldGlow .8s ease .2s both; } /* Resultado — scale in */ .cta-result-block { opacity:0; transform:scale(.96) translateY(20px); transition:opacity .8s cubic-bezier(.22,1,.36,1), transform .8s cubic-bezier(.22,1,.36,1); } .cta-result-block.entered { opacity:1; transform:none; } /* Métricas — números entram escalonados */ .cta-metric { opacity:0; transform:translateY(16px) scale(.92); transition:opacity .55s cubic-bezier(.22,1,.36,1), transform .55s cubic-bezier(.22,1,.36,1); } .cta-metric.entered { opacity:1; transform:none; } /* Intro inherit card — badge pop */ .intro-inherit-card { opacity:0; transition:opacity .5s ease .6s, transform .5s cubic-bezier(.22,1,.36,1) .6s; transform:translateY(8px); } .intro-inherit-card.entered { opacity:1; transform:none; } /* ──────────────── SEÇÃO FAQ ──────────────── */ .faq-section { background: var(--cp-surface); border-top: none; position: relative; overflow: hidden; } .faq-section::before { content: ""; position: absolute; bottom: -120px; right: -120px; width: 520px; height: 520px; background: radial-gradient(circle, rgba(212,160,23,.07) 0%, transparent 65%); pointer-events: none; } .faq-inner { max-width: 760px; margin: 0 auto; padding: 6rem 1.5rem; display: flex; flex-direction: column; align-items: center; gap: 3rem; position: relative; z-index: 1; } .faq-header { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1.5rem; } .faq-number { font-size: 5rem; font-weight: 900; line-height: 1; letter-spacing: -.04em; color: rgba(212,160,23,1); user-select: none; } .faq-title { font-size: clamp(1.75rem, 3.5vw, 2.75rem); font-weight: 900; color: #fff; line-height: 1.1; letter-spacing: -.02em; text-transform: uppercase; text-align: center; } .faq-title .highlight-yellow { background: #FFF112; color: #0d0f14; padding: .02em .25em; border-radius: .3rem; } .faq-list { width: 100%; display: flex; flex-direction: column; gap: .75rem; } .faq-item { background: #1a1d24; border: 1px solid #2a2d35; border-top: 2px solid #F5C842; border-radius: 1rem; overflow: hidden; transition: border-color .2s; } .faq-item:hover { border-color: rgba(212,160,23,.5); } .faq-item.open { border-top-color: #FFF112; border-color: rgba(255,241,18,.3); } .faq-question { width: 100%; background: none; border: none; padding: 1.25rem 1.5rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; cursor: pointer; text-align: left; font-family: inherit; } .faq-question-text { font-size: .9rem; font-weight: 700; color: #fff; line-height: 1.4; } .faq-icon { width: 1.75rem; height: 1.75rem; border-radius: 50%; background: rgba(212,160,23,.12); border: 1px solid rgba(212,160,23,.3); display: flex; align-items: center; justify-content: center; color: #F5C842; flex-shrink: 0; transition: transform .3s cubic-bezier(.22,1,.36,1), background .2s; } .faq-item.open .faq-icon { transform: rotate(45deg); background: rgba(255,241,18,.15); } .faq-answer { max-height: 0; overflow: hidden; transition: max-height .4s cubic-bezier(.22,1,.36,1); } .faq-item.open .faq-answer { max-height: 300px; } .faq-answer-inner { padding: 0 1.5rem 1.25rem; font-size: .85rem; color: rgba(255,255,255,.6); line-height: 1.75; border-top: 1px solid rgba(255,255,255,.06); padding-top: 1rem; margin-top: -1px; } .faq-answer-inner strong { color: rgba(255,255,255,.9); font-weight: 700; } @media (max-width: 768px) { .faq-inner { padding: 4rem 1.25rem; gap: 2.5rem; } .faq-question-text { font-size: .82rem; } } @media(max-width:480px){ .crm-pipeline-step{flex:0 0 calc(50% - .5rem);max-width:calc(50% - .5rem);} .hero-cp-h1{font-size:clamp(1.65rem,9vw,2.35rem);} .crm-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr));} } /* ──────────────── MODAL CLUBE+ ──────────────── */ .modal-overlay{position:fixed;inset:0;background:rgba(13,15,20,0.8);backdrop-filter:blur(5px);z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;pointer-events:none;transition:opacity .25s ease;} .modal-overlay.open{opacity:1;pointer-events:auto;} .modal-card{background:#fff;border-radius:1.5rem;box-shadow:0 24px 64px rgba(0,0,0,.4);width:100%;max-width:460px;overflow:hidden;transform:translateY(28px) scale(.97);transition:transform .35s cubic-bezier(.22,1,.36,1);} .modal-overlay.open .modal-card{transform:translateY(0) scale(1);} .modal-header{background:#0d0f14;padding:1.5rem 1.75rem 1.25rem;position:relative;border-bottom:1px solid #2a2d35;} .modal-badge{display:inline-block;background:#FFF112;color:#0d0f14;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:.2rem .75rem;border-radius:999px;margin-bottom:.6rem;} .modal-title{font-size:1.2rem;font-weight:900;color:#fff;text-transform:uppercase;letter-spacing:.02em;line-height:1.2;} .modal-subtitle{font-size:.8rem;color:rgba(255,255,255,.5);margin-top:.3rem;} .modal-close{position:absolute;top:1rem;right:1rem;background:rgba(255,255,255,.08);border:none;border-radius:.4rem;color:rgba(255,255,255,.6);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s;font-size:1.1rem;line-height:1;} .modal-close:hover{background:rgba(255,255,255,.18);color:#fff;} .modal-steps{display:flex;align-items:center;gap:0;padding:0 1.75rem 1.25rem;background:#0d0f14;} .modal-step-item{display:flex;flex-direction:column;align-items:center;gap:.3rem;flex:1;} .modal-step-dot{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(255,255,255,.15);background:transparent;display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;color:rgba(255,255,255,.3);transition:all .3s ease;position:relative;z-index:1;} .modal-step-dot.active{border-color:#FFF112;background:#FFF112;color:#0d0f14;} .modal-step-dot.done{border-color:#FFF112;background:#FFF112;color:#0d0f14;} .modal-step-label{font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.25);transition:color .3s;} .modal-step-item.active .modal-step-label,.modal-step-item.done .modal-step-label{color:rgba(255,255,255,.7);} .modal-step-line{flex:1;height:2px;background:rgba(255,255,255,.1);margin-bottom:1.1rem;transition:background .3s;} .modal-step-line.done{background:#FFF112;} .modal-body{overflow:hidden;} .modal-steps-wrap{display:flex;transition:transform .4s cubic-bezier(.22,1,.36,1);} .modal-step-panel{min-width:100%;padding:1.5rem 1.75rem 1.75rem;display:flex;flex-direction:column;gap:1rem;} .modal-step-heading{font-size:.68rem;font-weight:800;color:#64748B;text-transform:uppercase;letter-spacing:.1em;padding-bottom:.6rem;border-bottom:1.5px solid #F1F5F9;} .modal-field label{display:block;font-size:.75rem;font-weight:700;color:#2C4364;margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.04em;} .modal-field input{width:100%;border-radius:.7rem;border:1.5px solid #E2E8F0;background:#FAFBFD;padding:.75rem .9rem;font-size:.9rem;color:#2C4364;font-family:inherit;transition:border-color .2s,box-shadow .2s;} .modal-field input:focus{outline:none;border-color:#FFF112;background:#fff;box-shadow:0 0 0 3px rgba(255,241,18,.2);} .modal-field input::placeholder{color:#A0AABA;} .modal-field input.error{border-color:#E24B4A;box-shadow:0 0 0 3px rgba(226,75,74,.15);} .modal-field-error{font-size:.7rem;color:#E24B4A;font-weight:600;margin-top:-.4rem;display:none;} .modal-field-error.show{display:block;} .modal-field-pw{position:relative;} .modal-field-pw input{padding-right:2.75rem;} .modal-pw-toggle{position:absolute;right:.85rem;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#A0AABA;padding:0;display:flex;transition:color .2s;} .modal-pw-toggle:hover{color:#2C4364;} .modal-nav{display:flex;gap:.65rem;margin-top:.25rem;} .modal-btn-back{flex-shrink:0;background:#F1F5F9;border:none;border-radius:.7rem;color:#2C4364;font-family:inherit;font-size:.85rem;font-weight:700;padding:.85rem 1.1rem;cursor:pointer;transition:background .18s;} .modal-btn-back:hover{background:#E2E8F0;} .modal-btn-next{flex:1;background:#0d0f14;border:none;border-radius:.7rem;color:#fff;font-family:inherit;font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .18s;} .modal-btn-next:hover{background:#1a1d24;} .modal-btn-submit{flex:1;background:#FFF112;border:none;border-radius:.7rem;color:#0d0f14;font-family:inherit;font-size:.9rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;padding:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 16px rgba(255,241,18,.3);transition:transform .18s,box-shadow .18s;} .modal-btn-submit:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,241,18,.45);} .modal-note{text-align:center;font-size:.7rem;color:#64748B;} /* v2.2.23 — ajustes finais da página CLUBE+ */ .ia-card-ia-static{justify-content:flex-start;} .ia-card-ia-static .ia-feat-card-desc{max-width:28rem;} .cta-step-dot{ background:linear-gradient(145deg,#fff112 0%,#f5c842 100%); border-color:#fff112; color:#0d0f14; font-size:.86rem; box-shadow:0 0 0 5px rgba(255,241,18,.13),0 0 22px rgba(255,241,18,.18); } .cta-step-dot::before{background:var(--cp-bg);} .cta-timeline-step:hover .cta-step-dot{ background:#fff112; border-color:#fff112; color:#0d0f14; box-shadow:0 0 0 7px rgba(255,241,18,.16),0 0 30px rgba(255,241,18,.28); } .cta-metric-icon{width:clamp(48px,5vw,80px);height:clamp(48px,5vw,80px);color:#fff112;} .faq-number{font-size:clamp(2.5rem,5vw,4.4rem);color:#0d0f14;} .faq-number-highlight{display:inline-block;background:#fff112;color:#0d0f14;padding:.04em .28em;border-radius:.32rem;line-height:1.05;} .faq-title{font-size:clamp(1.75rem,3.5vw,2.75rem);color:#fff;} .faq-title .highlight-yellow{background:transparent;color:inherit;padding:0;border-radius:0;} .faq-icon svg{transition:transform .3s cubic-bezier(.22,1,.36,1);} .faq-item.open .faq-icon{transform:none;background:rgba(255,241,18,.15);} .faq-item.open .faq-icon svg{transform:rotate(180deg);} /* v2.2.24 — correção definitiva dos marcadores numerados da timeline */ .cta-timeline::before { z-index: 0; } .cta-step-center { position: relative; z-index: 4; isolation: auto; } .cta-step-dot, .cta-step-dot.dot-glowed { width: 3.25rem; height: 3.25rem; position: relative; z-index: 5; overflow: hidden; background: #fff112 !important; border: 2px solid #fff112 !important; color: #0d0f14 !important; font-size: 0.82rem; font-weight: 900; box-shadow: 0 0 0 0 rgba(255, 241, 18, 0); animation: none !important; transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease; } .cta-step-dot::before { content: none !important; display: none !important; } .cta-timeline-step:hover .cta-step-dot, .cta-step-card:focus-visible + .cta-step-center .cta-step-dot, .cta-step-dot:focus-visible, .cta-step-dot:active { background: #fff112 !important; border-color: #fff112 !important; color: #0d0f14 !important; transform: scale(1.04); box-shadow: 0 0 0 5px rgba(255, 241, 18, 0.10), 0 0 22px rgba(255, 241, 18, 0.24); } @media (hover: none) { .cta-timeline-step:hover .cta-step-dot { transform: none; box-shadow: none; } .cta-step-dot:active { transform: scale(1.04); box-shadow: 0 0 0 5px rgba(255, 241, 18, 0.10), 0 0 22px rgba(255, 241, 18, 0.24); } } @media (max-width: 768px) { .cta-step-dot, .cta-step-dot.dot-glowed { width: 2.75rem; height: 2.75rem; font-size: 0.74rem; } }