/* ═══════════════════════════════════════════════════════════════════════════
   PRISMA · EL RIEL QUE SE OCULTA (2026-09-22) — VIVERO y GOLFITO (misma plantilla)
   ───────────────────────────────────────────────────────────────────────────
   · Escritorio ancho (≥1100 px): el riel se oculta del todo con su botón («««») y vuelve
     con el botón flotante (☰). Queda recordado.
   · Pantallas medianas (768–1099 px): el riel es un cajón que sale desde la izquierda, para
     que no le robe ancho al trabajo (antes se quedaba fijo y todo se apretaba).
   · Celular: el cajón de siempre.
   El original vive en accesos/prisma-riel.css y se copia tal cual.
   ═══════════════════════════════════════════════════════════════════════════ */
#riel-ocultar, #riel-mostrar{ display:none; align-items:center; justify-content:center; border-radius:99px; cursor:pointer; color:#EADFCE;
  transition:border-color 120ms linear, background-color 120ms linear; }
#riel-ocultar{ position:absolute; top:.75rem; left:.75rem; z-index:5; width:30px; height:30px; background:transparent; border:1px solid rgba(234,223,206,.16); }
#riel-ocultar:hover{ border-color:rgba(234,223,206,.6); background:rgba(234,223,206,.06); }
#riel-ocultar .material-icons-outlined{ font-size:17px; color:#EADFCE; }
#riel-mostrar{ position:fixed; top:1rem; left:1rem; z-index:60; width:42px; height:42px; color:#FFFFFF; background:rgba(26,38,51,.45);
  border:1px solid rgba(255,255,255,.28); backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); }
#riel-mostrar:hover{ background:#005565; border-color:#005565; }
#riel-mostrar .material-icons-outlined{ font-size:20px; color:#FFFFFF; }

@media (min-width:1100px){
  #riel-ocultar{ display:flex; }
  #main-sidebar > div:first-child{ padding-top:3.3rem !important; }   /* aire para el botón, que no pise el logo */
  body.riel-oculto #main-sidebar{ display:none !important; }
  body.riel-oculto #riel-mostrar{ display:flex; }
  /* el título de cada vista se corre para que el botón flotante no lo pise */
  body.riel-oculto .viv-cab, body.riel-oculto .gol-cab{ padding-left:4.6rem !important; }
}

/* Pantallas medianas: el riel pasa a cajón */
@media (min-width:768px) and (max-width:1099px){
  #main-sidebar{ position:fixed !important; top:0 !important; bottom:0 !important; left:0 !important; z-index:200 !important;
    transform:translateX(-100%) !important; transition:transform .3s cubic-bezier(.22,.9,.24,1) !important; }
  #main-sidebar:not(.-translate-x-full){ transform:none !important; box-shadow:0 30px 70px -18px rgba(26,38,51,.62) !important; }
  #mobile-menu-toggle{ display:flex !important; top:1rem !important; left:1rem !important; right:auto !important; width:42px !important; height:42px !important; }
  #mobile-sidebar-overlay:not(.hidden){ display:block !important; opacity:1 !important; }
  #main-sidebar > div:first-child{ padding-top:4.6rem !important; }
  .viv-cab, .gol-cab{ padding-top:4.4rem !important; }
}