/* style.css — base reset y utilidades */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 16px; line-height: 1.5; color: #2b3318;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; padding: 0; margin: 0; }

.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

section { padding: 56px 0; }

h1, h2, h3 { margin: 0 0 16px; line-height: 1.2; }
h1 { font-size: 38px; }
h2 { font-size: 30px; }
h3 { font-size: 22px; }

.title { font-size: 30px; font-weight: 800; text-align: center; margin-bottom: 28px; }
.title-sub { text-align: center; color: #555; margin: -16px 0 28px; }