/* ==========================================================================
   layout.css — Contenedores, grid, flex, header/footer fijos
   ========================================================================== */
.container-isa{ max-width:80rem; margin-left:auto; margin-right:auto; padding-left:1.5rem; padding-right:1.5rem; }
@media (min-width:1024px){ .container-isa{ padding-left:2rem; padding-right:2rem; } }

#main-header{
  position:fixed; top:0; left:0; right:0; z-index:50;
  background:rgba(255,255,255,.95);
  border-bottom:3px solid var(--color-primary);
  transition:box-shadow .3s ease, background-color .3s ease;
}

main{ padding-top:5rem; }

footer{ background:var(--gray-900); color:var(--gray-300); }