web-next: página /cookies (Declaración de Cookies) + consentimiento Zaraz

Crea la ruta de Declaración de Cookies con el markup del tema y las 5 tablas
de cookies (uw-cookie-table, estilizadas en globals.css) + estilos de listas
y botones (btn-uw). Los enlaces internos .php se cablean a las rutas Next
(/privacy-policy, /contact-us).

Sistema de consentimiento = Cloudflare Zaraz (elección del usuario):
components/CookieConsent.tsx expone window.UWCookies.showBanner()
(zaraz.consent.modal=true) y revokeConsent() (zaraz.consent.setAll(false)),
que Cloudflare activa cuando el dominio pasa por su proxy con Zaraz Consent;
degrada con aviso si Zaraz no está presente. El footer ya enlazaba aquí.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-13 11:49:16 +00:00
parent 8ebf59f991
commit e289a87d1f
3 changed files with 303 additions and 0 deletions
+65
View File
@@ -132,6 +132,71 @@ textarea:focus {
margin-bottom: 10px;
}
/* Listas dentro de las cajas de contenido (el tema no las estiliza y el
preflight de Tailwind quita los bullets; los devolvemos como en Django). */
.body-box-content ul {
list-style: disc;
padding-left: 22px;
margin: 8px 0;
}
.body-box-content li {
line-height: 22px;
}
/* Declaración de cookies: tablas y botones de consentimiento. */
.uw-cookie-table {
width: 100%;
border-collapse: collapse;
margin: 12px 0 16px;
font-size: 15px;
}
.uw-cookie-table th,
.uw-cookie-table td {
border: 1px solid #352e2b;
padding: 8px 10px;
text-align: left;
vertical-align: top;
}
.uw-cookie-table th {
background: hsla(0, 0%, 100%, 0.05);
color: #ebdec2;
text-transform: uppercase;
font-size: 13px;
}
.uw-cookie-table td {
color: #b1997f;
}
.uw-cookie-table a {
color: #2471a9;
}
.uw-consent-buttons {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin: 12px 0;
}
.btn-uw {
border: 2px solid #352e2b;
background: hsla(0, 0%, 100%, 0.05);
color: #ebdec2;
padding: 10px 18px;
cursor: pointer;
text-transform: uppercase;
transition: 0.3s;
}
.btn-uw:hover {
background: hsla(0, 0%, 100%, 0.1);
color: #fff;
}
.btn-uw-secondary {
border-color: #5c2b2b;
color: #d98c8c;
}
.btn-uw-secondary:hover {
background: hsla(0, 60%, 30%, 0.15);
color: #fff;
}
/* Colores de clase de WoW (nombre de personaje) */
.class-warrior { color: #c79c6e; }
.class-paladin { color: #f58cba; }