:root {
  --bg:       #F8FAFC;
  --primary:  #1E3A8A;
  --secondary: #1E40AF;
  --accent:   #B45309;
  --text:     #0F172A;
  --radius:   6px;
  --shadow:   0 2px 12px rgba(30,58,138,0.08);
}

@media (max-width: 768px) {
  .estudio-grid,
  .servicios-grid,
  .equipo-grid,
  .contacto-btns {
    grid-template-columns: 1fr !important;
  }
  #menu-btn {
    display: flex !important;
  }
}

html {
  scroll-behavior: smooth;
}