/* Ajustes para banners na versão mobile */
@media (max-width: 768px) {
  /* Banner do header */
  header .flex.justify-center.w-full img {
    width: 100%;
    height: auto;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
  }

  /* Container do banner */
  [data-banner-position="header"] {
    width: 100%;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /* Link do banner */
  [data-banner-position="header"] a {
    width: 100%;
    display: block;
  }

  /* Fallback sem imagem */
  header .w-\[300px\].h-\[50px\] {
    width: 100% !important;
    max-width: 300px;
    margin: 0 auto;
  }
}