:root{--grad-acento:linear-gradient(135deg,#2a5bee,#5b6cff 55%,#8a5cff);--grad-suave:linear-gradient(135deg,rgba(42,91,238,.1),rgba(138,92,255,.1));--sombra-card:0 1px 2px rgba(16,20,40,.04),0 14px 30px -16px rgba(30,40,90,.2);--sombra-flota:0 20px 44px -18px rgba(30,40,90,.35);--borde-suave:rgba(24,32,72,.07);--r-lg:18px;--r-md:12px;--r-sm:9px;--bg:#edeff7}[data-superficie=socio]{--sombra-card:0 1px 0 hsla(0,0%,100%,.04) inset,0 18px 36px -20px rgba(0,0,0,.7);--borde-suave:hsla(0,0%,100%,.07);--bg:#0f1118;--bg-1:#171a23;--bg-2:#212533;--border:#2b3040;--acento:#6b7cff;--acento-tenue:rgba(107,124,255,.16)}.lienzo{background:radial-gradient(900px 480px at 100% -6%,rgba(91,108,255,.14),transparent 62%),radial-gradient(760px 460px at -8% 4%,rgba(42,91,238,.07),transparent 60%),var(--bg)}[data-superficie=socio] .lienzo{background:radial-gradient(760px 420px at 92% -8%,rgba(107,124,255,.26),transparent 62%),radial-gradient(640px 420px at -12% 26%,rgba(138,92,255,.14),transparent 62%),var(--bg)}.lienzo-contenido>*{animation:tema-entrada .4s cubic-bezier(.2,.7,.2,1) both}.lienzo-contenido>:nth-child(2){animation-delay:.04s}.lienzo-contenido>:nth-child(3){animation-delay:.08s}@keyframes tema-entrada{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.riel{background:radial-gradient(260px 200px at 0 0,rgba(91,108,255,.22),transparent 70%),linear-gradient(180deg,#151826,#0e1017);border-right:1px solid hsla(0,0%,100%,.05)}.riel-item{padding:10px 12px;border-radius:11px;font-weight:500;transition:background .15s ease,color .15s ease}.riel-item:hover{background:hsla(0,0%,100%,.06)}.riel-item.activo{background:linear-gradient(135deg,rgba(91,108,255,.34),rgba(138,92,255,.18));box-shadow:inset 0 0 0 1px rgba(140,152,255,.3),0 8px 20px -10px rgba(91,108,255,.7);color:#fff}.riel-item.activo svg{color:#b4beff}.riel-grupo-titulo{letter-spacing:.09em;font-size:10.5px}.riel-movil-header{background:rgba(14,16,23,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.encabezado-seccion h1{font-size:30px;letter-spacing:-.025em}.encabezado-seccion-subtitulo{font-size:14px}.seccion-panel-titulo{display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:-.01em}.seccion-panel-titulo:before{content:"";width:4px;height:18px;border-radius:2px;background:var(--grad-acento);flex-shrink:0}.accion-rapida,.formulario-ficha,.landing-form-tarjeta,.np-tarjeta,.tabla-contenedor,.tarjeta-acceso,.tarjeta-estado-cuota,.tarjeta-indicador,.tarjeta-meta,.tarjeta-qr{border-color:var(--borde-suave);box-shadow:var(--sombra-card)}[data-superficie=socio] .av-tarjeta,[data-superficie=socio] .gm-fila,[data-superficie=socio] .gm-insignia,[data-superficie=socio] .gm-podio-lugar,[data-superficie=socio] .np-tarjeta,[data-superficie=socio] .nu-comida,[data-superficie=socio] .nu-plan-item,[data-superficie=socio] .re-inicio,[data-superficie=socio] .re-reto,[data-superficie=socio] .rt-ej,[data-superficie=socio] .tabla-contenedor,[data-superficie=socio] .tarjeta-acceso,[data-superficie=socio] .tarjeta-estado-cuota,[data-superficie=socio] .tarjeta-indicador,[data-superficie=socio] .tarjeta-meta{background:linear-gradient(180deg,hsla(0,0%,100%,.045),hsla(0,0%,100%,.012)),var(--bg-1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tarjeta-indicador{position:relative;overflow:hidden}.tarjeta-indicador:after{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:var(--grad-acento);opacity:.07;pointer-events:none}.tarjeta-indicador-valor{font-family:var(--font-display);font-size:34px;letter-spacing:-.03em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.tarjeta-indicador-etiqueta{font-weight:500;letter-spacing:.01em}.accion-rapida,.tarjeta-acceso{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.accion-rapida:hover,.tarjeta-acceso:hover{transform:translateY(-3px);box-shadow:var(--sombra-flota)}.accion-rapida-icono,.tarjeta-acceso-icono{background:var(--grad-suave);color:var(--acento);border-radius:11px}.boton{border-radius:11px;font-weight:600;letter-spacing:-.005em;transition:transform .15s ease,box-shadow .2s ease,opacity .15s ease,background .15s ease}.boton-primario{background:var(--grad-acento);color:#fff;box-shadow:0 8px 18px -8px rgba(60,80,255,.75),inset 0 1px 0 hsla(0,0%,100%,.22)}.boton-primario:hover:not(:disabled){opacity:1;transform:translateY(-1px);box-shadow:0 12px 24px -8px rgba(60,80,255,.85),inset 0 1px 0 hsla(0,0%,100%,.25)}.boton-secundario{background:var(--bg-1);border-color:var(--borde-suave);box-shadow:var(--sombra-card)}.boton-secundario:hover:not(:disabled){background:var(--bg-2);transform:translateY(-1px)}.gm-tab.activo,.nu-agregar,.nu-plan-comi,.rt-registrar{background:var(--grad-acento);box-shadow:0 8px 18px -8px rgba(60,80,255,.75),inset 0 1px 0 hsla(0,0%,100%,.22)}input,select,textarea{border-radius:11px;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:var(--acento);box-shadow:0 0 0 4px rgba(91,108,255,.18)}table.tabla th{background:transparent;font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--text-3)}table.tabla td,table.tabla th{padding:14px 18px}table.tabla tbody tr{transition:background .12s ease}table.tabla tbody tr:hover{background:var(--acento-tenue)}.etiqueta-estado{border-radius:999px;padding:4px 11px 4px 9px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.etiqueta-estado:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85}.aviso-error{border-radius:12px}.panel-marca{position:relative;overflow:hidden;background:radial-gradient(520px 380px at 12% 8%,hsla(0,0%,100%,.2),transparent 62%),radial-gradient(560px 520px at 96% 92%,rgba(160,110,255,.6),transparent 62%),linear-gradient(140deg,#1b3fc4,#2a5bee 45%,#5b4bff)}.panel-marca:after,.panel-marca:before{content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;animation:tema-flota 14s ease-in-out infinite alternate}.panel-marca:before{width:320px;height:320px;background:#7c5cff;right:-80px;top:18%}.panel-marca:after{width:260px;height:260px;background:#3aa0ff;left:-60px;bottom:6%;animation-delay:-6s}@keyframes tema-flota{0%{transform:translate(0) scale(1)}to{transform:translate(36px,-28px) scale(1.15)}}.panel-marca>*{position:relative;z-index:1}.panel-marca-frase{font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1.3;max-width:340px;font-family:var(--font-display)}.panel-formulario{background:radial-gradient(700px 420px at 100% 0,rgba(91,108,255,.1),transparent 60%),var(--bg)}.tarjeta-login h1{font-size:28px;letter-spacing:-.025em}.riel-movil-socio{background:rgba(15,17,24,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-top:1px solid hsla(0,0%,100%,.07);padding-bottom:max(8px,env(safe-area-inset-bottom))}.riel-movil-item{transition:color .15s ease}.riel-movil-item.activo{color:#fff}.riel-movil-item.activo svg{color:#b4beff;filter:drop-shadow(0 0 8px rgba(122,136,255,.85))}.skeleton{border-radius:10px}.gm-yo,.nu-hero,.rt-resumen{box-shadow:var(--sombra-card);border-color:var(--borde-suave)}.gm-nivel-insignia{background:var(--grad-acento)}.barra-progreso{height:9px;border-radius:6px}.barra-progreso-relleno{background:var(--grad-acento);border-radius:6px;box-shadow:0 0 12px rgba(91,108,255,.5)}.rt-puntos span.hecho{background:var(--grad-acento);border-color:transparent;box-shadow:0 0 10px rgba(91,108,255,.6)}.tarjeta-indicador:after{background:radial-gradient(circle at center,rgba(91,108,255,.22),transparent 68%);opacity:1;right:-40px;top:-40px;width:150px;height:150px}.dd-pagina{max-width:1120px}.dd-hero{position:relative;overflow:hidden;color:#fff;border-radius:24px;padding:30px 32px;display:grid;grid-template-columns:1fr auto;grid-gap:8px 40px;gap:8px 40px;background:radial-gradient(520px 320px at 100% 0,rgba(160,110,255,.55),transparent 62%),radial-gradient(420px 320px at 0 100%,rgba(58,160,255,.35),transparent 62%),linear-gradient(135deg,#1b3fc4,#2a5bee 50%,#5b4bff);box-shadow:0 28px 50px -24px rgba(42,60,200,.7)}.dd-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:radial-gradient(hsla(0,0%,100%,.16) 1px,transparent 0);background-size:22px 22px;mask-image:linear-gradient(120deg,transparent 30%,#000);-webkit-mask-image:linear-gradient(120deg,transparent 30%,#000)}.dd-hero>*{position:relative;z-index:1}.dd-hero-fecha{font-size:13px;opacity:.8;margin-bottom:4px}.dd-hero-fecha:first-letter{text-transform:uppercase}.dd-hero h1{font-size:34px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:#fff}.dd-hero-izq p{margin-top:8px;font-size:15px;opacity:.88;max-width:460px}.dd-hero-pastillas{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.dd-hero-pastillas span{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:6px 12px;border-radius:999px;background:hsla(0,0%,100%,.16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2)}.dd-hero-pastillas span.mal{background:rgba(255,90,90,.34);border-color:hsla(0,100%,79%,.5)}.dd-hero-pastillas span.aviso{background:rgba(255,190,70,.3);border-color:rgba(255,210,120,.5)}.dd-hero-der{text-align:right;align-self:center}.dd-hero-etiqueta{font-size:13px;opacity:.8}.dd-hero-monto{font-family:var(--font-display);font-size:46px;font-weight:700;letter-spacing:-.04em;line-height:1.05;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dd-hero-delta{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:600;padding:5px 11px;border-radius:999px;background:hsla(0,0%,100%,.16)}.dd-hero-delta.sube{background:rgba(60,220,140,.28)}.dd-hero-delta.baja{background:rgba(255,90,90,.34)}.dd-hero-cifras{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:18px}.dd-hero-cifras>div{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:16px;background:hsla(0,0%,100%,.13);border:1px solid hsla(0,0%,100%,.18);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dd-hero-cifras svg{opacity:.8;margin-bottom:4px}.dd-hero-cifras strong{font-family:var(--font-display);font-size:28px;letter-spacing:-.03em;line-height:1}.dd-hero-cifras span{font-size:12px;opacity:.8}.dd-pagina .grilla-acciones-rapidas{margin:20px 0 22px}.dd-grilla{display:grid;grid-template-columns:1fr 1.25fr;grid-gap:18px;gap:18px;align-items:start}.dd-tarjeta{background:var(--bg-1);border:1px solid var(--borde-suave);border-radius:var(--r-lg);box-shadow:var(--sombra-card);padding:22px}.dd-tarjeta-titulo{font-size:16px;font-weight:700;letter-spacing:-.01em;margin-bottom:14px}.dd-subtitulo{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);margin:22px 0 10px}.dd-filas{display:flex;flex-direction:column}.dd-fila{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--borde-suave);font-size:14px}.dd-fila:last-child{border-bottom:none}.dd-fila-etiqueta{flex:1 1;min-width:0}.dd-fila-etiqueta small{display:block;font-size:12px;color:var(--text-3)}.dd-fila strong{font-family:var(--font-display);font-size:18px;letter-spacing:-.02em}.dd-fila strong.mal{color:var(--peligro)}.dd-fila strong.aviso{color:var(--alerta)}.dd-punto{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dd-punto.bien{background:var(--ok);box-shadow:0 0 0 4px var(--ok-tenue)}.dd-punto.aviso{background:var(--alerta);box-shadow:0 0 0 4px var(--alerta-tenue)}.dd-punto.mal{background:var(--peligro);box-shadow:0 0 0 4px var(--peligro-tenue)}.dd-vacio{gap:8px;font-size:13px;color:var(--ok);background:var(--ok-tenue);padding:12px 14px;border-radius:12px}.dd-recordatorios,.dd-vacio{display:flex;align-items:center}.dd-recordatorios{margin-top:18px;justify-content:space-between;gap:16px;flex-wrap:wrap}.dd-tarjeta .mapa-calor-contenedor{border:none;box-shadow:none;padding:0;background:transparent}@media (max-width:900px){.dd-hero{grid-template-columns:1fr;padding:24px 22px}.dd-hero-der{text-align:left}.dd-hero-monto{font-size:38px}.dd-grilla{grid-template-columns:1fr}}@media (max-width:520px){.dd-hero h1{font-size:27px}.dd-hero-cifras{gap:8px}.dd-hero-cifras>div{padding:12px}.dd-hero-cifras strong{font-size:22px}}@media (prefers-reduced-motion:reduce){.lienzo-contenido>*,.panel-marca:after,.panel-marca:before{animation:none!important}}