/* ═══════════════════════════════════════════════════════════════════════
   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=Bodoni+Moda:opsz,wght@6..96,400;6..96,500&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); }
}

/* Tipografía editorial fina para todos los títulos */
h1, h2, h3, h4, h5, h6,
main h1, main h2, main h3, main h4,
footer h1, footer h2, footer h3, footer h4,
.hero-h1,
.profile-hero-copy h1,
.profile-hero-copy h2,
.sobre-text h2,
.projetos-section h2,
.cta-final h2,
.dep-title {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
  letter-spacing: -.035em !important;
  line-height: 1.08;
}

/* Una sola familia editorial para todos los títulos del sitio */
:root {
  --serif: 'Bodoni Moda', 'Cormorant Garamond', Georgia, serif;
  --display: 'Bodoni Moda', 'Cormorant Garamond', Georgia, serif;
}

body h1, body h2, body h3, body h4, body h5, body h6,
body .label, body .hero-label, body .profile-hero-label,
body .dep-title, body .project-category,
body .sobre-frase {
  font-family: 'Bodoni Moda', 'Cormorant Garamond', Georgia, serif !important;
  font-weight: 400 !important;
}

/* Fuente local elegida para los títulos del sitio. */
@font-face {
  font-family: 'Liebe Finden';
  src: url('../Liebe finden - TTF.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --title-font: 'Liebe Finden', 'Bodoni Moda', 'Cormorant Garamond', Georgia, serif;
  --serif: 'Liebe Finden', Georgia, serif;
  --display: 'Liebe Finden', Georgia, serif;
}

body h1, body h2, body h3, body h4, body h5, body h6,
body .hero-h1, body .profile-hero-copy h1, body .profile-hero-copy h2,
body .sobre-frase, body .dep-title,
body .label, body .hero-label, body .profile-hero-label,
body .mobile-nav a, body .info-valentina-brand,
body .project-category, body .dep-name,
body .info-valentina-callout, body .info-valentina-card h2,
body .info-valentina-card h3, body .info-valentina-card .info-valentina-brand {
  font-family: var(--title-font) !important;
  font-weight: 400 !important;
}

/* Override final: every title uses the local font directly. */
body h1, body h2, body h3, body h4, body h5, body h6,
body .hero-h1, body .profile-hero-copy h1, body .profile-hero-copy h2,
body .sobre-frase, body .dep-title, body .label, body .hero-label,
body .profile-hero-label, body .mobile-nav a, body .info-valentina-brand,
body .info-valentina-card h2, body .info-valentina-card h3,
body .project-category, body .dep-name, body .info-valentina-callout {
  font-family: 'Liebe Finden', Georgia, serif !important;
}