* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

body {
  font-family: var(--font-body);
  color: var(--fg-2);
  background: var(--yb-cream);
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

a { color: var(--yb-azul); text-decoration: none; }
a:hover { color: #263e49; }
button { font-family: inherit; cursor: pointer; }

.yb-eyebrow {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--fg-3);
  margin: 0;
}

.yb-h2 {
  font-family: var(--font-display);
  font-size: clamp(1.6rem, 2.8vw, 2.5rem);
  line-height: 1.08;
  letter-spacing: -0.018em;
  font-weight: 700;
  color: var(--fg-1);
  margin: 0;
}

.yb-body-lg {
  font-size: 18px;
  line-height: 1.6;
  color: var(--fg-2);
  margin: 0;
}

.yb-caption {
  font-size: 12px;
  color: var(--fg-3);
}

.hidden { display: none !important; }

@keyframes b2bIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}