/* Modo Tora v2 · inicio.css · #/hoy (pestaña Hoy). Prefijo .in- */
.in-view{gap:24px}

/* saludo */
.in-hello{display:flex;flex-direction:column;gap:4px}
.in-hello__t{font-size:clamp(34px,9.6vw,42px)}
.in-view>.mt-demo{margin-top:-8px}

/* móvil: una columna · escritorio: la sesión a la izquierda, check-in y partido a la derecha */
.in-grid{display:flex;flex-direction:column;gap:16px}
.in-grid__main,.in-grid__side{display:flex;flex-direction:column;gap:14px;min-width:0}

/* tarjeta grande de la sesión */
.in-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:18px 18px 18px 20px;border-radius:22px;background:var(--ink);color:#fff;box-shadow:var(--sh-2)}
.in-hero--ink{background:var(--ink);color:#fff}
.in-hero--cream{background:var(--cream);color:var(--ink);box-shadow:none;min-height:220px}
.in-hero__ghost{position:absolute;right:-12px;bottom:-52px;z-index:-1;font-size:200px;font-weight:800;letter-spacing:-.08em;line-height:1;color:rgba(255,255,255,.055);pointer-events:none;white-space:nowrap}
.in-hero__ghost--ic{right:-56px;bottom:-60px}
.in-hero__ghost--ic svg{width:250px;height:250px;stroke-width:1.1}
.in-hero--cream .in-hero__ghost{color:rgba(142,31,47,.08)}
.in-hero__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-height:26px}
.in-hero__badge{display:inline-flex;align-items:center;height:26px;padding:0 10px;border-radius:6px;background:rgba(255,255,255,.16);color:inherit;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.in-hero__badge--line{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.38)}
.in-hero--cream .in-hero__badge{background:var(--acc);color:#fff}
.in-hero__head{display:flex;flex-direction:column;gap:6px}
.in-hero__eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}
/* el título no corta palabras: si una palabra no entra, la vista baja el tamaño (.is-fit) */
.in-hero__title{font-size:clamp(28px,8.2vw,34px);font-weight:800;line-height:.98;letter-spacing:-.04em;text-wrap:balance;overflow-wrap:normal;word-break:normal}
.in-hero__title.is-fit{font-size:clamp(23px,6.5vw,28px);line-height:1}
.in-hero__title.is-fit2{font-size:21px;overflow-wrap:anywhere}
.in-hero__text{font-size:14.5px;line-height:1.45;opacity:.86;max-width:34ch}
.in-hero__list{display:flex;flex-direction:column}
.in-hero__list li+li{border-top:1px solid rgba(255,255,255,.12)}
.in-hero__list a{display:grid;grid-template-columns:34px minmax(0,1fr) 18px;align-items:center;gap:10px;min-height:44px;font-size:14.5px;font-weight:500;line-height:1.25}
.in-hero__list b{font-size:15px;font-weight:800;letter-spacing:-.01em}
.in-hero__list span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-hero__list svg{width:18px;height:18px;opacity:.55}
.in-hero__list a:focus-visible{outline-color:#fff;outline-offset:-2px}
.in-hero__foot{margin-top:auto;display:flex;align-items:center;gap:12px;min-height:46px}
.in-hero__orb{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--acc);color:#fff;flex:none}
.in-hero__orb svg{width:24px;height:24px}
.in-hero__meta{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.in-hero__meta>b{font-size:15.5px;font-weight:700;line-height:1.25}
.in-hero__meta small{font-size:13px;line-height:1.3;opacity:.74}
.in-hero__ficha{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 15px;border-radius:var(--r-pill);background:var(--cream);color:var(--acc);font-size:13.5px;font-weight:700;line-height:1;white-space:nowrap}
.in-hero__ficha svg{width:17px;height:17px;stroke-width:2.2}
.in-hero__ficha:active{transform:scale(.97)}
.in-hero__ficha:focus-visible{outline:2px solid #fff;outline-offset:2px}

/* check-in de dolor */
.in-check{display:flex;flex-direction:column;gap:18px;padding:20px 18px}
.in-check.is-warn{box-shadow:inset 0 0 0 2px var(--acc-line),var(--sh-1)}
.in-check__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.in-check__hd{display:flex;flex-direction:column;gap:6px;min-width:0}
.in-check__t{font-size:clamp(21px,5.8vw,24px);font-weight:800;line-height:1.08;letter-spacing:-.03em}
.in-check__last{display:flex;flex-direction:column;align-items:flex-end;gap:3px;flex:none;padding:8px 11px;border-radius:12px;background:var(--surface-2)}
.in-check__last small{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);white-space:nowrap}
.in-check__last b{font-size:22px;font-weight:800;line-height:1;letter-spacing:-.03em}
.in-check__last i{font-style:normal;font-size:12px;font-weight:600;color:var(--muted);letter-spacing:0}
.in-check .mt-pain{gap:10px}
.in-check .mt-pain__read{min-height:50px}
.in-check .mt-pain__num{font-size:54px}
.in-check .mt-pain__b{height:46px;font-size:14px;border-radius:9px}
.in-check .mt-pain__scale{gap:3px}
.in-check__foot{display:flex;align-items:center;gap:12px}
.in-check__hint{flex:1;display:flex;gap:8px;font-size:12.5px;line-height:1.4;color:var(--muted)}
.in-check__hint svg{width:16px;height:16px;flex:none;margin-top:1px}
.in-check__btns{display:flex;gap:6px;flex:none}
.in-check__btns .mt-btn--ink{min-height:46px;padding:0 20px;border-radius:12px}
.in-check__done{display:flex;align-items:center;gap:14px}
.in-check__big{font-size:56px;font-weight:800;line-height:.9;letter-spacing:-.05em;min-width:40px;text-align:center}
.in-check.is-warn .in-check__big{color:var(--acc)}
.in-check__done-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.in-check__done-txt b{font-size:15px;font-weight:700;line-height:1.3}
.in-check__done-txt small{font-size:13px;line-height:1.4;color:var(--muted)}
.in-check__done .mt-btn--ghost{flex:none;text-decoration:underline;text-underline-offset:3px}
.in-check__lead{font-size:14.5px;line-height:1.45}
.in-check__list{display:flex;flex-direction:column;border-radius:14px;background:var(--surface-2);overflow:hidden}
.in-check__list li+li{border-top:1px solid var(--line)}
.in-check__list a{display:grid;grid-template-columns:38px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:62px;padding:8px 12px}
.in-check__list a:focus-visible{outline-offset:-3px}
.in-check__ic{width:38px;height:38px;border-radius:10px;background:var(--cream);color:var(--acc);display:grid;place-items:center}
.in-check__ic svg{width:20px;height:20px}
.in-check__txt{display:flex;flex-direction:column;gap:1px;min-width:0}
.in-check__txt b{font-size:14.5px;font-weight:600;line-height:1.25}
.in-check__txt small{font-size:12.5px;color:var(--muted)}
.in-check__list a>svg{width:18px;height:18px;color:var(--muted)}
.in-check__rest{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:600;color:var(--acc)}
.in-check__rest svg{width:20px;height:20px;flex:none}
.in-check__actions{display:flex}

/* registrar partido */
.in-match-btn{display:grid;grid-template-columns:48px minmax(0,1fr) 38px;align-items:center;gap:14px;width:100%;min-height:80px;padding:12px 14px 12px 12px;border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);text-align:left;color:var(--ink);transition:transform .12s var(--ease),box-shadow var(--dur-1)}
.in-match-btn:hover{box-shadow:var(--sh-2)}
.in-match-btn:active{transform:scale(.99)}
.in-match-btn:focus-visible{outline-offset:3px;border-radius:var(--r-lg)}
.in-match-btn__ic{width:48px;height:48px;border-radius:14px;background:var(--cream);color:var(--ink);display:grid;place-items:center}
.in-match-btn__ic svg{width:26px;height:26px;stroke-width:1.6}
.in-match-btn__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.in-match-btn__txt b{font-size:16px;font-weight:700;line-height:1.25}
.in-match-btn__txt small{font-size:13px;color:var(--muted);line-height:1.35}
.in-match-btn__plus{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center}
.in-match-btn__plus svg{width:20px;height:20px;stroke-width:2.2}

/* más bloques: enlace discreto */
.in-more{display:flex;justify-content:center}
.in-more a{display:inline-flex;align-items:center;gap:2px;min-height:44px;padding:0 12px;font-size:14px;font-weight:600;color:var(--muted);border-radius:var(--r-pill)}
.in-more a span{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1.5px}
.in-more a svg{width:18px;height:18px}
.in-more a:hover{color:var(--ink)}

/* hoja: registrar partido */
.in-match{display:flex;flex-direction:column;gap:26px;padding-top:4px}
.in-match__q{display:flex;flex-direction:column}
.in-match__t{font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3;padding:0;margin-bottom:12px}
.in-match__chips{gap:8px}
.in-match__chips .mt-choice span{min-height:46px;padding:0 14px;font-size:14px;border-radius:12px}
.in-match__chips .mt-choice span svg{width:18px;height:18px;flex:none}
.in-match__min{gap:6px}
.in-match__min .mt-choice span{min-height:58px;padding:0 4px;font-size:18px;font-weight:800;letter-spacing:-.02em}
.in-match .mt-pain{margin-top:2px}
.in-match [data-in-match-warn]{margin-top:12px}

/* confirmación del partido */
.in-done{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:10px 0 6px}
.in-done__ic{position:relative;width:96px;height:96px;border-radius:50%;background:var(--acc);color:#fff;display:grid;place-items:center;margin-bottom:8px;animation:in-pop .55s var(--ease-out) both}
.in-done__ic>svg{width:46px;height:46px;stroke-width:1.6}
.in-done__ic i{position:absolute;right:-2px;bottom:-2px;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:0 0 0 4px var(--bg)}
.in-done__ic i svg{width:18px;height:18px;stroke-width:2.8}
@keyframes in-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.06);opacity:1}100%{transform:scale(1);opacity:1}}
.in-done__t{font-size:clamp(34px,10vw,44px);font-weight:800;line-height:.95;letter-spacing:-.045em}
.in-done__t:focus{outline:none}
.in-done__sum{font-size:15px;font-weight:600;color:var(--ink-2)}
.in-done__p{font-size:14.5px;color:var(--muted)}
.in-done .mt-note{width:100%;text-align:left;margin-top:6px}

@media (max-width:360px){
  .in-hero{padding:16px}
  .in-match__chips--min .mt-choice span{font-size:14px}
}
@media (max-width:768px){
  .in-view .mt-choices--grid{grid-column:1 / -1}
}
@media (min-width:1100px){
  .in-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:24px;align-items:start}
  .in-hero{min-height:420px}
  .in-hero--cream{min-height:300px}
  .in-hero__title{font-size:40px}
}