/* Tu repaso de hoy · LIF Poker. Requiere tokens del LIF Poker Design System (colors, typography, spacing, lif-components).
   Componente de Design (19/10/2026). En el Menú Principal va dentro de una card nativa del hub y entrenalif-host.css
   le saca el fondo propio, así el color es el de las demás cards. */
.rh-host{container-type:inline-size;width:100%}
.rh-host[hidden]{display:none}
.rh{position:relative;overflow:hidden;border:1px solid var(--linea-celeste-fuerte);border-radius:var(--radio-xl);background:linear-gradient(180deg,var(--navy-800),var(--superficie-panel) 70%);box-shadow:var(--sombra-1);color:var(--texto-principal);font-family:var(--fuente-texto);animation:rh-in .35s var(--ease) both}
.rh::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(110,207,240,.55),transparent)}
@keyframes rh-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.rh,.rh *{animation:none!important;transition:none!important}}

.rh__cab{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 24px 0}
.rh__titulo{margin:0;font:400 var(--fs-seccion)/1 var(--fuente-titulo);letter-spacing:var(--ls-seccion);color:var(--titulo-color)}
.rh__nivel .lif-segmentado__opcion{min-height:36px;padding:6px 14px;font-size:var(--fs-etiqueta)}

.rh__cuerpo{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr) minmax(0,1fr);padding:14px 0 20px}
.rh__cuerpo--dos{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
.rh__cuerpo--lista{grid-template-columns:minmax(0,1.7fr) minmax(0,.85fr) minmax(0,.95fr)}
.rh__zona{min-width:0;padding:4px 24px;display:flex;flex-direction:column;gap:10px}
.rh__zona+.rh__zona{border-left:1px solid var(--borde)}
.rh__etq{margin:0;font:700 var(--fs-etiqueta)/1.2 var(--fuente-texto);letter-spacing:var(--ls-etiqueta);text-transform:uppercase;color:var(--texto-suave)}

/* Repaso */
.rh__fila{display:flex;align-items:center;justify-content:space-between;gap:16px 20px;flex-wrap:wrap}
.rh__cifra{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.rh__num{font:400 56px/.85 var(--fuente-titulo);color:var(--texto-principal)}
.rh__num-txt{font-size:var(--fs-cuerpo-lg);font-weight:700;color:var(--texto-principal)}
.rh__meta{margin:4px 0 0;font-size:var(--fs-dato);color:var(--texto-suave)}
.rh__cta{white-space:nowrap}
.rh__detalle{margin:2px 0 0;font-size:var(--fs-dato);color:var(--texto-suave)}
.rh__detalle b{color:var(--texto-secundario);font-weight:700}

.rh__listo{display:flex;align-items:center;gap:14px}
.rh__check{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--exito-fondo);color:var(--exito);font-size:20px}
.rh__listo-tit{margin:0;font:400 var(--fs-titulo-lg)/1 var(--fuente-titulo);letter-spacing:.02em;color:var(--texto-principal)}
.rh__txt{margin:0;font-size:var(--fs-cuerpo);line-height:var(--lh-cuerpo);color:var(--texto-secundario);text-wrap:pretty}
.rh__txt-fuerte{margin:0;font-size:var(--fs-cuerpo-lg);font-weight:700;line-height:var(--lh-ajustado);color:var(--texto-principal);text-wrap:pretty}

/* Estudio (estado C, Avanzada) */
.rh__lista{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;margin:2px 0 0;padding:0;list-style:none}
.rh__item{display:flex;flex-direction:column;justify-content:center;gap:6px;width:100%;min-height:52px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radio);background:rgba(255,255,255,.05);color:var(--texto-principal);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--t),background var(--t),color var(--t)}
.rh__item:hover{background:rgba(255,255,255,.09);border-color:var(--lif-celeste)}
.rh__item:focus-visible{outline:none;box-shadow:var(--anillo)}
.rh__item-sup{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:2px 8px;font-size:var(--fs-dato)}
.rh__item-nom{font-weight:700;min-width:0;line-height:1.25}
.rh__item-av{flex:none;color:var(--texto-suave);font-size:var(--fs-etiqueta)}
.rh__barra{height:4px;border-radius:2px;background:rgba(255,255,255,.10);overflow:hidden}
.rh__barra>i{display:block;height:100%;background:var(--acento);border-radius:2px;transition:width .6s var(--ease)}

/* Racha */
.rh__llevas{margin:0;font-size:var(--fs-dato);font-weight:600;color:var(--texto-suave)}
.rh__racha{display:flex;align-items:baseline;gap:10px;flex-wrap:nowrap}
.rh__racha .rh__num-txt{min-width:0;line-height:1.15}
.rh__racha .rh__num{color:var(--acento)}
.rh__hoy{align-self:flex-start;font-size:var(--fs-etiqueta)}
.rh__puntos{display:flex;gap:8px;margin:2px 0 0;padding:0;list-style:none}
.rh__punto{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--texto-tenue)}
.rh__punto>i{width:14px;height:14px;border-radius:50%;border:1px dashed var(--borde-punteado)}
.rh__punto.is-si>i{border:0;background:var(--acento)}
.rh__punto.is-hoy>i{box-shadow:0 0 0 3px rgba(110,207,240,.22)}
.rh__punto.is-hoy{color:var(--acento)}
.rh__record{margin:0;font-size:var(--fs-dato);color:var(--texto-suave)}
.rh__record b{color:var(--texto-secundario)}

/* Concepto */
.rh__termino{margin:0;font:400 var(--fs-titulo)/1 var(--fuente-titulo);letter-spacing:.03em;color:var(--titulo-color)}
.rh__def{margin:0;font-size:var(--fs-cuerpo-sm);line-height:var(--lh-cuerpo);color:var(--texto-secundario);text-wrap:pretty}  /* sin recorte: la línea la escribe Sare (hasta 250 letras) y se lee entera */
.rh__herrs{display:flex;flex-wrap:wrap;gap:8px}
.rh__herr{white-space:normal;text-align:left;color:var(--texto-principal)}
.rh__herr i{color:var(--acento)}
.rh__link{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:-8px 0 -12px;padding:0;border:0;background:none;color:var(--acento);font:700 var(--fs-dato)/1 var(--fuente-texto);cursor:pointer}
.rh__link:hover{color:var(--texto-principal)}
.rh__link:focus-visible{outline:2px solid var(--acento);outline-offset:2px;border-radius:4px}

/* Frase de mindset */
.rh__frase{display:flex;align-items:center;gap:14px;margin:0;padding:14px 24px;border-top:1px solid var(--borde);background:rgba(110,207,240,.05)}
.rh__frase>i{flex:none;color:var(--acento);font-size:18px}
.rh__frase-txt{margin:0;font-size:var(--fs-cuerpo);line-height:var(--lh-ajustado);color:var(--texto-principal);text-wrap:pretty}
.rh__frase-autor{color:var(--texto-suave);font-size:var(--fs-dato);white-space:nowrap}

/* Cargando */
.rh--cargando .rh__cargando{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:180px;color:var(--texto-suave);font-size:var(--fs-dato)}
.rh .lif-loader-1c{--lif-loader-size:56px}  /* el logo que brilla es el del sitio (lif-components.css) */

/* Inicial: más grande y más aire */
.rh--inicial .rh__num{font-size:72px}
.rh--inicial .rh__num-txt{font-size:20px}
.rh--inicial .rh__meta{font-size:var(--fs-cuerpo)}
.rh--inicial .rh__cta{min-height:54px;padding:14px 40px;font-size:26px}
.rh--inicial .rh__termino{font-size:var(--fs-titulo-lg)}
.rh--inicial .rh__def{font-size:var(--fs-cuerpo)}
.rh--inicial .rh__link{font-size:var(--fs-cuerpo-sm)}
.rh--inicial .rh__txt-fuerte{font-size:20px}
.rh--inicial .rh__hoy{font-size:var(--fs-dato);padding:6px 12px}

@container (max-width:1000px){.rh__cuerpo--lista .rh__lista{grid-template-columns:minmax(0,1fr)}}
/* Angosto (celular / columna chica) */
@container (max-width:760px){
  .rh__cab{padding:14px 16px 0}
  .rh__cuerpo,.rh__cuerpo--dos,.rh__cuerpo--lista{grid-template-columns:minmax(0,1fr);padding:8px 0 4px}
  .rh__zona{padding:14px 16px}
  .rh__zona+.rh__zona{border-left:0;border-top:1px solid var(--borde)}
  .rh__fila{flex-direction:column;align-items:stretch}
  .rh__cta{width:100%}
  .rh__lista{grid-template-columns:minmax(0,1fr)}
  .rh__frase{padding:14px 16px;align-items:flex-start}
  .rh__num{font-size:48px}
  .rh--inicial .rh__num{font-size:60px}
  .rh__listo-tit{font-size:var(--fs-titulo)}
}