/* Custom CSS for logo dimensions and title centering */

/* Realização logo size */
.realiza-grid .logo-item.large-logo img {
  width: 150px;
  height: 150px;
  object-fit: contain;
}

/* Patrocínio logo size */
.patroc-grid .logo-item.medium-large-logo img {
  width: 135px;
  height: 135px;
  object-fit: contain;
}

/* Apoio logo size */
.apoio-grid .logo-item.medium-logo img,
.midia-apoio-grid .logo-item.small-logo img {
  width: 120px;
  height: 120px;
  object-fit: contain;
}

/* Center titles for Apresentações and Atividades Práticas */
.programacao-subsecao-titulo {
  text-align: center;
  margin-bottom: 24px;
}
/* Header style when scrolled */
.header-scrolled {
    background-color: var(--bg-dark-green);
    box-shadow: 0 4px 12px rgba(0,0,0,0.4);
}

/* Hover effect on programacao cards */
.programacao-card:hover {
    transform: scale(1.04);
    box-shadow: 0 12px 30px rgba(0,0,0,0.25);
}

/* Reveal animation */
.reveal {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.reveal.active {
    opacity: 1;
    transform: none;
}

/* Initial hidden state for reveal-up elements */
.reveal-up {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

/* Dark mode variables */
:root.dark-mode {
    --bg-dark: #f5f5f5;
    --bg-card-dark: rgba(255,255,255,0.8);
    --text-primary-dark: #1c2e24;
    --text-secondary-dark: #4b6b58;
    --primary: #e64a19;
    --bg-dark-green: #e0e0e0;
    --black: #ffffff;
    --white: #000000;
}

/* Bounce animation for buttons */
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
    40% {transform: translateY(-6px);}
    60% {transform: translateY(-3px);}
}
.btn:hover {
    animation: bounce 0.6s;
}

/* Hero parallax background */
.hero {
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

/* Override logo sizes to 150x150px as requested */
.realiza-grid .logo-item,
.patroc-grid .logo-item,
.apoio-grid .logo-item,
.midia-apoio-grid .logo-item {
    width: 150px !important;
    height: 150px !important;
}