/* =============================================
   Terreiro Luar Azul e Estrela Dourada
   style.css - Estilos separados
   ============================================= */

/* Otimização para banners em mobile */
@media (max-width: 768px) {
  .banner-parceiro {
    max-width: 300px;
    height: auto;
  }
  #parceiros .grid {
    gap: 2rem;
  }
}

/* Animações suaves para as seções */
.album-foto {
  transition: all 0.3s ease;
}
.album-foto:hover {
  transform: translateY(-5px);
}

/* Melhor contraste para acessibilidade */
.text-slate-600 {
  color: #4b5563;
}
.bg-primary-50 {
  background-color: rgba(39, 60, 125, 0.05);
}

/* Estilo para banners dos parceiros */
.banner-parceiro {
  height: 60px;
  width: auto;
  max-width: 100%;
}

/* Estilização do select e options */
select option {
  background-color: #1E3267 !important;
  color: white !important;
}
select:focus option {
  background-color: #1E3267 !important;
  color: white !important;
}
select {
  background-color: #1E3267 !important;
}
select:focus {
  background-color: #1E3267 !important;
}

/* Seta personalizada para o select */
select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  background-position: right 0.5rem center;
  background-repeat: no-repeat;
  background-size: 1.5em 1.5em;
  padding-right: 2.5rem;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}

/* Garantir que seções ocupem 100% da largura */
.full-width-section {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}

/* Badge Lotado - Cursos */
.badge-lotado {
  background-color: #fef2f2;
  color: #dc2626;
  animation: pulse-lotado 2s ease-in-out infinite;
}
@keyframes pulse-lotado {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

/* Botão Lista de Espera */
.btn-lista-espera {
  background-color: #6b7280;
  cursor: pointer;
  position: relative;
}
.btn-lista-espera:hover {
  background-color: #4b5563;
}
.btn-lista-espera .icon-clock {
  display: inline;
}

/* Transição suave para calendário expansível */
.cursos-expand-transition {
  transition: max-height 0.4s ease, opacity 0.3s ease;
  overflow: hidden;
}

/* Destacar evento passado vs futuro nos cursos */
.curso-card-passado {
  opacity: 0.6;
  position: relative;
}
.curso-card-passado::after {
  content: 'ENCERRADO';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-15deg);
  font-size: 1.5rem;
  font-weight: bold;
  color: rgba(220, 38, 38, 0.3);
  pointer-events: none;
}

/* SEO: Breadcrumb visual oculto mas acessível */
.sr-only-breadcrumb {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}