/* L4T Cookies · colores: --l4t-cookies-* (de la web) → --l4t-color-* (l4t-nucleo) → reserva neutra. */
.l4t-ck, .l4t-ck-panel {
	--l4t-ck-fondo: var(--l4t-cookies-fondo, var(--l4t-color-fondo, #fff));
	--l4t-ck-tinta: var(--l4t-cookies-tinta, var(--l4t-color-texto, #1e1e1e));
	--l4t-ck-boton: var(--l4t-cookies-boton, var(--l4t-color-primario, #2d3a2e));
	--l4t-ck-borde: var(--l4t-cookies-borde, rgba(0, 0, 0, .14));
}
.l4t-ck[hidden], .l4t-ck-panel[hidden] { display: none !important; }
.l4t-ck { position: fixed; left: 16px; right: 16px; bottom: var(--l4t-cookies-abajo, 16px); z-index: 99990; display: flex; justify-content: center; pointer-events: none; }
.l4t-ck__caja { pointer-events: auto; width: 100%; max-width: 720px; box-sizing: border-box; padding: 20px; border: 1px solid var(--l4t-ck-borde); border-radius: 14px; background: var(--l4t-ck-fondo); color: var(--l4t-ck-tinta); box-shadow: 0 8px 30px rgba(0, 0, 0, .18); }
.l4t-ck__titulo { margin: 0 0 6px; font-weight: 700; font-size: 17px; }
.l4t-ck__texto { margin: 0 0 14px; font-size: 15px; line-height: 1.5; }
.l4t-ck__texto a { color: inherit; text-decoration: underline; }
.l4t-ck__botones { display: flex; flex-wrap: wrap; gap: 8px; }
/* Los tres botones con el mismo peso: rechazar es tan fácil como aceptar. */
.l4t-ck__btn { flex: 1 1 140px; min-height: 44px; padding: 10px 16px; border: 2px solid var(--l4t-ck-boton); border-radius: 999px; background: var(--l4t-ck-fondo); color: var(--l4t-ck-boton); font: inherit; font-weight: 700; cursor: pointer; }
.l4t-ck__btn:hover, .l4t-ck__btn:focus-visible { background: var(--l4t-ck-boton); color: #fff; }
.l4t-ck-panel { position: fixed; inset: 0; z-index: 99991; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgba(0, 0, 0, .45); }
.l4t-ck-panel__caja { width: 100%; max-width: 560px; max-height: calc(100vh - 32px); overflow: auto; box-sizing: border-box; padding: 24px; border-radius: 14px; background: var(--l4t-ck-fondo); color: var(--l4t-ck-tinta); }
.l4t-ck-panel__cat { display: flex; gap: 12px; align-items: flex-start; margin: 0 0 14px; font-size: 15px; line-height: 1.45; }
.l4t-ck-panel__cat input { flex: 0 0 auto; width: 20px; height: 20px; margin-top: 2px; }
.l4t-ck-enlace { position: fixed; left: 12px; bottom: 12px; z-index: 99989; padding: 6px 12px; border: 1px solid var(--l4t-cookies-borde, rgba(0, 0, 0, .14)); border-radius: 999px; background: var(--l4t-cookies-fondo, #fff); color: var(--l4t-cookies-tinta, #1e1e1e); font-size: 13px; cursor: pointer; opacity: .85; }
.l4t-ck-abierto .l4t-ck-enlace { display: none; }
.l4t-ck-abrir { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
@media (max-width: 600px) {
	.l4t-ck { left: 8px; right: 8px; bottom: var(--l4t-cookies-abajo-movil, 8px); }
	.l4t-ck__caja { padding: 16px; }
}
