/* =========================
       2. ESTRUCTURA GLOBAL
    ========================= */
    /* Contenedores de Vistas */
    .view-container {
      position: absolute;
      top: var(--safe-top); 
      left: 0;
      width: 100%;
      height: calc(100% - var(--safe-top) - var(--nav-height)); 
      overflow-y: auto;
      background: var(--bg);
      opacity: 0;
      visibility: hidden;
      transition: opacity 0.2s ease, visibility 0.2s;
    }

    .view-container.active {
      opacity: 1;
      visibility: visible;
      z-index: 10;
    }

    /* Scroll oculto pero funcional */
    .view-container::-webkit-scrollbar { display: none; }