/* ============================================================
   COLÉGIO ALTERNATIVO — projetos.css
   Estilos específicos desta página. Requer base.css.
   ============================================================ */

.nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }

.project-card { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; background: var(--white); border-radius: var(--radius-lg); padding: 3rem; box-shadow: var(--shadow-md); margin-bottom: 2.5rem; transition: var(--transition); }

.project-card:hover { box-shadow: var(--shadow-lg); transform: translateY(-4px); }

.project-card.reverse { direction: rtl; }

.project-card.reverse > * { direction: ltr; }

.project-card img { border-radius: var(--radius-lg); width: 100%; }

.project-card h3 { font-size: 1.5rem; font-weight: 800; color: var(--ink); margin-bottom: 1rem; }

.project-card p { color: var(--ink-2); line-height: 1.8; }

.project-badge { display: inline-block; background: var(--ice); color: var(--sky); font-size: 0.78rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; padding: 0.3rem 0.8rem; border-radius: 50px; margin-bottom: 0.8rem; border: 1px solid var(--line); }

@media (max-width: 768px) {
  .project-card { grid-template-columns: 1fr; }
  .project-card.reverse { direction: ltr; }
}