:root {
  --bg:       #F0FDFA;
  --primary:  #0F766E;
  --accent:   #14B8A6;
  --cta:      #0369A1;
  --text:     #134E4A;
  --radius:   12px;
  --shadow:   0 4px 20px rgba(15,118,110,0.10);
}

/* Responsive grid helpers */
@media (max-width: 768px) {
  .hero-grid,
  .quien-grid {
    grid-template-columns: 1fr !important;
  }
  .hero-grid > div:first-child {
    text-align: center;
  }
  .hero-grid > div:first-child > div:last-child {
    justify-content: center;
  }
  #menu-btn {
    display: flex !important;
  }
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}