/* t338 (16-oct-2026): pasada final de pulido estilo iPhone en las dos apps (clientes y prueba).
   Va cargado el ULTIMO en base.html. Solo retoca, no rehace: si se quita este fichero todo vuelve a como estaba. */

/* --- Inicio: el dia de hoy con entreno hecho salia como circulo azul vacio (numero azul sobre azul) --- */
.ini-d.hoy:has(i.hecho) b{color:#fff}
.ini-d.hoy i.hecho{background:#fff}

/* --- Prueba: la pastilla «Cómo funciona» pisaba el titulo de la pantalla --- */
body:has(#sp-ayuda-burbuja) main.wrap,body:has(#sp-ayuda-burbuja) main.zona{margin-top:20px}

/* --- Entrenar: «Pierna A» se partia en dos lineas en el resto del plan --- */
.dia-tit{min-width:0}
.dia-tit b{white-space:nowrap;flex:none}
.dia-tit small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* --- Recursos: «Más recursos» con foto a sangre, difuminada por los lados y el titulo encima --- */
#rx-mas-cab + .rx-filas{display:grid;gap:12px}
#rx-mas-cab + .rx-filas .rx-fila{
  position:relative;isolation:isolate;overflow:hidden;min-height:118px;padding:16px 16px 16px 18px;
  align-items:flex-end;border-radius:24px;border:1px solid rgba(120,150,255,.16);background:#070d22;
  box-shadow:0 14px 34px -14px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.06)}
#rx-mas-cab + .rx-filas .rx-mini{position:absolute;inset:0;width:auto;height:auto;border-radius:0;z-index:-2;background:#0b1636;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%)}
#rx-mas-cab + .rx-filas .rx-mini img{object-position:center 30%;transform:scale(1.02)}
#rx-mas-cab + .rx-filas .rx-mini .rx-ini{display:grid;place-items:center;height:100%;font-size:44px;color:rgba(255,255,255,.25);
  background:radial-gradient(120% 90% at 80% 10%,#2c55d8 0%,#10235c 55%,#070d22 100%)}
#rx-mas-cab + .rx-filas .rx-fila::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(4,8,24,.92) 0%,rgba(4,8,24,.45) 48%,rgba(4,8,24,.05) 100%),
             linear-gradient(90deg,rgba(4,8,24,.85) 0%,rgba(4,8,24,.35) 50%,transparent 70%)}
#rx-mas-cab + .rx-filas .rx-fila-txt b{color:#fff;font-size:17px;font-weight:800;letter-spacing:-.01em;text-shadow:0 2px 10px rgba(0,0,0,.6)}
#rx-mas-cab + .rx-filas .rx-fila-txt small{color:rgba(225,232,255,.82);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px;font-weight:700}
#rx-mas-cab + .rx-filas .fx-chev{align-self:flex-end;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
#rx-mas-cab + .rx-filas .fx-chev i{background-color:#fff}
#rx-mas-cab + .rx-filas .rx-fila.rx-oculto{display:none !important}

/* --- Ventanas de la prueba que salen desde abajo: asa para deslizar y entrada de hoja --- */
.sp-modal:not(.sp-venta):not(.sp-app) .sp-caja{position:relative;padding-top:26px;
  background:linear-gradient(180deg,#fff 0%,#f6f8ff 100%);box-shadow:0 -20px 60px -10px rgba(0,0,0,.45)}
.sp-modal:not(.sp-venta):not(.sp-app) .sp-caja::before{content:"";position:absolute;top:9px;left:50%;width:38px;height:5px;margin-left:-19px;
  border-radius:3px;background:rgba(0,0,0,.18)}
.sp-modal:not([hidden]){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media (prefers-reduced-motion: no-preference){
  .sp-modal:not(.sp-venta):not(.sp-app):not([hidden]) .sp-caja{animation:t338-hoja .42s cubic-bezier(.2,.9,.25,1) both}
}
@keyframes t338-hoja{from{transform:translateY(100%)}to{transform:none}}
.t338-arrastra{transition:none !important;animation:none !important}


/* --- Nada de letras partidas en titulos --- */
main :is(h1,h2,h3,.card b,.rx-fila-txt b){overflow-wrap:normal;word-break:normal;-webkit-hyphens:manual;hyphens:manual;text-wrap:balance}