/* t468 (18-oct-2026): AJUSTES CON LAS 14 CAPTURAS DE REFERENCIA DE MIGUEL (Drive «fotos apps nuevas»).
   Cargado el ÚLTIMO, detrás de t465.css. Mismo fichero en las dos apps (prueba/Libre/Premium y clientes).
   Blanco y azul eléctrico con fondo claro; mismas formas en oscuro y noche con sus colores (variables --t5-*).
   Qué referencia va a cada bloque:
   1) Entrada ............ E6D8FD02 (estructura) pero CLARA, sin App Store ni Google Play
   2) Actividades ........ IMG_2923, E88D6757, 358AAB91 (cuadros con icono, nombre y foto fundida)
   3) Cómo te sientes .... IMG_2930, IMG_2939 (pilas, ánimo, molestias con dibujo, notas)
   4) Momento del ciclo .. IMG_2933 (lista con círculo de radio, dibujo y flecha)
   5) Movilidad/Calentar . IMG_2925, IMG_2926 (cabecera con foto, pastillas, filas con foto)
   6) Entrenar ........... IMG_2927 (Hoy te toca con foto) e IMG_2941 (preparación)
   7) Ficha .............. IMG_2940 (De qué va en 3 columnas, claves con check, fallos con aspa)
   8) Inicio ............. IMG_2942 (Hoy con raya azul, tres cifras con barra)
   9) Grabar ............. IMG_2938 (tipos con foto, aviso del GPS azul, cifras con icono) */

:root{--t8-ok:#16A34A;--t8-mal:#E5484D;--t8-rad:20px}

/* ============ 1) ENTRADA (E6D8FD02) — clara, con foto de Miguel muy suave arriba ============ */
html body .splash-wrap{position:relative;isolation:isolate}
html body .splash-wrap::before, :root[data-tema] .splash-wrap::before{content:"";position:absolute;z-index:-1;left:0!important;right:0!important;top:0!important;bottom:auto!important;
  width:auto!important;max-width:none!important;aspect-ratio:auto!important;transform:none!important;height:470px!important;pointer-events:none;
  background:linear-gradient(180deg, color-mix(in srgb, var(--t5-pag) 30%, transparent) 0, color-mix(in srgb, var(--t5-pag) 62%, transparent) 50%, var(--t5-pag) 100%),
             url("../img/t468/login-fondo.webp") center 30%/cover no-repeat!important;
  -webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}
html body .splash-card{border:1px solid var(--t5-borde)!important;box-shadow:0 2px 6px rgba(16,36,94,.05), 0 30px 60px -30px rgba(31,91,255,.35)!important;
  border-radius:28px!important;backdrop-filter:blur(6px)}
html body .splash-card label{font:800 12px/1.2 Manrope, system-ui, sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase;color:var(--t5-az-tx)!important}
/* campos con su icono dentro (sobre y candado) */
html body .splash-card input[type=email], html body .splash-card input[name=email]{padding-left:48px!important;
  background:var(--t5-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6782' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2.5'/%3E%3Cpath d='m4 7 8 6 8-6'/%3E%3C/svg%3E") 16px center/20px 20px no-repeat!important}
html body .splash-card input[type=password], html body .splash-card .campo-clave input{padding-left:48px!important;
  background:var(--t5-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6782' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='10.5' width='14' height='10' rx='2.5'/%3E%3Cpath d='M8 10.5V8a4 4 0 0 1 8 0v2.5'/%3E%3Ccircle cx='12' cy='15.5' r='1.2' fill='%235B6782'/%3E%3C/svg%3E") 16px center/20px 20px no-repeat!important}
html body .splash-card input:focus{border-color:var(--t5-az)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--t5-az) 18%, transparent)!important}
/* «Tu sesión se queda abierta»: con su tic azul, como la casilla de la referencia (es un aviso, no se puede quitar) */
html body .splash-card .splash-nota{position:relative;padding-left:30px!important}
html body .splash-card .splash-nota::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:6px;background:var(--t5-az)
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat}
/* botones con flecha */
html body .splash-card .btn-primary, html body .splash-card .splash-crear{position:relative}
html body .splash-wrap .splash-card .btn-primary::after, html body .splash-card .splash-crear::after{content:""!important;display:block!important;opacity:1!important;z-index:3!important;left:auto!important;bottom:auto!important;transform:none!important;position:absolute;right:20px;top:50%;width:20px;height:20px;margin-top:-10px;
  background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
html body .splash-card .splash-crear{background:var(--t5-card)!important;border:1.5px solid var(--t5-az)!important;color:var(--t5-az-tx)!important}
/* «Llévate la app a tu móvil» entre dos rayas (sin botones de tiendas: la app se instala desde el navegador) */
html body .splash-card .link-row:last-child{display:flex;align-items:center;gap:12px}
html body .splash-card .link-row:last-child::before, html body .splash-card .link-row:last-child::after{content:"";flex:1;height:1px;background:var(--t5-borde)}

/* ============ 2) ACTIVIDADES (IMG_2923 / E88D6757 / 358AAB91) ============ */
html body main.t468-act .ac-tipos{display:grid!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:10px!important}
@media (min-width:360px){html body main.t468-act .ac-tipos{grid-template-columns:repeat(3, minmax(0, 1fr))!important}}
@media (min-width:980px){html body main.t468-act .ac-tipos{grid-template-columns:repeat(4, minmax(0, 1fr))!important}}
html body main.t468-act .ac-tipo{display:block!important;width:auto!important;min-width:0!important;margin:0!important}
html body main.t468-act .ac-tipo input{position:absolute;opacity:0;pointer-events:none}
html body main.t468-act .ac-cara{position:relative!important;isolation:isolate;overflow:hidden;display:flex!important;flex-direction:column!important;
  align-items:flex-start!important;justify-content:space-between!important;gap:6px!important;min-height:92px!important;height:100%;
  padding:11px 11px 10px!important;border-radius:18px!important;background:var(--t5-card)!important;border:1px solid var(--t5-borde)!important;
  box-shadow:var(--t5-sombra)!important;text-align:left!important;transition:transform .15s ease, box-shadow .2s ease, border-color .2s}
html body main.t468-act .ac-tipo:active .ac-cara{transform:scale(.97)}
html body main.t468-act .t468-af{position:absolute;z-index:-1;top:0;right:0;bottom:0;width:72%;background:var(--f) center/cover no-repeat;
  -webkit-mask-image:linear-gradient(to left, #000 30%, rgba(0,0,0,.45) 62%, transparent 100%);
          mask-image:linear-gradient(to left, #000 30%, rgba(0,0,0,.45) 62%, transparent 100%)}
html body main.t468-act .ac-cara::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;
  background:linear-gradient(90deg, var(--t5-card) 0, color-mix(in srgb, var(--t5-card) 72%, transparent) 40%, transparent 70%),
             linear-gradient(0deg, color-mix(in srgb, var(--t5-card) 70%, transparent) 0, transparent 55%)}
html body main.t468-act .ac-ico{width:34px!important;height:34px!important;display:grid!important;place-items:center;border-radius:11px;
  background:color-mix(in srgb, var(--t5-card) 82%, transparent);color:var(--t5-az)!important;margin:0!important;
  box-shadow:0 2px 8px -4px rgba(16,36,94,.25)}
html body main.t468-act .ac-ico svg, html body main.t468-act .ac-ico img, html body main.t468-act .ac-ico i{width:22px!important;height:22px!important;color:var(--t5-az)!important;stroke:currentColor}
html body main.t468-act .ac-nom{font:800 13px/1.15 Manrope, system-ui, sans-serif!important;color:var(--t5-tx)!important;max-width:86%;text-align:left!important;
  text-shadow:0 0 8px var(--t5-card), 0 0 2px var(--t5-card), 0 0 1px var(--t5-card)}
html body main.t468-act .ac-tipo input:checked + .ac-cara{border:2px solid var(--t5-az)!important;padding:10px 10px 9px!important;
  box-shadow:0 0 0 4px color-mix(in srgb, var(--t5-az) 16%, transparent), var(--t5-sombra2)!important;background:var(--t5-card)!important}
html body main.t468-act .ac-tipo input:checked + .ac-cara .ac-ico{background:var(--t5-az);color:#fff!important}
html body main.t468-act .ac-tipo input:checked + .ac-cara .ac-ico svg{color:#fff!important}
html body main.t468-act .ac-tipo input:focus-visible + .ac-cara{outline:3px solid var(--t5-az);outline-offset:2px}
html body main.t468-act .ac-gtit{font:800 12.5px/1.2 Manrope, system-ui, sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;
  color:var(--t5-az-tx)!important;margin:18px 2px 10px!important}
html body main.t468-act .t468-cred{text-align:center;margin:8px 0 24px}

/* ============ 3) ¿CÓMO TE SIENTES HOY? (IMG_2930 / IMG_2939) ============ */
/* Pilas de verdad (cuerpo + polo) en vez de tres rayitas sueltas: roja, azul y verde */
html body .cic-pila{position:relative;display:inline-flex!important;align-items:stretch;gap:2px!important;width:34px!important;height:18px!important;
  padding:2px!important;border:2px solid currentColor!important;border-radius:5px!important;box-sizing:border-box;background:transparent!important}
html body .cic-pila::after{content:"";position:absolute;right:-5px;top:50%;width:3px;height:7px;margin-top:-3.5px;border-radius:0 2px 2px 0;background:currentColor}
html body .cic-pila i{flex:1!important;width:auto!important;height:auto!important;border-radius:1.5px!important;margin:0!important;background:transparent!important;opacity:1!important}
html body .cic-pila i.lleno{background:currentColor!important}
html body .cic-ya .cic-pila{color:var(--t5-az)}
html body .cic-b:nth-child(1) .cic-pila{color:var(--t8-mal)}
html body .cic-b:nth-child(2) .cic-pila{color:var(--t5-az)}
html body .cic-b:nth-child(3) .cic-pila{color:var(--t8-ok)}
html body .cic-b b{font:800 15px/1.2 Manrope, system-ui, sans-serif!important}
/* Las molestias y el ánimo como pastillas con su dibujo (antes salía un recuadro dentro de otro) */
html body .cic-mol{display:grid!important;grid-template-columns:repeat(2, minmax(0, 1fr))!important;gap:8px!important}
html body .cic-mol > label{display:block!important;margin:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important;min-width:0}
html body .cic-mol > label input{position:absolute;opacity:0;pointer-events:none}
html body .cic-mol > label span{display:flex!important;align-items:center;gap:10px;min-height:52px;height:100%;padding:8px 12px!important;border-radius:16px!important;
  border:1px solid var(--t5-borde)!important;background:var(--t5-card)!important;color:var(--t5-tx)!important;box-shadow:var(--t5-sombra);
  font:700 13.5px/1.2 Manrope, system-ui, sans-serif!important;text-align:left!important;justify-content:flex-start!important;box-sizing:border-box}
html body .cic-mol > label span::before{content:"";flex:none;width:34px;height:34px;border-radius:50%;
  background:var(--t5-suave) var(--d, none) center/20px no-repeat}
html body .cic-mol > label input:checked + span{border:2px solid var(--t5-az)!important;background:color-mix(in srgb, var(--t5-az) 9%, var(--t5-card))!important;color:var(--t5-az-tx)!important;padding:7px 11px!important}
html body .cic-mol > label input:focus-visible + span{outline:3px solid var(--t5-az);outline-offset:2px}
html body .t468-m-pelvico{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M5 6c1 6 3 9 7 9s6-3 7-9'/%3E%3Cpath d='M9 15l-1 4M15 15l1 4'/%3E%3Ccircle cx='12' cy='11' r='1.6' fill='%23E5484D' stroke='none'/%3E%3C/svg%3E")}
html body .t468-m-lumbar{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round'%3E%3Crect x='10' y='3' width='4' height='3' rx='1'/%3E%3Crect x='10' y='8' width='4' height='3' rx='1'/%3E%3Crect x='10' y='13' width='4' height='3' rx='1' stroke='%23E5484D'/%3E%3Crect x='10' y='18' width='4' height='3' rx='1'/%3E%3C/svg%3E")}
html body .t468-m-calambres{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 3 6 13h5l-1 8 7-10h-5z'/%3E%3C/svg%3E")}
html body .t468-m-hinchazon{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M4 9c2-2 4-2 6 0s4 2 6 0 3-2 4-1'/%3E%3Cpath d='M4 14c2-2 4-2 6 0s4 2 6 0 3-2 4-1'/%3E%3C/svg%3E")}
html body .t468-m-cabeza{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 20v-3c-2-1-3-3-3-6a7 7 0 0 1 14 0l1.5 3-1.5.5V17h-3v3'/%3E%3Ccircle cx='12' cy='9' r='1.8' fill='%23E5484D' stroke='none'/%3E%3C/svg%3E")}
html body .t468-m-sueno{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 14.5A7.5 7.5 0 0 1 9.5 5a7.5 7.5 0 1 0 9.5 9.5z'/%3E%3Cpath d='M15 3h3l-3 3h3'/%3E%3C/svg%3E")}
html body .t468-m-sofocos{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21c-4 0-6-2.5-6-6 0-4 4-6 4-10 3 2 4 4 4 6 1-1 1.5-2 1.5-3 2 2 2.5 4.5 2.5 7 0 3.5-2 6-6 6z'/%3E%3C/svg%3E")}
html body .t468-a-tranquila{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5' r='2'/%3E%3Cpath d='M12 8v5M6 11l6 2 6-2M4 18c3 0 5-1 8-3 3 2 5 3 8 3'/%3E%3C/svg%3E")}
html body .t468-a-sensible{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20s-7-4.3-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 10c0 5.7-7 10-7 10z'/%3E%3C/svg%3E")}
html body .t468-a-motivada{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4c3 0 6 3 6 6l-6 6-6-6c0-3 3-6 6-6z' transform='rotate(45 12 12)'/%3E%3Ccircle cx='14' cy='10' r='1.6'/%3E%3Cpath d='M7 17l-3 3M9 19l-2 2M5 15l-2 2'/%3E%3C/svg%3E")}
html body .t468-a-irritable{--d:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231F5BFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 15a4 4 0 0 1 .5-8 5 5 0 0 1 9.5 1.5A3.3 3.3 0 0 1 17 15z'/%3E%3Cpath d='m12 15-2 3h3l-2 3'/%3E%3C/svg%3E")}
html body .cic-en .cic-preg{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font:800 12.5px/1.3 Manrope, system-ui, sans-serif!important;letter-spacing:.1em;text-transform:uppercase;color:var(--t5-az-tx)!important;margin:18px 0 10px!important}
html body .cic-en .cic-preg em{text-transform:none;letter-spacing:0;font-weight:600;color:var(--t5-tx2)}
html body textarea.t468-nota{display:block;width:100%;box-sizing:border-box;min-height:84px;padding:12px 14px 12px 46px!important;border-radius:16px;border:1px solid var(--t5-borde);
  background:var(--t5-card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235B6782' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 20h4L19 9l-4-4L4 16z'/%3E%3C/svg%3E") 14px 14px/20px no-repeat!important;
  color:var(--t5-tx);font:500 14.5px/1.45 Manrope, system-ui, sans-serif;resize:vertical}
html body textarea.t468-nota:focus{outline:none;border-color:var(--t5-az);box-shadow:0 0 0 4px color-mix(in srgb, var(--t5-az) 16%, transparent)}
html body .t468-cuenta{margin:4px 2px 14px;text-align:right;font:600 12px Manrope, system-ui, sans-serif;color:var(--t5-tx2)}
/* El del ciclo (#sentir): la franja de foto arriba, como IMG_2930 */
html body #sentir.t461-card{position:relative;isolation:isolate;overflow:hidden}
html body #sentir.t461-card::before{content:"";position:absolute;z-index:-1;top:0;right:0;width:52%;height:190px;pointer-events:none;
  background:url("../img/t468/hero-sentir.webp") center 20%/cover no-repeat;opacity:.95;
  -webkit-mask-image:linear-gradient(to left, #000 30%, transparent 100%), linear-gradient(0deg, transparent 0, #000 45%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to left, #000 30%, transparent 100%), linear-gradient(0deg, transparent 0, #000 45%);mask-composite:intersect}
html body #sentir.t461-card > .t461-cab b, html body #sentir.t461-card > .t461-cab span, html body #sentir.t461-card > div:first-child *{text-shadow:0 0 10px var(--t5-card), 0 0 3px var(--t5-card)}

/* ============ 4) ¿EN QUÉ MOMENTO ESTÁS? (IMG_2933) ============ */
html body .t461-ops label, html body .t461-ops .t461-op{position:relative}
html body .t461-ops input[type=radio]{accent-color:var(--t5-az)}

/* ============ 5) MOVILIDAD Y CALENTAR (IMG_2925 / IMG_2926) ============ */
html body .mv-cab.t468-hero{position:relative;isolation:isolate;min-height:200px;padding-right:38%!important;overflow:hidden;border-radius:0 0 26px 26px}
html body .mv-cab.t468-hero > svg, html body .mv-cab.t468-hero > .mv-mono, html body .mv-cab.t468-hero > [class*="monig"]{display:none!important}
html body .mv-cab.t468-hero::before{content:"";position:absolute;z-index:-1;top:-10px;right:-16px;bottom:0;width:62%;background:var(--f) 50% 28%/cover no-repeat;
  -webkit-mask-image:linear-gradient(to left, #000 40%, transparent 100%), linear-gradient(0deg, transparent 0, #000 30%);
  -webkit-mask-composite:source-in;mask-image:linear-gradient(to left, #000 40%, transparent 100%), linear-gradient(0deg, transparent 0, #000 30%);mask-composite:intersect}
html body .mv-filtro{border-radius:999px!important;font-weight:800!important}
html body summary.cal-fila.t468-confoto{position:relative!important;isolation:isolate;overflow:hidden;min-height:92px}
html body summary.cal-fila .t468-rf{position:absolute;z-index:-1;top:0;right:0;bottom:0;width:56%;background:var(--f) center 35%/cover no-repeat;
  -webkit-mask-image:linear-gradient(to left, #000 35%, rgba(0,0,0,.4) 65%, transparent 100%);mask-image:linear-gradient(to left, #000 35%, rgba(0,0,0,.4) 65%, transparent 100%)}
html body summary.cal-fila.t468-confoto .fx-fila-cuerpo b, html body summary.cal-fila.t468-confoto .fx-fila-cuerpo small{text-shadow:0 0 8px var(--t5-card), 0 0 2px var(--t5-card)}
html body summary.cal-fila.t468-confoto .fx-chev{background:var(--t5-blanco)!important;border-radius:50%;box-shadow:0 4px 12px -4px rgba(11,27,77,.35)}
html body summary.cal-fila .mv-dib{background:var(--t5-suave)!important;border-radius:16px!important;border:0!important}

/* ============ 6) ENTRENAR: HOY TE TOCA (IMG_2927) y PREPARACIÓN (IMG_2941) ============ */
html body details.dia.es-hoy{border:1.5px solid color-mix(in srgb, var(--t5-az) 35%, var(--t5-borde))!important;box-shadow:var(--t5-sombra2)!important}
html body details.dia.es-hoy > summary.dia-cab.t468-confoto{position:relative;isolation:isolate;overflow:hidden;min-height:96px}
html body details.dia.es-hoy > summary.dia-cab .t468-rf{position:absolute;z-index:-1;top:0;right:0;bottom:0;width:58%;background:var(--f) center 30%/cover no-repeat;
  -webkit-mask-image:linear-gradient(to left, #000 30%, rgba(0,0,0,.35) 65%, transparent 100%), linear-gradient(0deg, transparent 0, #000 35%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to left, #000 30%, rgba(0,0,0,.35) 65%, transparent 100%), linear-gradient(0deg, transparent 0, #000 35%);mask-composite:intersect}
html body details.dia.es-hoy > summary.dia-cab .dia-tit{text-shadow:0 0 10px var(--t5-card), 0 0 2px var(--t5-card)}
/* Energía antes de entrenar: tres pilas como en el ciclo */
html body .ener-botones{display:grid!important;grid-template-columns:repeat(3, minmax(0, 1fr))!important;gap:8px!important}
html body .ener-b{display:flex!important;flex-direction:column!important;align-items:center!important;gap:8px!important;min-height:78px;border-radius:16px!important;
  border:1px solid var(--t5-borde)!important;font:800 14px Manrope, system-ui, sans-serif!important}
html body .ener-b i{position:relative;display:block!important;width:30px!important;height:16px!important;border:2px solid currentColor!important;border-radius:5px!important;background:transparent!important;box-sizing:border-box}
html body .ener-b i::before{content:"";position:absolute;left:2px;top:2px;bottom:2px;border-radius:1.5px;background:currentColor}
html body .ener-b i::after{content:"";position:absolute;right:-5px;top:50%;width:3px;height:6px;margin-top:-3px;border-radius:0 2px 2px 0;background:currentColor}
html body .ener-b.ener-n1{color:var(--t8-mal)!important;background:color-mix(in srgb, var(--t8-mal) 7%, var(--t5-card))!important}
html body .ener-b.ener-n1 i::before{width:7px}
html body .ener-b.ener-n2{color:var(--t5-az)!important;background:color-mix(in srgb, var(--t5-az) 7%, var(--t5-card))!important}
html body .ener-b.ener-n2 i::before{width:14px}
html body .ener-b.ener-n3{color:var(--t8-ok)!important;background:color-mix(in srgb, var(--t8-ok) 7%, var(--t5-card))!important}
html body .ener-b.ener-n3 i::before{right:2px}
html body .ener-b span{color:var(--t5-tx)}
/* Aproximaciones: cada escalón en su cajita con su número */
html body .pr-rampa{display:grid!important;grid-template-columns:repeat(auto-fit, minmax(120px, 1fr));gap:8px!important;padding:0!important;list-style:none;counter-reset:t8}
html body .pr-rampa li{counter-increment:t8;position:relative;display:flex!important;flex-wrap:wrap;align-items:baseline;gap:4px;padding:10px 10px 10px 44px!important;
  border-radius:14px;background:var(--t5-card);border:1px solid var(--t5-borde);margin:0!important}
html body .pr-rampa li::before{content:counter(t8);position:absolute;left:10px;top:50%;margin-top:-13px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;
  background:var(--t5-suave);color:var(--t5-az-tx);font:800 13px Manrope, system-ui, sans-serif}
html body .pr-fila{border-radius:16px!important}

/* ============ 7) FICHA DEL EJERCICIO (IMG_2940) ============ */
html body main.t468-ficha .mg-rot{font:800 12.5px/1.2 Manrope, system-ui, sans-serif!important;letter-spacing:.12em!important;text-transform:uppercase!important;color:var(--t5-az-tx)!important}
html body main.t468-ficha .fx-datos{display:grid!important;grid-template-columns:repeat(auto-fit, minmax(96px, 1fr));gap:8px;margin:10px 0 0!important;
  padding:10px!important;border-radius:16px;background:var(--t5-suave)}
html body main.t468-ficha .fx-datos > div{display:grid!important;grid-template-columns:30px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:4px!important;border:0!important;margin:0!important}
html body main.t468-ficha .fx-datos > div::before{content:"";grid-row:1 / span 2;width:28px;height:28px;background:var(--t5-az);
  -webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
html body main.t468-ficha .fx-datos > div[data-t468="patron"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h11M11 7l5 5-5 5'/%3E%3Cpath d='M20 5v14'/%3E%3C/svg%3E")}
html body main.t468-ficha .fx-datos > div[data-t468="trabaja"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 20c-1-4 0-7 3-9-2-1-3-3-2-6 3 0 5 2 5 4 3-1 6 1 6 5 0 3-2 5-5 6'/%3E%3Cpath d='M10 11c1 1 3 1 4 0'/%3E%3C/svg%3E")}
html body main.t468-ficha .fx-datos > div[data-t468="material"]{--i:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Cpath d='M3 12h18'/%3E%3Crect x='5' y='7' width='3' height='10' rx='1'/%3E%3Crect x='16' y='7' width='3' height='10' rx='1'/%3E%3C/svg%3E")}
html body main.t468-ficha .fx-datos dt{font:800 10.5px/1.2 Manrope, system-ui, sans-serif!important;letter-spacing:.1em!important;text-transform:uppercase;color:var(--t5-tx2)!important;margin:0!important;width:auto!important}
html body main.t468-ficha .fx-datos dd{font:800 13.5px/1.25 Manrope, system-ui, sans-serif!important;color:var(--t5-tx)!important;margin:0!important}
html body .t468-lis{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:9px}
html body .t468-lis li{position:relative;padding-left:30px;font:600 14.5px/1.4 Manrope, system-ui, sans-serif;color:var(--t5-tx)}
html body .t468-lis li::before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--t8-ok) center/12px no-repeat}
html body .t468-lis.ok li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E")}
html body .t468-lis.mal li::before{background-color:var(--t8-mal);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7 7 17'/%3E%3C/svg%3E")}

/* ============ 8) INICIO (IMG_2942) ============ */
html body .hoy-card{position:relative;border-left:4px solid var(--t5-az)!important;box-shadow:var(--t5-sombra2)!important}
html body .hoy-card .hoy-etq{font:800 12px/1.2 Manrope, system-ui, sans-serif!important;letter-spacing:.14em!important;text-transform:uppercase;color:var(--t5-az-tx)!important}
html body .hoy-card > .btn-primary{position:relative}
html body .hoy-card > .btn-primary::before{content:"";display:inline-block;vertical-align:-3px;width:16px;height:16px;margin-right:10px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l13-7.5z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 4.5v15l13-7.5z'/%3E%3C/svg%3E") center/contain no-repeat}
html body .hoy-dos .btn-ghost{border:1.5px solid color-mix(in srgb, var(--t5-az) 40%, var(--t5-borde))!important;color:var(--t5-az-tx)!important;background:var(--t5-card)!important}
html body .ini-nums{display:grid!important;grid-template-columns:repeat(3, minmax(0, 1fr))!important;gap:10px!important}
html body .ini-num{position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding:14px 12px 16px!important;
  border-radius:18px!important;background:var(--t5-card)!important;border:1px solid var(--t5-borde)!important;box-shadow:var(--t5-sombra)!important;text-align:left!important}
html body .ini-num .ic-m{width:22px!important;height:22px!important;background:var(--t5-az)!important;margin:0 0 4px!important}
html body .ini-num b{font:800 21px/1.1 Manrope, system-ui, sans-serif!important;color:var(--t5-tx)!important}
html body .ini-num b.sin{font-size:14.5px!important}
html body .ini-num small{font:600 12px/1.25 Manrope, system-ui, sans-serif!important;color:var(--t5-tx2)!important}
html body .ini-num .t468-pb{display:block;width:100%;height:6px;margin-top:6px;border-radius:999px;background:var(--t5-suave);overflow:hidden;position:relative}
html body .ini-num .t468-pb::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p);border-radius:999px;background:var(--t5-az)}

/* ============ 9) GRABAR SALIDA (IMG_2938) ============ */
html body .gr-tipo{display:grid!important;grid-template-columns:repeat(3, minmax(0, 1fr))!important;gap:8px!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important}
html body .gr-tipo .gr-t{position:relative;isolation:isolate;overflow:hidden;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:space-between!important;
  gap:8px!important;min-height:78px;padding:10px 11px!important;border-radius:16px!important;background:var(--t5-card)!important;color:var(--t5-tx)!important;
  border:1px solid var(--t5-borde)!important;box-shadow:var(--t5-sombra)!important;font:800 13.5px/1.1 Manrope, system-ui, sans-serif!important;text-align:left}
html body .gr-tipo .gr-t svg{width:24px!important;height:24px!important;color:var(--t5-az)!important;padding:5px;border-radius:10px;background:color-mix(in srgb, var(--t5-card) 82%, transparent);box-sizing:content-box}
html body .gr-tipo .gr-t .t468-af{position:absolute;z-index:-1;top:0;right:0;bottom:0;width:70%;background:var(--f) center/cover no-repeat;
  -webkit-mask-image:linear-gradient(to left, #000 25%, transparent 100%);mask-image:linear-gradient(to left, #000 25%, transparent 100%);opacity:.9}
html body .gr-tipo .gr-t.puesto, html body .gr-tipo .gr-t[aria-pressed="true"]{border:2px solid var(--t5-az)!important;box-shadow:0 0 0 4px color-mix(in srgb, var(--t5-az) 16%, transparent)!important;color:var(--t5-az-tx)!important;padding:9px 10px!important}
html body .gr-aviso{border:1px solid color-mix(in srgb, var(--t5-az) 25%, var(--t5-borde))!important;border-left-width:1px!important;background:color-mix(in srgb, var(--t5-az) 6%, var(--t5-card))!important;border-radius:18px!important}
html body .gr-aviso .gr-av-ico{color:#fff!important;background:var(--t5-az)!important;border-radius:50%!important}

/* ============ móvil estrecho ============ */
@media (max-width:359px){
  html body main.t468-act .ac-nom{font-size:12px!important}
  html body .ini-num b{font-size:18px!important}
  html body .cic-mol > label span{font-size:12.5px!important}
}