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

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

.qs-highlight { background: linear-gradient(135deg, var(--sky-hover), var(--sky)); color: white; border-radius: var(--radius-lg); padding: 3rem; margin: 3rem 0; }

.qs-highlight h3 { font-size: 1.4rem; font-weight: 800; margin-bottom: 0.8rem; }

.qs-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin: 2rem 0; }

.qs-segment { background: var(--ice); border-radius: var(--radius); padding: 1.5rem; border-left: 4px solid var(--sky); }

.qs-segment h4 { font-size: 1rem; font-weight: 800; color: var(--navy); margin-bottom: 0.5rem; }

.qs-intro { display: grid; grid-template-columns: 1fr 1fr; gap: 4rem; align-items: center; margin-bottom: 4rem; }

.qs-intro-img { border-radius: var(--radius-lg); overflow: hidden; box-shadow: var(--shadow-lg); }

.qs-intro-img img { width: 100%; height: 400px; object-fit: cover; }

@media (max-width: 768px) {
  .qs-grid { grid-template-columns: 1fr; }
  .qs-intro { grid-template-columns: 1fr; }
}