/* Estilos base provisionales. El diseñador los reemplaza con el diseño real. */
:root {
  --color-texto: #1f2a44;
  --color-fondo: #ffffff;
  --color-acento: #3557d6;
  --ancho-max: 72rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--color-texto);
  background: var(--color-fondo);
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; display: flex; flex-direction: column; }
main { flex: 1; width: 100%; max-width: var(--ancho-max); margin: 0 auto; padding: 2rem 1rem; }
a { color: var(--color-acento); }
a:focus-visible { outline: 3px solid var(--color-acento); outline-offset: 2px; }

.sitio-header, .sitio-footer {
  display: flex; align-items: center; justify-content: space-between;
  max-width: var(--ancho-max); width: 100%; margin: 0 auto; padding: 1rem;
}
.sitio-marca { font-weight: 700; font-size: 1.25rem; text-decoration: none; color: inherit; }
.sitio-nav { display: flex; gap: 1.5rem; list-style: none; margin: 0; padding: 0; }
.sitio-footer { font-size: 0.875rem; }

.portada { display: grid; place-content: center; text-align: center; }
.portada h1 { font-size: clamp(2.5rem, 8vw, 5rem); margin: 0 0 1rem; }