.img-band{
    padding-right: 2px;
}
.select-qnt-parcelas{
    display: none;
}

/* Acessibilidade: link para pular direto ao conteúdo (navegação por teclado/leitor de tela) */
.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    z-index: 10000;
    padding: 8px 16px;
    background: #000;
    color: #fff;
    text-decoration: none;
}
.skip-link:focus {
    top: 0;
}

/* Acessibilidade: o tema base remove o outline de foco (outline: 0) em vários componentes,
   o que impede navegação por teclado de indicar o item focado. Restauramos um indicador visível. */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.btn:focus-visible,
.side-menu__item:focus-visible,
.slide-item:focus-visible {
    outline: 2px solid #2196f3 !important;
    outline-offset: 2px !important;
}

/* Responsividade: evita overflow horizontal da página quando tabelas/conteúdos largos
   não estão envolvidos em .table-responsive */
.main-content.app-content {
    max-width: 100vw;
    overflow-x: hidden;
}
table {
    max-width: 100%;
}
img {
    max-width: 100%;
    height: auto;
}

/* Responsividade: o tema (sidemenu.css) esconde de propósito o cabeçalho da logo
   dentro do menu lateral no mobile (.main-sidebar-header { display: none !important })
   e zera a margem do menu (.main-sidemenu { margin-top: 0 !important }), fazendo os
   itens do menu começarem colados no topo, sem logo e cobrindo o botão de fechar do
   cabeçalho externo. Aqui restauramos o mesmo comportamento já usado no desktop:
   logo visível no topo do menu (com seu próprio botão de abrir/fechar) e os itens
   do menu começando abaixo dela. */
@media (max-width: 767px) {
    .main-sidebar-header {
        display: flex !important;
    }
    .main-sidemenu {
        margin-top: 90px !important;
    }

    /* sidemenu.css força "order: -1" no botão de abrir/fechar só para o cenário em que a
       logo ficava escondida, jogando o botão para antes da logo (esquerda). Com a logo
       visível novamente, voltamos à ordem natural do DOM: logo primeiro, botão depois (direita). */
    .main-sidebar-header .app-sidebar__toggle {
        order: 0;
    }

    /* .header-icon usa preto (#000) por padrão, mas aqui o fundo é laranja (cor do sistema)
       e os demais textos/ícones do menu são brancos — ajustando para manter o padrão. */
    .main-sidebar-header .header-icon {
        color: #fff;
    }
}