/* Modo Tora v2 · ficha.css · ficha del día estilo póster (#/ficha). Dueño: ficha. Prefijo .fi- */

.mt-view.fi{padding-top:8px}
.fi-wrap{display:flex;flex-direction:column;gap:14px;padding-bottom:28px}

/* la hoja: blanca como las ilustraciones, para que no se vean recuadros */
.fi-poster{background:#fff;border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:22px 18px 18px;color:var(--ink)}
.fi-kick{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);line-height:1.3}
.fi-kick__ej{color:var(--acc)}
.fi-title{margin-top:8px;font-size:clamp(38px,11.4vw,54px);font-weight:900;line-height:.93;letter-spacing:-.04em;word-spacing:.1em;text-wrap:balance}
.fi-title em{font-style:normal;color:var(--acc)}
.fi-rule{position:relative;height:3px;margin:16px 0 4px;background:var(--acc)}
.fi-rule::after{content:"";position:absolute;left:50%;top:3px;width:16px;height:8px;background:var(--acc);transform:translateX(-50%) skewX(-28deg)}

/* cada bloque = una sección con su letra */
.fi-sec{padding:16px 0 14px;border-bottom:1.5px solid var(--acc-line)}
.fi-sec__h{display:flex;align-items:center;gap:12px;min-height:44px;border-radius:var(--r-sm)}
.fi-sec__h:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.fi-sec__l{flex:none;width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:var(--acc);color:var(--cream);font-size:28px;font-weight:900;line-height:1}
.fi-sec__t{flex:1;min-width:0;font-size:15px;font-weight:800;line-height:1.15;text-transform:uppercase;letter-spacing:-.005em}
.fi-sec__min{flex:none;display:flex;align-items:baseline;gap:3px;color:var(--acc)}
.fi-sec__min b{font-size:32px;font-weight:900;letter-spacing:-.04em;line-height:1}
.fi-sec__min small{font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}

/* ejercicios en dos columnas con separadores de puntos, como el póster */
.fi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}
.fi-ej{display:flex;flex-direction:column;padding:10px 10px 8px}
.fi-ej:nth-child(odd){padding-left:0}
.fi-ej:nth-child(even){padding-right:0;border-left:1.5px dotted var(--line-2)}
.fi-ej:nth-child(n+3){border-top:1.5px dotted var(--line-2)}
.fi-grid--impar .fi-ej:last-child{grid-column:1/-1;padding-right:0}
.fi-grid--impar .fi-ej:last-child .fi-ej__img{width:54%;align-self:center}
.fi-ej__n{font-size:12.5px;font-weight:700;line-height:1.18;text-transform:uppercase;letter-spacing:-.005em}
.fi-ej__d{margin-top:3px;font-size:13.5px;font-weight:800;line-height:1.2;color:var(--acc)}
.fi-ej__img{display:block;margin-top:auto;padding-top:6px;width:100%}
.fi-ej__img img{display:block;width:100%;aspect-ratio:3/2;object-fit:contain}
.fi-ej__vacio{display:grid;place-items:center;aspect-ratio:3/2;border-radius:var(--r-sm);background:var(--surface-2);color:var(--muted-2)}
.fi-ej__vacio svg{width:24px;height:24px}

/* firma */
.fi-pie{display:flex;align-items:center;gap:12px;margin-top:16px}
.fi-pie i{flex:1;height:1.5px;background:var(--acc);opacity:.55}
.fi-pie span{font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase}
.fi-pie img{height:30px;width:auto}

.fi-nota{display:grid;grid-template-columns:18px 1fr;gap:8px;align-items:start;line-height:1.45}
.fi-nota svg{width:18px;height:18px;margin-top:1px}

@media (max-width:360px){
  .fi-poster{padding:18px 14px 14px}
  .fi-ej__n{font-size:11.5px}
}