/* ============================================================
   CATÁLOGO DIAGNOTECH — TEMA
   Usa exatamente o mesmo css/style.css da VetBahia (layout e
   comportamento idênticos) e só troca a paleta verde pela azul
   do logo DiagnoTech (#2E3590), com o vermelho do tubo como destaque.
   ============================================================ */
:root{
  --verde-profundo:#2E3590;   /* azul DiagnoTech */
  --verde-vivo:#4452C8;       /* azul claro (hover, bordas) */
  --dourado:#E8363D;          /* vermelho do tubo de ensaio */
  --tinta:#1d2033;
  --sombra:0 2px 4px rgba(20,24,60,.04), 0 12px 28px -14px rgba(20,24,60,.16);
  --sombra-hover:0 4px 10px rgba(20,24,60,.06), 0 20px 40px -16px rgba(20,24,60,.22);
}

.view-home,
#view-cidade, #view-fora-area{
  background:
    radial-gradient(circle at 15% 10%, rgba(232,54,61,.07) 0%, transparent 45%),
    radial-gradient(circle at 85% 90%, rgba(68,82,200,.12) 0%, transparent 45%),
    var(--branco);
}

/* o logo DiagnoTech é horizontal (bem mais largo que o da VetBahia) */
.home-logo{width:clamp(250px, 80vw, 400px); margin-bottom:30px;}
.home-content{max-width:420px;}
.header-logo{height:22px;}
@media(max-width:480px){ .header-logo{height:16px;} }