/* FOGEL STUDIO v2 — casos (2026-11-11): trabajo real, cliente por cliente. Usa las piezas de tema.css (th-h, th-fin, th-otros). */
.cs-h{padding:calc(var(--nav) + clamp(56px,9vw,130px)) var(--gut) clamp(10px,2vw,24px);max-width:1200px}
.cs-h h1{font-size:clamp(2.6rem,9vw,8rem);margin:16px 0 22px}   /* "CASOS" en Syne 800 ≈ 5,6 em: cabe desde 320 px */
.cs-h p{color:var(--ink-dim);max-width:58ch;font-size:clamp(1rem,1.3vw,1.12rem)}
.cs-indice{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:30px;padding-top:18px;border-top:1px solid var(--line)}
.cs-indice a{font-family:'Syne';font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);transition:color .2s}
.cs-indice a b{font-family:'Space Grotesk';font-weight:500;font-size:9px;color:var(--terra);margin-right:6px;letter-spacing:.1em}
.cs-indice a:hover{color:var(--ink)}

/* cada caso: la imagen y su ficha, alternando lados como un contacto de rollo */
.casos{display:grid;gap:clamp(56px,7vw,110px);padding:0 var(--gut) clamp(30px,4vw,60px);max-width:1300px}
.caso{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(24px,4.5vw,72px);align-items:center}
.caso:nth-child(even) .caso-img{order:2}
.caso-img{position:relative;display:block;aspect-ratio:4/3;background:#111;overflow:hidden}
.caso-img.v{aspect-ratio:4/5;max-width:440px;width:100%;justify-self:center}
.caso-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),filter .5s}
.caso-img:hover img{transform:scale(1.03)}
.caso-img::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none}
.caso-txt{min-width:0}
.caso h3{font-size:clamp(1.7rem,3.8vw,3.2rem);margin:12px 0 16px;overflow-wrap:break-word}
/* nombres con una palabra muy larga ("Oftalmológicas" ≈ 15,6 em en Syne 800): letra menor para que quepa en su columna */
.caso h3.largo{font-size:min(clamp(1.25rem,2.7vw,2.3rem),calc((100vw - 2 * var(--gut)) / 16))}
.caso-txt>p{color:var(--ink-dim);max-width:52ch}
.caso-ficha{display:flex;flex-wrap:wrap;gap:12px 34px;margin:22px 0 24px;padding-top:14px;border-top:1px solid var(--line)}
.caso-ficha dt{font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:var(--terra)}
.caso-ficha dd{margin-top:4px;font-size:.95rem}
.caso .cue{max-width:100%;white-space:normal}
@media (max-width:760px){
  .caso{grid-template-columns:1fr}
  .caso:nth-child(even) .caso-img{order:0}
  .caso-img.v{max-width:min(100%,340px);justify-self:start}
}
@media (prefers-reduced-motion:reduce){.caso-img img{transition:none}}