Añadidos settings de cookies y privacidad

apps/frontend/nginx.conf

@@ -1,3 +1,5 @@
+resolver 127.0.0.11 valid=10s ipv6=off;
+
 server {
     listen 80;
     server_tokens off;
@@ -10,7 +12,8 @@ server {
     add_header Permissions-Policy "camera=(), microphone=(), geolocation=()" always;
 
     location /api/ {
-        proxy_pass http://backend:3001;
+        set $backend http://backend:3001;
+        proxy_pass $backend;
         proxy_set_header Host $host;
         proxy_set_header X-Real-IP $remote_addr;
         proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;

apps/frontend/src/App.jsx

@@ -12,6 +12,7 @@ import ForgotPasswordModal from './components/ForgotPasswordModal';
 import ResetPasswordView from './views/ResetPasswordView';
 import SavedNotifications from './components/SavedNotifications';
 import BottomNav from './components/BottomNav';
+import PrivacySidebar from './components/PrivacySidebar';
 import CookieBanner from './components/CookieBanner';
 import HealthConsentModal from './components/HealthConsentModal';
 import PrivacyView from './views/PrivacyView';
@@ -323,6 +324,11 @@ function App() {
         badgeCount={badgeCount}
       />
 
+      <PrivacySidebar
+        onNavigate={handleNavChange}
+        isVisible={screen !== 'privacy'}
+      />
+
       {showLogin && (
         <LoginModal
           onLogin={handleLogin}

apps/frontend/src/components/BottomNav.css

@@ -141,6 +141,3 @@
 .nav-elevated.active .nav-label {
   color: var(--tertiary);
 }
-
-.bottom-nav-privacy { display: block; width: 100%; text-align: center; padding: 0.35rem 0 0; background: none; border: none; color: var(--text-muted); font-size: 0.7rem; cursor: pointer; text-decoration: underline; }
-.bottom-nav-privacy:hover { color: var(--text-main); }

apps/frontend/src/components/BottomNav.jsx

@@ -53,9 +53,6 @@ function BottomNav({ activeTab, onChange, isLoggedIn, badgeCount }) {
           </button>
         );
       })}
-      <button type="button" className="bottom-nav-privacy" onClick={() => onChange('privacy')}>
-        {t('nav.privacy')}
-      </button>
     </nav>
   );
 }

apps/frontend/src/components/PrivacySidebar.css

@@ -0,0 +1,78 @@
+.privacy-sidebar {
+  position: fixed;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 40;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.privacy-sidebar-btn {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 0.25rem;
+  width: 2.5rem;
+  padding: 0.75rem 0.25rem;
+  background: var(--surface-container-low);
+  border: none;
+  border-radius: 0 var(--radius-md) var(--radius-md) 0;
+  color: var(--on-surface-variant);
+  cursor: pointer;
+  transition: background 0.15s, color 0.15s;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.08);
+  min-height: unset;
+}
+
+.privacy-sidebar-btn:hover {
+  background: var(--surface-container);
+  color: var(--primary);
+}
+
+.privacy-sidebar-btn:focus {
+  outline: none;
+  box-shadow: 0 0 0 3px var(--primary-ring), 2px 0 8px rgba(0, 0, 0, 0.08);
+}
+
+.privacy-sidebar-text {
+  font-size: 0.55rem;
+  font-weight: 500;
+  writing-mode: vertical-rl;
+  text-orientation: mixed;
+  white-space: nowrap;
+  letter-spacing: 0.02em;
+}
+
+/* Desktop - wider sidebar */
+@media (min-width: 1025px) {
+  .privacy-sidebar-btn {
+    width: 2.75rem;
+    padding: 1rem 0.35rem;
+  }
+
+  .privacy-sidebar-text {
+    font-size: 0.6rem;
+  }
+}
+
+/* Mobile - adjust for safe area */
+@media (max-width: 768px) {
+  .privacy-sidebar {
+    top: auto;
+    bottom: 6rem;
+    transform: none;
+  }
+
+  .privacy-sidebar-btn {
+    width: 2.25rem;
+    padding: 0.5rem 0.2rem;
+    border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
+  }
+
+  .privacy-sidebar-text {
+    font-size: 0.5rem;
+  }
+}

apps/frontend/src/components/PrivacySidebar.jsx

@@ -0,0 +1,36 @@
+import { useTranslation } from '../i18n';
+import './PrivacySidebar.css';
+
+function PrivacySidebar({ onNavigate, isVisible }) {
+  const { t } = useTranslation();
+
+  if (!isVisible) return null;
+
+  return (
+    <aside className="privacy-sidebar" aria-label="Enlace de privacidad">
+      <button
+        type="button"
+        className="privacy-sidebar-btn"
+        onClick={() => onNavigate('privacy')}
+        aria-label={t('nav.privacy')}
+      >
+        <svg
+          width="20"
+          height="20"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          strokeWidth="2"
+          strokeLinecap="round"
+          strokeLinejoin="round"
+          aria-hidden="true"
+        >
+          <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+        </svg>
+        <span className="privacy-sidebar-text">{t('nav.privacy')}</span>
+      </button>
+    </aside>
+  );
+}
+
+export default PrivacySidebar;