/* Container para centralizar o botão na área Hero */
.hero-btn-container {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    width: 100%;
}

/* Estilo do Botão "Abrir um Chamado" */
.btn-hero-action {
    display: inline-block;
    background-color: #ffffff; /* Fundo branco para destacar no fundo colorido */
    color: #333333; /* Cor do texto */
    font-size: 18px;
    font-weight: bold;
    padding: 15px 50px; /* Botão largo */
    border-radius: 4px;
    text-decoration: none;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Sombra leve */
    transition: all 0.3s ease;
    border: 2px solid transparent;
}

/* Efeito ao passar o mouse */
.btn-hero-action:hover {
    transform: translateY(-2px); /* O botão sobe um pouco */
    box-shadow: 0 6px 12px rgba(0,0,0,0.2); /* Sombra aumenta */
    background-color: #f0f0f0;
    text-decoration: none;
}

/* Opcional: Esconder a barra de pesquisa caso ela teime em aparecer por CSS */
.zph-search-section, .zph-header-search {
    display: none !important;
}
/* Remove a barra "Pesquisar na central de ajuda" */
input[type="search"][placeholder*="Pesquisar na central de ajuda"],
input[placeholder*="Pesquisar na central de ajuda"]{
  display: none !important;
}

/* Wrappers comuns de tema (caso o input esteja dentro deles) */
.Header__search,
.Header__searchBox,
.Header__searchContainer,
.Header__searchSection form[action*="search"],
.Header__container form[action*="search"]{
  display: none !important;
}
/* Mata o ícone/lupa de busca do topo (botão/link) */
.Header__searchIcon,
.Header__searchBtn,
.Header__searchButton,
.zph-search-icon,
.zph-search-btn,
.zph-search-button,
.search-icon,
.searchIcon,
#searchIcon,
#searchBtn,
a[href*="/search"],
a[href*="search"],
button[aria-label*="Pesquis"],
button[aria-label*="Search"],
button[title*="Pesquis"],
button[title*="Search"]{
  display: none !important;
}

/* Se a lupa for um SVG dentro de um botão específico */
button svg[viewBox],
a svg[viewBox]{
  /* deixa essa regra por último; se sumir ícones que você queria, remova */
  /* display: none !important; */
}
/* Remove a lupinha (SVG do search) */
#navBarContainer svg.Icon__icon.Icon__small,
#navBarContainer svg.Icon__icon.commonStyle__positionRel.commonStyle__verticalMiddle.Icon__small{
  display: none !important;
}
/* Versão mais ampla */
svg.Icon__icon.Icon__small,
svg.Icon__icon.commonStyle__positionRel.commonStyle__verticalMiddle.Icon__small{
  display: none !important;
}