/* ═══════════════════════════════════════════════════════════════════════
   PRUEBA TIPOGRÁFICA — Quicksand (cuerpo) + Sunny Spells (4 títulos)

   PARA REVERTIR: borra o comenta en index.html la línea
       <link rel="stylesheet" href="css/tipografia-prueba.css"/>
   que está justo debajo de css/style.css. Eso deja el sitio exactamente
   como estaba: este archivo no modifica ninguna regla de style.css,
   solo añade overrides encima.
   ═══════════════════════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');

/* Sunny Spells no está en Google Fonts (es de nhfonts, licencia libre para
   uso comercial — ver fonts/LICENCIA-SunnySpells.txt), así que va autoalojada. */
@font-face {
  font-family: 'Sunny Spells';
  src: url('../fonts/SunnySpells.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --display: 'Sunny Spells', 'Cormorant Garamond', Georgia, serif;
  --body: 'Quicksand', 'Manrope', system-ui, sans-serif;
}

/* ───────────────────────────────────────────────────────────────────────
   1. QUICKSAND — descripciones y textos secundarios

   NO toca títulos (h1/h2), subtítulos (h3/h4), etiquetas (.label),
   botones, menú ni el marquee: todo eso sigue en Manrope / Cormorant.
   Las .label son <p>, por eso se excluyen explícitamente.
   ─────────────────────────────────────────────────────────────────────── */
p:not(.label):not(.hero-label),
.info-list li,
.tour-price,
.dep-text,
.cta-contact-line,
.footer-col a,
.footer-col address,
.footer-col .footer-contact-line,
.footer-bottom,
.loading-pct,
.qty-label small,
.qty-total-row span {
  font-family: var(--body);
  font-weight: 500; /* Quicksand 400 pesa menos en pantalla que Manrope 400 */
}

/* ───────────────────────────────────────────────────────────────────────
   2. SUNNY SPELLS — solo los 4 títulos pedidos
   ─────────────────────────────────────────────────────────────────────── */
.hero-h1,             /* Brigadeiros gourmet feitos com cuidado / para encantar eventos. */
.sobre-text h2,       /* A confeitera que transforma brigadeiros em experiência premium. */
.projetos-section h2, /* Brigadeiros gourmet para momentos especiais. */
.cta-final h2 {       /* Pronto para encomendar brigadeiros gourmet? */
  font-family: var(--display);
  font-weight: 400;       /* la fuente trae un solo peso */
  letter-spacing: .015em; /* es estrecha y redondeada: gana con algo de aire */
  line-height: 1.1;
}

/* Al ser condensada ocupa menos ancho que Cormorant al mismo cuerpo:
   se sube el tamaño para que mantenga la misma presencia. */
.hero-h1 { font-size: clamp(2.4rem, 4vw, 4.4rem); }
.projetos-section h2,
.cta-final h2 { font-size: clamp(2.4rem, 4.8vw, 3.9rem); }

/* Este vive en una caja de 440px: al tamaño de los otros se partía en 5
   líneas. Se le da algo más de ancho y un cuerpo algo menor → 4 líneas. */
.sobre-text h2 { font-size: clamp(2.2rem, 4.2vw, 3.4rem); max-width: 520px; }

/* Nada de cursiva sintética sobre una fuente manuscrita: deforma los trazos. */
.hero-h1 em { font-style: normal; }

@media (max-width: 768px) {
  .hero-h1 { font-size: clamp(2rem, 6.8vw, 2.9rem); }
}