/* Página de la demo de Campo (el marco de la demo está en /assets/site.css) */
.demo-pagina { padding: 56px 24px 88px; display: flex; flex-direction: column; align-items: center; gap: 36px; }
.demo-cab { width: 100%; max-width: 1440px; display: flex; flex-direction: column; gap: 14px; }
.demo-cab h1 { margin: 0; font-family: var(--f-titulo); font-weight: 700; font-size: clamp(40px, 5vw, 64px); line-height: 1; letter-spacing: -.01em; }
.demo-cab p { margin: 0; max-width: 760px; font-size: 19px; color: var(--texto-claro); }
.demo-pagina .demo-marco { max-width: 1440px; }

.demo-pie { width: 100%; max-width: 1440px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; padding-top: 8px; }
.demo-pie p { margin: 0; font-family: var(--f-titulo); font-weight: 700; font-size: clamp(26px, 3vw, 36px); line-height: 1.1; }

@media (max-width: 759px) {
  .demo-pagina { padding: 40px 16px 64px; gap: 28px; }
}