/* Usamos !important para ganar a Tailwind en el control de vistas */
.vista-global { display: none !important; }
.vista-global.activa { display: flex !important; }
.vista-global.entrando { opacity: 0; transform: translateY(10px); }
.vista-global.saliendo { opacity: 0; transform: translateY(-6px); pointer-events: none; }
.seccion-panel { display: none !important; }
.seccion-panel.activa { display: block !important; }
.bloque-bloqueado { opacity: 0.45 !important; pointer-events: none !important; cursor: not-allowed !important; background-color: #f9fafb !important; }
.foto-bloqueada { opacity: 0.4 !important; pointer-events: none !important; background-color: #f3f4f6 !important; }