/* LG Materiales — Banner de cookies (sin build: también se usa dentro de CheckoutWC). */
.lg-consent {
	position: fixed;
	inset: auto 16px 16px 16px;
	z-index: 2147483000;
	display: flex;
	justify-content: center;
	pointer-events: none;
	font-family: var(--font-sans, "Montserrat Variable", "Montserrat", system-ui, sans-serif);
}
.lg-consent[hidden] { display: none; }
.lg-consent__box {
	pointer-events: auto;
	width: 100%;
	max-width: 720px;
	background: #fff;
	color: var(--color-body, #374151);
	border: 1px solid var(--color-line, #e5e7eb);
	border-radius: var(--radius-card, 0.875rem);
	box-shadow: var(--shadow-pop, 0 20px 45px -15px rgb(17 24 39 / 0.25));
	padding: 20px 22px;
	animation: lg-consent-in 0.35s cubic-bezier(0.22, 1, 0.36, 1);
}
@keyframes lg-consent-in { from { opacity: 0; transform: translateY(12px); } }
@media (prefers-reduced-motion: reduce) { .lg-consent__box { animation: none; } }
.lg-consent__title { margin: 0 0 6px; font-weight: 700; font-size: 1rem; color: var(--color-ink, #1a1a1a); }
.lg-consent__text { margin: 0; font-size: 0.875rem; line-height: 1.55; }
.lg-consent__text a { color: var(--color-brand-600, #c00d0d); font-weight: 600; text-decoration: underline; text-underline-offset: 2px; }
.lg-consent__options { display: grid; gap: 8px; margin-top: 14px; }
.lg-consent__options[hidden] { display: none; }
.lg-consent__option {
	display: flex;
	gap: 10px;
	align-items: flex-start;
	padding: 10px 12px;
	border: 1px solid var(--color-line, #e5e7eb);
	border-radius: var(--radius-control, 0.5rem);
	font-size: 0.8125rem;
	line-height: 1.45;
	cursor: pointer;
}
.lg-consent__option strong { color: var(--color-ink, #1a1a1a); }
.lg-consent__option input { margin-top: 2px; width: 16px; height: 16px; accent-color: var(--color-brand-600, #c00d0d); flex: none; }
.lg-consent__actions { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; margin-top: 16px; }
.lg-consent__btn {
	appearance: none;
	border: 1px solid transparent;
	border-radius: var(--radius-control, 0.5rem);
	padding: 10px 16px;
	font: inherit;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.2;
	cursor: pointer;
	min-height: 42px;
}
.lg-consent__btn[hidden] { display: none; }
.lg-consent__btn--primary { background: var(--color-brand-600, #c00d0d); color: #fff; }
.lg-consent__btn--primary:hover { background: var(--color-brand-700, #a50b0b); }
.lg-consent__btn--outline { background: #fff; border-color: var(--color-ink, #1a1a1a); color: var(--color-ink, #1a1a1a); }
.lg-consent__btn--outline:hover { background: var(--color-mist, #f8fafc); }
.lg-consent__btn--ghost { background: transparent; color: var(--color-body, #374151); text-decoration: underline; text-underline-offset: 3px; margin-right: auto; }
.lg-consent__btn:focus-visible { outline: 2px solid var(--color-brand-600, #c00d0d); outline-offset: 2px; }
@media (max-width: 560px) {
	.lg-consent { inset: auto 0 0 0; }
	.lg-consent__box { border-radius: var(--radius-card, 0.875rem) var(--radius-card, 0.875rem) 0 0; padding: 18px 16px calc(16px + env(safe-area-inset-bottom)); }
	.lg-consent__actions { display: grid; grid-template-columns: 1fr 1fr; }
	.lg-consent__btn--ghost { grid-column: 1 / -1; margin: 0; order: 3; }
}