/* ==========================================================================
   vistas.css — el enrutador por hash muestra una sección y oculta el resto.
   Cada <section class="view"> es una "página" del sitio.
   ========================================================================== */

.view{ display:none; }
.view.active{ display:block; animation: viewIn var(--dur-panel) var(--ease-out) both; }

@keyframes viewIn{
  from{ opacity:0; transform:translateY(10px) }
  to  { opacity:1; transform:none }
}

@media (prefers-reduced-motion: reduce){
  .view.active{ animation:none; }
}