/* Akiloz · kilo-estetica.css (Grok · TANDA 2)
   Capa visual que se carga DESPUÉS de styles.css. No reemplaza nada de UltraCarga:
   solo ordena acentos, mayúsculas, números y agrega la barra de pestañas.
   Paleta: #07121C (tinta) · #CBFF45 (lima) · #EFEDE4 / #A7BAC7 (texto). Fuentes: Oswald · Inter · IBM Plex Mono. */

:root{
  --ke-lima:#CBFF45;
  --ke-tinta:#07121C;
  --ke-borde:rgba(255,255,255,.10);
  --ke-borde-fuerte:rgba(255,255,255,.18);
  --ke-superficie:rgba(16,36,49,.72);
  --ke-texto:#EEF3F6;
  --ke-texto-dim:#A7BAC7;
  --ke-tab-alto:64px;
}

/* ============ 1) UN SOLO ACENTO ============
   El degradado lima queda SOLO en el botón principal (.btn).
   Lo secundario pasa a "fantasma" (borde fino + texto), sin celeste compitiendo. */
.kp-btn.prim,
.pp-editar{
  background:transparent !important; color:var(--ke-texto) !important;
  border:1px solid var(--ke-borde-fuerte) !important; box-shadow:none !important;
  font-family:'Inter',sans-serif !important; font-weight:600 !important; letter-spacing:0 !important;
}
.kp-btn{min-height:40px !important; border-radius:12px !important; font-size:13.5px !important;}
.btn-sm.reg-agregar-btn{
  background:transparent !important; color:var(--ke-lima) !important;
  border:1.5px solid var(--ke-lima) !important; box-shadow:none !important;
}
.card.reg-agregar{
  border:1px solid var(--ke-borde-fuerte) !important;
  background:var(--ke-superficie) !important; box-shadow:none !important;
}
.reg-agregar .simple-exercise-bank input,.reg-agregar input{border-color:var(--ke-borde-fuerte) !important;}
.simple-bank-search-btn{
  background:rgba(255,255,255,.06) !important; color:var(--ke-texto) !important;
  border-color:var(--ke-borde-fuerte) !important; box-shadow:none !important;
}
.simple-bank-search-btn .icon{color:var(--ke-texto) !important;}
.reg-dia-card{border:1px solid var(--ke-borde-fuerte) !important; background:var(--ke-superficie) !important; box-shadow:none !important;}
.reg-dia-card.sin-dia{border:1.5px solid rgba(203,255,69,.7) !important;}
.reg-dia-accion{background:transparent !important; color:var(--ke-lima) !important; border:1px solid rgba(203,255,69,.6); animation:none !important;}
.reg-fecha-chip{background:rgba(255,255,255,.05) !important; border-color:var(--ke-borde-fuerte) !important; color:var(--ke-texto-dim) !important;}
.descanso-rapido.selected{background:rgba(203,255,69,.14) !important; color:var(--ke-lima) !important; border-color:var(--ke-lima) !important;}
.descanso-sheet-titulo{text-transform:none !important; letter-spacing:.01em !important;}
input:focus,select:focus,textarea:focus{border-color:rgba(203,255,69,.7) !important; box-shadow:0 0 0 3px rgba(203,255,69,.12) !important;}
.fab-descanso.fab-movible{background:#132A38 !important; border:1px solid var(--ke-borde-fuerte) !important;}
.link-btn,.back-link{color:var(--ke-texto-dim) !important;}
/* Secciones plegables: fuera las barras laterales de colores; "Ver/Abrir" en gris. */
.btn-toggle-rutina::before{display:none !important;}
.btn-toggle-rutina{background:var(--ke-superficie) !important; border:1px solid var(--ke-borde) !important; box-shadow:none !important;}
.btn-toggle-rutina span:last-child{color:var(--ke-texto-dim) !important;}
.btn-toggle-rutina:hover{border-color:var(--ke-borde-fuerte) !important; transform:none !important;}
.daily-training-hero.has-session{border-color:rgba(203,255,69,.45);}
.kc-tab.on{background:rgba(203,255,69,.14) !important; color:var(--ke-lima) !important; border-color:rgba(203,255,69,.6) !important;}
/* Registro: botones secundarios sin celeste */
.reg-agregar-titulo{color:var(--ke-texto) !important;}
.unidad-toggle:not(.es-seg){background:rgba(255,255,255,.05) !important; border-color:var(--ke-borde-fuerte) !important; color:var(--ke-texto) !important;}
.reg-mas > summary{color:var(--ke-texto-dim) !important;}
.btn-sm:hover,.btn-ghost:hover,.dia-btn:hover{border-color:var(--ke-borde-fuerte) !important;}

/* ============ 2) INICIO: tarjeta "Entrenar hoy" + perfil compacto ============ */
.ke-hoy{
  position:relative; overflow:hidden; margin:0 0 14px; padding:18px 18px 16px;
  border-radius:20px; border:1px solid rgba(203,255,69,.35);
  background:radial-gradient(circle at 100% 0%,rgba(203,255,69,.10),transparent 55%),linear-gradient(160deg,#122a38,#0b1a25 70%);
}
.ke-hoy-top{display:flex; align-items:center; justify-content:space-between; gap:8px;}
.ke-eyebrow{font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--ke-texto-dim);}
.ke-pill{flex:none; font-family:'IBM Plex Mono',monospace; font-size:10.5px; letter-spacing:.06em; padding:4px 9px; border-radius:999px; border:1px solid rgba(203,255,69,.45); color:var(--ke-lima);}
.ke-hoy h2{font-family:'Oswald',sans-serif; font-size:28px; line-height:1.05; margin:10px 0 4px; text-transform:uppercase; letter-spacing:.01em; color:#fff;}
.ke-hoy h2 small{display:block; font-family:'Inter',sans-serif; text-transform:none; font-size:13px; font-weight:500; color:var(--ke-texto-dim); letter-spacing:0; margin-bottom:2px;}
.ke-hoy-ej{margin:0 0 14px; color:#C6D3DC; font-size:13px; line-height:1.45;}
.ke-hoy .btn{min-height:52px; border-radius:14px; font-size:16px; letter-spacing:.08em;}
.ke-hoy-otro{display:block; margin:10px auto 0; background:none; border:0; color:var(--ke-texto-dim); font:500 12.5px 'Inter',sans-serif; text-decoration:underline; cursor:pointer; padding:4px 8px;}
.ke-oculto{display:none !important;}

/* Perfil compacto en el inicio (la versión completa sigue en "Editar perfil") */
.kp-card.ke-compacto .pp-portada{height:58px !important;}
.kp-card.ke-compacto .pp-portada-marca{display:none;}
.kp-card.ke-compacto .pp-id{margin-top:-26px !important; align-items:center; flex-wrap:nowrap; gap:10px;}
.kp-card.ke-compacto .pp-avatar{zoom:.56;}
.kp-card.ke-compacto .pp-nombre{flex:1; min-width:0;}
.kp-card.ke-compacto .pp-nombre h2{font-size:19px; margin:14px 0 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.kp-card.ke-compacto .pp-editar{margin:14px 0 0 !important; padding:7px 10px !important; font-size:12.5px !important;}
.kp-card.ke-compacto .pp-bio,.kp-card.ke-compacto .pp-chips{display:none;}
.kp-card.ke-compacto .pp-stats{margin:10px 14px 0 !important; padding:6px 2px !important;}
.kp-card.ke-compacto .pp-stats b{font-size:17px !important;}
.kp-card.ke-compacto .pp-stats span{font-size:10.5px !important; line-height:1.25;}
/* "Comunidad" ya está en la barra de abajo; "Salir" queda como botón chico. */
.kp-card.ke-compacto #kp-comunidad{display:none !important;}
.kp-card.ke-compacto .kp-acciones{display:flex !important; margin:8px 14px 0 !important; justify-content:flex-end;}
.kp-card.ke-compacto #kp-salir{flex:0 0 auto !important; min-height:34px !important; padding:6px 12px !important; font-size:12.5px !important; color:var(--ke-texto-dim) !important;}
.kp-card.ke-compacto{padding-bottom:10px !important; box-shadow:none !important;}

/* ============ 3) ENTRENAR: parte de arriba ordenada ============ */
.reg-top{padding:6px 0 8px; margin-bottom:6px !important; border-bottom:1px solid var(--ke-borde);}
.reg-top-acciones{gap:6px !important;}
.reg-top-acciones .link-btn#btn-cancelar-sesion{text-decoration:none; font-size:12.5px; padding:8px 6px; color:var(--ke-texto-dim);}
.reg-titulo{margin:12px 0 4px !important;}
/* El globo "Puedes moverlo" ya no cuelga sobre el título: se reemplaza por una línea de ayuda propia. */
.fab-aviso{display:none !important;}
.ke-aviso-descanso{
  display:flex; align-items:center; gap:8px; margin:8px 0 0; padding:7px 10px; border-radius:10px;
  background:rgba(203,255,69,.08); border:1px dashed rgba(203,255,69,.45); color:#DDEBC4; font-size:12px;
  transition:opacity .4s ease;
}
.ke-aviso-descanso.sale{opacity:0;}

/* ============ 4) MENOS MAYÚSCULAS + NÚMEROS TABULARES ============
   Se mantienen en mayúsculas: título de pantalla (.reg-titulo, resumen), el botón principal (.btn)
   y las etiquetas mono pequeñas (eyebrows). Lo demás, en formato normal. */
label,
.reg-ex-nombre,
.reg-dia-opcion b,
.reg-agregar-titulo,
.btn-sm.reg-agregar-btn,
.btn-sm.reg-guardar,
.reg-mini-texto b,
.reg-seccion,
.routine-archive-copy b,
.fx-tpl-txt b,
.red-dia-nombre,
.red-info b,
.red-btn-agregar,
.dia-heading,
.stat-tile .label,
.simple-bank-search-btn > span,
.progress-picker-heading span,
.reg-dia-btn > span:first-child,
.kp-form label.kp-l,
.pr-ejercicio{
  text-transform:none !important;
}
label{letter-spacing:.02em !important;}
.reg-ex-nombre{letter-spacing:0 !important;}
.reg-agregar-titulo{font-size:22px !important;}
.reg-dia-opcion b{letter-spacing:.01em !important;}

/* Números con ancho fijo: no "bailan" cuando cambian. */
.resumen-volumen-num,.resumen-stats b,.pp-stats b,.stat-tile .num,
.reg-mini-texto,.reg-previo,.reg-puntos,.reg-fecha-chip,
.km-resumen,.km-resumen b,.km-hist,.progress-selected-exercise,.progress-strength-card,
.descanso-barra-tiempo,.fab-descanso,.logros-conteo,
input[type="number"],input[inputmode="decimal"],input[inputmode="numeric"],
.ke-hoy,.ke-tabbar{
  font-variant-numeric:tabular-nums;
}

/* ============ 5) BARRA DE PESTAÑAS ABAJO ============ */
.ke-tabbar{
  position:fixed; left:0; right:0; bottom:0; z-index:70;
  display:grid; grid-template-columns:repeat(4,1fr);
  height:calc(var(--ke-tab-alto) + env(safe-area-inset-bottom));
  padding:0 6px env(safe-area-inset-bottom);
  background:rgba(7,18,28,.94); border-top:1px solid var(--ke-borde);
  -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
}
.ke-tabbar[hidden]{display:none;}
.ke-tab{
  display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px;
  min-height:48px; background:none; border:0; cursor:pointer; color:#8296A3;
  font:600 11px 'Inter',sans-serif; letter-spacing:.01em; -webkit-tap-highlight-color:transparent;
}
.ke-tab svg{width:23px; height:23px; stroke:currentColor; fill:none; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round;}
.ke-tab.on{color:var(--ke-lima);}
.ke-tab.on::after{content:''; width:18px; height:3px; border-radius:3px; background:var(--ke-lima); margin-top:1px;}
.ke-tab:focus-visible{outline:2px solid var(--ke-lima); outline-offset:-4px; border-radius:12px;}
@media (min-width:620px){ .ke-tabbar{left:50%; transform:translateX(-50%); max-width:620px; border-left:1px solid var(--ke-borde); border-right:1px solid var(--ke-borde); border-radius:18px 18px 0 0;} }

/* Espacio para que nada quede tapado por la barra */
body.ke-con-tabs .wrap{padding-bottom:calc(var(--ke-tab-alto) + 36px + env(safe-area-inset-bottom)) !important;}
body.ke-con-tabs .fab-superserie{bottom:calc(var(--ke-tab-alto) + 14px + env(safe-area-inset-bottom)) !important;}
body.ke-con-tabs .toast{bottom:calc(var(--ke-tab-alto) + 16px + env(safe-area-inset-bottom)) !important;}
body.ke-con-tabs .descanso-barra{bottom:calc(var(--ke-tab-alto) + env(safe-area-inset-bottom)) !important; padding-bottom:10px !important;}
body.ke-con-tabs.descanso-activo .fab-superserie{bottom:calc(var(--ke-tab-alto) + 92px + env(safe-area-inset-bottom)) !important;}

/* Vista "Progreso": el mismo inicio, mostrando solo historial, calendario, progresión, mediciones y logros. */
body.ke-vista-progreso #app-root > *:not(.ke-sec-progreso):not(.ke-progreso-head){display:none !important;}
body.ke-vista-inicio #app-root > .ke-sec-progreso{display:none !important;}
body.ke-vista-progreso #app-root > .ke-sec-progreso.hidden{display:none !important;}
.ke-progreso-head{display:none; margin:2px 0 14px;}
body.ke-vista-progreso .ke-progreso-head{display:block;}
.ke-progreso-head h1{font-family:'Oswald',sans-serif; text-transform:uppercase; font-size:28px; margin:6px 0 2px;}
.ke-progreso-head p{margin:0; color:var(--ke-texto-dim); font-size:13px;}

@media (prefers-reduced-motion: reduce){ .ke-aviso-descanso{transition:none;} }
body.ke-con-tabs.descanso-activo .wrap{padding-bottom:calc(var(--ke-tab-alto) + 150px + env(safe-area-inset-bottom)) !important;}