.referral-page{max-width:1450px;margin:auto}.referral-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.referral-head h1{margin:5px 0;font-size:31px}.referral-head p{max-width:720px;margin:0;color:#738097}.referral-head-stats{display:flex;gap:10px}.referral-head-stats>span{min-width:125px;padding:13px 16px;border:1px solid #e4eaf3;border-radius:13px;background:#fff;display:grid;box-shadow:0 8px 24px rgba(20,42,83,.05)}.referral-head-stats b{font-size:24px;color:#071838}.referral-head-stats small{font-size:9px;color:#7b89a1}.referral-share-card{position:relative;overflow:hidden;padding:30px;border-radius:20px;color:#fff;background:radial-gradient(circle at 88% -20%,rgba(18,223,207,.45),transparent 30%),linear-gradient(115deg,#001232,#003b84 62%,#0758ff);box-shadow:0 18px 45px rgba(0,36,98,.18)}.referral-share-card:after{content:'';position:absolute;right:-60px;bottom:-145px;width:300px;height:300px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.referral-share-copy{position:relative;z-index:1;display:flex;align-items:center;gap:18px}.referral-share-icon{width:58px;height:58px;flex:0 0 58px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#087cff,#12dfcf);font-size:24px}.referral-share-copy small{color:#20dddc;font-size:8px;font-weight:800;letter-spacing:.16em}.referral-share-copy h2{font-size:24px;margin:4px 0}.referral-share-copy p{margin:0;color:#b8c8df;font-size:11px}.referral-link-field{position:relative;z-index:1;display:flex;max-width:900px;margin-top:23px;padding:6px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.1)}.referral-link-field input{min-width:0;flex:1;border:0!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font-size:11px}.referral-link-field button,.referral-link-field>a{min-height:40px;border:0;border-radius:9px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#05235a;font-size:10px;font-weight:800;white-space:nowrap}.referral-link-field>a{margin-left:6px;background:#12dfcf;color:#002e50}.referral-link-field>a:hover{background:#20eadb}.referral-actions{position:relative;z-index:1;display:flex;align-items:center;gap:16px;margin-top:16px}.whatsapp-share{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:10px;background:#18b966;color:#fff;font-size:10px;font-weight:800;box-shadow:0 9px 22px rgba(24,185,102,.24)}.whatsapp-share:hover{background:#10a85a}.whatsapp-share span{font-size:15px}.referral-actions small{color:#aebed5;font-size:8px}.referral-list-card{margin-top:18px;padding:0!important;overflow:hidden}.referral-list-card>header{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid #e8edf4}.referral-list-card h2{margin:5px 0 0;font-size:18px}.referral-count{padding:7px 10px;border-radius:20px;background:#e9f3ff;color:#0758ff;font-size:9px;font-weight:800}.referral-table-wrap{overflow:auto}.referral-list-card table{width:100%;border-collapse:collapse}.referral-list-card th,.referral-list-card td{padding:15px 20px;text-align:left;border-bottom:1px solid #edf1f6;white-space:nowrap}.referral-list-card th{background:#f8faff;color:#73829a;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.referral-list-card td{color:#526079;font-size:10px}.referral-person{display:flex;align-items:center;gap:10px}.referral-person>i{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#0758ff,#00c9f6);color:#fff;font-style:normal;font-weight:800}.referral-person span,.referral-contact{display:grid}.referral-person b,.referral-contact b,.referral-list-card td>b{color:#101d38;font-size:10px}.referral-person small,.referral-contact small{color:#8a96a9;font-size:8px}.referral-status{display:inline-flex;padding:6px 9px;border-radius:20px;background:#e8fff4;color:#009c60;font-size:8px;font-weight:800}.referral-status.suspensa{background:#fff6dc;color:#a66c00}.referral-status.cancelada{background:#ffe9ec;color:#c43c4d}.referral-empty{padding:65px 25px;text-align:center}.referral-empty>span{width:58px;height:58px;margin:auto;display:grid;place-items:center;border-radius:17px;background:#e9f3ff;color:#0758ff;font-size:23px}.referral-empty h3{margin:16px 0 6px}.referral-empty p{max-width:520px;margin:auto;color:#7c899e;font-size:11px;line-height:1.6}.signup-referral{display:flex;align-items:center;gap:11px;margin:15px 0;padding:12px;border:1px solid #bfeee0;border-radius:11px;background:#edfff8;color:#135b45}.signup-referral>span{width:33px;height:33px;display:grid;place-items:center;border-radius:10px;background:#18b966;color:#fff}.signup-referral div{display:grid}.signup-referral b{font-size:10px}.signup-referral small{font-size:8px;color:#4e7c6e}
@media(max-width:760px){.referral-head{align-items:flex-start;flex-direction:column}.referral-head-stats{width:100%}.referral-head-stats>span{min-width:0;flex:1}.referral-share-card{padding:22px}.referral-link-field{display:grid;grid-template-columns:1fr 1fr}.referral-link-field input{grid-column:1/-1}.referral-link-field>a{margin-left:6px}.referral-actions{align-items:flex-start;flex-direction:column}.whatsapp-share{width:100%;justify-content:center}.referral-list-card>header{align-items:flex-start;gap:12px}.referral-table-wrap{overflow-x:auto}.referral-list-card table{min-width:850px}}