html[data-pagina="casos"] .cs-cab h1 { grid-column: 1 / 5; }
html[data-pagina="casos"] .cs-cab .lead { grid-column: 1 / 5; max-width: 30em; }
html[data-pagina="casos"] .cs-cab__luz { left: 84%; top: 58%; }
.cs-indice { grid-column: 5 / 7; grid-row: 2 / span 2; align-self: end; padding-left: var(--calle); }
.cs-indice__lista { border-top: 1px solid var(--superficie-oscura); }
.cs-indice__enlace { display: flex; flex-direction: column; gap: 8px; padding-block: 18px; border-bottom: 1px solid var(--superficie-oscura); color: var(--texto-sobre-oscuro); text-decoration: none; }
.cs-indice__nombre { font-stretch: 62%; font-weight: 800; font-size: 2rem; line-height: 1.02; letter-spacing: -0.01em; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; text-decoration-color: var(--superficie-oscura); }
.cs-indice__enlace:hover .cs-indice__nombre, .cs-indice__enlace:focus-visible .cs-indice__nombre { text-decoration-color: currentColor; }
.cs-indice__tipo { color: var(--texto-secundario-sobre-oscuro); }
@media (max-width: 820px) {
  html[data-pagina="casos"] .cs-cab h1, html[data-pagina="casos"] .cs-cab .lead { grid-column: 1; }
  .cs-indice { grid-column: 1; grid-row: auto; margin-top: 40px; padding-left: 0; }
  .cs-indice__nombre { font-size: 1.75rem; }
  html[data-pagina="casos"] .cs-cab__luz { left: 50%; top: 80%; }
}




.cs-abanico { --mw: clamp(118px, 31vw, 230px); position: relative; grid-column: 1 / -1; grid-row: 5; display: grid; justify-items: center; margin-top: 72px; padding-bottom: 24px; }
.cs-abanico__item { grid-area: 1 / 1; width: var(--mw); transform-origin: 50% 100%; }
.cs-abanico__item--0 { transform: translateX(-66%) rotate(-11deg); }
.cs-abanico__item--1 { z-index: 2; }
.cs-abanico__item--2 { transform: translateX(66%) rotate(11deg); }
@media (max-width: 820px) {
  .cs-abanico { grid-row: auto; margin-top: 56px; padding-bottom: 8px; }
}


@media (hover: none), (max-width: 820px) {
  .cs-abanico .inclina, .cs-abanico .mov { transform-style: flat; }
  .cs-abanico .mov > :is(.c-izq, .c-der, .c-sup, .c-inf) { display: none; }
  .cs-abanico .mov > *, .cs-abanico .mov::before, .cs-abanico .pantalla__img { transform: none !important; backface-visibility: visible; }
  .cs-abanico .mov .reflejo { display: none; }
  .cs-abanico .obj { perspective: none; }
}

.cs-caso { scroll-margin-top: 0; }
.cs-caso__cab h2 { font-size: var(--fs-h2); }
html[data-pagina="casos"] .cs-caso__ficticio { margin-top: 12px; max-width: none; font-size: 1rem; color: var(--texto); }
.cs-caso__pantalla { display: block; width: min(100%, 1000px); margin: 48px auto 0; color: inherit; text-decoration: none; }
.cs-caso__objeto .mon { transform: rotateX(4deg); }
.cs-caso__pie { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); column-gap: var(--calle); align-items: end; margin-top: 56px; }
.cs-caso__demuestra { grid-column: 1 / 5; }
.cs-caso__demuestra h3 { margin-bottom: 16px; font-weight: 600; font-size: var(--fs-destacado); line-height: 1.3; letter-spacing: -0.01em; }
.cs-caso__demuestra .lista-check { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px var(--calle); max-width: none; }
.cs-caso__demuestra .lista-check li + li { margin-top: 0; }
@media (min-width: 821px) and (max-width: 1100px) { .cs-caso__demuestra .lista-check { grid-template-columns: minmax(0, 1fr); } }
html[data-pagina="casos"] .cs-caso__accion { grid-column: 5 / 7; justify-self: end; max-width: none; }
@media (max-width: 820px) {
  .cs-caso__pantalla { margin-top: 32px; }
  .cs-caso__objeto .mon { transform: rotateX(3deg); }
  .cs-caso__pie { grid-template-columns: minmax(0, 1fr); margin-top: 40px; }
  .cs-caso__demuestra, html[data-pagina="casos"] .cs-caso__accion { grid-column: 1; justify-self: start; }
  .cs-caso__demuestra .lista-check { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  html[data-pagina="casos"] .cs-caso__accion { margin-top: 32px; }
}

.cs-publicaremos__lista { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: var(--calle); }
html[data-pagina="casos"] .cs-publicaremos__lista { margin-top: 48px; }
.cs-publicaremos__lista li { padding-top: 24px; border-top: 1px solid var(--linea); font-stretch: 62%; font-weight: 800; font-size: clamp(1.5rem, 0.9rem + 1vw, 2rem); line-height: 1.08; letter-spacing: -0.01em; }
html[data-pagina="casos"] .cs-publicaremos__nota { margin-top: 48px; max-width: 56ch; font-size: var(--fs-destacado); line-height: 1.35; }
@media (max-width: 820px) {
  .cs-publicaremos__lista { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  html[data-pagina="casos"] .cs-publicaremos__lista { margin-top: 32px; }
  html[data-pagina="casos"] .cs-publicaremos__nota { margin-top: 32px; }
}


.cs-otra { position: absolute; inset: 0; z-index: 1; overflow: clip; container-type: size; pointer-events: none; }
.cs-otra__img { position: absolute; top: 0; left: 0; width: 100%; max-width: none; height: auto; transform: translate3d(0, calc((100cqh - 100%) * var(--inicio, 0)), 0); }