/* ═══════════════════════════════════════════════════════════════════════════
EL MARCO DE FARO — la capa constante de los seis casos
═══════════════════════════════════════════════════════════════════════════
Seis casos con seis direcciones artísticas distintas necesitan algo que los
haga un portfolio y no seis webs sueltas. Ese algo NO puede ser el color:
`SISTEMA-MARCA.md` §4 lo prohibe expresamente —«las marcas de los casos de
estudio no se mezclan nunca con la de Faro»— y ademas seis paletas iguales
serían seis casos iguales, que es justo lo que no queremos.
Lo que comparten es esto:
· la barra de arriba y el bloque de cierre — el marco visible
· la MISMA curva de animacion — todo se mueve igual
· la MISMA escala tipografica — mismos tamaños, otras familias
· la misma apertura de tres lineas — sector · problema · muestra
La coherencia no la da el color: la da como se mueven las cosas y como esta
montada la pagina. Cada caso pinta encima lo que quiera.
── Como se usa en un caso ──
1.
2. (tono = fondo del caso)
3. Redefinir SOLO las variables de --caso-* en el