/* Estilos de las páginas de proyecto (se suman a ../styles.css) */
.ficha { padding: calc(var(--barra) + clamp(40px, 6vw, 80px)) var(--margen) clamp(80px, 10vw, 140px); }
.volver { display: inline-block; color: var(--tenue); font-size: .9rem; text-decoration: none; margin-bottom: clamp(40px, 6vw, 72px); }
.volver:hover { color: var(--texto); }
.ficha h1 { font-size: clamp(2.8rem, 7vw, 6.4rem); line-height: .95; letter-spacing: -.03em; }
.ficha-datos { color: var(--tenue); margin-top: 18px; }
.ficha-video { margin: clamp(40px, 6vw, 72px) 0; aspect-ratio: 16 / 9; background: #141414; }
.ficha-video iframe, .ficha-video img { display: block; width: 100%; height: 100%; border: 0; object-fit: cover; }
.ficha-cuerpo { display: grid; grid-template-columns: 1.4fr 1fr; gap: clamp(40px, 7vw, 110px); }
.ficha h2 { font-size: 1.6rem; line-height: 1.2; letter-spacing: -.01em; margin-bottom: 18px; }
.ficha-sinopsis p { color: #b9b9b5; font-size: 1.08rem; max-width: 62ch; }
.ficha-sinopsis p + p { margin-top: 1em; }
.ficha-creditos { margin: 0; }
.ficha-creditos div { display: grid; grid-template-columns: 1fr 1.2fr; gap: 16px; padding: 12px 0; border-top: 1px solid var(--linea); }
.ficha-creditos dt { color: var(--tenue); font-size: .9rem; }
.ficha-creditos dd { margin: 0; }
.ficha-subtitulo { margin-top: clamp(64px, 8vw, 110px); }
.ficha-fotogramas { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.ficha-fotogramas .foto { aspect-ratio: 16 / 9; }
@media (max-width: 760px) {
  .ficha-cuerpo { grid-template-columns: 1fr; }
  .ficha-fotogramas { grid-template-columns: 1fr; }
}
.ficha-video + .ficha-trailer { margin: calc(clamp(40px, 6vw, 72px) * -0.6) 0 clamp(48px, 7vw, 88px); }
.enlace-claro { color: var(--texto); text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 3px; font-size: .95rem; }
.enlace-claro:hover { opacity: .65; }