@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--amarillo:#d4ff00;--amarillo-dim:#d4ff001f;--amarillo-border:#d4ff004d;--negro:#000;--fondo:#0a0a0a;--fondo-card:#111;--fondo-card2:#161616;--fondo-input:#1a1a1a;--borde:#222;--borde2:#2a2a2a;--texto:#fff;--texto-secundario:#888;--texto-terciario:#555;--rojo:#f44;--verde:#00d084;--naranja:#ff8c00}body{background-color:var(--fondo);color:var(--texto);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,sans-serif}#root{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:104px;display:flex}.header{background:var(--negro);border-bottom:1px solid var(--borde);z-index:100;align-items:center;gap:10px;padding:16px 20px 12px;display:flex;position:sticky;top:0}.header-info h1{color:var(--texto);letter-spacing:-.3px;font-size:17px;font-weight:800}.header-info p{color:var(--texto-secundario);margin-top:1px;font-size:11px}.btn-logout{background:var(--fondo-input);border:1px solid var(--borde2);color:var(--texto-secundario);cursor:pointer;border-radius:20px;margin-left:auto;padding:6px 12px;font-family:Inter,sans-serif;font-size:11px;font-weight:500}.btn-logout:hover{background:var(--borde2);color:var(--texto)}.nav-premium{z-index:100;background:linear-gradient(#0e0e0e 0%,#080808 100%);border:1px solid #d4ff002e;border-radius:28px;align-items:center;width:calc(100% - 24px);max-width:456px;height:76px;padding:0 8px;display:flex;position:fixed;bottom:12px;left:50%;overflow:visible;transform:translate(-50%);box-shadow:0 -1px #d4ff001a,0 20px 60px #000000e6,0 4px 20px #0009,inset 0 1px #ffffff0a,inset 0 -1px #00000080}.nav-carbon{opacity:.04;pointer-events:none;background-image:repeating-linear-gradient(45deg,#fff 0 1px,#0000 1px 4px),repeating-linear-gradient(-45deg,#fff 0 1px,#0000 1px 4px);border-radius:28px;position:absolute;inset:0}.nav-reflect{pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff14 30%,#ffffff21 50%,#ffffff14 70%,#0000);border-radius:99px;height:1px;position:absolute;top:0;left:10%;right:10%}.nav-item{cursor:pointer;z-index:2;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:8px 4px;font-family:Inter,sans-serif;display:flex;position:relative;overflow:visible}.nav-halo{pointer-events:none;z-index:0;background:radial-gradient(at 50% 80%,#d4ff002e 0%,#0000 70%);width:90px;height:90px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.nav-btn-inner{z-index:1;border-radius:14px;flex-direction:column;align-items:center;gap:5px;padding:8px 16px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.nav-btn-center{padding:10px 20px 8px}.nav-btn-inner-active{background:linear-gradient(#1c1c00 0%,#110 60%,#0a0a00 100%);border:1px solid #d4ff0073;border-bottom-color:#d4ff0033;border-radius:18px 18px 12px 12px;margin-top:-18px;box-shadow:0 0 0 1px #d4ff0014,0 -4px 20px #d4ff0026,0 6px 20px #000c,inset 0 1px #d4ff0026}.nav-label{color:#333;letter-spacing:.07em;text-transform:uppercase;font-size:10px;font-weight:700;transition:color .2s}.nav-label-active{color:#fff;font-weight:900}.nav-energy-line{background:linear-gradient(90deg,#0000,#d4ff00,#0000);border-radius:99px;width:65%;height:2px;margin-top:1px;box-shadow:0 0 8px #d4ff00cc}.contenido{flex:1;padding:16px 16px 8px;overflow-y:auto}.card{background:var(--fondo-card);border:1px solid var(--borde);border-radius:16px;margin-bottom:12px;padding:16px}.btn-amarillo{background:var(--amarillo);color:var(--negro);cursor:pointer;letter-spacing:-.2px;border:none;border-radius:12px;padding:12px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.btn-amarillo:hover{background:#c8f200}.btn-amarillo:disabled{opacity:.4;cursor:not-allowed}.btn-rojo{background:var(--amarillo);color:var(--negro);cursor:pointer;border:none;border-radius:12px;padding:12px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .2s}.btn-rojo:hover{background:#c8f200}.btn-rojo:disabled{opacity:.4;cursor:not-allowed}.btn-outline{color:var(--texto-secundario);border:1px solid var(--borde2);cursor:pointer;background:0 0;border-radius:12px;padding:10px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .2s}.btn-outline:hover{background:var(--fondo-input);color:var(--texto);border-color:var(--borde2)}.btn-ghost{background:var(--fondo-input);color:var(--texto-secundario);border:1px solid var(--borde2);cursor:pointer;border-radius:10px;padding:8px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:500}.btn-ghost:hover{color:var(--texto)}.btn-ghost.active-ghost{background:var(--amarillo-dim);color:var(--amarillo);border-color:var(--amarillo-border)}input,select,textarea{background:var(--fondo-input);border:1px solid var(--borde2);color:var(--texto);border-radius:12px;outline:none;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:16px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--amarillo)}input::placeholder{color:var(--texto-terciario)}select option{background:var(--fondo-card)}label{color:var(--texto-secundario);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-group{margin-bottom:14px}.badge{letter-spacing:.02em;border-radius:6px;padding:3px 8px;font-size:10px;font-weight:600;display:inline-block}.badge-activo{color:#00d084;background:#00d0841f}.badge-vence{color:var(--naranja);background:#ff8c001f}.badge-vencido{color:var(--rojo);background:#ff44441f}.badge-promo{background:var(--amarillo);color:var(--negro)}.badge-premium{background:var(--amarillo-dim);color:var(--amarillo);border:1px solid var(--amarillo-border)}.badge-normal{background:var(--fondo-input);color:var(--texto-secundario)}.section-label{color:var(--texto-terciario);text-transform:uppercase;letter-spacing:.1em;margin-top:20px;margin-bottom:12px;font-size:11px;font-weight:700}.banner{border:1px solid var(--amarillo-border);background:linear-gradient(135deg,#111 0%,#1a1a00 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:24px 20px;display:flex;position:relative;overflow:hidden}.banner:before{content:"";background:radial-gradient(circle,#d4ff0026 0%,#0000 70%);border-radius:50%;width:120px;height:120px;position:absolute;top:-40px;right:-40px}.banner .badge-promo{margin-bottom:10px;display:inline-block}.banner h2{color:var(--texto);letter-spacing:-.3px;margin-bottom:6px;font-size:18px;font-weight:800}.banner p{color:var(--texto-secundario);font-size:12px;line-height:1.5}.banner-icon{opacity:.5;flex-shrink:0;font-size:44px}.noticias-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px;display:grid}.noticia-card{background:var(--fondo-card);border:1px solid var(--borde);cursor:pointer;border-radius:14px;padding:14px;transition:border-color .2s}.noticia-card:hover{border-color:var(--amarillo-border)}.noticia-card .ni{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:10px;font-size:18px;display:flex}.noticia-card h3{color:var(--texto);margin-bottom:4px;font-size:13px;font-weight:700}.noticia-card p{color:var(--texto-secundario);font-size:11px;line-height:1.5}.productos-scroll{gap:10px;padding-bottom:8px;display:flex;overflow-x:auto}.productos-scroll::-webkit-scrollbar{height:3px}.productos-scroll::-webkit-scrollbar-track{background:0 0}.productos-scroll::-webkit-scrollbar-thumb{background:var(--borde2);border-radius:3px}.producto-card{background:var(--fondo-card);border:1px solid var(--borde);cursor:pointer;border-radius:14px;flex:0 0 145px;padding:12px;transition:border-color .2s}.producto-card:hover{border-color:var(--amarillo-border)}.producto-img{background:var(--fondo-input);border-radius:10px;justify-content:center;align-items:center;width:100%;height:80px;margin-bottom:10px;font-size:30px;display:flex}.producto-card h4{color:var(--texto);margin-bottom:3px;font-size:12px;font-weight:600}.producto-card .precio{color:var(--amarillo);font-size:14px;font-weight:800}.producto-card .precio-antes{color:var(--texto-terciario);font-size:11px;text-decoration:line-through}.btn-agregar{background:var(--amarillo);width:100%;color:var(--negro);cursor:pointer;border:none;border-radius:8px;margin-top:8px;padding:7px;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.btn-agregar:hover{background:#c8f200}.stats-row{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px;display:grid}.stat-card{background:var(--fondo-card);border:1px solid var(--borde);text-align:center;border-radius:14px;padding:14px}.stat-card .num{letter-spacing:-1px;font-size:26px;font-weight:800}.stat-card .lbl{color:var(--texto-secundario);margin-top:2px;font-size:11px;font-weight:500}.num-verde{color:var(--verde)}.num-amarillo{color:var(--amarillo)}.num-rojo{color:var(--rojo)}.search-row{gap:8px;margin-bottom:14px;display:flex}.search-row input{flex:1}.miembro-card{background:var(--fondo-card);border:1px solid var(--borde);border-radius:16px;margin-bottom:10px;padding:16px}.miembro-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.avatar{background:var(--amarillo-dim);border:1px solid var(--amarillo-border);width:42px;height:42px;color:var(--amarillo);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.miembro-info{flex:1}.miembro-info h3{letter-spacing:-.2px;margin-bottom:4px;font-size:14px;font-weight:700}.miembro-info p{color:var(--texto-secundario);font-size:11px}.miembro-datos{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.dato{background:var(--fondo-input);border-radius:10px;padding:10px 12px}.dato .d-label{color:var(--texto-terciario);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.dato .d-val{color:var(--texto);margin-top:3px;font-size:13px;font-weight:600}.barra-dias{background:var(--fondo-input);border-radius:4px;height:4px;margin-bottom:12px;overflow:hidden}.barra-fill{border-radius:4px;height:100%;transition:width .5s}.miembro-acciones{gap:8px;display:flex}.miembro-acciones .btn-rojo{flex:1;padding:10px;font-size:13px}.tab-btn{border:1px solid var(--borde2);color:var(--texto-secundario);cursor:pointer;background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 8px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{background:var(--amarillo);color:var(--negro);border-color:var(--amarillo)}.notif-card{transition:opacity .2s}.notif-card.leida{opacity:.5}.notif-badge{background:var(--rojo);color:#fff;text-align:center;border-radius:10px;min-width:16px;padding:2px 5px;font-size:9px;font-weight:700;position:absolute;top:2px;right:calc(50% - 22px)}.scroll-oculto{scrollbar-width:none;-ms-overflow-style:none}.scroll-oculto::-webkit-scrollbar{display:none}.modal-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-box{background:var(--fondo-card);border:1px solid var(--borde2);padding:24px 20px calc(76px + 24px + env(safe-area-inset-bottom,0px));box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;border-radius:24px 24px 0 0;width:100%;max-width:480px;max-height:100dvh;animation:.25s cubic-bezier(.34,1.56,.64,1) slideUp;overflow-y:auto}.modal-box::-webkit-scrollbar{display:none}.modal-box h3{color:var(--texto);letter-spacing:-.3px;margin-bottom:16px;font-size:17px;font-weight:800}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.ia-form{background:var(--fondo-card);border:1px solid var(--borde);border-radius:16px;margin-bottom:14px;padding:18px}.ia-form h3{color:var(--texto);letter-spacing:-.3px;margin-bottom:16px;font-size:16px;font-weight:800}.form-grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.objetivo-btns{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.obj-btn{border:1px solid var(--borde2);color:var(--texto-secundario);cursor:pointer;text-align:center;letter-spacing:-.1px;background:0 0;border-radius:10px;padding:10px 4px;font-family:Inter,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.obj-btn.selected{border-color:var(--amarillo);background:var(--amarillo-dim);color:var(--amarillo)}.ia-respuesta{background:var(--fondo-card);border:1px solid var(--borde);color:var(--texto);white-space:pre-wrap;border-radius:16px;margin-bottom:12px;padding:18px;font-size:14px;line-height:1.75}.ia-respuesta.cargando{color:var(--texto-secundario);font-style:italic}.chat-box{background:var(--fondo-card);border:1px solid var(--borde);border-radius:16px;padding:16px}.chat-box h4{color:var(--texto);margin-bottom:12px;font-size:13px;font-weight:700}.chat-mensajes{flex-direction:column;gap:8px;max-height:280px;margin-bottom:12px;display:flex;overflow-y:auto}.msg{border-radius:14px;max-width:86%;padding:10px 14px;font-size:13px;font-weight:400;line-height:1.55}.msg.usuario{background:var(--amarillo);color:var(--negro);border-bottom-right-radius:4px;align-self:flex-end;font-weight:600}.msg.ia{background:var(--fondo-input);color:var(--texto);border-bottom-left-radius:4px;align-self:flex-start}.chat-input-row{gap:8px;display:flex}.chat-input-row input{flex:1}.btn-send{background:var(--amarillo);color:var(--negro);cursor:pointer;border:none;border-radius:12px;padding:12px 16px;font-size:15px;font-weight:700}.btn-send:hover{background:#c8f200}.tabs-miembro{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:0;display:grid}.tab-miembro{color:#444;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:#111;border:1px solid #ffffff12;border-radius:12px 12px 0 0;flex-direction:column;align-items:center;gap:4px;padding:12px 4px 10px;font-family:Inter,sans-serif;font-size:10px;font-weight:800;transition:all .2s;display:flex;position:relative;overflow:hidden}.tab-miembro.active{color:#d4ff00;background:#1a1a00;border-width:1.5px;border-color:#d4ff00}.avatar-grande{background:var(--amarillo-dim);border:2px solid var(--amarillo-border);width:58px;height:58px;color:var(--amarillo);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:800;display:flex}.perfil-card{padding:18px}.tag-musculo{background:var(--fondo-input);border:1px solid var(--borde2);color:var(--texto-secundario);border-radius:20px;align-items:center;gap:4px;padding:5px 12px;font-size:12px;font-weight:500;display:inline-flex}.dia-card{text-align:left;cursor:pointer;width:100%;margin-bottom:8px;transition:border-color .2s}.dia-card:hover{border-color:var(--amarillo-border)}.carga-row{border-bottom:1px solid var(--borde);align-items:center;gap:10px;padding:10px 0;display:flex}.carga-row:last-child{border-bottom:none}.carga-row>div:first-child{flex:1}.cal-wrapper{background:var(--fondo-card);border:1px solid var(--borde);border-radius:20px;margin-bottom:16px;padding:16px}.cal-mes-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cal-mes-header h3{color:var(--texto);text-transform:capitalize;letter-spacing:-.2px;font-size:15px;font-weight:700}.cal-mes-header span{color:var(--amarillo);background:var(--amarillo-dim);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}.calendario-grid{grid-template-columns:repeat(7,1fr);gap:6px 4px;display:grid}.cal-header{text-align:center;color:var(--texto-terciario);letter-spacing:.05em;padding:4px 0 8px;font-size:11px;font-weight:700}.cal-dia{aspect-ratio:1;color:var(--texto-secundario);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:flex;position:relative}.cal-dia:hover:not(:disabled){background:var(--fondo-input);color:var(--texto)}.cal-dia.asistio{background:var(--amarillo);color:var(--negro);font-weight:800;box-shadow:0 0 8px #d4ff0066}.cal-dia.hoy{border:1.5px solid var(--amarillo);color:var(--amarillo);background:0 0;font-weight:800}.cal-dia.hoy.asistio{background:var(--amarillo);color:var(--negro);box-shadow:0 0 12px #d4ff0080}.cal-dia.futuro{opacity:.2;cursor:not-allowed}.cal-dia.fin-semana{color:var(--texto-terciario)}.cal-dia.asistio.fin-semana{color:var(--negro)}body.has-app-bg{background:0 0}body.has-app-bg .card,body.has-app-bg .miembro-card,body.has-app-bg .cal-wrapper,body.has-app-bg .ia-form,body.has-app-bg .chat-box{-webkit-backdrop-filter:blur(8px);background:#111111bf}body.has-app-bg .header,body.has-app-bg .nav-premium{-webkit-backdrop-filter:blur(12px);background:#000c}body.has-app-bg .modal-box{-webkit-backdrop-filter:blur(16px);background:#111111eb}@media (width<=400px){.contenido{padding:14px 12px 8px}.header{padding:14px 16px 10px}.nav-premium{width:calc(100% - 16px);height:70px}.modal-box{padding:20px 16px calc(76px + 24px + env(safe-area-inset-bottom,0px))}input,select,textarea{padding:11px 12px;font-size:16px}.ia-form,.ia-respuesta,.chat-box{padding:14px}}@media (width<=360px){.nav-label{font-size:9px}.nav-btn-inner{padding:7px 10px}.nav-btn-center{padding:8px 14px}.header-info h1{font-size:15px}}@media (width<=340px){.nav-premium{gap:0}.nav-btn-inner{padding:6px}.modal-box{padding:18px 12px calc(76px + 20px + env(safe-area-inset-bottom,0px))}}@media (width<=480px){html{font-size:clamp(13px,3.6vw,16px)}}html,body,#root{max-width:100vw;overflow-x:hidden}img{max-width:100%}