/* HEADER - LOGO MENOR APENAS NO DESKTOP */

/* ===========================
   REDUZ TAMANHO DA LOGO - APENAS DESKTOP
   =========================== */

/* Desktop */
@media (min-width: 769px) {
  /* Logo menor */
  .logo-wrapper img {
    height: 36px !important; /* Reduzido de 48px */
    width: auto !important;
    transition: transform 0.3s ease;
  }

  .logo-wrapper:hover img {
    transform: scale(1.05);
  }

  /* Header sem margens ou espaços extras */
  .premium-header {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
  }

  .header-inner {
    height: 72px !important; /* Altura reduzida do header */
    margin: 0 !important;
    padding: 0 80px !important; /* Apenas padding lateral */
  }

  /* Remove qualquer espaço em branco abaixo do header */
  .hero-editorial {
    margin-top: 0 !important;
    padding-top: 72px !important; /* Apenas a altura do header fixo */
  }

  .hero-container {
    padding-top: 20px !important; /* Espaçamento interno mínimo */
    margin-top: 0 !important;
  }

  /* Ajusta o botão CTA do header */
  .nav-cta {
    padding: 12px 24px !important;
    font-size: 13px !important;
  }
}

/* MOBILE - MANTÉM VALORES ORIGINAIS */
@media (max-width: 768px) {
  /* Não altera nada - usa os valores originais do CSS base */
}