/*
 * ══════════════════════════════════════════════
 *  HERO.CSS — Estilos Específicos do Hero
 * ══════════════════════════════════════════════
 *
 *  Propósito : Estilos exclusivos da seção hero que não fazem
 *              parte de componentes reutilizáveis.
 *  Dependências : tokens.css, global.css.
 *  NÃO COLOCAR AQUI : Estilos de badge, botões ou navbar
 *                      (são componentes separados).
 *
 *  Nota: A maior parte do layout do hero usa classes Tailwind.
 */

/* ── Imagem do Produto (qualidade alta) ───────── */
#hero-image {
    image-rendering: high-quality;
}