.user-hero,.mining-hero,.channel-hero,.wallet-hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:24px;padding:38px;border-radius:24px;overflow:hidden;color:#fff;background:linear-gradient(125deg,#0f766e,#0d9488 48%,#14b8a6);box-shadow:0 20px 50px #0f766e2b}.user-hero:after,.channel-hero:after{position:absolute;width:280px;height:280px;right:-70px;bottom:-160px;border:45px solid #ffffff12;border-radius:50%;content:""}.user-hero h1,.mining-hero h1,.channel-hero h1{margin:5px 0;font-size:38px}.user-hero p,.mining-hero p,.channel-hero p{max-width:650px;color:#d9fffa}.balance-orb{position:relative;z-index:2;display:grid;min-width:230px;padding:25px;border:1px solid #ffffff38;border-radius:20px;background:#ffffff17;backdrop-filter:blur(7px)}.balance-orb strong{font-size:30px}.balance-orb span{color:#d9fffa}.hero-actions{display:flex;gap:10px;margin-top:20px}.wallet-hero{background:linear-gradient(125deg,#4338ca,#7c3aed 55%,#a855f7)}.wallet-hero h1{margin:2px 0;font-size:45px}.wallet-hero p{margin:0;color:#ddd6fe}.wallet-hero>div:first-child{display:grid}.wallet-hero .hero-actions{margin:0}.boton.claro{background:#fff;color:#5735b0}.boton.oscuro{background:#24164c}.accesos-usuario{display:grid;grid-template-columns:repeat(4,1fr);gap:0;overflow:hidden}.accesos-usuario a{display:flex;align-items:center;gap:13px;padding:22px;border-right:1px solid #edeaf3;color:#282337}.accesos-usuario a:last-child{border:0}.accesos-usuario a:hover{background:#faf9fd;text-decoration:none}.accesos-usuario a>span{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#e6fffa;color:#0f8b7f;font-size:20px}.accesos-usuario a div{display:grid}.accesos-usuario small{color:#858092}.mining-hero{background:linear-gradient(125deg,#082f49,#0369a1 55%,#0891b2)}.mining-hero>div:last-child{display:grid;min-width:210px;padding:22px;border-radius:18px;background:#ffffff17}.mining-hero>div:last-child strong{font-size:28px}.planes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan-card{padding:25px;border:1px solid #dfe9ec;border-radius:21px;background:#fff;box-shadow:0 15px 35px #0a52600d}.plan-card:nth-child(3n+2){background:linear-gradient(160deg,#f0fdfa,#fff)}.plan-card>span{color:#0f8b7f;font-size:11px;font-weight:850;text-transform:uppercase}.plan-icon{display:grid;width:48px;height:48px;margin-bottom:16px;place-items:center;border-radius:14px;background:#ccfbf1;color:#0f766e;font-size:24px}.plan-card h2{font-size:21px}.plan-return{display:flex;align-items:baseline;gap:8px;padding:15px 0}.plan-return strong{color:#0f8b7f;font-size:31px}.plan-return small{color:#817c91}.plan-card ul{padding-left:19px;color:#6f6a7c}.plan-card form{display:grid;gap:9px}.plan-card input,.ad-card input{padding:12px;border:1px solid #d9e4e5;border-radius:10px;font:inherit}.seccion-separada{margin-top:36px}.mining-card,.ad-card{padding:22px}.mining-card .progress{height:9px;margin:18px 0;border-radius:99px;background:#e9e7ef;overflow:hidden}.mining-card .progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0d9488,#2dd4bf)}.mining-card dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #efedf4}.mining-card dd{margin:0;font-weight:750}.income-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px}.income-tabs button{display:grid;gap:3px;padding:16px;border:1px solid #e3dfec;border-radius:13px;background:#fff;color:#6e687c;text-align:left;cursor:pointer}.income-tabs button.activo{border-color:#14b8a6;background:#f0fdfa;color:#0f766e;box-shadow:0 8px 20px #0d94881a}.income-tabs button span{font-size:11px}.income-tabs button strong{font-size:15px}.total-ingresos{color:#0f8b7f;font-size:30px}.monto-positivo{color:#078056;font-weight:800}.monto-negativo{color:#c43e4b;font-weight:800}.channel-hero{background:linear-gradient(125deg,#312e81,#6d28d9 55%,#9333ea)}.channel-hero>span{font-size:90px;opacity:.3}.ad-card{display:flex;flex-direction:column;min-height:280px}.ad-card form{display:grid;gap:9px;margin-top:auto;padding-top:18px}.user-metrics .metrica-icono.verde{background:#dff9ef}.pagina-panel:has(.user-hero) .sidebar,.pagina-panel:has(.wallet-hero) .sidebar,.pagina-panel:has(.mining-hero) .sidebar,.pagina-panel:has(.channel-hero) .sidebar{background:linear-gradient(180deg,#102a2b,#123e40 55%,#0f5c57)}
@media(max-width:1100px){.planes-grid{grid-template-columns:repeat(2,1fr)}.accesos-usuario{grid-template-columns:repeat(2,1fr)}.income-tabs{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.user-hero,.mining-hero,.channel-hero,.wallet-hero{align-items:flex-start;flex-direction:column;padding:27px}.user-hero h1,.mining-hero h1,.channel-hero h1{font-size:31px}.balance-orb,.mining-hero>div:last-child{width:100%}.wallet-hero .hero-actions{width:100%}.wallet-hero .hero-actions .boton{flex:1}.planes-grid{grid-template-columns:1fr}.income-tabs{grid-template-columns:1fr 1fr}}
@media(max-width:470px){.accesos-usuario,.income-tabs{grid-template-columns:1fr}.hero-actions{width:100%;flex-direction:column}.wallet-hero .hero-actions{flex-direction:column}.channel-hero>span{display:none}}