/* Estilos globales: colores, layout general y componentes compartidos */

:root{
  --bg: #fcfffdd0;
  --text: #2F2F2F;
  --muted: #6B6B6B;
  --accent: #f5fbf6;
  --accent-2: #ffffff;
  --border: #eee;
}

body{
  background: var(--bg);
  color: var(--text);
}

.section{
  padding: 3rem 0;
}

/* Navbar clara, minimalista */
.navbar{
  background: #fff;
  border-bottom: 1px solid var(--border);
}

.hero-title{
  font-weight: 700;
}

/* Botón cálido */
.btn-soft{
  background: var(--accent);
  border: none;
  color: var(--text);
}

.btn-soft:hover{
  background: var(--accent-2);
  color: #fff;
}

footer{
  border-top: 1px solid var(--border);
  color: var(--muted);
}