web-next: «Personalizar» abre panel granular de cookies (uw-cookie-details)

El botón Personalizar del banner ahora despliega un panel con checkboxes por
categoría (Necesarias fija+desactivada, Analíticas, Marketing) y «Guardar
preferencias», tal como el markup del usuario. Al guardar, escribe la cookie
uw_cookie_consent con la selección granular y sincroniza con Zaraz. Categorías
alineadas a las del panel (Necesarias/Analíticas/Marketing); ConsentStatus y
acceptAll/rejectAll usan las mismas. Estilos del panel en globals.css.

Verificado: Personalizar abre el panel, marcar Analíticas + Guardar deja la
cookie {necessary,analytics:true,marketing:false} y /cookies lo refleja.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

web-next/app/globals.css

@@ -262,6 +262,52 @@ textarea:focus {
   border-color: #5c2b2b;
   color: #d98c8c;
 }
+.uw-cookie-btn-save {
+  border-color: #b17c02;
+  color: #f0b93f;
+}
+.uw-cookie-btn-save:hover {
+  background: hsla(40, 90%, 45%, 0.15);
+  color: #fff;
+}
+
+/* Panel «Personalizar» del banner (checkboxes por categoría). */
+.uw-cookie-details {
+  margin-top: 14px;
+  padding-top: 12px;
+  border-top: 1px solid #352e2b;
+}
+.uw-cookie-category {
+  margin-bottom: 10px;
+}
+.uw-cookie-category label {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  cursor: pointer;
+}
+.uw-cookie-category input[type='checkbox'] {
+  width: 16px;
+  height: 16px;
+  accent-color: #d79602;
+  cursor: pointer;
+}
+.uw-cookie-category input[type='checkbox']:disabled {
+  cursor: default;
+}
+.uw-cookie-cat-name {
+  color: #ebdec2;
+  font-size: 15px;
+}
+.uw-cookie-category p {
+  color: #b1997f;
+  font-size: 13px;
+  margin: 2px 0 0 24px;
+  line-height: 18px;
+}
+.uw-cookie-actions-detail {
+  margin-top: 8px;
+}
 
 /* Panel «Tu estado de consentimiento» en /cookies (datos de la API de Zaraz). */
 .uw-consent-status {