/* ============================================================
   AMIMOÊ — defesa.css

   POR QUE ESTE ARQUIVO EXISTE

   Na instalação real (Hostinger), algo fora do tema injeta
   tipografia global em h1–h6, com !important. Algo do tipo:

       h1,h2,h3,h4,h5,h6 { font-family: <sans>!important; font-weight:700!important }
       h1 { font-size: 2em !important }
       h2 { font-size: 1.5em !important }

   O efeito é exatamente o que apareceu no site:

     · "Cada peça carrega" (h1) em sans-serif pesada, no lugar de
       Cormorant Garamond;
     · "A AMIMOÊ" e "ATENDIMENTO" (h2) no dobro do tamanho, quebrando
       em duas linhas e invadindo a coluna vizinha;
     · "um carinho especial" continua certa — é um <span>, não um
       heading, então escapa da regra;
     · parágrafos, links e listas continuam certos, pela mesma razão.

   Só o que é heading quebra. Foi assim que a causa foi identificada.

   COMO ESTE ARQUIVO RESOLVE

   Entre duas declarações !important, vence a de maior especificidade.
   A regra externa mira o elemento (h1 = 0,0,1). As regras abaixo miram
   duas classes (0,2,0) e vencem com folga — sem depender da ordem de
   carregamento, que plugins de cache costumam embaralhar.

   IMPORTANTE: nenhum valor aqui é novo. Cada um é cópia literal do CSS
   aprovado — base.css, layout.css, home.css e produto.css seguem
   intocados, e continuam sendo a fonte da verdade. Este arquivo só
   repete o que já estava lá, com peso suficiente para sobreviver.

   ESTE ARQUIVO É UM ESCUDO, NÃO A CURA

   O certo é achar o plugin que injeta essa tipografia e desligar o
   módulo dele. Enquanto isso não acontece, o layout aprovado se
   sustenta sozinho. Ver README.md, seção "Tipografia sendo
   sobrescrita".
   ============================================================ */

/* ---------- Hero ---------- */

.capa .capa__titulo{
  font-family: var(--fonte-titulo) !important;
  font-weight: 300 !important;
  font-size: 2.33cqw !important;
  line-height: 1.13 !important;
  letter-spacing: -.006em !important;
}

.capa .capa__titulo .assinatura{
  font-family: var(--fonte-mao) !important;
  font-weight: 400 !important;
  font-size: 1.06em !important;
}

/* ---------- Títulos de seção ---------- */

.envolve .titulo,
section .titulo,
main .titulo{
  font-family: var(--fonte-titulo) !important;
  font-weight: 300 !important;
  font-size: clamp(2.05rem, 4.1vw, 3.35rem) !important;
  line-height: 1.1 !important;
  letter-spacing: -.005em !important;
}

.envolve .titulo--grande,
section .titulo--grande,
main .titulo--grande{ font-size: clamp(2.4rem, 5vw, 4.15rem) !important; }

/* A assinatura dentro de um título continua manuscrita. */
.envolve .titulo .assinatura,
section .titulo .assinatura,
main .titulo .assinatura{
  font-family: var(--fonte-mao) !important;
  font-weight: 400 !important;
}

/* ---------- Card de produto ---------- */

.vitrine .produto__nome{
  font-family: var(--fonte-titulo) !important;
  font-size: clamp(1.16rem, 1.4vw, 1.32rem) !important;
  font-weight: 500 !important;
  line-height: 1.25 !important;
}

/* ---------- Ficha de produto ---------- */

.ficha .ficha__nome{
  font-family: var(--fonte-titulo) !important;
  font-weight: 300 !important;
  font-size: clamp(2.1rem, 3.6vw, 3.1rem) !important;
  line-height: 1.1 !important;
}

.sobre-peca .sobre-peca__ficha h3{
  font-family: var(--fonte-texto) !important;
  font-size: .7rem !important;
  font-weight: 500 !important;
  letter-spacing: .24em !important;
}

/* ---------- Rodapé ---------- */

.rodape .rodape__titulo{
  font-family: var(--fonte-texto) !important;
  font-size: .75rem !important;
  font-weight: 500 !important;
  letter-spacing: .24em !important;
}
