/* ==========================================================================
   Estilos de texto — GENERADO por scripts/generate-tokens.mjs desde Framer.
   Mobile-first: base = teléfono, 810px = tablet, 1440px = desktop.
   ========================================================================== */

@layer utilities {
  .text-h1 { font-family: var(--font-sans); font-weight: 400; }
  .text-h1-italic { font-family: var(--font-serif); font-weight: 400; font-style: italic; }
  .text-h2 { font-family: var(--font-sans); font-weight: 500; }
  .text-h2-sm { font-family: var(--font-sans); font-weight: 500; }
  .text-h3 { font-family: var(--font-sans); font-weight: 500; }
  .text-h5 { font-family: var(--font-sans); font-weight: 500; }
  .text-h6 { font-family: var(--font-sans); font-weight: 500; }
  .text-lg { font-family: var(--font-sans); font-weight: 500; }
  .text-accent { font-family: var(--font-serif); font-weight: 400; font-style: italic; }
  .text-base { font-family: var(--font-sans); font-weight: 400; }
  .text-base-tight { font-family: var(--font-sans); font-weight: 400; }
  .text-md-strong { font-family: var(--font-sans); font-weight: 600; }
  .text-base-strong { font-family: var(--font-sans); font-weight: 600; }
  .text-xs { font-family: var(--font-sans); font-weight: 400; }
  .text-sm { font-family: var(--font-sans); font-weight: 400; }
  .text-sm-medium { font-family: var(--font-sans); font-weight: 500; }

  .text-h1 { font-size: 80px; line-height: 80px; letter-spacing: -8.4px; }
  .text-h1-italic { font-size: 64px; line-height: 64px; letter-spacing: -5.6px; }
  .text-h2 { font-size: 41px; line-height: 42px; letter-spacing: -1.92px; }
  .text-h2-sm { font-size: 48px; line-height: 60px; letter-spacing: -1.44px; }
  .text-h3 { font-size: 40px; line-height: 52px; letter-spacing: -0.8px; }
  .text-h5 { font-size: 32px; line-height: 36px; letter-spacing: -0.32px; }
  .text-h6 { font-size: 15px; line-height: 16px; letter-spacing: 0px; }
  .text-lg { font-size: 20px; line-height: 24px; letter-spacing: 0px; }
  .text-accent { font-size: 41px; line-height: 72px; letter-spacing: -1.92px; }
  .text-base { font-size: 16px; line-height: 24px; letter-spacing: 0px; }
  .text-base-tight { font-size: 16px; line-height: 24px; letter-spacing: -0.48px; }
  .text-md-strong { font-size: 18px; line-height: 28px; letter-spacing: 0px; }
  .text-base-strong { font-size: 16px; line-height: 24px; letter-spacing: 0px; }
  .text-xs { font-size: 12px; line-height: 16px; letter-spacing: 0px; }
  .text-sm { font-size: 14px; line-height: 20px; letter-spacing: 0px; }
  .text-sm-medium { font-size: 14px; line-height: 20px; letter-spacing: 0px; }

  @media (min-width: 810px) {
    .text-h1 { font-size: 100px; line-height: 100px; }
    .text-h1-italic { font-size: 80px; line-height: 74px; }
    .text-h2 { font-size: 51px; line-height: 52px; }
    .text-h6 { font-size: 19px; line-height: 20px; }
    .text-accent { font-size: 51px; line-height: 72px; }
  }

  @media (min-width: 1440px) {
    .text-h1 { font-size: 140px; line-height: 128px; }
    .text-h1-italic { font-size: 140px; line-height: 96px; }
    .text-h2 { font-size: 64px; line-height: 72px; }
    .text-h6 { font-size: 24px; line-height: 30px; }
    .text-accent { font-size: 64px; line-height: 72px; }
  }
}