/* layout.css — estructura de pagina compartida (seccion 3 del styles.css original) */

/* -----------------------------------------------------------------------------
   3. Layout
-------------------------------------------------------------------------------- */
.container {
  width: min(100% - 2 * var(--s-5), var(--container));
  margin-inline: auto;
}

@media (max-width: 480px) {
  .container { width: min(100% - 2 * var(--s-4), var(--container)); }
}

.section { padding-block: var(--section-y); }

.skip-link {
  position: absolute;
  left: var(--s-4);
  top: var(--s-4);
  z-index: 200;
  transform: translateY(-250%);
  background: var(--white);
  color: var(--ink);
  padding: var(--s-3) var(--s-5);
  border-radius: var(--radius);
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 8px 24px rgba(7, 17, 31, .28);
}

.skip-link:focus-visible { transform: translateY(0); }