/* styles-extra.css — Versión A (turquesa) · Agencia Nº 10
   Estilos de las páginas de ficha de talento y de las páginas legales/contacto.
   El export estático original solo incluyó el CSS de la home en styles.css;
   estos módulos faltaban y por eso esas páginas salían sin estilo.
   (Traducción 1:1 de ficha.module.css y legal.module.css del repo, con las
   clases hasheadas que ya usa el HTML.) */

/* ===== Ficha de talento (ficha.module.css) ===== */
.ficha-module__Zq846W__ficha { max-width: 1100px; margin: 0 auto; padding: clamp(48px, 8vw, 96px) var(--pad) 0; }
.ficha-module__Zq846W__head { border-bottom: 1px solid var(--line); padding-bottom: clamp(24px, 4vw, 40px); margin-bottom: clamp(28px, 4vw, 44px); }
.ficha-module__Zq846W__disc { font-size: 11px; letter-spacing: 0.3em; text-transform: uppercase; color: var(--red); font-weight: 600; margin-bottom: 16px; }
.ficha-module__Zq846W__name { font-family: var(--font-display); font-weight: 500; font-size: clamp(40px, 8vw, 92px); line-height: 0.98; letter-spacing: -0.015em; }
.ficha-module__Zq846W__bio { max-width: 60ch; font-size: clamp(16px, 1.7vw, 19px); line-height: 1.6; color: var(--ink); margin-bottom: clamp(36px, 5vw, 56px); }
.ficha-module__Zq846W__bio p { margin: 0 0 1em; }
.ficha-module__Zq846W__tech { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; border-top: 1px solid var(--line); margin-bottom: clamp(48px, 7vw, 80px); }
.ficha-module__Zq846W__techRow { display: flex; flex-direction: column; gap: 4px; padding: 18px 0; border-bottom: 1px solid var(--line); padding-right: 32px; }
.ficha-module__Zq846W__techRow dt { font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--muted); }
.ficha-module__Zq846W__techRow dd { font-size: 15px; color: var(--ink); }
.ficha-module__Zq846W__portfolioTitle { font-family: var(--font-display); font-weight: 500; font-size: clamp(24px, 3.4vw, 40px); margin-bottom: clamp(20px, 3vw, 32px); }
.ficha-module__Zq846W__reels { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(20px, 3vw, 36px); }
@media (max-width: 760px) {
  .ficha-module__Zq846W__tech,
  .ficha-module__Zq846W__reels { grid-template-columns: 1fr; }
}

/* ===== Páginas legales y contacto (legal.module.css) ===== */
.legal-module__vR4iiG__page { max-width: 760px; margin: 0 auto; padding: clamp(56px, 9vw, 120px) var(--pad) 0; }
.legal-module__vR4iiG__eyebrow { font-size: 11px; letter-spacing: 0.34em; text-transform: uppercase; color: var(--red); font-weight: 600; margin-bottom: 20px; }
.legal-module__vR4iiG__title { font-family: var(--font-display); font-weight: 500; font-size: clamp(36px, 6vw, 72px); line-height: 1; letter-spacing: -0.015em; margin-bottom: clamp(28px, 4vw, 44px); }
.legal-module__vR4iiG__body { font-size: clamp(15px, 1.6vw, 18px); line-height: 1.65; color: var(--ink); }
.legal-module__vR4iiG__body p { margin: 0 0 1.1em; }
.legal-module__vR4iiG__body h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(20px, 2.6vw, 28px); margin: 1.6em 0 0.5em; }
.legal-module__vR4iiG__draft { display: inline-block; font-size: 12px; letter-spacing: 0.08em; color: var(--muted); border: 1px solid var(--line); border-radius: 999px; padding: 6px 14px; margin-bottom: 28px; }
.legal-module__vR4iiG__contactList { display: flex; flex-direction: column; gap: 18px; margin-top: 8px; }
.legal-module__vR4iiG__contactItem { display: flex; flex-direction: column; gap: 4px; }
.legal-module__vR4iiG__contactItem .legal-module__vR4iiG__k { font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: var(--muted); }
.legal-module__vR4iiG__contactItem .legal-module__vR4iiG__v { font-family: var(--font-display); font-size: clamp(22px, 3vw, 34px); color: var(--ink); text-decoration: none; }
.legal-module__vR4iiG__contactItem .legal-module__vR4iiG__v:hover { color: var(--red); }
.legal-module__vR4iiG__pending { color: var(--muted); font-style: italic; }