/* Akadia · tanda 6: cardio, tipos de ejercicio, "Cómo se hace", discos, herramientas y sin conexión. */
.ak-ficha-capa{position:fixed; inset:0; z-index:9000; background:rgba(3,8,12,.72); backdrop-filter:blur(4px); display:flex; align-items:flex-end; justify-content:center; padding:0; animation:akFade .18s ease;}
@media (min-width:620px){ .ak-ficha-capa{align-items:center; padding:20px;} }
@keyframes akFade{from{opacity:0}to{opacity:1}}
@keyframes akSube{from{transform:translateY(24px)}to{transform:none}}
.ak-ficha{width:100%; max-width:560px; max-height:88vh; overflow:auto; background:#0D1A24; color:#F7FAFF; border:1px solid rgba(155,189,211,.2); border-radius:20px 20px 0 0; padding:16px 16px calc(18px + env(safe-area-inset-bottom)); box-shadow:0 -10px 40px rgba(0,0,0,.4); animation:akSube .2s ease;}
@media (min-width:620px){ .ak-ficha{border-radius:20px;} }
.ak-ficha-top{display:flex; align-items:flex-start; gap:12px; margin-bottom:10px;}
.ak-ficha-top img{width:72px; height:72px; border-radius:14px; object-fit:cover; background:#07121C; flex-shrink:0;}
.ak-ficha-top > div{flex:1; min-width:0;}
.ak-ficha-top small{display:block; font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--ak-ac,#87DFC1);}
.ak-ficha-top b{display:block; font-family:'Oswald',sans-serif; font-size:22px; line-height:1.15; margin-top:2px;}
.ak-ficha-top span{display:block; font-size:12px; color:#A7BAC7; margin-top:3px;}
.ak-ficha-x{width:36px; height:36px; border-radius:50%; border:0; background:rgba(255,255,255,.08); color:#F7FAFF; font-size:16px; cursor:pointer; flex-shrink:0;}
.ak-ficha-cuerpo h4{margin:14px 0 6px; font-size:13px; font-weight:600; color:#F7FAFF;}
.ak-ficha-cuerpo p,.ak-ficha-cuerpo li{font-size:14px; line-height:1.5; color:#D5E0E8;}
.ak-ficha-cuerpo ol,.ak-ficha-cuerpo ul{margin:0; padding-left:20px;}
.ak-ficha-cuerpo li{margin:3px 0;}
.ak-ficha-errores li::marker{color:#FF8A80;}
.ak-ficha-aviso{font-size:12px !important; color:#FFD58A !important; background:rgba(255,184,77,.1); border:1px solid rgba(255,184,77,.25); border-radius:10px; padding:7px 10px; margin:6px 0;}
.ak-ficha-video{display:inline-block; margin-top:14px; padding:9px 14px; border-radius:12px; background:rgba(255,255,255,.08); color:#F7FAFF; text-decoration:none; font-size:13px;}
.ak-ficha-btn{border:1px solid rgba(155,189,211,.25); background:rgba(255,255,255,.06); color:#F7FAFF; border-radius:10px; padding:6px 10px; font-size:12.5px; cursor:pointer; margin-top:6px;}
.ak-ficha-btn:hover{background:rgba(255,255,255,.12);}
.ak-ficha-mini{padding:4px 8px; margin:0 0 0 4px; font-size:14px; line-height:1;}

/* Tipo de ejercicio */
.ak-tipo-chip{cursor:pointer; border:1px dashed rgba(155,189,211,.35) !important; background:transparent !important;}
.ak-tipos .ak-ficha-cuerpo{display:grid; gap:8px;}
.ak-tipo-op{display:grid; grid-template-columns:34px 1fr; grid-template-rows:auto auto; column-gap:8px; text-align:left; width:100%; padding:10px 12px; border-radius:14px; border:1px solid rgba(155,189,211,.18); background:#07121C; color:#F7FAFF; cursor:pointer;}
.ak-tipo-op span{grid-row:1/3; font-size:22px; align-self:center;}
.ak-tipo-op b{font-size:14px;}
.ak-tipo-op small{font-size:12px; color:#A7BAC7;}
.ak-tipo-op.on{border-color:var(--ak-ac,#87DFC1); box-shadow:0 0 0 1px var(--ak-ac,#87DFC1) inset; background:rgba(135,223,193,.08);}

/* "La vez pasada" */
.ak-vez-pasada{font-size:12px; color:#A7BAC7; background:rgba(255,255,255,.04); border-radius:10px; padding:6px 9px; margin-top:8px; line-height:1.45;}
.ak-vez-pasada b{color:#F7FAFF;}

/* Tarjeta según el tipo */
.ak-tipo-reps .reg-steppers{grid-template-columns:1fr;}
.ak-tipo-peso_distancia .reg-steppers{grid-template-columns:1fr 1fr 1fr;}
.ak-tipo-peso_distancia .reg-step-fila input{font-size:22px;}
.ak-tipo-peso_distancia .reg-step-fila button{width:30px;}
.ak-tipo-cardio .reg-steppers,.ak-tipo-cardio .reg-unidad{display:none !important;}

/* Cardio */
.ak-cardio{display:grid; gap:8px; margin-top:8px;}
.ak-c-fila{display:grid; grid-template-columns:repeat(auto-fit,minmax(88px,1fr)); gap:8px;}
.ak-c-tiempo{grid-template-columns:1fr .8fr 1.2fr;}
.ak-c-campo{display:block; border-radius:14px; background:#07121C; border:1px solid rgba(155,189,211,.18); padding:7px 8px 6px; text-align:center;}
.ak-c-campo small{display:block; font-family:'IBM Plex Mono',monospace; font-size:9.5px; letter-spacing:.1em; color:#A7BAC7; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ak-c-campo input{width:100%; margin:2px 0 0; padding:0; background:transparent; border:0; text-align:center; font-family:'Oswald',sans-serif; font-size:24px; font-weight:700; color:#F7FAFF;}
.ak-c-campo input:focus{outline:none; border-bottom:2px solid var(--ak-ac,#CBFF45);}
.ak-c-ritmo{margin:0; font-size:13px; color:#D5E0E8; text-align:center;}
.ak-c-ritmo b{color:var(--ak-ac,#87DFC1); font-family:'Oswald',sans-serif; font-size:17px;}
.ak-c-records{margin:0; font-size:12px; color:#FFD58A; text-align:center;}
.ak-c-records b{color:#FFE7B8;}
.ak-cardio-resumen{font-size:13px; color:#D5E0E8; margin:6px 0;}

/* Series */
.ak-set-txt{font-size:16px !important; line-height:1.35; font-weight:600; letter-spacing:.01em; overflow-wrap:anywhere;}
.ak-tipo-chip{white-space:nowrap;}
.ak-vez-pasada{font-size:11.5px;}
.reg-set-num.ak-cal{color:#FFB84D !important;}
.ak-set-txt + .ak-pr-cardio{display:table; margin:5px 0 0;}
.ak-pr-cardio{display:inline-block; font-size:10.5px; font-weight:700; color:#1A1205; background:#FFC94D; border-radius:999px; padding:1px 7px; margin-left:6px; white-space:nowrap;}

/* Descanso automático (en el selector de descanso) */
.ak-auto{display:flex; align-items:center; gap:10px; margin:12px 0 4px; font-size:13.5px; color:#D5E0E8; cursor:pointer;}
.ak-auto input{width:20px; height:20px; accent-color:var(--ak-ac,#87DFC1); margin:0;}

/* Discos */
.ak-discos-btn{display:block; width:100%; margin-top:8px; padding:8px 10px; border-radius:12px; border:1px dashed rgba(155,189,211,.3); background:transparent; color:#D5E0E8; font-size:13px; cursor:pointer;}
.ak-d-fila .reg-step-fila{border-radius:14px; background:#07121C; border:1px solid rgba(155,189,211,.18); padding:6px 8px;}
.ak-d-fila label small,.ak-d-et{display:block; font-family:'IBM Plex Mono',monospace; font-size:10px; letter-spacing:.12em; color:#A7BAC7; margin:12px 0 6px;}
.ak-d-fila label small{margin-top:0;}
.ak-d-barras,.ak-d-disp{display:flex; flex-wrap:wrap; gap:6px;}
.ak-d-barras button,.ak-d-disp button{padding:7px 11px; border-radius:999px; border:1px solid rgba(155,189,211,.25); background:transparent; color:#A7BAC7; font-size:13px; cursor:pointer;}
.ak-d-barras button.on,.ak-d-disp button.on{background:var(--ak-ac,#87DFC1); border-color:var(--ak-ac,#87DFC1); color:var(--ak-on,#101820); font-weight:700;}
.ak-d-res{margin-top:14px;}
.ak-d-res p{font-size:14px; margin:6px 0; color:#D5E0E8;}
.ak-d-sub{font-size:12px !important; color:#A7BAC7 !important;}
.ak-d-barra{display:flex; align-items:center; gap:2px; min-height:110px; padding:8px 4px; overflow-x:auto;}
.ak-d-eje{display:block; width:46px; height:12px; border-radius:3px; background:linear-gradient(#C9D2D9,#7D8A94); flex-shrink:0;}
.ak-d-barra i{display:flex; align-items:center; justify-content:center; width:22px; border-radius:4px; flex-shrink:0; font-style:normal; font-size:10px; font-weight:700; color:#fff; writing-mode:vertical-rl; transform:rotate(180deg); box-shadow:inset 0 0 0 1px rgba(0,0,0,.25);}
.ak-d-aviso{font-size:12.5px !important; color:#FFD58A !important;}
.ak-d-usar{width:100%; margin-top:12px;}
.ak-d-tope{font-size:12px; color:#A7BAC7;}

/* Herramientas (Progreso) */
.ak-herr{display:grid; gap:8px;}
.ak-herr-tit{font-family:'Oswald',sans-serif; font-size:17px; font-weight:600; color:#F7FAFF; margin-bottom:2px;}
.ak-herr-btn{display:grid; grid-template-columns:36px 1fr; grid-template-rows:auto auto; column-gap:8px; text-align:left; width:100%; padding:11px 12px; border-radius:14px; border:1px solid rgba(155,189,211,.18); background:#07121C; color:#F7FAFF; cursor:pointer;}
.ak-herr-btn span{grid-row:1/3; font-size:22px; align-self:center;}
.ak-herr-btn b{font-size:14px;}
.ak-herr-btn small{font-size:12px; color:#A7BAC7;}
.ak-herr-btn:hover{border-color:rgba(155,189,211,.4);}

/* Sin conexión */
.ak-offline{position:fixed; left:50%; transform:translateX(-50%); top:calc(8px + env(safe-area-inset-top)); z-index:9500; display:flex; align-items:center; gap:7px; max-width:calc(100% - 24px); padding:7px 14px; border-radius:999px; font-size:12.5px; color:#F7FAFF; background:#2A2F35; border:1px solid rgba(255,255,255,.14); box-shadow:0 6px 20px rgba(0,0,0,.35); cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ak-offline[hidden]{display:none;}
.ak-off-dot{width:8px; height:8px; border-radius:50%; background:#FFB84D; flex-shrink:0;}
.ak-off-sin .ak-off-dot{background:#FF6B63;}
.ak-off-env .ak-off-dot{animation:akPulso 1s infinite;}
.ak-off-ok{background:#123326; border-color:rgba(101,214,110,.4);}
@keyframes akPulso{50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){ .ak-ficha-capa,.ak-ficha,.ak-off-env .ak-off-dot{animation:none;} }

/* Arreglo: en kilo-tanda4.css el "background" corto borraba el recorte de texto y el número del volumen del resumen se veía como un bloque verde. */
body .resumen-volumen-num{-webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent; color:transparent;}