:root {
  --rojo: #e43c2f; --rojo-d: #c93326; --tinta: #1c1c1c; --gris: #6b6563;
  --fondo: #faf8f7; --blanco: #fff; --linea: #f0e9e6; --radio: 16px;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; color: var(--tinta); background: var(--blanco); line-height: 1.6; font-size: 16px; }
.wrap { max-width: 1140px; margin: 0 auto; padding: 0 24px; }
.lead { color: var(--gris); font-size: 18px; max-width: 640px; }
.brand { font-weight: 800; letter-spacing: 2px; font-size: 17px; }
.brand .dot { color: var(--rojo); }
.brand .sub { font-weight: 400; letter-spacing: 4px; font-size: 12px; color: var(--gris); margin-left: 6px; }
.brand[href] { text-decoration: none; color: inherit; display: block; }
.btn { -webkit-appearance: none; appearance: none; display: inline-block; background: var(--rojo-d); color: #fff; text-decoration: none; font-weight: 700; padding: 11px 22px; border-radius: 12px; font-size: 15px; border: 2px solid var(--rojo-d); transition: transform .15s, box-shadow .15s; }
.btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(228,60,47,.25); }
.btn.ghost { background: transparent; color: var(--rojo); }