.portal{max-width:620px;margin:0 auto;padding:0 16px calc(96px + env(safe-area-inset-bottom, 0px));min-height:100dvh}.ptl-cab{position:-webkit-sticky;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;margin:0 -16px 16px;padding:14px 18px 12px;background:color-mix(in srgb,var(--fondo) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}.ptl-avatar{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:16px;color:#fff;background:linear-gradient(135deg,var(--primario),var(--acento) 60%,var(--coral));box-shadow:0 6px 14px -6px color-mix(in srgb,var(--primario) 55%,transparent)}.ptl-quien{flex:1 1;min-width:0}.ptl-quien b{display:block;font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:16px;color:var(--tinta);line-height:1.2;overflow-wrap:anywhere}.ptl-quien span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--tinta-suave);margin-top:2px}.ptl-salir{flex:none;border:1px solid var(--linea);background:var(--superficie);color:var(--tinta-suave);font:inherit;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:999px;cursor:pointer;transition:color .15s ease,border-color .15s ease}.ptl-salir:hover{color:var(--tinta);border-color:var(--tinta-suave)}.ptl-hola{font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:clamp(22px,6vw,26px);color:var(--tinta);margin:4px 0 14px;text-wrap:balance}.ptl-hola em{font-style:normal;color:var(--primario)}.ptl-carta{background:var(--superficie);border:1px solid var(--linea);border-radius:20px;padding:18px;margin-bottom:14px;box-shadow:0 14px 30px -24px color-mix(in srgb,var(--tinta) 55%,transparent)}.ptl-titulo{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--tinta-suave);margin:20px 0 10px}.ptl-nivel{position:relative;overflow:hidden;border-radius:22px;padding:20px;margin-bottom:14px;border:1px solid var(--linea)}.ptl-nivel--n0{background:linear-gradient(135deg,var(--arena),var(--superficie) 70%)}.ptl-nivel--n1{background:linear-gradient(135deg,color-mix(in srgb,var(--acento) 30%,var(--superficie)),color-mix(in srgb,var(--acento) 8%,var(--superficie)));border-color:color-mix(in srgb,var(--acento) 45%,var(--linea))}.ptl-nivel--n2{background:linear-gradient(140deg,var(--primario),color-mix(in srgb,var(--primario) 60%,var(--tinta)));border-color:transparent;color:var(--primario-texto)}.ptl-nivel__k{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;opacity:.75}.ptl-nivel__nombre{font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:clamp(26px,7vw,32px);line-height:1.1;margin:6px 0 4px}.ptl-nivel__datos{font-size:13px;opacity:.85;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ptl-nivel__beneficio{margin-top:10px;font-size:13px;line-height:1.5;opacity:.9}.ptl-nivel__icono{position:absolute;top:16px;right:16px;width:34px;height:34px;opacity:.85}.ptl-progreso{margin-top:14px}.ptl-progreso__barra{height:8px;border-radius:999px;background:color-mix(in srgb,var(--tinta) 12%,transparent);overflow:hidden}.ptl-progreso__lleno{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--acento),var(--primario))}.ptl-nivel--n2 .ptl-progreso__lleno{background:var(--primario-texto)}.ptl-progreso__pie{margin-top:6px;font-size:12px;opacity:.8;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ptl-accesos{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}.ptl-acceso{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 6px 12px;border-radius:16px;background:var(--superficie);border:1px solid var(--linea);text-decoration:none;color:var(--tinta);font-size:11.5px;font-weight:600;transition:transform .15s ease,border-color .15s ease}.ptl-acceso:hover{transform:translateY(-2px);border-color:var(--primario)}.ptl-acceso svg{width:20px;height:20px;color:var(--primario)}.ptl-cita{display:flex;gap:14px;align-items:flex-start}.ptl-cita__hora{flex:none;font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:17px;color:var(--primario);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:1px}.ptl-cita__cuerpo{flex:1 1;min-width:0}.ptl-cita__servicio{font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:16px;color:var(--tinta);overflow-wrap:anywhere}.ptl-cita__meta{margin-top:3px;font-size:12.5px;color:var(--tinta-suave);line-height:1.5}.ptl-chip{flex:none;align-self:flex-start;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--linea);color:var(--tinta-suave);white-space:nowrap}.ptl-chip--confirmada{border-color:color-mix(in srgb,var(--primario) 55%,transparent);color:var(--primario)}.ptl-chip--llego{background:var(--primario);border-color:var(--primario);color:var(--primario-texto)}.ptl-chip--completada{border-color:color-mix(in srgb,var(--acento) 60%,transparent);color:color-mix(in srgb,var(--acento) 75%,var(--tinta))}.ptl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid transparent;background:var(--primario);color:var(--primario-texto);font:inherit;font-size:13.5px;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.ptl-btn:hover{transform:translateY(-1px);opacity:.92}.ptl-btn--fantasma{background:var(--superficie);border-color:var(--linea);color:var(--tinta)}.ptl-btn--bloque{width:100%;margin-top:12px}.ptl-tl{position:relative;padding-left:22px}.ptl-tl:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--linea)}.ptl-hito{position:relative;padding-bottom:18px}.ptl-hito:last-child{padding-bottom:0}.ptl-hito:before{content:"";position:absolute;left:-21px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--acento);box-shadow:0 0 0 3px color-mix(in srgb,var(--acento) 25%,transparent)}.ptl-hito__fecha{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--tinta-suave)}.ptl-hito__fila{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:2px}.ptl-hito__servicio{font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:16px;color:var(--tinta)}.ptl-hito__precio{flex:none;font-size:13px;color:var(--tinta-suave);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ptl-hito__quien{font-size:12.5px;color:var(--tinta-suave);margin-top:2px}.ptl-hito__acts{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:8px}.ptl-repetir{font-size:12.5px;font-weight:700;color:var(--primario);text-decoration:none}.ptl-repetir:hover{text-decoration:underline}.ptl-resena>summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--tinta-suave);list-style:none}.ptl-resena>summary::-webkit-details-marker{display:none}.ptl-resena>summary:hover{color:var(--tinta)}.resena-form{display:flex;flex-direction:column;gap:10px;margin-top:10px}.resena-form textarea{border:1px solid var(--linea);border-radius:12px;background:var(--superficie);color:var(--tinta);padding:10px 12px;font:inherit;font-size:13.5px}.resena-hecha{font-size:13px;color:var(--tinta-suave);margin-top:6px}.resena-hecha q{color:var(--tinta);font-style:italic}.estrellitas{letter-spacing:1px;white-space:nowrap}.estrellitas__on{color:var(--acento)}.estrellitas__off{color:color-mix(in srgb,var(--tinta) 22%,transparent)}.calif{flex-direction:row-reverse;gap:2px}.calif,.calif__par{display:inline-flex}.calif__radio{position:absolute;opacity:0;width:1px;height:1px}.calif__estrella{font-size:26px;line-height:1;cursor:pointer;color:color-mix(in srgb,var(--tinta) 22%,transparent);transition:color .12s ease,transform .12s ease;padding:2px}.calif__par:has(.calif__radio:checked)~.calif__par .calif__estrella,.calif__par:hover .calif__estrella,.calif__par:hover~.calif__par .calif__estrella,.calif__radio:checked+.calif__estrella{color:var(--acento)}.calif__par:hover .calif__estrella{transform:scale(1.15)}.calif__radio:focus-visible+.calif__estrella{outline:2px solid var(--primario);border-radius:6px}.ptl-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:14px}.ptl-stat{text-align:center;padding:14px 8px;border-radius:16px;background:var(--superficie);border:1px solid var(--linea)}.ptl-stat b{display:block;font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:24px;color:var(--acento);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.ptl-stat span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--tinta-suave)}.ptl-escala{display:flex;flex-direction:column;gap:10px}.ptl-peldano{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:16px;background:var(--superficie);border:1px solid var(--linea)}.ptl-peldano--actual{border-color:var(--primario);box-shadow:0 0 0 3px color-mix(in srgb,var(--primario) 18%,transparent)}.ptl-peldano--logrado .ptl-peldano__marca{background:var(--primario);color:var(--primario-texto);border-color:var(--primario)}.ptl-peldano__marca{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;border:1px solid var(--linea);color:var(--tinta-suave);margin-top:1px}.ptl-peldano__cuerpo b{display:block;font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:15px;color:var(--tinta)}.ptl-peldano__cuerpo small{display:block;font-size:11px;color:var(--tinta-suave);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;margin:1px 0 4px}.ptl-peldano__cuerpo p{margin:0;font-size:12.5px;line-height:1.5;color:var(--tinta-suave)}.ptl-formula__valor{font-family:var(--fuente-display);font-weight:var(--peso-display);font-size:19px;color:var(--tinta);overflow-wrap:anywhere;margin:4px 0 2px}.ptl-formula__notas{margin-top:6px;font-size:12.5px;color:var(--tinta-suave);font-style:italic}.ptl-vacio{text-align:center;padding:30px 18px;border-radius:18px;border:1px dashed var(--linea);font-size:13.5px;line-height:1.6}.ptl-nota,.ptl-vacio{color:var(--tinta-suave)}.ptl-nota{font-size:12px;line-height:1.55;margin-top:14px}.ptl-nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom, 0px));left:50%;transform:translateX(-50%);z-index:30;width:min(600px,calc(100% - 20px));display:flex;padding:6px;border-radius:999px;background:color-mix(in srgb,var(--superficie) 92%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--linea);box-shadow:0 18px 40px -18px color-mix(in srgb,var(--tinta) 55%,transparent)}.ptl-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 2px 7px;border-radius:999px;text-decoration:none;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-suave);transition:color .15s ease,background-color .15s ease}.ptl-nav a svg{width:19px;height:19px}.ptl-nav a:hover{color:var(--tinta)}.ptl-nav a[aria-current=page]{background:var(--primario);color:var(--primario-texto)}@media (prefers-reduced-motion:reduce){.portal *,.portal :after,.portal :before{transition:none!important}}.stf-cifras{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;margin-bottom:22px}.stf-cifra{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 8px;border-radius:18px;border:1px solid var(--linea);background:var(--superficie);text-align:center}.stf-cifra b{font-family:var(--fuente-display);font-size:30px;line-height:1;background:linear-gradient(100deg,var(--primario) 0,var(--acento) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.stf-cifra span{font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tinta-suave)}.portal--staff .ptl-nav{font-size:9.5px}