.partner-shell{position:relative;isolation:isolate;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% 0%,rgba(0,211,55,.11),transparent 48%),radial-gradient(circle at 12% 20%,rgba(8,122,90,.16),transparent 36%),linear-gradient(180deg,#020b08 0%,#03110c 55%,#020a07 100%);color:#eefaf3}
.partner-nav{position:sticky;top:0;z-index:30;height:66px;padding:0 max(24px,calc((100vw - 1200px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(2,11,8,.86);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);border-bottom:1px solid rgba(46,240,102,.14);box-shadow:0 6px 28px rgba(0,0,0,.35)}
.partner-nav .logo,.partner-nav img{height:42px;width:auto;display:block;filter:drop-shadow(0 2px 12px rgba(0,211,55,.25));transition:transform .18s ease}
.partner-nav .logo:hover{transform:scale(1.02)}
.partner-nav-logout[hidden]{display:none!important}
.partner-nav-logout{display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;background:rgba(10,30,22,.88);color:#eafaf1;font-weight:700;font-size:.84rem;letter-spacing:.02em;padding:9px 18px 10px;min-height:44px;border:1px solid rgba(0,211,55,.52);border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07);cursor:pointer;transition:transform .22s cubic-bezier(.16,1,.3,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}
.partner-nav-logout .nav-logout-icon{color:#39ef6d;flex-shrink:0;transition:transform .22s ease,filter .22s ease}
.partner-nav-logout:after{content:"";display:block!important;position:absolute;left:50%;right:50%;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#00d337,#39ef6d,#00d337);box-shadow:0 0 12px #00d337,0 -1px 8px rgba(57,239,109,.7);transition:left .24s cubic-bezier(.16,1,.3,1),right .24s cubic-bezier(.16,1,.3,1)}
.partner-nav-logout:hover,.partner-nav-logout:focus-visible{background:rgba(14,42,31,.95);color:#ffffff;border-color:rgba(57,239,109,.82);box-shadow:0 8px 24px rgba(0,0,0,.48),0 0 20px rgba(0,211,55,.24);transform:translateY(-1px)}
.partner-nav-logout:hover .nav-logout-icon,.partner-nav-logout:focus-visible .nav-logout-icon{transform:translateX(2px);filter:drop-shadow(0 0 6px rgba(57,239,109,.55))}
.partner-nav-logout:hover:after,.partner-nav-logout:focus-visible:after,.partner-nav-logout:active:after{left:0;right:0}
.partner-nav-logout:active{transform:translateY(0) scale(.97);box-shadow:0 3px 10px rgba(0,0,0,.4),0 0 14px rgba(0,211,55,.28)}

.partner-main{position:relative;z-index:1;width:min(1200px,calc(100% - 36px));margin:0 auto;padding:32px 0 76px}
.partner-dashboard{position:relative;overflow:hidden;border:1px solid rgba(46,240,102,.26);border-radius:24px;padding:26px 28px;background:radial-gradient(circle at 88% 0%,rgba(0,211,55,.14),transparent 48%),linear-gradient(155deg,rgba(10,31,23,.92) 0%,rgba(4,16,12,.97) 100%);box-shadow:0 18px 46px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.06)}
.partner-dashboard:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,rgba(57,239,109,.55),transparent);pointer-events:none}
.partner-dashboard:after{display:none}
.partner-dashboard.plan-plus{border-color:rgba(87,169,255,.38);background:radial-gradient(circle at 88% 0%,rgba(87,169,255,.15),transparent 48%),linear-gradient(155deg,rgba(10,31,38,.92) 0%,rgba(4,16,18,.97) 100%)}
.partner-dashboard.plan-pro{border-color:rgba(245,215,110,.4);background:radial-gradient(circle at 88% 0%,rgba(245,215,110,.16),transparent 48%),linear-gradient(155deg,rgba(28,26,14,.92) 0%,rgba(7,18,14,.97) 100%)}

.partner-dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.partner-identity{display:flex;flex-direction:column;gap:8px;min-width:220px}
.partner-eyebrow{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:5px 13px;border-radius:999px;background:rgba(0,211,55,.12);border:1px solid rgba(0,211,55,.32);color:#58ed80;font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 0 14px rgba(0,211,55,.12);margin-bottom:2px}
.partner-greeting-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.partner-dashboard h1{font-size:clamp(1.32rem,2.1vw,1.7rem);font-weight:750;line-height:1.15;letter-spacing:-.03em;margin:0;color:#f4fbf7}
.partner-phone-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);color:#9ab8aa;font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums}
.partner-phone-pill svg{color:#39ef6d;flex-shrink:0}

.partner-hud-metrics{display:flex;align-items:stretch;gap:12px;flex-wrap:wrap}
.partner-plan{padding:12px 18px;border-radius:15px;background:radial-gradient(circle at 100% 0%,rgba(0,211,55,.08),transparent 60%),linear-gradient(145deg,rgba(2,14,10,.8),rgba(1,10,7,.95));border:1px solid rgba(46,240,102,.22);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:124px;box-shadow:inset 0 0 18px rgba(0,211,55,.04);text-align:left}
.partner-plan small{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#7ca090;font-weight:700;margin-bottom:4px}
.partner-plan strong{display:inline-flex;align-items:center;gap:6px;font-size:.92rem;font-weight:800;letter-spacing:.06em;color:#58ed80;margin:0}
.partner-plan em{margin-top:4px;color:#89a99a;font-size:.68rem;font-style:normal;white-space:nowrap}
.plan-indicator{width:7px;height:7px;border-radius:50%;background:#00d337;box-shadow:0 0 8px #00d337}
.plan-plus .partner-plan strong{color:#87d0ff}
.plan-plus .plan-indicator{background:#57a9ff;box-shadow:0 0 8px #57a9ff}
.plan-pro .partner-plan strong{color:#ffd76e}
.plan-pro .plan-indicator{background:#ffd76e;box-shadow:0 0 8px #ffd76e}
.membership-entitlements{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}.membership-entitlements span{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(1,10,7,.38);color:#abc5b9;font-size:.7rem;font-weight:650}.plan-plus .membership-entitlements span{border-color:rgba(87,169,255,.24);color:#b9dcf4}.plan-pro .membership-entitlements span{border-color:rgba(245,215,110,.24);color:#eadca5}

.partner-balance{padding:12px 20px;border-radius:15px;background:radial-gradient(circle at 0% 0%,rgba(0,211,55,.15),transparent 60%),linear-gradient(135deg,rgba(0,211,55,.1),rgba(2,12,9,.85));border:1px solid rgba(57,239,109,.36);box-shadow:inset 0 0 20px rgba(0,211,55,.08),0 4px 16px rgba(0,0,0,.25);display:flex;flex-direction:column;justify-content:center;min-width:190px}
.balance-label-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:2px}
.partner-balance small{display:block;font-size:.64rem;text-transform:uppercase;letter-spacing:.1em;color:#86ab9b;font-weight:700;margin:0}
.credits-chip{display:inline-flex!important;font-size:.67rem;font-weight:700;color:#58ed80!important;background:rgba(0,211,55,.12);border:1px solid rgba(0,211,55,.26);padding:1px 8px;border-radius:999px;font-variant-numeric:tabular-nums}
.partner-balance strong{display:block;font-size:1.34rem;font-weight:800;letter-spacing:-.03em;color:#39ef6d;text-shadow:0 0 18px rgba(0,211,55,.25);margin:0;line-height:1.15;font-variant-numeric:tabular-nums}

.partner-actions{margin:18px 0 0;padding:15px 0 0;border:0;border-top:1px solid rgba(46,240,102,.14);border-radius:0;background:transparent;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.partner-actions-btns{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.partner-action-btn{min-height:40px;padding:0 16px;border-radius:11px;font-size:.82rem;font-weight:650;display:inline-flex;align-items:center;gap:7px;transition:all .2s ease}
.partner-action-btn.primary-topup{background:linear-gradient(135deg,#00d337 0%,#2ef066 100%);color:#02140c;border:1px solid #39ef6d;box-shadow:0 4px 18px rgba(0,211,55,.28);font-weight:800}
.partner-action-btn.primary-topup:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(0,211,55,.42);background:linear-gradient(135deg,#12e64b,#42f575)}
.partner-action-btn.plan-btn{background:linear-gradient(145deg,rgba(8,26,36,.88),rgba(4,15,22,.96));color:#c8e8ff;border:1px solid rgba(87,169,255,.34);box-shadow:0 4px 14px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06)}
.partner-action-btn.plan-btn .btn-icon{color:#57a9ff}
.partner-action-btn.plan-btn:hover{background:linear-gradient(145deg,rgba(14,42,58,.95),rgba(6,22,32,.98));border-color:rgba(87,169,255,.65);box-shadow:0 6px 20px rgba(87,169,255,.22);color:#fff;transform:translateY(-1px)}
.partner-action-btn.plan-btn.pro-accent{background:linear-gradient(145deg,rgba(32,27,12,.88),rgba(12,18,12,.96));color:#ffe89e;border:1px solid rgba(245,215,110,.38)}
.partner-action-btn.plan-btn.pro-accent .btn-icon{color:#f5d76e}
.partner-action-btn.plan-btn.pro-accent:hover{background:linear-gradient(145deg,rgba(48,40,16,.95),rgba(16,24,16,.98));border-color:rgba(245,215,110,.7);box-shadow:0 6px 20px rgba(245,215,110,.25);color:#fff;transform:translateY(-1px)}
.partner-action-btn.autopurchase-btn{background:rgba(255,255,255,.035);color:#a7c1b5;border:1px solid rgba(255,255,255,.12)}.partner-action-btn.autopurchase-btn.enabled{background:rgba(0,211,55,.14);color:#75f39a;border-color:rgba(0,211,55,.46);box-shadow:0 0 18px rgba(0,211,55,.1)}
.partner-toolbar-note{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#7ca090;font-size:.75rem;font-weight:500}
.partner-toolbar-note svg{color:#39ef6d;flex-shrink:0}

.partner-section-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:20px 0 18px;padding-bottom:12px;border-bottom:1px solid rgba(46,240,102,.14)}
.nearby-opportunities-heading{margin-top:42px;padding:18px 20px;border:1px solid rgba(46,240,102,.16);border-radius:18px;background:linear-gradient(135deg,rgba(0,211,55,.075),rgba(4,24,17,.72))}.nearby-opportunities-heading .opportunity-heading{width:100%;margin:0}.nearby-opportunities-heading h2{font-size:clamp(1.3rem,2.4vw,2rem)}
.partner-tabs{display:inline-flex;align-items:center;gap:6px;margin:0;padding:4px;border-radius:13px;background:rgba(6,22,16,.88);border:1px solid rgba(46,240,102,.18)}
.partner-tabs button{position:relative;border:0;border-radius:9px;background:transparent;color:#88a899;padding:8px 14px;font-size:.82rem;font-weight:650;display:inline-flex;align-items:center;gap:7px;transition:all .2s ease}
.partner-tabs button svg{color:#55856f;transition:color .2s ease}
.partner-tabs button:hover{color:#d9f2e5;background:rgba(255,255,255,.03)}
.partner-tabs button.active{color:#ffffff;background:rgba(14,42,31,.95);box-shadow:0 4px 14px rgba(0,0,0,.35),inset 0 0 0 1px rgba(0,211,55,.38)}
.partner-tabs button.active svg{color:#39ef6d}
.partner-tabs span{display:inline-grid;place-items:center;min-width:21px;height:21px;padding:0 6px;margin-left:2px;border-radius:99px;background:rgba(0,211,55,.14);border:1px solid rgba(0,211,55,.28);color:#58ed80;font-size:.72rem;font-weight:750;font-variant-numeric:tabular-nums}

.opportunity-heading{display:flex;align-items:center;gap:12px;margin:0}
.opportunity-heading .eyebrow{font-size:.67rem;color:#00d337;letter-spacing:.12em}
.opportunity-heading .eyebrow:before{width:16px}
.opportunity-heading h2{font-size:.98rem;font-weight:700;color:#d8eee3;margin:0;letter-spacing:-.01em}

.opportunity-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,364px));gap:18px;justify-content:start}
.lender-lead-card.portal-lead-card{width:100%;max-width:380px;flex:initial;padding:22px 20px;border-radius:22px;border:1px solid rgba(46,240,102,.24);background:radial-gradient(circle at 90% 0%,rgba(0,211,55,.12),transparent 50%),linear-gradient(160deg,rgba(10,31,23,.94) 0%,rgba(4,15,11,.98) 100%);box-shadow:0 18px 42px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.07);display:flex;flex-direction:column;gap:13px;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
.lender-lead-card.portal-lead-card:hover{transform:translateY(-4px);border-color:rgba(57,239,109,.55);box-shadow:0 24px 52px rgba(0,0,0,.56),0 0 28px rgba(0,211,55,.18)}
.lender-lead-card.portal-lead-card.featured-limit{border-color:rgba(57,239,109,.42);background:radial-gradient(circle at 90% 10%,rgba(0,211,55,.16),transparent 45%),linear-gradient(160deg,rgba(13,38,28,.95) 0%,rgba(5,18,13,.98) 100%)}
.lender-range-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.lender-range-top small{margin-bottom:0}
.lender-unlock-tag{font-size:.68rem;font-weight:750;color:#58ed80;background:rgba(0,211,55,.14);border:1px solid rgba(0,211,55,.32);padding:2px 8px;border-radius:999px;white-space:nowrap}
.portal-privacy-note{margin:0;font-size:.73rem;line-height:1.45;color:#7ea192;padding:8px 12px;border-radius:10px;background:rgba(0,211,55,.04);border:1px solid rgba(0,211,55,.12)}
.partner-card-actions{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:auto;align-items:center}
.partner-card-actions .partner-buy{margin:0;min-height:44px;border-radius:12px;font-size:.85rem;font-weight:750;background:linear-gradient(135deg,rgba(0,211,55,.2),rgba(0,211,55,.08));border:1px solid rgba(57,239,109,.52);color:#ecfaf2;box-shadow:0 4px 16px rgba(0,0,0,.3);transition:all .2s ease}
.partner-card-actions .partner-buy:hover{background:linear-gradient(135deg,#00d337,#2ef066);color:#021208;border-color:#39ef6d;box-shadow:0 6px 22px rgba(0,211,55,.36);transform:translateY(-1px)}
.portal-dismiss-btn{min-height:44px;min-width:80px;padding:0 14px;border-radius:12px;font-size:.8rem;font-weight:650;background:rgba(255,255,255,.03);color:#88a899;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}
.portal-dismiss-btn:hover{background:rgba(255,92,105,.12);color:#ffb8bf;border-color:rgba(255,92,105,.35);transform:translateY(-1px)}

/* Desktop: densidade maior sem remover nenhum dado da oportunidade. */
@media(min-width:1025px){
  .partner-main{width:min(1440px,calc(100% - 48px));padding-top:26px}
  .opportunity-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}
  .lender-lead-card.portal-lead-card{max-width:none;padding:16px 15px;border-radius:18px;gap:8px}
  .lender-card-head{gap:7px}
  .lender-live-pill,.lender-city-pill{padding:4px 9px;font-size:.68rem}
  .lender-card-title h3{font-size:.96rem;line-height:1.2;margin-bottom:3px}
  .lender-sub-row{gap:6px}
  .lender-type-badge,.lender-rating{font-size:.66rem}
  .lender-range-box{padding:8px 10px;border-radius:11px}
  .lender-range-top{margin-bottom:2px}
  .lender-range-box small{font-size:.58rem;line-height:1.3;letter-spacing:.08em;margin:0}
  .lender-range-box strong{font-size:1rem;line-height:1.25}
  .lender-unlock-tag{font-size:.61rem;padding:2px 7px}
  .lender-meta-list{gap:2px;font-size:.72rem;line-height:1.25}
  .lender-meta-list li{gap:8px;padding-bottom:4px;min-height:22px}
  .lender-meta-list li>span{line-height:1.25}
  .lender-meta-list b{line-height:1.25}
  .portal-privacy-note{font-size:.66rem;line-height:1.35;padding:6px 9px;border-radius:8px}
  .partner-card-actions{gap:8px}
  .partner-card-actions .partner-buy,.portal-dismiss-btn{min-height:38px;border-radius:10px;font-size:.74rem}
  .portal-dismiss-btn{min-width:66px;padding:0 11px}
}

.partner-empty{grid-column:1/-1;text-align:center;padding:48px 24px;border:1px dashed rgba(46,240,102,.24);border-radius:20px;background:linear-gradient(160deg,rgba(10,31,23,.55),rgba(4,15,11,.75));color:#8eaa9e}
.partner-empty-icon{width:52px;height:52px;margin:0 auto 12px;border-radius:15px;display:grid;place-items:center;background:rgba(0,211,55,.09);border:1px solid rgba(0,211,55,.25);color:#39ef6d;box-shadow:inset 0 0 14px rgba(0,211,55,.1)}
.partner-empty h2{font-size:1.18rem;color:#f4fbf7;margin:0 0 6px}
.partner-empty p{font-size:.88rem;color:#88a899;max-width:460px;margin:0 auto}

.landing-action-links{align-items:center;gap:8px}.landing-action-links a{padding:8px 13px;border:1px solid transparent;border-radius:10px;text-decoration:none}.landing-action-links a:hover{border-color:rgba(46,240,102,.3);background:rgba(0,211,55,.08)}.landing-action-links .nav-access{display:inline-flex;align-items:center;gap:8px;position:relative;overflow:hidden;background:rgba(10,30,22,.88);color:#eafaf1;font-weight:600;font-size:.84rem;letter-spacing:.02em;padding:9px 18px 10px;border:1px solid rgba(0,211,55,.52);border-radius:11px;box-shadow:0 4px 16px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07);transition:transform .22s cubic-bezier(.16,1,.3,1),background-color .22s ease,border-color .22s ease,box-shadow .22s ease,color .22s ease}.landing-action-links .nav-access .nav-access-icon{color:#39ef6d;flex-shrink:0;transition:transform .22s ease,filter .22s ease}.landing-action-links .nav-access:after{content:"";display:block!important;position:absolute;left:50%;right:50%;bottom:0;height:3px;border-radius:999px;background:linear-gradient(90deg,#00d337,#39ef6d,#00d337);box-shadow:0 0 12px #00d337,0 -1px 8px rgba(57,239,109,.7);transition:left .24s cubic-bezier(.16,1,.3,1),right .24s cubic-bezier(.16,1,.3,1)}.landing-action-links .nav-access:hover,.landing-action-links .nav-access:focus-visible{background:rgba(14,42,31,.95);color:#ffffff;border-color:rgba(57,239,109,.82);box-shadow:0 8px 24px rgba(0,0,0,.48),0 0 20px rgba(0,211,55,.24);transform:translateY(-1px)}.landing-action-links .nav-access:hover .nav-access-icon,.landing-action-links .nav-access:focus-visible .nav-access-icon{transform:scale(1.08);filter:drop-shadow(0 0 6px rgba(57,239,109,.55))}.landing-action-links .nav-access:hover:after,.landing-action-links .nav-access:focus-visible:after,.landing-action-links .nav-access:active:after{left:0;right:0}.landing-action-links .nav-access:active{transform:translateY(0) scale(.97);box-shadow:0 3px 10px rgba(0,0,0,.4),0 0 14px rgba(0,211,55,.28)}.info-shell{background:radial-gradient(circle at 80% 0%,rgba(0,211,55,.15),transparent 32%),linear-gradient(180deg,#020b08,#061711);overflow:visible}.info-hero{min-height:620px;position:relative;display:grid;place-items:center;text-align:center;padding:120px 24px 70px;overflow:hidden;border-bottom:1px solid rgba(46,240,102,.12)}.info-hero-copy{position:relative;z-index:2;max-width:900px}.info-hero h1{font-size:clamp(2.7rem,7vw,6rem);line-height:.98;letter-spacing:-.065em;margin:18px 0}.info-hero p{max-width:720px;margin:0 auto;color:#a6c2b5;font-size:1.08rem}.info-hero .btn{margin-top:30px}.info-content{width:min(1120px,calc(100% - 40px));margin:auto;padding:90px 0}.info-step-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:30px}.info-step{padding:28px;border:1px solid rgba(46,240,102,.18);border-radius:20px;background:linear-gradient(145deg,rgba(12,39,29,.8),rgba(5,20,14,.95));box-shadow:0 18px 45px rgba(0,0,0,.22)}.info-step>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(0,211,55,.12);color:#39ef6d;font-weight:900}.info-step h3{font-size:1.25rem;margin:18px 0 9px}.info-step p{color:#8ea99d;line-height:1.65}.info-assurance{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin:80px 0;padding:clamp(30px,5vw,55px);border-radius:26px;background:#eef8f2;color:#0a2a1d}.info-assurance h2{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.1}.info-assurance ul{list-style:none;padding:0;display:grid;gap:13px}.info-assurance li{color:#315b48}.info-faq{max-width:850px;margin:auto}.info-faq h2{text-align:center;font-size:2rem}.info-faq details{border-bottom:1px solid rgba(255,255,255,.12);padding:18px 5px}.info-faq summary{font-weight:750;cursor:pointer}.info-faq p{color:#8ea99d}.info-shell .landing-cta{flex-direction:row;text-align:left;justify-content:space-between}.info-shell .landing-cta h2{margin:8px 0 0}@media(max-width:900px){.landing-action-links{display:flex;max-width:75vw;overflow-x:auto}.landing-action-links a{white-space:nowrap;font-size:.76rem;padding:7px 9px}.info-step-grid,.info-assurance{grid-template-columns:1fr}.info-shell .landing-cta{flex-direction:column;text-align:center}.partner-toolbar-note{margin-left:0;width:100%}}@media(max-width:680px){.partner-main{padding-top:24px}.partner-dashboard{padding:20px 18px}.partner-dashboard-top{flex-direction:column;align-items:stretch}.partner-hud-metrics{display:grid;grid-template-columns:1fr 1.4fr;gap:10px}.partner-balance{min-width:0}.partner-actions-btns{width:100%;display:grid;grid-template-columns:1fr 1fr}.partner-action-btn.primary-topup{grid-column:1/-1}.partner-section-bar{flex-direction:column;align-items:flex-start;gap:12px}.partner-tabs{width:100%;display:grid;grid-template-columns:1fr 1fr}.partner-tabs button{justify-content:center;white-space:nowrap}.opportunity-grid{grid-template-columns:1fr}.lender-lead-card.portal-lead-card{max-width:none}}@media(max-width:600px){.landing-nav .logo{height:24px}.landing-action-links{max-width:78vw}.landing-action-links a,.landing-action-links .nav-access{font-size:.75rem;padding:7px 13px}.info-hero{min-height:560px;padding-inline:18px}.info-content{width:calc(100% - 28px);padding:60px 0}.info-step-grid{grid-template-columns:1fr}.info-assurance{margin:55px 0;padding:28px 22px}}
.reputation-chip{display:inline-flex;align-items:center;align-self:flex-start;margin:-7px 0 16px;padding:7px 10px;border:1px solid #9e7f2745;border-radius:999px;background:#e8b62b12;color:#f4d875;font-size:.78rem;font-weight:800}

/* Página direta de planos — não aparece na navegação pública. */
.plans-shell{
  position:relative;
  isolation:isolate;
  min-height:100vh;
  overflow:hidden;
  background:
    radial-gradient(ellipse 70% 480px at 50% -30px,rgba(0,211,55,.18),transparent 70%),
    radial-gradient(circle at 85% 22%,rgba(87,169,255,.09),transparent 38%),
    radial-gradient(circle at 15% 42%,rgba(245,215,110,.08),transparent 36%),
    linear-gradient(180deg,#020b08 0%,#03140e 45%,#010805 100%);
  color:#eefaf3
}
.plans-shell:before{
  content:"";
  position:fixed;
  inset:0;
  background-image:
    linear-gradient(rgba(57,239,109,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(57,239,109,.025) 1px,transparent 1px);
  background-size:48px 48px;
  pointer-events:none;
  z-index:0
}
.plans-particles-canvas{
  position:fixed;
  inset:0;
  width:100vw;
  height:100vh;
  pointer-events:none;
  z-index:1;
  opacity:0.95
}
.plans-nav{
  position:relative;
  z-index:5;
  width:100%;
  height:66px;
  margin:0;
  padding-inline:max(24px,calc((100vw - 1200px)/2));
  background:rgba(2,11,8,.86);
  backdrop-filter:blur(16px) saturate(140%);
  -webkit-backdrop-filter:blur(16px) saturate(140%);
  border-bottom:1px solid rgba(46,240,102,.14);
  box-shadow:0 6px 28px rgba(0,0,0,.35)
}
.plans-nav .logo{height:42px;width:auto;filter:drop-shadow(0 2px 12px rgba(0,211,55,.25))}
.plans-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;color:#c0d5cb;text-decoration:none;font-size:.88rem;font-weight:650;padding:9px 14px;border-radius:11px;border:1px solid rgba(0,211,55,.34);background:rgba(10,30,22,.76);transition:.2s ease}
.plans-back:hover{color:#fff;border-color:rgba(57,239,109,.4);background:rgba(0,211,55,.08)}
.plans-main{position:relative;z-index:2;width:min(1140px,calc(100% - 36px));margin:0 auto;padding:68px 0 88px;text-align:center}
.plans-hero{max-width:720px;margin:0 auto 34px;text-align:center}
.plans-hero .section-kicker{display:inline-flex;margin-bottom:12px;font-size:.84rem}
.plans-hero h1{margin:0 0 14px;font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.1;letter-spacing:-.04em;color:#f5fcf8}
.plans-hero p{margin:0 auto;max-width:640px;color:#9bb7aa;font-size:1.06rem;line-height:1.6}
.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1100px;margin:0 auto;align-items:stretch}
.plan-card{
  position:relative;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:24px 20px 24px;
  text-align:center;
  border:1px solid rgba(46,240,102,.26);
  border-radius:22px;
  background:radial-gradient(circle at 50% 0%,rgba(0,211,55,.12),transparent 52%),linear-gradient(160deg,rgba(10,33,24,.94) 0%,rgba(4,16,11,.98) 100%);
  box-shadow:0 16px 42px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.07);
  transition:transform .28s cubic-bezier(.16,1,.3,1),border-color .28s ease,box-shadow .28s ease
}
.plan-card:before{content:"";position:absolute;inset:0 24px auto;height:1px;background:linear-gradient(90deg,transparent,rgba(57,239,109,.5),transparent);pointer-events:none}
.plan-card:hover{transform:translateY(-5px);border-color:rgba(57,239,109,.6);box-shadow:0 22px 56px rgba(0,0,0,.52),0 0 28px rgba(0,211,55,.18),inset 0 1px 0 rgba(255,255,255,.1)}
.plan-card-plus{border-color:rgba(87,169,255,.38);background:radial-gradient(circle at 50% 0%,rgba(87,169,255,.18),transparent 52%),linear-gradient(160deg,rgba(8,29,38,.94) 0%,rgba(3,14,19,.98) 100%)}
.plan-card-plus:before{background:linear-gradient(90deg,transparent,rgba(87,169,255,.55),transparent)}
.plan-card-plus:hover{border-color:rgba(87,169,255,.65);box-shadow:0 22px 56px rgba(0,0,0,.52),0 0 32px rgba(87,169,255,.22),inset 0 1px 0 rgba(255,255,255,.1)}
.plan-card-pro{border-color:rgba(245,215,110,.42);background:radial-gradient(circle at 50% 0%,rgba(245,215,110,.19),transparent 52%),linear-gradient(160deg,rgba(32,27,12,.94) 0%,rgba(7,17,13,.98) 100%)}
.plan-card-pro:before{background:linear-gradient(90deg,transparent,rgba(245,215,110,.6),transparent)}
.plan-card-pro:hover{border-color:rgba(245,215,110,.68);box-shadow:0 22px 56px rgba(0,0,0,.54),0 0 34px rgba(245,215,110,.24),inset 0 1px 0 rgba(255,255,255,.12)}

.plan-card-badge-wrap{margin-bottom:12px;display:flex;justify-content:center;width:100%}
.plan-status{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.73rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}
.status-pulse-dot{width:6px;height:6px;border-radius:50%;display:inline-block;animation:statusPulse 2s ease-in-out infinite}
@keyframes statusPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}

.plan-status-standard{background:rgba(0,211,55,.12);border:1px solid rgba(0,211,55,.32);color:#58ed80}
.plan-status-standard .status-pulse-dot{background:#00d337;box-shadow:0 0 8px #00d337}
.plan-status-plus{background:rgba(87,169,255,.14);border:1px solid rgba(87,169,255,.36);color:#9cd4ff}
.plan-status-plus .status-pulse-dot{background:#57a9ff;box-shadow:0 0 8px #57a9ff}
.plan-status-pro{background:rgba(245,215,110,.14);border:1px solid rgba(245,215,110,.38);color:#f5d76e}
.plan-status-pro .status-pulse-dot{background:#f5d76e;box-shadow:0 0 8px #f5d76e}

.plan-emblem{position:relative;width:66px;height:66px;margin:0 auto 12px;display:grid;place-items:center;border-radius:20px;transition:transform .3s ease;will-change:transform,filter}
.plan-emblem svg{width:44px;height:44px}
.plan-card:hover .plan-emblem{transform:scale(1.05) translateY(-2px)}

.plan-emblem-standard{border:1px solid rgba(57,239,109,.34);background:radial-gradient(circle,rgba(0,211,55,.22),rgba(0,211,55,.05) 68%);color:#58ed80;box-shadow:inset 0 0 20px rgba(0,211,55,.15),0 0 22px rgba(0,211,55,.1);animation:emblemStandardFloat 4.6s ease-in-out infinite}
.emblem-shield-core{animation:corePulse 2.8s ease-in-out infinite;transform-origin:32px 29.5px}
@keyframes corePulse{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.25);opacity:1}}
@keyframes emblemStandardFloat{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 10px rgba(0,211,55,.32))}50%{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 0 16px rgba(57,239,109,.55))}}

.plan-emblem-plus{border:1px solid rgba(87,169,255,.4);background:radial-gradient(circle,rgba(87,169,255,.24),rgba(87,169,255,.05) 68%);color:#87d0ff;box-shadow:inset 0 0 22px rgba(87,169,255,.18),0 0 26px rgba(87,169,255,.14);animation:emblemPlusFloat 4.2s ease-in-out infinite -1.4s}
.emblem-plus-badge{animation:badgePulse 3s ease-in-out infinite}
@keyframes badgePulse{0%,100%{opacity:.85}50%{opacity:1;filter:drop-shadow(0 0 6px #fff)}}
@keyframes emblemPlusFloat{0%,100%{transform:translateY(0) rotate(0deg) scale(1);filter:drop-shadow(0 0 12px rgba(87,169,255,.38))}50%{transform:translateY(-4px) rotate(1.5deg) scale(1.025);filter:drop-shadow(0 0 20px rgba(87,169,255,.65))}}

.plan-emblem-pro{width:70px;height:70px;border:1px solid rgba(245,215,110,.44);background:radial-gradient(circle,rgba(245,215,110,.25),rgba(245,215,110,.05) 68%);color:#f5d76e;box-shadow:inset 0 0 24px rgba(245,215,110,.2),0 0 28px rgba(245,215,110,.16);animation:emblemProFloat 4.4s ease-in-out infinite -2.8s}
.plan-emblem-pro svg{width:46px;height:46px}
.emblem-pro-gem{animation:gemPulse 2.6s ease-in-out infinite}
.emblem-pro-gem.gem-2{animation-delay:.4s}
.emblem-pro-gem.gem-3{animation-delay:.8s}
@keyframes gemPulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.3);opacity:1}}
@keyframes emblemProFloat{0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 14px rgba(245,215,110,.42))}50%{transform:translateY(-4px) scale(1.03);filter:drop-shadow(0 0 22px rgba(245,215,110,.75))}}

.plan-card-head{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin-bottom:10px;text-align:center;width:100%}
.plan-tier{font-size:clamp(1.28rem,1.8vw,1.45rem);font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#58ed80;text-shadow:0 0 16px rgba(57,239,109,.25);line-height:1.15}
.plan-card-plus .plan-tier{color:#87d0ff;text-shadow:0 0 16px rgba(87,169,255,.28)}
.plan-card-pro .plan-tier{color:#f5d76e;text-shadow:0 0 18px rgba(245,215,110,.3)}
.plan-tagline{margin:0;color:#9ebbb0;font-size:.88rem;font-weight:550;line-height:1.45;text-align:center;text-wrap:balance;min-height:38px}

.plan-price{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:11px 14px;border-radius:14px;margin:6px 0 10px;background:rgba(2,12,8,.75);border:1px solid rgba(46,240,102,.2);box-shadow:inset 0 0 16px rgba(0,211,55,.05);text-align:center}
.plan-price-plus{background:rgba(2,12,18,.75);border-color:rgba(87,169,255,.26);box-shadow:inset 0 0 16px rgba(87,169,255,.06)}
.plan-price-pro{background:rgba(24,19,6,.78);border-color:rgba(245,215,110,.3);box-shadow:inset 0 0 18px rgba(245,215,110,.07)}

.plan-price-row{display:flex;align-items:baseline;justify-content:center;gap:6px;flex-wrap:wrap}
.plan-price-num{font-size:clamp(1.9rem,2.8vw,2.3rem);font-weight:900;letter-spacing:-.035em;line-height:1;color:#58ed80;text-shadow:0 0 18px rgba(0,211,55,.3);font-variant-numeric:tabular-nums}
.plan-price-plus .plan-price-num{color:#eef7ff;text-shadow:0 0 20px rgba(87,169,255,.35)}
.plan-price-pro .plan-price-num{color:#fff7dc;text-shadow:0 0 22px rgba(245,215,110,.4)}
.plan-price-cycle{color:#8ea99d;font-size:.82rem;font-weight:600;letter-spacing:.02em}

.plan-price-badge-tag{display:inline-flex;align-items:center;gap:5px;padding:2px 10px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.plan-price-badge-tag.tag-standard{background:rgba(0,211,55,.16);color:#39ef6d;border:1px solid rgba(0,211,55,.34);box-shadow:0 0 10px rgba(0,211,55,.15)}
.plan-price-badge-tag.tag-plus{background:rgba(87,169,255,.16);color:#87d0ff;border:1px solid rgba(87,169,255,.36);box-shadow:0 0 10px rgba(87,169,255,.16)}
.plan-price-badge-tag.tag-pro{background:rgba(245,215,110,.18);color:#f5d76e;border:1px solid rgba(245,215,110,.4);box-shadow:0 0 12px rgba(245,215,110,.18)}
.price-sparkle{font-size:.72rem}

.plan-credit-line{color:#eef8f3;font-size:.88rem;font-weight:750;text-align:center;margin-top:3px}
.plan-economy{width:100%;margin-top:6px;padding:7px 11px;border-radius:10px;background:rgba(46,240,102,.07);border:1px solid rgba(46,240,102,.15);color:#a8c4b7;font-size:.82rem;line-height:1.4;text-align:center}
.plan-card-plus .plan-economy{background:rgba(87,169,255,.09);border-color:rgba(87,169,255,.2);color:#badaf3}
.plan-card-pro .plan-economy{background:rgba(245,215,110,.09);border-color:rgba(245,215,110,.22);color:#f0e1a8}

.plan-card ul{width:100%;list-style:none;padding:0 2px;margin:14px 0 18px;display:grid;gap:7px;color:#b6cdc2;font-size:.85rem;line-height:1.4;text-align:left}
.plan-card li{position:relative;padding:0;display:flex;align-items:baseline;gap:7px;text-align:left}
.plan-card li:before{content:"✓";position:static;display:inline-block;color:#39ef6d;font-weight:850;flex-shrink:0}
.plan-card-plus li:before{color:#87d0ff}
.plan-card-pro li:before{color:#f5d76e}

.plan-cta{margin-top:auto;width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:750;font-size:.88rem;border-radius:12px;transition:all .22s ease}
.plan-cta.secondary{background:rgba(0,211,55,.1);color:#e6faf0;border:1px solid rgba(57,239,109,.42);box-shadow:0 6px 18px rgba(0,0,0,.3)}
.plan-cta.secondary:hover{background:rgba(0,211,55,.2);color:#ffffff;border-color:#39ef6d;box-shadow:0 8px 24px rgba(0,211,55,.22);transform:translateY(-1px)}
.plan-cta.pro{background:linear-gradient(135deg,#e3b73b,#f5d76e);color:#120e03;border:1px solid #f5d76e;box-shadow:0 6px 20px rgba(245,215,110,.26)}
.plan-cta.pro:hover{background:linear-gradient(135deg,#f0c548,#ffe385);box-shadow:0 10px 28px rgba(245,215,110,.4);transform:translateY(-1px)}
.plan-cta:not(.secondary):not(.pro){background:linear-gradient(135deg,#3185d6,#57a9ff);color:#ffffff;border:1px solid #87d0ff;box-shadow:0 6px 20px rgba(87,169,255,.26)}
.plan-cta:not(.secondary):not(.pro):hover{background:linear-gradient(135deg,#3c95ec,#72b8ff);box-shadow:0 10px 28px rgba(87,169,255,.4);transform:translateY(-1px)}
.plan-cta .btn-arrow{transition:transform .2s ease}
.plan-cta:hover .btn-arrow{transform:translateX(3px)}

.benefits-section{margin-top:72px}
.benefits-intro{max-width:760px;margin:0 auto 30px;text-align:center}
.benefits-intro .section-kicker{font-size:.86rem}
.benefits-intro h2{margin:10px 0 10px;color:#f2faf6;font-size:clamp(1.75rem,2.8vw,2.35rem);line-height:1.16;letter-spacing:-.035em}
.benefits-intro p{margin:0;color:#a4bdb1;font-size:1.05rem;line-height:1.6}
.benefits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:1100px;margin:0 auto}
.benefit-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:14px;min-height:180px;padding:24px 22px;text-align:center;border:1px solid rgba(46,240,102,.14);border-radius:18px;background:linear-gradient(145deg,rgba(10,34,24,.76),rgba(4,17,12,.9));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.benefit-icon{display:grid;place-items:center;flex:0 0 52px;width:52px;height:52px;border:1px solid rgba(57,239,109,.24);border-radius:15px;background:rgba(0,211,55,.08);font-size:1.45rem}
.benefit-copy{min-width:0;flex:1;text-align:center}
.benefit-heading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.benefit-heading h3{margin:0;color:#effaf4;font-size:1.2rem;line-height:1.35}
.benefit-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.benefit-badge{padding:4px 9px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#a9c0b5;font-size:.72rem;font-weight:850;letter-spacing:.07em}
.benefit-badge-plus{border-color:rgba(87,169,255,.28);color:#a9dcfc}
.benefit-badge-pro{border-color:rgba(245,215,110,.3);color:#f0dc82}
.benefit-copy p{margin:10px auto 0;color:#a4bbb0;font-size:.96rem;line-height:1.6;text-align:center;max-width:500px}
.plans-note{max-width:820px;margin:30px auto 0;padding:18px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:1px solid rgba(46,240,102,.14);border-radius:16px;background:rgba(7,27,19,.72);color:#91ad9f}
.plans-note>span{font-size:1.25rem}
.plans-note p{margin:0;font-size:.88rem;line-height:1.6;text-align:center}

@media(max-width:900px){
  .plans-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto;gap:20px}
  .plan-card{min-height:0;padding:24px 20px}
  .plans-main{padding-top:48px}
  .benefits-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .benefits-section{margin-top:54px}
}
@media(max-width:600px){
  .plans-main{width:min(100% - 32px, 440px);margin:0 auto;padding:40px 0 60px}
  .plans-hero{margin-bottom:26px}
  .plans-hero h1{font-size:clamp(1.75rem,7.5vw,2.2rem);line-height:1.15}
  .plans-hero p{font-size:.96rem;line-height:1.58}
  .plans-back{font-size:.82rem;min-height:42px}
  .plan-card{padding:22px 18px;border-radius:18px}
  .plan-emblem{width:58px;height:58px;margin:0 auto 10px}
  .plan-emblem svg{width:38px;height:38px}
  .plan-emblem-pro{width:62px;height:62px}
  .plan-emblem-pro svg{width:40px;height:40px}
  .plan-tier{font-size:1.25rem}
  .plan-status{font-size:.72rem;padding:3px 9px}
  .plan-tagline{min-height:0;font-size:.86rem;line-height:1.4}
  .plan-price{padding:9px 12px;margin:5px 0 8px}
  .plan-price-num{font-size:2rem}
  .plan-price-cycle{font-size:.78rem}
  .plan-credit-line{font-size:.86rem}
  .plan-economy{font-size:.8rem;padding:6px 9px}
  .plan-card ul{font-size:.84rem;line-height:1.42;gap:7px;margin:12px 0 16px}
  .plan-cta{min-height:46px;font-size:.88rem;border-radius:12px}
  .benefits-intro h2{font-size:clamp(1.5rem,6.2vw,1.9rem)}
  .benefits-intro p{font-size:.92rem}
  .benefit-card{min-height:0;padding:20px 16px;border-radius:16px}
}
  .benefit-heading h3{font-size:1.24rem}
  .benefit-badge{font-size:.76rem}
  .benefit-copy p{font-size:.98rem}
  .plans-note p{font-size:.92rem}
}

/* Portal público para socios e inversionistas */
.socios-shell {
  position: relative;
  isolation: isolate;
  min-height: 100vh;
  overflow-x: hidden;
  color: #edf9f2;
  background: #020b08;
}

/* Navbar */
.socios-nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  width: 100%;
  height: 66px;
  margin: 0;
  padding-inline: max(24px, calc((100vw - 1200px) / 2));
  background: rgba(2, 11, 8, 0.88);
  border-bottom: 1px solid rgba(46, 240, 102, 0.16);
  box-shadow: 0 6px 28px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(16px) saturate(140%);
  -webkit-backdrop-filter: blur(16px) saturate(140%);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.socios-nav .logo {
  height: 42px;
  width: auto;
  filter: drop-shadow(0 2px 12px rgba(0, 211, 55, 0.25));
  transition: transform .18s ease;
}
.socios-nav .logo:hover {
  transform: scale(1.02);
}
.socios-nav-actions {
  display: flex;
  align-items: center;
  gap: 16px;
}
.socios-nav-link {
  font-size: .84rem;
  font-weight: 500;
  color: #c0d5cb;
  text-decoration: none;
  position: relative;
  transition: color .2s ease;
  padding: 6px 0;
}
.socios-nav-link:after {
  content: "";
  position: absolute;
  left: 50%;
  right: 50%;
  bottom: 0;
  height: 2px;
  background: #00d337;
  box-shadow: 0 0 8px #00d337;
  transition: left .22s ease, right .22s ease;
}
.socios-nav-link:hover {
  color: #fff;
}
.socios-nav-link:hover:after {
  left: 0;
  right: 0;
}
.socios-nav-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 16px;
  border-radius: 10px;
  border: 1px solid rgba(57, 239, 109, 0.45);
  background: rgba(0, 211, 55, 0.12);
  color: #eaffef;
  font-size: .84rem;
  font-weight: 600;
  text-decoration: none;
  box-shadow: inset 0 0 14px rgba(0, 211, 55, 0.08);
  transition: all .2s ease;
}
.socios-nav-cta:hover {
  border-color: #39ef6d;
  background: rgba(0, 211, 55, 0.22);
  transform: translateY(-1px);
  box-shadow: 0 4px 16px rgba(0, 211, 55, 0.2), inset 0 0 18px rgba(0, 211, 55, 0.14);
}

/* Hero Section: Dynamic Split Layout for Partners / Investors */
.socios-hero {
  position: relative;
  width: 100%;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  isolation: isolate;
  overflow: hidden;
  padding: 84px 20px 48px;
  box-sizing: border-box;
}
@media (min-width: 981px) {
  .socios-hero {
    min-height: 100vh;
    min-height: 100svh;
    padding-top: 86px;
    padding-bottom: 34px;
  }
}
.socios-hero-parallax {
  position: absolute;
  inset: -36% -6%;
  background: url('/images/hero-bg.jpg') center 36%/cover no-repeat;
  z-index: -4;
  will-change: transform;
  transform: translate3d(0,0,0) scale(1.22);
  pointer-events: none;
}
.socios-hero-inner {
  width: min(1200px, calc(100% - 40px));
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, .86fr);
  gap: 52px;
  align-items: center;
  position: relative;
  z-index: 2;
  text-align: left;
}
.socios-hero-copy {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 660px;
}
.socios-badge-pill {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  padding: 6px 16px;
  border-radius: 999px;
  border: 1px solid rgba(57, 239, 109, 0.45);
  background: rgba(4, 26, 16, 0.72);
  box-shadow: 0 0 20px rgba(0, 211, 55, 0.15), inset 0 0 12px rgba(0, 211, 55, 0.08);
  color: #39ef6d;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .14em;
  text-transform: uppercase;
  margin-bottom: 18px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.socios-badge-pill .badge-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #39ef6d;
  box-shadow: 0 0 10px #39ef6d;
  animation: radarPing 2.2s infinite;
}
.socios-hero-copy h1 {
  font-size: clamp(2rem, 3.4vw, 3.1rem);
  line-height: 1.12;
  letter-spacing: -.035em;
  font-weight: 700;
  margin: 0 0 16px;
  color: #f4fbf7;
  text-shadow: 0 4px 20px rgba(0,0,0,0.5);
}
.socios-hero-copy > p {
  color: #a4c4b6;
  font-size: clamp(1rem, 1.25vw, 1.15rem);
  line-height: 1.66;
  margin: 0 0 26px;
}
.socios-hero-actions {
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 22px;
}
.socios-hero-actions .btn {
  flex: 0 0 auto !important;
  min-height: 50px !important;
  height: auto !important;
  padding: 0 24px !important;
  border-radius: 12px !important;
  font-size: .96rem !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  background: rgba(14, 38, 29, 0.82) !important;
  color: #eafaf1 !important;
  border: 1px solid rgba(57, 239, 109, 0.45) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  transition: all .22s cubic-bezier(.16, 1, .3, 1) !important;
  box-sizing: border-box !important;
}
.socios-hero-actions .btn span {
  color: #eafaf1 !important;
  font-weight: 650 !important;
  transition: color .2s ease !important;
}
.socios-hero-actions .btn .btn-icon {
  flex-shrink: 0 !important;
  display: inline-block !important;
  color: #39ef6d !important;
  transition: transform .2s ease !important;
}
.socios-hero-actions .btn:hover {
  background: rgba(20, 52, 40, 0.96) !important;
  color: #ffffff !important;
  border-color: rgba(57, 239, 109, 0.85) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 24px rgba(57, 239, 109, 0.3) !important;
  transform: translateY(-2px) !important;
}
.socios-hero-actions .btn:hover span {
  color: #ffffff !important;
}
.socios-hero-actions .btn:hover .btn-icon {
  transform: scale(1.08) !important;
}
.socios-hero-actions .btn-whatsapp,
.socios-primary-cta {
  border-color: rgba(0, 211, 55, 0.55) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 16px rgba(0, 211, 55, 0.16), inset 0 1px 0 rgba(0, 211, 55, 0.18) !important;
}
.socios-hero-actions .btn-whatsapp:hover,
.socios-primary-cta:hover {
  border-color: #00d337 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 26px rgba(0, 211, 55, 0.38) !important;
}
.socios-hero-actions .btn-investor,
.socios-secondary-cta {
  border-color: rgba(57, 239, 109, 0.45) !important;
}
.socios-hero-actions .btn-investor:hover,
.socios-secondary-cta:hover {
  border-color: #39ef6d !important;
}
.socios-trust-row {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  color: #8dafa0;
  font-size: .82rem;
}
.socios-trust-row span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

/* Hero Terminal HUD */
.socios-hero-terminal {
  position: relative;
  width: 100%;
}
.terminal-glow {
  position: absolute;
  inset: 12% 8%;
  background: radial-gradient(circle, rgba(0, 211, 55, 0.22) 0%, transparent 68%);
  filter: blur(50px);
  pointer-events: none;
  z-index: 0;
}
.terminal-card {
  position: relative;
  z-index: 1;
  padding: 22px;
  border: 1px solid rgba(57, 239, 109, 0.36);
  border-radius: 24px;
  background: linear-gradient(155deg, rgba(10, 36, 26, 0.94), rgba(3, 14, 10, 0.97));
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.terminal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(57, 239, 109, 0.14);
}
.terminal-title {
  display: flex;
  align-items: center;
  gap: 9px;
  color: #f1faf5;
  font-size: .8rem;
  letter-spacing: .08em;
}
.terminal-radar-pulse {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #39ef6d;
  box-shadow: 0 0 10px #39ef6d;
  position: relative;
}
.terminal-radar-pulse:after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 1px solid rgba(57, 239, 109, 0.5);
  animation: radarPing 2s infinite;
}
.terminal-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 9px;
  border-radius: 99px;
  background: rgba(0, 211, 55, 0.1);
  border: 1px solid rgba(57, 239, 109, 0.32);
  color: #4feb7a;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .06em;
}
.terminal-radar-stage {
  position: relative;
  padding: 16px 0;
  margin: 4px 0 10px;
  overflow: hidden;
}
.radar-circle-outer,
.radar-circle-mid {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  border: 1px dashed rgba(57, 239, 109, 0.18);
  pointer-events: none;
}
.radar-circle-outer {
  width: 280px;
  height: 280px;
}
.radar-circle-mid {
  width: 170px;
  height: 170px;
}
.radar-sweep-hand {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 140px;
  height: 140px;
  transform-origin: 0 0;
  background: conic-gradient(from 0deg, rgba(0, 211, 55, 0.22) 0deg, transparent 65deg);
  border-radius: 100% 0 0 0;
  animation: radarSpin 6s linear infinite;
  pointer-events: none;
}
.terminal-incoming-card {
  position: relative;
  z-index: 2;
  padding: 16px;
  border-radius: 16px;
  border: 1px solid rgba(57, 239, 109, 0.28);
  background: linear-gradient(145deg, rgba(14, 48, 34, 0.88), rgba(4, 18, 12, 0.94));
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.incoming-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 8px;
}
.incoming-tag {
  color: #4feb7a;
  font-size: .68rem;
  font-weight: 800;
  letter-spacing: .08em;
}
.incoming-match {
  color: #39ef6d;
  font-size: .68rem;
  font-weight: 750;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(0, 211, 55, 0.12);
  border: 1px solid rgba(57, 239, 109, 0.25);
}
.incoming-biz {
  display: block;
  color: #ffffff;
  font-size: .96rem;
  font-weight: 650;
  margin-bottom: 8px;
}
.incoming-amount {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  background: rgba(2, 12, 8, 0.7);
  border: 1px solid rgba(57, 239, 109, 0.14);
}
.incoming-amount small {
  color: #7fa493;
  font-size: .7rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.incoming-amount b {
  color: #39ef6d;
  font-size: .95rem;
}
.incoming-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 10px;
  font-size: .74rem;
  color: #8faea1;
}
.incoming-lock {
  color: #51e979;
  font-weight: 600;
}
.terminal-quick-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid rgba(57, 239, 109, 0.12);
}
.stat-cell {
  text-align: center;
  padding: 8px 4px;
  border-radius: 10px;
  background: rgba(0, 211, 55, 0.04);
  border: 1px solid rgba(57, 239, 109, 0.1);
}
.stat-cell small {
  display: block;
  color: #7aa08f;
  font-size: .64rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 2px;
}
.stat-cell b {
  color: #edf9f2;
  font-size: .84rem;
}

/* Alternating Sections Spacing: Tight & Balanced (No excessive gap) */
.socios-tutorial-section,
.socios-plans-section {
  position: relative;
  isolation: isolate;
  padding: 56px 0 68px;
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
}

/* Section 2: Video Tutorial */
.socios-tutorial-layout {
  display: grid;
  grid-template-columns: minmax(300px, 390px) minmax(360px, 1fr);
  gap: 46px;
  align-items: center;
  max-width: 1040px;
  margin: 0 auto;
  position: relative;
  z-index: 2;
}
.socios-video-stage {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.socios-video-frame {
  width: min(100%, 390px);
  padding: 10px;
  border: 1px solid rgba(57, 239, 109, 0.34);
  border-radius: 26px;
  background: linear-gradient(150deg, rgba(12, 42, 30, 0.94), rgba(2, 11, 8, 0.98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.6), 0 0 32px rgba(0, 211, 55, 0.1);
  box-sizing: border-box;
}
.socios-video-top {
  height: 38px;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #a9c4b6;
  font-size: .74rem;
  font-weight: 600;
  border-bottom: 1px solid rgba(57, 239, 109, 0.12);
  margin-bottom: 10px;
}
.socios-video-top span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.socios-video-top .live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #39ef6d;
  box-shadow: 0 0 10px #39ef6d;
  display: inline-block;
}
.socios-video-top small {
  color: #6f9180;
  font-size: .7rem;
}
.socios-video {
  display: block;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 9/16;
  max-height: 520px;
  border-radius: 18px;
  background: #000;
  object-fit: cover;
}
.socios-video-caption {
  max-width: 390px;
  margin: 14px 0 0;
  text-align: center;
  color: #829f91;
  font-size: .78rem;
  line-height: 1.5;
}
.socios-guide-list {
  display: grid;
  gap: 12px;
  position: relative;
  z-index: 2;
}
.socios-guide-intro {
  margin-bottom: 4px;
}
.socios-guide-kicker {
  color: #39ef6d;
  font-size: .72rem;
  font-weight: 750;
  letter-spacing: .15em;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 6px;
}
.socios-guide-intro h3 {
  margin: 0 0 8px;
  font-size: clamp(1.3rem, 2vw, 1.65rem);
  color: #edf8f2;
  font-weight: 650;
  letter-spacing: -.025em;
}
.socios-guide-intro p {
  margin: 0;
  color: #8ea99b;
  font-size: .92rem;
  line-height: 1.58;
}
.socios-guide-item {
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  align-items: start;
  padding: 15px 17px;
  border: 1px solid rgba(46, 240, 102, 0.16);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(9, 32, 23, 0.76), rgba(3, 14, 9, 0.88));
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.04);
  transition: transform .22s ease, border-color .22s ease;
}
.socios-guide-item:hover {
  transform: translateY(-2px);
  border-color: rgba(57, 239, 109, 0.38);
}
.socios-guide-num {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  color: #53ee7d;
  background: rgba(0, 211, 55, 0.09);
  border: 1px solid rgba(57, 239, 109, 0.28);
  font-size: .78rem;
  font-weight: 850;
  letter-spacing: .06em;
}
.socios-guide-item h4 {
  margin: 0 0 4px;
  color: #edf8f2;
  font-size: .98rem;
  font-weight: 650;
}
.socios-guide-item p {
  margin: 0;
  color: #8ea99b;
  font-size: .84rem;
  line-height: 1.52;
}
.socios-inline-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: 6px;
  padding: 14px 18px;
  border: 1px solid rgba(57, 239, 109, 0.32);
  border-radius: 14px;
  color: #6cf394;
  text-decoration: none;
  font-size: .88rem;
  font-weight: 650;
  background: rgba(0, 211, 55, 0.07);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);
  transition: all .2s ease;
}
.socios-inline-link:hover {
  border-color: #39ef6d;
  background: rgba(0, 211, 55, 0.14);
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 10px 26px rgba(0, 211, 55, 0.15);
}

/* Section 3: Process Grid (Opaque BG + Intro Parallax) */
.socios-process-section {
  width: 100%;
  position: relative;
  isolation: isolate;
  padding: 48px 0 64px;
  overflow: hidden;
}
.socios-intro-parallax {
  position: absolute;
  inset: -36% -6%;
  background: url('/images/background_3.jpg') center 36%/cover no-repeat;
  z-index: 0;
  will-change: transform;
  transform: translate3d(0, 0, 0) scale(1.22);
  pointer-events: none;
}
.socios-process-grid {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
}
.socios-process-card {
  min-height: 250px;
  padding: 24px 20px;
}
.socios-process-number {
  font-size: .88rem;
  font-weight: 850;
  color: #39ef6d;
}

/* Section 4: Control & Dashboard Preview (Audiences band with ambient particles) */
.socios-control-section {
  position: relative;
  isolation: isolate;
  padding: 52px 0 64px;
  background: radial-gradient(circle at 50% 0%, rgba(0, 211, 55, 0.09), transparent 55%), linear-gradient(180deg, #020b08 0%, #03100b 100%);
  border-top: 1px solid rgba(46, 240, 102, 0.12);
  border-bottom: 1px solid rgba(46, 240, 102, 0.08);
  overflow: hidden;
  box-sizing: border-box;
}
.socios-control-inner {
  width: min(1180px, calc(100% - 40px));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr);
  gap: 48px;
  align-items: center;
  position: relative;
  z-index: 2;
}
.socios-control-copy .section-kicker {
  text-align: left;
  margin: 0 0 10px;
}
.socios-control-copy h2 {
  font-size: clamp(1.5rem, 2.7vw, 2.2rem);
  line-height: 1.18;
  letter-spacing: -.035em;
  margin: 0 0 14px;
  color: #f4fbf7;
}
.socios-control-copy > p {
  color: #9bb5a8;
  font-size: .98rem;
  line-height: 1.64;
  margin: 0;
}
.socios-feature-list {
  list-style: none;
  padding: 0;
  margin: 22px 0 0;
  display: grid;
  gap: 12px;
}
.socios-feature-list li {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  color: #b8d0c4;
  font-size: .92rem;
  line-height: 1.5;
}
.socios-feature-list li span {
  color: #00d337;
  font-weight: 900;
  flex-shrink: 0;
  margin-top: 1px;
  text-shadow: 0 0 8px rgba(0, 211, 55, 0.4);
}
.socios-control-visual {
  position: relative;
}
.socios-control-visual:before {
  content: "";
  position: absolute;
  inset: 10% 8%;
  background: rgba(0, 211, 55, 0.16);
  filter: blur(60px);
  border-radius: 50%;
  pointer-events: none;
}
.socios-dashboard-preview {
  position: relative;
  padding: 22px;
  border: 1px solid rgba(57, 239, 109, 0.32);
  border-radius: 22px;
  background: linear-gradient(150deg, rgba(8, 34, 23, 0.94), rgba(2, 13, 9, 0.98));
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.socios-preview-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(57, 239, 109, 0.14);
}
.socios-preview-head small {
  display: block;
  margin-bottom: 3px;
  color: #4feb7a;
  font-size: .65rem;
  font-weight: 850;
  letter-spacing: .12em;
}
.socios-preview-head strong {
  display: block;
  color: #edf9f2;
  font-size: .95rem;
}
.live-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border-radius: 99px;
  background: rgba(0, 211, 55, 0.1);
  border: 1px solid rgba(57, 239, 109, 0.3);
  color: #51e979;
  font-size: .72rem;
  font-weight: 650;
}
.live-pill .live-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #39ef6d;
  box-shadow: 0 0 8px #39ef6d;
}
.socios-preview-metrics {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 14px 0;
}
.metric-box {
  padding: 13px 14px;
  border: 1px solid rgba(57, 239, 109, 0.15);
  border-radius: 14px;
  background: rgba(0, 211, 55, 0.04);
}
.metric-box small {
  display: block;
  color: #789c8b;
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 650;
}
.metric-box b {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 5px;
  color: #eaf8f0;
  font-size: .95rem;
}
.metric-box .metric-green {
  color: #39ef6d;
}
.plan-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #39ef6d;
  box-shadow: 0 0 8px #39ef6d;
  display: inline-block;
}
.socios-preview-lead {
  display: grid;
  gap: 8px;
  padding: 16px;
  border: 1px solid rgba(57, 239, 109, 0.22);
  border-radius: 16px;
  background: linear-gradient(145deg, rgba(0, 211, 55, 0.08), rgba(0, 211, 55, 0.02));
}
.socios-preview-lead .lead-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.lead-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #4feb7a;
  font-size: .72rem;
  font-weight: 750;
}
.lead-badge .live-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #39ef6d;
  box-shadow: 0 0 8px #39ef6d;
}
.lead-city {
  color: #8daea0;
  font-size: .74rem;
  font-weight: 600;
}
.socios-preview-lead b {
  color: #f1faf5;
  font-size: .94rem;
  font-weight: 650;
}
.lead-range {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 8px 10px;
  border-radius: 8px;
  background: rgba(2, 11, 8, 0.6);
  border: 1px solid rgba(57, 239, 109, 0.12);
}
.lead-range small {
  color: #799d8c;
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .06em;
}
.lead-range strong {
  color: #39ef6d;
  font-size: .9rem;
}
.lead-footer {
  color: #799a8b;
  font-size: .72rem;
  line-height: 1.4;
  margin-top: 2px;
}

/* Section 5: Plans Grid (Enhanced & Attractive) */
.socios-plan-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  position: relative;
  z-index: 2;
}
.socios-plan-card {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 330px;
  padding: 26px 24px;
  border: 1px solid rgba(57, 239, 109, 0.25);
  border-radius: 24px;
  background: linear-gradient(155deg, rgba(10, 36, 26, 0.92) 0%, rgba(3, 16, 11, 0.98) 100%);
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  transition: transform .26s ease, border-color .26s ease, box-shadow .26s ease;
}
.socios-plan-card:hover {
  transform: translateY(-6px);
  border-color: rgba(57, 239, 109, 0.55);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), 0 0 28px rgba(0, 211, 55, 0.18);
}
.socios-plan-plus {
  border-color: rgba(87, 169, 255, 0.35);
  background: linear-gradient(155deg, rgba(8, 32, 44, 0.92) 0%, rgba(3, 15, 22, 0.98) 100%);
}
.socios-plan-plus:hover {
  border-color: rgba(87, 169, 255, 0.65);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), 0 0 30px rgba(87, 169, 255, 0.22);
}
.socios-plan-pro {
  border-color: rgba(245, 215, 110, 0.38);
  background: linear-gradient(155deg, rgba(40, 34, 14, 0.9) 0%, rgba(12, 20, 14, 0.98) 100%);
}
.socios-plan-pro:hover {
  border-color: rgba(245, 215, 110, 0.68);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.55), 0 0 32px rgba(245, 215, 110, 0.25);
}
.socios-plan-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}
.socios-plan-emblem-wrap {
  flex-shrink: 0;
}
.socios-plan-emblem-icon {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 15px;
  background: rgba(0, 211, 55, 0.1);
  border: 1px solid rgba(57, 239, 109, 0.28);
  font-size: 1.5rem;
  box-shadow: inset 0 0 16px rgba(0, 211, 55, 0.1);
}
.socios-plan-plus .socios-plan-emblem-icon {
  background: rgba(87, 169, 255, 0.12);
  border-color: rgba(87, 169, 255, 0.32);
  box-shadow: inset 0 0 16px rgba(87, 169, 255, 0.12);
}
.socios-plan-pro .socios-plan-emblem-icon {
  background: rgba(245, 215, 110, 0.12);
  border-color: rgba(245, 215, 110, 0.35);
  color: #f5d76e;
  box-shadow: inset 0 0 16px rgba(245, 215, 110, 0.14);
}
.socios-plan-badge {
  color: #39ef6d;
  font-size: .68rem;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 99px;
  background: rgba(0, 211, 55, 0.12);
  border: 1px solid rgba(57, 239, 109, 0.3);
}
.socios-plan-plus .socios-plan-badge {
  color: #57a9ff;
  background: rgba(87, 169, 255, 0.12);
  border-color: rgba(87, 169, 255, 0.32);
}
.socios-plan-pro .socios-plan-badge {
  color: #f5d76e;
  background: rgba(245, 215, 110, 0.12);
  border-color: rgba(245, 215, 110, 0.34);
}
.socios-plan-head {
  margin-bottom: 12px;
}
.socios-plan-head h3 {
  margin: 0 0 6px;
  color: #ffffff;
  font-size: 1.25rem;
  font-weight: 750;
  letter-spacing: -.01em;
}
.socios-plan-pricing {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.plan-price-val {
  font-size: 1.95rem;
  font-weight: 800;
  line-height: 1;
  color: #39ef6d;
  letter-spacing: -.03em;
}
.socios-plan-plus .plan-price-val {
  color: #57a9ff;
}
.socios-plan-pro .plan-price-val {
  color: #f5d76e;
}
.plan-price-sub {
  color: #8faea1;
  font-size: .78rem;
  font-weight: 550;
}
.socios-plan-desc {
  margin: 0 0 16px;
  color: #9cb8ab;
  font-size: .88rem;
  line-height: 1.55;
}
.socios-plan-chips {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid rgba(57, 239, 109, 0.12);
}
.socios-plan-plus .socios-plan-chips {
  border-top-color: rgba(87, 169, 255, 0.14);
}
.socios-plan-pro .socios-plan-chips {
  border-top-color: rgba(245, 215, 110, 0.14);
}
.socios-chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: .8rem;
  color: #d8ede3;
  line-height: 1.4;
}
.chip-check {
  font-style: normal;
  color: #39ef6d;
  font-weight: 900;
  font-size: .78rem;
}
.socios-plan-plus .chip-check {
  color: #57a9ff;
}
.socios-plan-pro .chip-check {
  color: #f5d76e;
}
.socios-plans-cta-wrap {
  display: flex;
  justify-content: center;
  margin-top: 26px;
  position: relative;
  z-index: 2;
}
.socios-plans-link {
  min-height: 48px;
  padding: 0 24px;
  border-radius: 12px;
  border: 1px solid rgba(57, 239, 109, 0.38);
  color: #e8f8ef;
  background: rgba(0, 211, 55, 0.1);
  font-size: .92rem;
  font-weight: 650;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.28);
  transition: all .2s ease;
}
.socios-plans-link:hover {
  background: rgba(0, 211, 55, 0.22);
  border-color: #39ef6d;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 10px 28px rgba(0, 211, 55, 0.2);
}

/* Section 6: Final CTA (Opaque BG + CTA Parallax) */
.socios-final-section {
  width: 100%;
  position: relative;
  isolation: isolate;
  padding: 48px 0 68px;
  overflow: hidden;
}
.socios-cta-parallax {
  position: absolute;
  inset: -40% -6%;
  background: url('/images/background_5.jpg') center 36%/cover no-repeat;
  z-index: 0;
  will-change: transform;
  transform: translate3d(0, 0, 0) scale(1.22);
  pointer-events: none;
}
.socios-cta-box {
  width: min(940px, calc(100% - 40px));
  margin: 0 auto;
  position: relative;
  z-index: 3;
  padding: 38px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  border: 1px solid rgba(57, 239, 109, 0.34);
  border-radius: 24px;
  background: radial-gradient(circle at 86% 50%, rgba(0, 211, 55, 0.14), transparent 42%), linear-gradient(145deg, rgba(9, 39, 27, 0.94), rgba(3, 16, 11, 0.98));
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.45);
}
.socios-cta-box .cta-copy {
  max-width: 600px;
}
.socios-cta-box .section-kicker {
  text-align: left;
  margin: 0 0 8px;
}
.socios-cta-box h2 {
  margin: 0 0 8px;
  color: #eff9f4;
  font-size: clamp(1.45rem, 2.5vw, 2.1rem);
  line-height: 1.2;
  letter-spacing: -.035em;
}
.socios-cta-box p {
  margin: 0;
  color: #94afa1;
  font-size: .94rem;
  line-height: 1.6;
}
.socios-final-actions {
  display: flex;
  align-items: center;
}
.socios-final-cta-btn {
  white-space: nowrap;
  flex: 0 0 auto !important;
  min-height: 50px !important;
  height: auto !important;
  padding: 0 26px !important;
  border-radius: 12px !important;
  font-size: .96rem !important;
  font-weight: 650 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-decoration: none !important;
  background: rgba(14, 38, 29, 0.85) !important;
  color: #f4fbf7 !important;
  border: 1px solid rgba(0, 211, 55, 0.55) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.35), 0 0 16px rgba(0, 211, 55, 0.16), inset 0 1px 0 rgba(0, 211, 55, 0.18) !important;
  box-sizing: border-box !important;
  transition: all .22s cubic-bezier(.16, 1, .3, 1) !important;
}
.socios-final-cta-btn span {
  color: #f4fbf7 !important;
}
.socios-final-cta-btn .btn-icon {
  color: #39ef6d !important;
}
.socios-final-cta-btn:hover {
  background: rgba(20, 52, 40, 0.96) !important;
  color: #ffffff !important;
  border-color: #00d337 !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.5), 0 0 26px rgba(0, 211, 55, 0.38) !important;
  transform: translateY(-2px) !important;
}
.socios-final-cta-btn:hover span {
  color: #ffffff !important;
}

/* Footer */
.socios-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  text-align: left;
}

/* Responsive Overrides (Tablet & Mobile) */
@media (max-width: 980px) {
  .socios-hero {
    padding: 106px 28px 48px;
    min-height: auto;
  }
  .socios-hero-inner {
    grid-template-columns: 1fr;
    gap: 36px;
    text-align: center;
    width: min(100% - 64px, 680px);
    margin: 0 auto;
  }
  .socios-hero-copy {
    align-items: center;
    max-width: 660px;
    margin: 0 auto;
  }
  .socios-hero-actions {
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    max-width: 520px;
    margin: 0 auto 22px;
  }
  .socios-hero-actions .btn {
    flex: 0 0 auto !important;
    height: auto !important;
    min-height: 52px !important;
    padding: 0 24px !important;
    font-size: .96rem !important;
    width: auto !important;
  }
  .socios-trust-row {
    justify-content: center;
  }
  .socios-hero-terminal {
    max-width: 480px;
    margin: 0 auto;
  }
  .socios-tutorial-section,
  .socios-plans-section {
    width: min(100% - 64px, 680px);
    margin: 0 auto;
    padding: 48px 0 58px;
  }
  .socios-tutorial-layout {
    grid-template-columns: 1fr;
    gap: 32px;
  }
  .socios-video-stage {
    max-width: 380px;
    margin: 0 auto;
  }
  .socios-process-grid {
    grid-template-columns: repeat(2, 1fr);
    width: min(100% - 64px, 680px);
    margin: 0 auto;
    gap: 16px;
  }
  .socios-control-inner {
    grid-template-columns: 1fr;
    gap: 32px;
    width: min(100% - 64px, 680px);
    margin: 0 auto;
  }
  .socios-control-visual {
    max-width: 520px;
    width: 100%;
    margin: 0 auto;
  }
  .socios-plan-grid {
    grid-template-columns: 1fr;
    max-width: 520px;
    margin: 0 auto;
    gap: 18px;
  }
  .socios-cta-box {
    flex-direction: column;
    text-align: center;
    padding: 34px 28px;
    gap: 24px;
    width: min(100% - 64px, 680px);
    margin: 0 auto;
  }
  .socios-cta-box .section-kicker {
    text-align: center;
  }
  .socios-final-actions {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .socios-final-cta-btn {
    flex: 0 0 auto !important;
    min-height: 48px !important;
    max-height: 52px !important;
    padding: 12px 28px !important;
    height: auto !important;
    width: auto !important;
  }
  .socios-footer {
    width: min(100% - 64px, 680px);
    margin: 0 auto;
  }
}

@media (max-width: 600px) {
  .socios-nav {
    height: 70px;
    padding-inline: max(18px, env(safe-area-inset-left));
    background: rgba(2, 13, 9, 0.85);
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
  }
  .socios-nav .logo {
    width: clamp(112px, 32vw, 138px);
    height: auto;
  }
  .socios-nav-link {
    display: none;
  }
  .socios-nav-cta {
    min-height: 42px;
    padding: 0 14px;
    font-size: .8rem;
  }
  .socios-nav-cta .nav-access-icon {
    display: none;
  }
  .socios-hero {
    min-height: auto;
    padding-top: calc(70px + 28px);
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
    gap: 20px;
  }
  .socios-hero-inner {
    width: min(100% - 40px, 440px);
    gap: 24px;
    text-align: center;
    margin: 0 auto;
  }
  .socios-hero-copy {
    align-items: center;
  }
  .socios-badge-pill {
    font-size: .68rem;
    padding: 6px 14px;
    margin-bottom: 14px;
    letter-spacing: .1em;
  }
  .socios-hero-copy h1 {
    font-size: clamp(1.48rem, 6.4vw, 2.05rem);
    line-height: 1.18;
    margin-bottom: 14px;
  }
  .socios-hero-copy > p {
    font-size: .92rem;
    line-height: 1.58;
    margin-bottom: 20px;
    max-width: 420px;
  }
  .socios-hero-actions {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 320px;
    align-items: stretch;
    gap: 12px;
    margin: 0 auto 18px;
  }
  .socios-hero-actions .btn {
    flex: none !important;
    width: 100% !important;
    min-height: 56px !important;
    max-height: 60px !important;
    height: 56px !important;
    padding: 0 20px !important;
    font-size: 1.02rem !important;
    font-weight: 650 !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-sizing: border-box !important;
    color: #f4fbf7 !important;
    background: rgba(14, 38, 29, 0.88) !important;
  }
  .socios-hero-actions .btn span {
    color: #f4fbf7 !important;
    font-weight: 650 !important;
    font-size: 1.02rem !important;
  }
  .socios-hero-actions .btn .btn-icon {
    width: 22px !important;
    height: 22px !important;
    color: #39ef6d !important;
    flex-shrink: 0 !important;
    filter: drop-shadow(0 0 8px rgba(0, 211, 55, 0.45)) !important;
  }
  .socios-trust-row {
    justify-content: center;
    gap: 8px 14px;
    font-size: .75rem;
    margin-top: 0;
  }
  .socios-hero-terminal {
    max-width: 390px;
    margin: 0 auto;
    width: 100%;
  }
  .terminal-card {
    padding: 18px 16px;
    border-radius: 20px;
  }
  .terminal-header {
    padding-bottom: 10px;
  }
  .terminal-title {
    font-size: .72rem;
  }
  .terminal-incoming-card {
    padding: 12px;
  }
  .incoming-biz {
    font-size: .88rem;
  }
  .incoming-amount {
    padding: 6px 10px;
  }
  .incoming-amount b {
    font-size: .88rem;
  }
  .incoming-footer {
    font-size: .68rem;
  }
  .stat-cell b {
    font-size: .76rem;
  }
  .socios-tutorial-section,
  .socios-plans-section {
    padding: 44px 0 52px;
    width: min(100% - 40px, 440px);
    margin: 0 auto;
  }
  .socios-process-section,
  .socios-final-section {
    padding: 42px 0 50px;
  }
  .socios-process-grid {
    grid-template-columns: 1fr;
    width: min(100% - 40px, 440px);
    margin: 0 auto;
    gap: 12px;
  }
  .socios-process-card {
    min-height: 0;
    padding: 20px 18px;
    border-radius: 18px;
  }
  .socios-control-inner {
    width: min(100% - 40px, 440px);
    margin: 0 auto;
    gap: 28px;
  }
  .socios-control-copy .section-kicker {
    text-align: center;
  }
  .socios-control-copy h2 {
    text-align: center;
    font-size: clamp(1.35rem, 5.8vw, 1.8rem);
  }
  .socios-control-copy > p {
    text-align: center;
    font-size: .92rem;
  }
  .socios-dashboard-preview {
    padding: 16px;
    border-radius: 18px;
  }
  .socios-preview-metrics {
    gap: 8px;
  }
  .socios-preview-metrics .metric-box {
    padding: 10px 12px;
  }
  .socios-preview-metrics b {
    font-size: .88rem;
  }
  .socios-video-frame {
    width: min(100%, 360px);
    padding: 8px;
    border-radius: 20px;
  }
  .socios-video {
    max-height: 68svh;
    border-radius: 14px;
  }
  .socios-guide-item {
    padding: 14px 15px;
    gap: 12px;
    border-radius: 16px;
  }
  .socios-guide-num {
    width: 38px;
    height: 38px;
    font-size: .72rem;
  }
  .socios-plan-grid {
    grid-template-columns: 1fr;
    width: 100%;
    gap: 16px;
  }
  .socios-plan-card {
    min-height: 0;
    padding: 22px 20px;
    border-radius: 20px;
    gap: 12px;
  }
  .plan-price-val {
    font-size: 1.7rem;
  }
  .socios-plan-desc {
    font-size: .84rem;
    margin-bottom: 12px;
  }
  .socios-chip {
    font-size: .78rem;
  }
  .socios-plan-emblem-icon {
    width: 44px;
    height: 44px;
    font-size: 1.3rem;
  }
  .socios-plans-cta-wrap {
    margin-top: 20px;
  }
  .socios-plans-link {
    width: 100%;
    max-width: 330px;
    justify-content: center;
    text-align: center;
    min-height: 46px;
    padding: 0 16px;
    font-size: .84rem;
    box-sizing: border-box;
  }
  .socios-cta-box {
    width: min(100% - 40px, 440px);
    margin: 0 auto;
    padding: 28px 20px;
    border-radius: 20px;
    gap: 20px;
  }
  .socios-final-actions {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .socios-final-cta-btn {
    flex: none !important;
    width: 100% !important;
    max-width: 320px !important;
    min-height: 56px !important;
    max-height: 60px !important;
    height: 56px !important;
    padding: 0 20px !important;
    font-size: 1.02rem !important;
    font-weight: 650 !important;
    border-radius: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
  }
  .socios-final-cta-btn span {
    color: #f4fbf7 !important;
    font-weight: 650 !important;
    font-size: 1.02rem !important;
  }
  .socios-final-cta-btn .btn-icon {
    width: 22px !important;
    height: 22px !important;
    color: #39ef6d !important;
  }
  .socios-footer {
    width: min(100% - 40px, 440px);
    margin: 0 auto;
    flex-direction: column;
    text-align: center;
    gap: 14px;
    padding-bottom: max(24px, env(safe-area-inset-bottom));
  }
  .socios-footer nav {
    flex-wrap: wrap;
    justify-content: center;
  }
}