/* Estilo global */
body {
  font-family: 'Itim', cursive !important;
  scroll-behavior: smooth;
  font-size: 1rem;
}

html {
  font-size: 100%; /* valor base */
}

/* Reset básico */
:root {
  font-size: 100%;
}

body {
  font-size: 1rem;
}

/* Estilização dos anúncios */
.nome-instituicao {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
}

.anuncio-card {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease-in-out;
  border-radius: 10px;
  overflow: hidden;
}

.anuncio-card:hover {
  transform: scale(1.02);
}

.anuncio-card img {
  width: 100%;
  height: 200px;
  object-fit: cover;
}

/* Estilização das opções de colégios */
.placeholder-card {
  background-color: #ccc;
  height: 120px;
  border-radius: 10px;
  transition: transform 0.2s ease;
}

.placeholder-card:hover {
  transform: scale(1.03);
  cursor: pointer;
}

.school-card {
  background-color: #f9f9f9;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease;
  height: 100%;
}

.list-group-item {
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.list-group-item:hover {
  background-color: #e0f2f1;
}

.tab-content h2 {
  color: #004d40;
  margin-bottom: 20px;
}

/* Barrinha lateral para mostrar que lista de profissões é arrastável */
#lista-profissoes::-webkit-scrollbar {
  height: 6px;
}

#lista-profissoes::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

/* Um padding lateral extra para evitar corte lateral do primeiro/último item */
#lista-profissoes {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Estilizando a barra de rolagem horizontal (compatível com WebKit) */
.scrollable-element {
  overflow-x: auto;
  white-space: nowrap;
}

/* Barra de rolagem personalizada para Chrome, Edge e Safari */
.scrollable-element::-webkit-scrollbar {
  height: 8px; /* altura para barra horizontal */
}

.scrollable-element::-webkit-scrollbar-track {
  background: #f0f0f0; /* cor de fundo */
}

.scrollable-element::-webkit-scrollbar-thumb {
  background-color: #aaa; /* cor da “alça” */
  border-radius: 4px;
}

/* Firefox vai usar a barra padrão, sem erro */

/* Responsividade para a lista de profissões em aparelhos móveis */
@media (max-width: 768px) {
  #lista-profissoes {
    display: flex;
    flex-direction: row !important;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    gap: 0.5rem;
    padding-bottom: 0.5rem;
  }

  #lista-profissoes .list-group-item,
  #lista-profissoes a {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 150px;
    text-align: center;
  }
}