/*
 Theme Name: Bateaux Child
 Theme URI: http://www.bateauxtheme.com
 Description: Bateaux Child Theme.
 Author: Twisttheme
 Template: bateaux
 Version: 1.0.0
 Text Domain: bateaux-child
 */

/* Site-wide accessible colour themes. Category and plan code colours are
   deliberately excluded so their meaning remains identical in both modes. */
:root {
	--ll-bg: #f6f7fb;
	--ll-surface: #ffffff;
	--ll-surface-soft: #eef1f6;
	--ll-text: #181b22;
	--ll-text-muted: #5d6472;
	--ll-border: #dce1ea;
	--ll-link: #6930b8;
	--ll-control-bg: #ffffff;
	--ll-shadow: rgba(37, 42, 58, 0.12);
	--ll-shadow-soft: rgba(37, 42, 58, 0.07);
	--ll-shadow-focus: rgba(37, 42, 58, 0.16);
}

:root[data-theme="dark"] {
	--ll-bg: #101114;
	--ll-surface: #191b20;
	--ll-surface-soft: #23262d;
	--ll-text: #f4f5f7;
	--ll-text-muted: #c5cad1;
	--ll-border: #454a54;
	--ll-link: #dc9aff;
	--ll-control-bg: #202329;
	--ll-shadow: rgba(0, 0, 0, 0.5);
}

html,
body,
.btx-wrapper,
.btx-content,
.btx-main,
.btx-page-content {
	background-color: var(--ll-bg);
	color: var(--ll-text);
}

/* Bateaux assigns its original dark background through generated classes and
   overlays. These explicit theme rules make the overall change unmistakable. */
:root[data-theme="light"] body,
:root[data-theme="light"] .btx-wrapper,
:root[data-theme="light"] .btx-content,
:root[data-theme="light"] .btx-main,
:root[data-theme="light"] .btx-background-overlay.btx-p-bg-bg {
	background-color: var(--ll-bg) !important;
	color: var(--ll-text) !important;
}

/* Layered achromatic veils give the canvas depth without competing with the
   semantic fluorescent palette. */
:root[data-theme="light"] {
	background-image:
		repeating-linear-gradient(126deg,
			rgba(82, 91, 108, 0.34) 0 150px,
			transparent 150px 340px,
			rgba(124, 132, 148, 0.24) 340px 500px,
			transparent 500px 690px),
		linear-gradient(145deg, #fafbfe 0%, #f1f3f7 48%, #e9ecf2 100%) !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-size: auto, cover !important;
	background-position: center, center, center !important;
}

:root[data-theme="light"] body {
	background: transparent !important;
}

:root[data-theme="light"] .btx-wrapper,
:root[data-theme="light"] .btx-content,
:root[data-theme="light"] .btx-main,
:root[data-theme="light"] .btx-page-content {
	background-color: transparent !important;
}

:root[data-theme="light"] .wrapper_novedades {
	background-color: var(--ll-surface-soft) !important;
	color: var(--ll-text) !important;
}

/* The pale canvas and white content surfaces give fluorescent category colours
   room to breathe without making the interface feel sterile. */
:root[data-theme="light"] .btx-page-content,
:root[data-theme="light"] .btx-section,
:root[data-theme="light"] .btx-container {
	color: var(--ll-text);
}

:root[data-theme="light"] .btx-main h1,
:root[data-theme="light"] .btx-main h2,
:root[data-theme="light"] .btx-main h3,
:root[data-theme="light"] .btx-main h4 {
	color: var(--ll-text) !important;
	letter-spacing: -0.018em;
}

:root[data-theme="light"] .wrapper_novedades p,
:root[data-theme="light"] .wrapper_novedades h1,
:root[data-theme="light"] .wrapper_novedades h2,
:root[data-theme="light"] .wrapper_novedades h3,
:root[data-theme="light"] .btx-item.js-item-text:not(.btx-box .btx-item.js-item-text) p {
	color: var(--ll-text) !important;
}

/* Text authored for the original dark canvas. Direct-child selectors avoid
   changing text inside the category-coded accordion cards. */
:root[data-theme="light"] .btx-item.js-item-text > .btx-text-content > .btx-text-content-inner > .font-style > span,
:root[data-theme="light"] .btx-item.js-item-text > .btx-text-content > .btx-text-content-inner > .font-style > font,
:root[data-theme="light"] .btx-item.js-item-text .btx-text-content-inner > .font-style > span,
:root[data-theme="light"] .btx-item.js-item-text .btx-text-content-inner > .font-style > font,
:root[data-theme="light"] .btx-main .btx-heading-text:not(.btx-box .btx-heading-text),
:root[data-theme="light"] .btx-main .btx-heading-text:not(.btx-box .btx-heading-text) > .font-style,
:root[data-theme="light"] .btx-main .btx-heading-text:not(.btx-box .btx-heading-text) > .font-style > span,
:root[data-theme="light"] .btx-main .btx-heading-text:not(.btx-box .btx-heading-text) > .font-style > font,
:root[data-theme="light"] .btx-accordion-heading:not([class*="heading-"]) .btx-accordion-title {
	color: var(--ll-text) !important;
}

:root[data-theme="dark"] body,
:root[data-theme="dark"] .btx-wrapper,
:root[data-theme="dark"] .btx-content,
:root[data-theme="dark"] .btx-main,
:root[data-theme="dark"] .btx-background-overlay.btx-p-bg-bg {
	background-color: var(--ll-bg) !important;
	color: var(--ll-text) !important;
}

:root[data-theme="dark"] {
	background-image:
		repeating-linear-gradient(126deg,
			rgba(255, 255, 255, 0.22) 0 150px,
			transparent 150px 340px,
			rgba(255, 255, 255, 0.14) 340px 500px,
			transparent 500px 690px),
		linear-gradient(145deg, #1a1d23 0%, #111319 50%, #090a0d 100%) !important;
	background-attachment: fixed !important;
	background-repeat: no-repeat !important;
	background-size: auto, cover !important;
	background-position: center, center, center !important;
}

:root[data-theme="dark"] body {
	background: transparent !important;
}

/* Dedicated veil layer: it sits above the base canvas and below every page
   component, so Bateaux containers cannot hide the diagonal texture. */
:root[data-theme] body::before {
	content: none;
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-repeat: no-repeat;
	background-size: cover;
}

:root[data-theme] body {
	position: relative;
	isolation: isolate;
}

:root[data-theme="light"] body::before {
	background-image: repeating-linear-gradient(126deg,
		rgba(82, 91, 108, 0.34) 0 150px,
		transparent 150px 340px,
		rgba(124, 132, 148, 0.24) 340px 500px,
		transparent 500px 690px);
}

:root[data-theme="dark"] body::before {
	background-image: repeating-linear-gradient(126deg,
		rgba(255, 255, 255, 0.22) 0 150px,
		transparent 150px 340px,
		rgba(255, 255, 255, 0.14) 340px 500px,
		transparent 500px 690px);
}

:root[data-theme] .btx-wrapper {
	position: relative;
	z-index: 1;
}

/* Bateaux paints this wrapper as the effective page canvas. Keeping the veil
   here guarantees it remains visible while inner layout layers stay clear. */
:root[data-theme="light"] .btx-wrapper {
	background-color: #f6f7fb !important;
	background-image: repeating-linear-gradient(126deg,
		#d7dbe4 0 150px,
		transparent 150px 340px,
		#e3e6ec 340px 500px,
		transparent 500px 690px) !important;
	background-attachment: fixed !important;
}

:root[data-theme="dark"] .btx-wrapper {
	background-color: #101114 !important;
	background-image: repeating-linear-gradient(126deg,
		#292d34 0 150px,
		transparent 150px 340px,
		#1d2026 340px 500px,
		transparent 500px 690px) !important;
	background-attachment: fixed !important;
}

:root[data-theme="dark"] .btx-wrapper,
:root[data-theme="dark"] .btx-content,
:root[data-theme="dark"] .btx-main,
:root[data-theme="dark"] .btx-page-content {
	background-color: transparent !important;
}

:root[data-theme="dark"] .wrapper_novedades {
	background-color: var(--ll-surface) !important;
	color: var(--ll-text) !important;
}

/* Bottom notice ticker: it sits at the viewport edge on desktop and directly
   above the fixed mobile navigation. The mask fades both edges at once so
   notices enter and leave without an abrupt cut. */
.wrapper_novedades.lalistilla-notice-ticker,
.wrapper_novedades.lalistilla-novedades-dinamicas {
	position: fixed !important;
	top: auto !important;
	right: 0 !important;
	bottom: var(--ll-mobile-navbar-height, 0px) !important;
	left: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	overflow: hidden !important;
	z-index: 9998 !important;
	isolation: isolate;
	-webkit-mask-image: linear-gradient(
		90deg,
		transparent 0,
		#000 clamp(38px, 6vw, 112px),
		#000 calc(100% - clamp(38px, 6vw, 112px)),
		transparent 100%
	);
	mask-image: linear-gradient(
		90deg,
		transparent 0,
		#000 clamp(38px, 6vw, 112px),
		#000 calc(100% - clamp(38px, 6vw, 112px)),
		transparent 100%
	);
}

.wrapper_novedades .lalistilla-novedad-item,
.wrapper_novedades .novedad_text {
	animation-duration: 18s !important;
	animation-timing-function: linear !important;
}

@media (max-width: 767px) {
	.wrapper_novedades.lalistilla-notice-ticker,
	.wrapper_novedades.lalistilla-novedades-dinamicas {
		-webkit-mask-image: linear-gradient(90deg, transparent, #000 44px, #000 calc(100% - 44px), transparent);
		mask-image: linear-gradient(90deg, transparent, #000 44px, #000 calc(100% - 44px), transparent);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wrapper_novedades .lalistilla-novedad-item,
	.wrapper_novedades .novedad_text {
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
	}
}

/* Normal plan cards follow the light theme. Category borders and dates are
   intentionally not overridden; they retain their semantic colour codes. */
:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) {
	background-color: var(--ll-surface) !important;
	color: var(--ll-text) !important;
	box-shadow: none !important;
	transition: box-shadow 180ms ease, transform 180ms ease, background-color 180ms ease;
}

/* Each plan casts a restrained shadow derived from its existing border colour.
   The border colour itself remains untouched. */
:root[data-theme="light"] .btx-accordion-heading[class*="heading-"] { --ll-plan-glow: 37, 42, 58; }
:root[data-theme="light"] .btx-accordion-heading.heading-otros-cerrado { --ll-plan-glow: 0, 207, 255; }
:root[data-theme="light"] .btx-accordion-heading.heading-teatro-cerrado { --ll-plan-glow: 255, 0, 208; }
:root[data-theme="light"] .btx-accordion-heading.heading-musica-cerrado { --ll-plan-glow: 0, 219, 15; }
:root[data-theme="light"] .btx-accordion-heading.heading-exposicion-cerrado { --ll-plan-glow: 186, 0, 255; }
:root[data-theme="light"] .btx-accordion-heading.heading-taller-cerrado { --ll-plan-glow: 91, 125, 207; }
:root[data-theme="light"] .btx-accordion-heading.heading-naturaleza-cerrado { --ll-plan-glow: 2, 134, 152; }
:root[data-theme="light"] .btx-accordion-heading.heading-act-permanentes-cerrado { --ll-plan-glow: 255, 113, 0; }
:root[data-theme="light"] .btx-accordion-heading.heading-gastronomia-cerrado { --ll-plan-glow: 26, 53, 177; }
:root[data-theme="light"] .btx-accordion-heading.heading-literario-cerrado { --ll-plan-glow: 224, 241, 0; }
:root[data-theme="light"] .btx-accordion-heading.heading-oferta-cerrado { --ll-plan-glow: 186, 0, 255; }

:root[data-theme="light"] .btx-accordion-heading[class*="heading-"] {
	box-shadow: none !important;
	border-width: 2px !important;
	border-right-width: 8px !important;
}

:root[data-theme="light"] .btx-accordion-heading[class*="heading-"].heading-abierto {
	border-bottom-width: 0 !important;
}

:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] {
	border-right-width: 8px !important;
	border-bottom-width: 2px !important;
	border-left-width: 2px !important;
}

:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:hover {
	box-shadow: none !important;
}

:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]):hover {
	background-color: #fefeff !important;
	box-shadow: none !important;
	transform: translateY(-1px);
}

/* The visible elevation belongs to the complete plan panel. Literal category
   values deliberately avoid colour-function and custom-property fallbacks. */
:root[data-theme="light"] .btx-item.js-item-accordion.btx-accordion {
	box-shadow: none !important;
	overflow: visible !important;
}

:root[data-theme="light"] .btx-accordion-panel {
	box-shadow: none !important;
	border-radius: 10px !important;
	transition: box-shadow 180ms ease, transform 180ms ease;
}

:root[data-theme="light"] .btx-accordion-panel > .btx-accordion-heading[class*="heading-"] {
	border-radius: 10px !important;
	background-clip: padding-box;
}

:root[data-theme="light"] .btx-accordion-panel > .btx-accordion-heading[class*="heading-"].heading-abierto {
	border-bottom-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

:root[data-theme="light"] .btx-accordion-panel > .btx-accordion-body[class*="body-plan-"] {
	border-radius: 0 0 10px 10px !important;
	background-clip: padding-box;
}

:root[data-theme="light"] .btx-accordion-panel:has(> .heading-otros-cerrado) {
	box-shadow: 0 3px 7px rgba(0, 207, 255, 0.20), 0 13px 28px rgba(0, 207, 255, 0.28) !important;
}
:root[data-theme="light"] .btx-accordion-panel:has(> .heading-teatro-cerrado) {
	box-shadow: 0 3px 7px rgba(255, 0, 208, 0.18), 0 13px 28px rgba(255, 0, 208, 0.27) !important;
}
:root[data-theme="light"] .btx-accordion-panel:has(> .heading-musica-cerrado) {
	box-shadow: 0 3px 7px rgba(0, 219, 15, 0.18), 0 13px 28px rgba(0, 219, 15, 0.25) !important;
}
:root[data-theme="light"] .btx-accordion-panel:has(> .heading-exposicion-cerrado) {
	box-shadow: 0 3px 7px rgba(186, 0, 255, 0.18), 0 13px 28px rgba(186, 0, 255, 0.27) !important;
}
:root[data-theme="light"] .btx-accordion-panel:has(> .heading-taller-cerrado) {
	box-shadow: 0 3px 7px rgba(91, 125, 207, 0.20), 0 13px 28px rgba(91, 125, 207, 0.28) !important;
}
:root[data-theme="light"] .btx-accordion-panel:has(> .heading-naturaleza-cerrado) {
	box-shadow: 0 3px 7px rgba(2, 134, 152, 0.20), 0 13px 28px rgba(2, 134, 152, 0.28) !important;
}
:root[data-theme="light"] .btx-accordion-panel:has(> .heading-act-permanentes-cerrado) {
	box-shadow: 0 3px 7px rgba(255, 113, 0, 0.18), 0 13px 28px rgba(255, 113, 0, 0.27) !important;
}
:root[data-theme="light"] .btx-accordion-panel:has(> .heading-gastronomia-cerrado) {
	box-shadow: 0 3px 7px rgba(26, 53, 177, 0.20), 0 13px 28px rgba(26, 53, 177, 0.30) !important;
}
:root[data-theme="light"] .btx-accordion-panel:has(> .heading-literario-cerrado) {
	box-shadow: 0 3px 7px rgba(224, 241, 0, 0.18), 0 13px 28px rgba(184, 198, 0, 0.25) !important;
}

:root[data-theme="light"] .btx-accordion-panel:hover {
	transform: translateY(-1px);
}

/* Dark weekly accordions use the same 2px structural outline and chromatic
   hover elevation as their light counterparts. The open heading drops its
   bottom edge so the body completes one continuous card outline. */
:root[data-theme="dark"] .btx-accordion-heading[class*="heading-"] {
	border-top-width: 2px !important;
	border-left-width: 2px !important;
	border-bottom-width: 2px !important;
	border-right-width: 8px !important;
}

:root[data-theme="dark"] .btx-accordion-heading[class*="heading-"].heading-abierto {
	border-bottom-width: 0 !important;
}

:root[data-theme="dark"] .btx-accordion-body[class*="body-plan-"] {
	border-left-width: 2px !important;
	border-bottom-width: 2px !important;
	border-right-width: 8px !important;
}

:root[data-theme="dark"] .btx-accordion-panel {
	border-radius: 10px !important;
	transition: box-shadow 180ms ease, transform 180ms ease;
}

:root[data-theme="dark"] .btx-accordion-panel:has(> .heading-otros-cerrado) {
	box-shadow: 0 3px 7px rgba(0, 207, 255, 0.20), 0 13px 28px rgba(0, 207, 255, 0.28) !important;
}
:root[data-theme="dark"] .btx-accordion-panel:has(> .heading-teatro-cerrado) {
	box-shadow: 0 3px 7px rgba(255, 0, 208, 0.18), 0 13px 28px rgba(255, 0, 208, 0.27) !important;
}
:root[data-theme="dark"] .btx-accordion-panel:has(> .heading-musica-cerrado) {
	box-shadow: 0 3px 7px rgba(0, 219, 15, 0.18), 0 13px 28px rgba(0, 219, 15, 0.25) !important;
}
:root[data-theme="dark"] .btx-accordion-panel:has(> .heading-exposicion-cerrado) {
	box-shadow: 0 3px 7px rgba(186, 0, 255, 0.18), 0 13px 28px rgba(186, 0, 255, 0.27) !important;
}
:root[data-theme="dark"] .btx-accordion-panel:has(> .heading-taller-cerrado) {
	box-shadow: 0 3px 7px rgba(91, 125, 207, 0.20), 0 13px 28px rgba(91, 125, 207, 0.28) !important;
}
:root[data-theme="dark"] .btx-accordion-panel:has(> .heading-naturaleza-cerrado) {
	box-shadow: 0 3px 7px rgba(2, 134, 152, 0.20), 0 13px 28px rgba(2, 134, 152, 0.28) !important;
}
:root[data-theme="dark"] .btx-accordion-panel:has(> .heading-act-permanentes-cerrado) {
	box-shadow: 0 3px 7px rgba(255, 113, 0, 0.18), 0 13px 28px rgba(255, 113, 0, 0.27) !important;
}
:root[data-theme="dark"] .btx-accordion-panel:has(> .heading-gastronomia-cerrado) {
	box-shadow: 0 3px 7px rgba(26, 53, 177, 0.20), 0 13px 28px rgba(26, 53, 177, 0.30) !important;
}
:root[data-theme="dark"] .btx-accordion-panel:has(> .heading-literario-cerrado) {
	box-shadow: 0 3px 7px rgba(224, 241, 0, 0.18), 0 13px 28px rgba(184, 198, 0, 0.25) !important;
}

:root[data-theme="dark"] .btx-accordion-panel:hover {
	transform: translateY(-1px);
}

:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .acordeon-title,
:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .acordeon-title-proximo,
:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .acordeon-hora,
:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .plan-planer,
:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .btx-accordion-title {
	color: var(--ll-text) !important;
}

:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .acordeon-title,
:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .acordeon-title-proximo {
	font-weight: 700 !important;
	letter-spacing: -0.012em;
	line-height: 1.12;
}

/* Accordion hierarchy is identical in both themes, including image cards. */
.btx-accordion-heading[class*="heading-"] .acordeon-title,
.btx-accordion-heading[class*="heading-"] .acordeon-title-proximo,
.btx-accordion-heading[class*="heading-"] .btx-accordion-title {
	font-weight: 700 !important;
}

:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .acordeon-hora {
	color: var(--ll-text-muted) !important;
	font-weight: 400;
}

:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .acordeon-dia-plan {
	background-color: #e8ebf1 !important;
	color: #343945 !important;
	box-shadow: inset 0 0 0 1px rgba(37, 42, 58, 0.04);
}

:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .plan-planer {
	border-color: #aeb5c1 !important;
	color: #303540 !important;
	background-color: rgba(255, 255, 255, 0.72);
}

/* Keep every semantic fluorescent value unchanged, but place dates on a quiet
   neutral chip so bright greens and cyans remain readable on white. */
:root[data-theme="light"] .btx-accordion-heading[class*="heading-"]:not([style*="background-image"]) .acordeon-fecha {
	display: inline-block;
	padding: 0.05em 0.28em;
	border-radius: 0.28em;
	background-color: #f0f2f6;
	box-shadow: inset 0 0 0 1px rgba(37, 42, 58, 0.04);
	font-weight: 700;
}

/* Upcoming-plan dates use very light fluorescent ink. A graphite chip gives
   that unchanged category colour sufficient contrast in the light theme. */
:root[data-theme="light"] .btx-accordion-heading:has(.acordeon-title-proximo) .acordeon-fecha {
	padding: 0.12em 0.38em;
	border-radius: 0.32em;
	background-color: #343943;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12), 0 2px 5px rgba(17, 20, 27, 0.14);
	letter-spacing: 0.01em;
}

/* The terminal “view more” card is emitted outside .btx-accordion-panel, so
   it needs the same category elevation applied directly to its heading. */
:root[data-theme="light"] a > #header-acordeon.btx-accordion-heading.heading-otros-cerrado {
	border-width: 2px !important;
	border-right-width: 8px !important;
	box-shadow: 0 3px 7px rgba(0, 207, 255, 0.20), 0 13px 28px rgba(0, 207, 255, 0.28) !important;
}

/* The generated blurred poster belongs to the accordion panel and must remain
   untouched. The body stays transparent so that original background shows. */
:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] {
	background: transparent !important;
	color: var(--ll-text) !important;
	box-shadow: none;
	overflow: hidden;
}

/* Fluorescent detail icons sit on translucent graphite pills, creating enough
   local contrast while preserving every semantic icon colour. */
.btx-accordion-panel > .background-plan {
	border-radius: 10px !important;
	opacity: 0.95 !important;
	background-attachment: fixed !important;
}

:root[data-theme="light"] .btx-accordion-panel > .background-plan::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background-color: rgba(236, 238, 243, 0.13);
}

/* A translucent graphite layer dims the blurred poster without dimming
   the foreground text, category icons or original poster. */
:root[data-theme="dark"] .btx-accordion-panel > .background-plan::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background-color: rgba(16, 17, 20, 0.72) !important;
}

:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] .btx-icon.btx-icon--inline {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 38px !important;
	min-width: 38px !important;
	height: 38px !important;
	min-height: 38px !important;
	margin: 3px 10px 3px 0;
	padding: 0 !important;
	border-radius: 999px;
	background-color: color-mix(in srgb, var(--ll-info-icon-color, #64f0ff) 84%, transparent);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.24),
		0 5px 13px rgba(17, 20, 27, 0.18),
		0 2px 7px color-mix(in srgb, var(--ll-info-icon-color, #64f0ff) 30%, transparent);
	vertical-align: middle;
	line-height: 1 !important;
}

/* Invert the original icon/pill relationship: each pill takes the precise
   fluorescent icon colour emitted for its category, while the glyph becomes
   the former graphite pill colour. */
:root[data-theme="light"] .body-plan-otros { --ll-info-icon-color: #64f0ff; }
:root[data-theme="light"] .body-plan-teatro { --ll-info-icon-color: #ff80ef; }
:root[data-theme="light"] .body-plan-musica { --ll-info-icon-color: #7cfc84; }
:root[data-theme="light"] .body-plan-exposicion { --ll-info-icon-color: #d87bff; }
:root[data-theme="light"] .body-plan-taller,
:root[data-theme="light"] .body-plan-curso { --ll-info-icon-color: #96b3ff; }
:root[data-theme="light"] .body-plan-naturaleza { --ll-info-icon-color: #03a5bc; }
:root[data-theme="light"] .body-plan-gastronomia { --ll-info-icon-color: #535dbd; }
:root[data-theme="light"] .body-plan-literario { --ll-info-icon-color: #f9fc72; }
:root[data-theme="light"] .body-plan-oferta .btx-icon.btx-icon--inline {
	background-image: linear-gradient(135deg, rgba(255, 128, 239, 0.84), rgba(100, 240, 255, 0.84) 52%, rgba(124, 252, 132, 0.84));
}

:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] .btx-icon.btx-icon--inline .btx-icon-normal {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100% !important;
	height: 100% !important;
	line-height: 1 !important;
}

:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] .btx-icon.btx-icon--inline i {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: auto !important;
	height: auto !important;
	margin: 0 !important;
	font-size: 19px !important;
	font-weight: 900 !important;
	line-height: 1 !important;
	color: #555861 !important;
	-webkit-text-fill-color: #555861 !important;
}

/* Informational icons keep the same strong visual weight in dark mode. */
:root[data-theme="dark"] .btx-accordion-body[class*="body-plan-"] .btx-icon.btx-icon--inline i {
	font-weight: 900 !important;
}

/* All action separators use the semantic inline `color` already emitted by
   each plan, with the same 2 px visual weight as the card outline. */
[id="ctas_plan"] hr.solid,
[class*="ctas_plan_"] hr.solid {
	height: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	border: 0 !important;
	border-top: 2px solid currentColor !important;
	opacity: 1 !important;
}

:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] .btx-custom_a-font,
:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] span[style*="color:white"],
:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] span[style*="color: white"],
:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] span[style*="rgba(255, 255, 255"],
:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] p {
	color: var(--ll-text) !important;
}

/* Light actions retain their category base with a restrained pearl veil. The
   lower veil opacity lets the semantic plan colour read clearly while dark
   copy keeps the required contrast. */
:root[data-theme="light"] .btx-accordion-body [id="ctas_plan"],
:root[data-theme="light"] .btx-accordion-body [class*="ctas_plan_"] {
	position: relative;
	z-index: 3;
	isolation: isolate;
}

:root[data-theme="dark"] .btx-accordion-body [id="ctas_plan"],
:root[data-theme="dark"] .btx-accordion-body [class*="ctas_plan_"] {
	position: relative;
	z-index: 3;
	isolation: isolate;
}

:root[data-theme="light"] .btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"],
:root[data-theme="light"] .btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"] {
	background-image: linear-gradient(rgba(255, 255, 255, 0.48), rgba(255, 255, 255, 0.48)) !important;
	transition: background-image 180ms ease, color 180ms ease;
}

:root[data-theme="light"] .btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"]:hover,
:root[data-theme="light"] .btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"]:hover {
	background-image: linear-gradient(rgba(255, 255, 255, 0.40), rgba(255, 255, 255, 0.40)) !important;
}

:root[data-theme="light"] .btx-accordion-body [id="ctas_plan"],
:root[data-theme="light"] .btx-accordion-body [id="ctas_plan"] a,
:root[data-theme="light"] .btx-accordion-body [id="ctas_plan"] p,
:root[data-theme="light"] .btx-accordion-body [id="ctas_plan"] span,
:root[data-theme="light"] .btx-accordion-body [class*="ctas_plan_"],
:root[data-theme="light"] .btx-accordion-body [class*="ctas_plan_"] a,
:root[data-theme="light"] .btx-accordion-body [class*="ctas_plan_"] p,
:root[data-theme="light"] .btx-accordion-body [class*="ctas_plan_"] span {
	color: var(--ll-text) !important;
}

/* Hovering anywhere on an action changes all of its copy to the exact strong
   category colour used by the accordion outline. */
[class*="whatsapp-section-naturaleza"] { --ll-action-hover: #028698; }
[class*="whatsapp-section-gastronomia"],
[class*="whatsapp-section-restaurante"] { --ll-action-hover: #16239f; }
[class*="whatsapp-section-musica"] { --ll-action-hover: #00db0f; }
[class*="whatsapp-section-taller"],
[class*="whatsapp-section-curso"] { --ll-action-hover: #5b7dcf; }
[class*="whatsapp-section-teatro"] { --ll-action-hover: #ff00d0; }
[class*="whatsapp-section-otros"] { --ll-action-hover: #00cfff; }
[class*="whatsapp-section-exposicion"] { --ll-action-hover: #ba00ff; }
[class*="whatsapp-section-literario"] { --ll-action-hover: #e0ff00; }
[class*="whatsapp-section-act-permanente"] { --ll-action-hover: #ff7100; }
[class*="whatsapp-section-oferta-musica"] { --ll-action-hover: #00db0f; }
[class*="whatsapp-section-oferta-taller"],
[class*="whatsapp-section-oferta-curso"] { --ll-action-hover: #5b7dcf; }
[class*="whatsapp-section-oferta-teatro"] { --ll-action-hover: #ff00d0; }
[class*="whatsapp-section-oferta-otros"] { --ll-action-hover: #00cfff; }
[class*="whatsapp-section-oferta-exposicion"] { --ll-action-hover: #ba00ff; }
[class*="whatsapp-section-oferta-literario"] { --ll-action-hover: #e0ff00; }
[class*="whatsapp-section-oferta-restaurante"] { --ll-action-hover: #16239f; }
[class*="whatsapp-section-oferta-act-permanente"] { --ll-action-hover: #ff7100; }

/* Some legacy actions omit the shared whatsapp-section class. The category
   container therefore carries the same colour token as a reliable fallback. */
[class*="ctas_plan_naturaleza"] { --ll-action-hover: #028698; }
[class*="ctas_plan_gastronomia"],
[class*="ctas_plan_restaurante"] { --ll-action-hover: #16239f; }
[class*="ctas_plan_musica"] { --ll-action-hover: #00db0f; }
[class*="ctas_plan_taller"],
[class*="ctas_plan_curso"] { --ll-action-hover: #5b7dcf; }
[class*="ctas_plan_teatro"] { --ll-action-hover: #ff00d0; }
[class*="ctas_plan_otros"] { --ll-action-hover: #00cfff; }
[class*="ctas_plan_exposicion"] { --ll-action-hover: #ba00ff; }
[class*="ctas_plan_literario"] { --ll-action-hover: #e0ff00; }
[class*="ctas_plan_act-permanente"] { --ll-action-hover: #ff7100; }

.btx-accordion-body [id="ctas_plan"] > a,
.btx-accordion-body [class*="ctas_plan_"] > a {
	display: block;
}

.btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"],
.btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"],
.btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"] *,
.btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"] * {
	transition: color 180ms ease;
}

:root .btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"]:hover,
:root .btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"]:hover *,
:root .btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"]:hover,
:root .btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"]:hover * {
	color: var(--ll-action-hover) !important;
}

/* Anchor-level hover makes the whole action respond, including legacy rows
   used for tickets, venue information, registrations and samples. */
:root .btx-accordion-body [id="ctas_plan"] > a:hover,
:root .btx-accordion-body [id="ctas_plan"] > a:hover *,
:root .btx-accordion-body [class*="ctas_plan_"] > a:hover,
:root .btx-accordion-body [class*="ctas_plan_"] > a:hover * {
	color: var(--ll-action-hover) !important;
}

/* Literal category fallbacks beat the legacy per-title rules emitted by old
   ticket, venue and registration actions. */
:root .btx-accordion-body [class*="ctas_plan_naturaleza"] > a:hover :is(p, p span) { color: #028698 !important; }
:root .btx-accordion-body [class*="ctas_plan_gastronomia"] > a:hover :is(p, p span),
:root .btx-accordion-body [class*="ctas_plan_restaurante"] > a:hover :is(p, p span) { color: #16239f !important; }
:root .btx-accordion-body [class*="ctas_plan_musica"] > a:hover :is(p, p span) { color: #00db0f !important; }
:root .btx-accordion-body [class*="ctas_plan_taller"] > a:hover :is(p, p span),
:root .btx-accordion-body [class*="ctas_plan_curso"] > a:hover :is(p, p span) { color: #5b7dcf !important; }
:root .btx-accordion-body [class*="ctas_plan_teatro"] > a:hover :is(p, p span) { color: #ff00d0 !important; }
:root .btx-accordion-body [class*="ctas_plan_otros"] > a:hover :is(p, p span) { color: #00cfff !important; }
:root .btx-accordion-body [class*="ctas_plan_exposicion"] > a:hover :is(p, p span) { color: #ba00ff !important; }
:root .btx-accordion-body [class*="ctas_plan_literario"] > a:hover :is(p, p span) { color: #e0ff00 !important; }
:root .btx-accordion-body [class*="ctas_plan_act-permanente"] > a:hover :is(p, p span) { color: #ff7100 !important; }

/* Every action uses one vertical rhythm in both themes, regardless of the
   inline spacing emitted by the plan template. */
.btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"] .btx-col-12,
.btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"] .btx-col-12 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"] .btx-col-12 > p,
.btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"] .btx-col-12 > p {
	margin: 0 !important;
	padding: 0 !important;
}

.btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"] .btx-col-12 > p:first-child,
.btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"] .btx-col-12 > p:first-child span,
.btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"] .btx-col-12 > p:first-child,
.btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"] .btx-col-12 > p:first-child span {
	line-height: 1.2 !important;
}

.btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"] .btx-col-12 > p + p,
.btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"] .btx-col-12 > p + p {
	margin-top: 7px !important;
	line-height: 1.4 !important;
}

.btx-accordion-body [id="ctas_plan"] [class*="whatsapp-section"] .btx-col-12 > p + p span,
.btx-accordion-body [class*="ctas_plan_"] [class*="whatsapp-section"] .btx-col-12 > p + p span {
	line-height: inherit !important;
}

:root[data-theme="light"] .btx-accordion-body[class*="body-plan-"] a:not([style*="color:#"]) {
	color: var(--ll-link) !important;
}

body,
body p,
body li,
body label,
body td,
body th,
body blockquote,
body figcaption,
body .btx-text-content {
	color: var(--ll-text);
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
	color: var(--ll-text);
}

body a:not([class*="categoria"]):not([class*="category"]):not([style*="color"]) {
	color: var(--ll-link);
}

input:not([type="button"]):not([type="submit"]),
textarea,
select {
	background-color: var(--ll-control-bg);
	border-color: var(--ll-border);
	color: var(--ll-text);
}

input::placeholder,
textarea::placeholder {
	color: var(--ll-text-muted);
	opacity: 1;
}

table,
th,
td,
hr {
	border-color: var(--ll-border);
}

/* Navigation and footer are true light-theme surfaces, including mobile and
   dropdown variants that otherwise inherit Bateaux's dark generated skin. */
:root[data-theme="light"] .btx-navbar,
:root[data-theme="light"] .btx-navbar--mobile,
:root[data-theme="light"] .btx-header-widgets,
:root[data-theme="light"] .btx-footer,
:root[data-theme="light"] .btx-footer-widgets,
:root[data-theme="light"] .btx-side-navbar,
:root[data-theme="light"] .btx-side-navbar .btx-menu,
:root[data-theme="light"] .btx-dropdown-menu {
	background-color: rgba(250, 251, 253, 0.96) !important;
	color: var(--ll-text) !important;
	border-color: var(--ll-border) !important;
}

:root[data-theme="light"] .btx-navbar,
:root[data-theme="light"] .btx-footer {
	box-shadow: 0 1px 0 var(--ll-border), 0 8px 24px var(--ll-shadow-soft) !important;
}

:root[data-theme="light"] .btx-navbar a,
:root[data-theme="light"] .btx-navbar--mobile a,
:root[data-theme="light"] .btx-header-widgets a,
:root[data-theme="light"] .btx-side-navbar a,
:root[data-theme="light"] .btx-dropdown-menu a,
:root[data-theme="light"] .btx-footer a,
:root[data-theme="light"] .btx-footer p,
:root[data-theme="light"] .btx-footer li,
:root[data-theme="light"] .btx-footer-widgets,
:root[data-theme="light"] .btx-footer-widgets p,
:root[data-theme="light"] .btx-footer-widgets li,
:root[data-theme="light"] .btx-footer-widgets a {
	color: var(--ll-text) !important;
}

:root[data-theme="light"] .btx-navbar .btx-menu > li > a:hover,
:root[data-theme="light"] .btx-navbar .btx-menu > li.current-menu-item > a,
:root[data-theme="light"] .btx-dropdown-menu a:hover,
:root[data-theme="light"] .btx-footer a:hover {
	color: var(--ll-link) !important;
}

/* Generated dropdowns keep the theme's btx-dark-scheme class even in light
   mode. Override the actual sub-menu surface instead of only its wrapper. */
:root[data-theme="light"] .btx-navbar.btx-dark-scheme .btx-menu .sub-menu,
:root[data-theme="light"] .btx-navbar .btx-menu .sub-menu,
:root[data-theme="light"] .btx-navbar .btx-menu .sub-menu.btx-s-bg-bg {
	background-color: #fafbfd !important;
	border: 1px solid var(--ll-border) !important;
	box-shadow: 0 14px 34px rgba(37, 42, 58, 0.16) !important;
}

:root[data-theme="light"] .btx-navbar.btx-dark-scheme .btx-menu .sub-menu a,
:root[data-theme="light"] .btx-navbar .btx-menu .sub-menu a {
	background-color: transparent !important;
	color: var(--ll-text) !important;
}

:root[data-theme="light"] .btx-navbar.btx-dark-scheme .btx-menu .sub-menu a:hover,
:root[data-theme="light"] .btx-navbar.btx-dark-scheme .btx-menu .sub-menu a:focus-visible,
:root[data-theme="light"] .btx-navbar .btx-menu .sub-menu a:hover,
:root[data-theme="light"] .btx-navbar .btx-menu .sub-menu a:focus-visible {
	background-color: var(--ll-surface-soft) !important;
	color: var(--ll-link) !important;
}

/* Footer promotional artwork: the dark theme keeps the original photography.
   In light mode the same assets become a category-aware pearl/accent duotone,
   so no duplicated bitmap has to be maintained. */
main .btx-section:has(.box_footer_cta_whatsapp) {
	padding-bottom: 0 !important;
}

main .btx-section:has(.box_footer_cta_whatsapp) > .btx-section-wrapper,
main .btx-section:has(.box_footer_cta_whatsapp) .btx-item.js-item-text {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

:root[data-theme="light"] main .btx-section:has(.box_footer_cta_whatsapp) > .btx-background {
	isolation: isolate;
}

:root[data-theme="light"] main .btx-section:has(.box_footer_cta_whatsapp) > .btx-background .btx-background-inner {
	filter: grayscale(1) brightness(1.18) contrast(0.92);
}

:root[data-theme="light"] main .btx-section:has(.box_footer_cta_whatsapp) > .btx-background::before,
:root[data-theme="light"] main .btx-section:has(.box_footer_cta_whatsapp) > .btx-background::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
}

:root[data-theme="light"] main .btx-section:has(.box_footer_cta_whatsapp) > .btx-background::before {
	z-index: 2;
	background: var(--ll-footer-accent, #e0ff00);
	mix-blend-mode: color;
	opacity: 0.5;
}

:root[data-theme="light"] main .btx-section:has(.box_footer_cta_whatsapp) > .btx-background::after {
	z-index: 3;
	background: linear-gradient(110deg, rgba(255, 255, 255, 0.72), rgba(248, 246, 238, 0.4) 52%, rgba(255, 255, 255, 0.64));
}

main .btx-section:has(.box_footer_cta_whatsapp .btx-background-overlay[style*="#e0ff00"]),
.btx-col-6:has(.box_footer_cta_whatsapp .btx-background-overlay[style*="#e0ff00"]) { --ll-footer-accent: #e0ff00; }
main .btx-section:has(.box_footer_cta_whatsapp .btx-background-overlay[style*="#7cfc84"]),
.btx-col-6:has(.box_footer_cta_whatsapp .btx-background-overlay[style*="#7cfc84"]) { --ll-footer-accent: #7cfc84; }
main .btx-section:has(.box_footer_cta_whatsapp .btx-background-overlay[style*="#ff00d0"]),
.btx-col-6:has(.box_footer_cta_whatsapp .btx-background-overlay[style*="#ff00d0"]) { --ll-footer-accent: #ff00d0; }

:root[data-theme="light"] .box_footer_cta_whatsapp {
	border: 1px solid rgba(255, 255, 255, 0.78) !important;
	border-left: 6px solid var(--ll-footer-accent, #e0ff00) !important;
	border-radius: 14px;
	background: linear-gradient(135deg, rgba(255, 255, 255, 0.91), rgba(249, 250, 252, 0.72)) !important;
	box-shadow: 0 18px 45px rgba(37, 42, 58, 0.18), 0 0 0 1px color-mix(in srgb, var(--ll-footer-accent, #e0ff00) 22%, transparent);
	backdrop-filter: blur(16px) saturate(1.08);
	overflow: hidden;
}

:root[data-theme="light"] .box_footer_cta_whatsapp .btx-background-overlay {
	opacity: 0.22 !important;
}

:root[data-theme="light"] .box_footer_cta_whatsapp .btx-heading-text,
:root[data-theme="light"] .box_footer_cta_whatsapp .font-style {
	color: var(--ll-text) !important;
	font-size: clamp(25px, 2.35vw, 40px) !important;
	font-weight: 700 !important;
	letter-spacing: -0.035em;
	line-height: 1.16 !important;
	text-align: left !important;
}

:root[data-theme="light"] .box_footer_cta_whatsapp .btx-box-body {
	padding: clamp(24px, 3vw, 42px) !important;
}

:root[data-theme="light"] a:has(> .box_footer_cta_whatsapp) + .btx-heading {
	margin-top: 22px;
	text-align: left !important;
}

:root[data-theme="light"] a:has(> .box_footer_cta_whatsapp) + .btx-heading a {
	display: inline-flex;
	align-items: center;
	padding: 10px 15px;
	border: 1px solid color-mix(in srgb, var(--ll-footer-accent, #e0ff00) 64%, #555);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.82);
	box-shadow: 0 6px 18px rgba(37, 42, 58, 0.12);
	color: var(--ll-text) !important;
	font-size: 17px !important;
	font-weight: 700;
	text-decoration: none !important;
}

/* Integrate the real footer and bottom bar into one deliberate surface. */
:root[data-theme="light"] .btx-footer,
:root[data-theme="light"] .btx-footer .btx-bottombar,
:root[data-theme="light"] .btx-footer .btx-bottombar-content {
	background-color: #fafbfd !important;
	border-color: var(--ll-border) !important;
}

.btx-footer .btx-bottombar {
	/* The rotating news bar is fixed to the viewport bottom. Reserve its real
	   footprint inside the footer so legal links and social controls never sit
	   underneath it at the end of the page. */
	padding: 0 0 calc(88px + env(safe-area-inset-bottom)) !important;
}

.btx-footer .btx-bottombar-content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 28px;
	min-height: 112px;
	padding: 26px 0 !important;
	border-top: 1px solid var(--ll-border) !important;
}

.btx-footer .btx-bottombar .btx-widgets.left,
.btx-footer .btx-bottombar .btx-widgets.right {
	float: none !important;
	margin: 0 !important;
}

.btx-footer .btx-bottombar .btx-widget-text {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px 14px;
	color: var(--ll-text-muted) !important;
	font-size: 14px;
	line-height: 1.45;
}

.btx-footer .btx-widget-text a[href*="moz.com"] {
	display: none !important;
}

.btx-footer .btx-bottombar .btx-widget-text a {
	color: var(--ll-text) !important;
	font-weight: 600 !important;
	text-decoration: none;
}

.btx-footer .btx-bottombar .btx-widget-text a:hover,
.btx-footer .btx-bottombar .btx-widget-text a:focus-visible {
	color: var(--ll-link) !important;
	text-decoration: underline;
	text-underline-offset: 3px;
}

/* Social profiles become a clear, cohesive control group. */
.btx-footer .btx-widget-social .btx-social-inner {
	display: flex;
	align-items: center;
	gap: 10px;
}

.btx-footer .btx-widget-social .btx-social-item {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 42px;
	height: 42px;
	margin: 0 !important;
	border: 1px solid currentColor;
	border-radius: 999px;
	background-color: color-mix(in srgb, currentColor 10%, transparent);
	transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}

.btx-footer .btx-widget-social .btx-social-facebook { color: #1877f2 !important; }
.btx-footer .btx-widget-social .btx-social-instagram { color: #d62976 !important; }
.btx-footer .btx-widget-social .btx-social-youtube { color: #ff0033 !important; }
.btx-footer .btx-widget-social .btx-social-email { color: #6930b8 !important; }

.btx-footer .btx-widget-social .btx-social-item:hover,
.btx-footer .btx-widget-social .btx-social-item:focus-visible {
	background-color: color-mix(in srgb, currentColor 18%, transparent);
	box-shadow: 0 7px 18px color-mix(in srgb, currentColor 24%, transparent);
	transform: translateY(-2px);
}

.btx-footer .btx-widget-social .btx-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	color: inherit !important;
}

/* Bateaux prints a normal and a hover glyph. They must occupy the same centre
   point; laying them out side by side shifts the visible glyph to the left. */
.btx-footer .btx-widget-social .btx-icon-normal,
.btx-footer .btx-widget-social .btx-icon-hover {
	display: flex !important;
	align-items: center;
	justify-content: center;
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	color: inherit !important;
}

.btx-footer .btx-widget-social i {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 1em;
	height: 1em;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	color: inherit !important;
	font-size: 18px !important;
	line-height: 1 !important;
}

@media (max-width: 767px) {
	.btx-footer .btx-bottombar {
		padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
	}

	.btx-footer .btx-bottombar-content {
		flex-direction: column;
		align-items: center;
		gap: 20px;
		min-height: 0;
		padding: 28px 0 !important;
		text-align: center;
	}

	.btx-footer .btx-bottombar .btx-widget-text {
		justify-content: center;
	}
}

/* WhatsApp and theme switching share one alignment context. JavaScript groups
   both controls here so floats, line boxes and independent transforms cannot
   put them on different vertical centres. */
.btx-navbar .ll-navbar-actions {
	position: relative;
	top: 50%;
	float: right;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 10px;
	height: 46px;
	margin-right: 12px;
	transform: translateY(-50%);
}

.btx-navbar .ll-navbar-actions .btx-navbar-widget {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	float: none !important;
	display: flex;
	align-items: center;
	align-self: center;
	height: 46px;
	margin: 0 !important;
	padding: 0 !important;
	transform: none !important;
	vertical-align: middle !important;
}

.btx-navbar .btx-navbar-widget .btnx {
	position: static !important;
	top: auto !important;
	right: auto !important;
	bottom: auto !important;
	left: auto !important;
	box-sizing: border-box;
	display: inline-flex !important;
	align-items: center;
	align-self: center;
	justify-content: center;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
	transform: none !important;
	vertical-align: middle !important;
}

/* The WhatsApp subscription CTA needs stronger contrast on the pale navbar. */
:root[data-theme="light"] .btx-navbar .btx-navbar-widget .btnx {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	height: 46px !important;
	min-height: 46px !important;
	max-height: 46px !important;
	padding: 0 18px !important;
	border: 2px solid #6930b8 !important;
	border-radius: 999px !important;
	background-color: #6930b8 !important;
	box-shadow: 0 5px 14px rgba(105, 48, 184, 0.24);
	color: #ffffff !important;
	font-weight: 700 !important;
	line-height: 1.1;
	transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}

:root[data-theme="light"] .btx-navbar .btx-navbar-widget .btnx:hover,
:root[data-theme="light"] .btx-navbar .btx-navbar-widget .btnx:focus-visible {
	border-color: #542297 !important;
	background-color: #542297 !important;
	box-shadow: 0 7px 18px rgba(84, 34, 151, 0.30);
	color: #ffffff !important;
	transform: translateY(-1px);
}

/* Weekly quick-navigation is injected with a permanent dark inline skin.
   Convert the actual fixed panel and list in light mode. */
:root[data-theme="light"] .right-panel-semana,
:root[data-theme="light"] .right-panel-semana-lista {
	background-color: rgba(250, 251, 253, 0.98) !important;
	border-color: #ba00ff !important;
	color: var(--ll-text) !important;
}

:root[data-theme="light"] .right-panel-semana-lista {
	box-shadow: -12px -2px 30px rgba(37, 42, 58, 0.16);
}

:root[data-theme="light"] .right-panel-semana-lista p,
:root[data-theme="light"] .right-panel-semana-lista a,
:root[data-theme="light"] .right-panel-semana-lista li {
	color: var(--ll-text) !important;
}

:root[data-theme="light"] .right-panel-semana-lista a li {
	margin: 2px 0;
	padding: 5px 8px;
	border-radius: 7px;
	transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

:root[data-theme="light"] .right-panel-semana-lista a:hover li,
:root[data-theme="light"] .right-panel-semana-lista a:focus-visible li {
	background-color: rgba(186, 0, 255, 0.10);
	color: #7a00a8 !important;
	transform: translateX(-2px);
}

:root[data-theme="light"] .menu_semana {
	border-color: #d87bff !important;
	background: #ba00ff !important;
	box-shadow: -6px 8px 20px rgba(186, 0, 255, 0.24);
	color: #ffffff !important;
}

/* Match the weekly navigation interaction in dark mode. The link owns the
   hover state, while its list item provides one stable animated paint layer. */
:root[data-theme="dark"] .right-panel-semana-lista a li {
	margin: 2px 0;
	padding: 5px 8px;
	border-radius: 7px;
	transition: background-color 160ms ease, color 160ms ease, transform 160ms ease;
}

:root[data-theme="dark"] .right-panel-semana-lista a:hover li,
:root[data-theme="dark"] .right-panel-semana-lista a:focus-visible li {
	background-color: rgba(186, 0, 255, 0.26) !important;
	color: #f0c2ff !important;
	transform: translateX(-2px);
}

:root[data-theme="dark"] .right-panel-semana-lista a:hover,
:root[data-theme="dark"] .right-panel-semana-lista a:focus-visible {
	color: #f0c2ff !important;
}

/* WhatsApp subscription modal was authored exclusively for a dark skin.
   Rebuild its complete form hierarchy for the light theme. */
:root[data-theme="light"] #modal-form {
	border: 1px solid var(--ll-border);
	border-radius: 20px;
	background-color: #fafbfd !important;
	box-shadow: 0 28px 70px rgba(25, 29, 40, 0.24);
	color: var(--ll-text) !important;
	overflow: hidden !important;
}

:root[data-theme="light"] #modal-form > .btx-background .btx-background-overlay {
	background-color: #fafbfd !important;
	opacity: 0.97 !important;
}

:root[data-theme="light"] #modal-form .btx-heading-text,
:root[data-theme="light"] #modal-form .font-style,
:root[data-theme="light"] #modal-form .btx-text-content,
:root[data-theme="light"] #modal-form p,
:root[data-theme="light"] #modal-form label,
:root[data-theme="light"] #modal-form .wpcf7-list-item-label {
	color: var(--ll-text) !important;
}

:root[data-theme="light"] #modal-form > .btx-heading {
	margin-bottom: 22px !important;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--ll-border);
}

:root[data-theme="light"] #modal-form > .btx-heading .font-style {
	font-weight: 700 !important;
	letter-spacing: -0.025em;
	line-height: 1.18;
}

:root[data-theme="light"] #modal-form > .btx-text {
	margin-bottom: 42px !important;
}

:root[data-theme="light"] #modal-form .wpcf7-form > p {
	margin-bottom: 18px;
}

:root[data-theme="light"] #modal-form input[type="text"],
:root[data-theme="light"] #modal-form input[type="email"],
:root[data-theme="light"] #modal-form input[type="tel"] {
	width: 100%;
	min-height: 48px;
	margin-top: 7px;
	padding: 10px 13px !important;
	border: 1px solid #cbd2dd !important;
	border-radius: 10px !important;
	background-color: #ffffff !important;
	box-shadow: inset 0 1px 2px rgba(37, 42, 58, 0.05);
	color: var(--ll-text) !important;
	caret-color: #6930b8;
}

:root[data-theme="light"] #modal-form input[type="text"]:focus,
:root[data-theme="light"] #modal-form input[type="email"]:focus,
:root[data-theme="light"] #modal-form input[type="tel"]:focus {
	border-color: #8b43d0 !important;
	box-shadow: 0 0 0 3px rgba(105, 48, 184, 0.14) !important;
	outline: none;
}

:root[data-theme="light"] #modal-form input[type="checkbox"] {
	width: 18px;
	height: 18px;
	margin-right: 6px;
	accent-color: #6930b8;
	vertical-align: -3px;
}

:root[data-theme="light"] #modal-form .wpcf7-list-item {
	display: inline-flex;
	align-items: center;
	margin: 5px 18px 5px 0;
}

:root[data-theme="light"] #modal-form a {
	color: #6930b8 !important;
	font-weight: 600;
	text-underline-offset: 3px;
}

:root[data-theme="light"] #modal-form input[type="submit"] {
	min-height: 46px;
	padding: 10px 24px !important;
	border: 2px solid #6930b8 !important;
	border-radius: 999px !important;
	background-color: #6930b8 !important;
	color: #ffffff !important;
	font-weight: 700 !important;
	letter-spacing: 0.02em;
}

:root[data-theme="light"] #modal-form input[type="submit"]:disabled {
	border-color: #c8ced8 !important;
	background-color: #e3e6ec !important;
	color: #686f7b !important;
	cursor: not-allowed;
}

:root[data-theme="light"] .mfp-wrap:has(#modal-form) .btx-modal-close,
:root[data-theme="light"] .mfp-wrap:has(#modal-form) .mfp-close {
	color: var(--ll-text) !important;
}

@media (max-width: 767px) {
	:root[data-theme="light"] #modal-form {
		border-radius: 14px;
	}

	:root[data-theme="light"] #modal-form .wpcf7-list-item {
		display: flex;
		margin-right: 0;
	}
}

:root[data-theme="dark"] .btx-navbar,
:root[data-theme="dark"] .btx-navbar--mobile,
:root[data-theme="dark"] .btx-header-widgets,
:root[data-theme="dark"] .btx-footer,
:root[data-theme="dark"] .btx-footer-widgets,
:root[data-theme="dark"] .btx-side-navbar,
:root[data-theme="dark"] .btx-side-navbar .btx-menu,
:root[data-theme="dark"] .btx-dropdown-menu,
:root[data-theme="dark"] .mfp-content,
:root[data-theme="dark"] .btx-modal-content {
	background-color: var(--ll-surface);
	color: var(--ll-text);
}

:root[data-theme="dark"] .btx-navbar a,
:root[data-theme="dark"] .btx-navbar--mobile a,
:root[data-theme="dark"] .btx-side-navbar a,
:root[data-theme="dark"] .btx-footer a {
	color: var(--ll-text);
}

:root[data-theme="dark"] .btx-box,
:root[data-theme="dark"] .btx-card,
:root[data-theme="dark"] .btx-entry,
:root[data-theme="dark"] .widget,
:root[data-theme="dark"] #search-results {
	background-color: var(--ll-surface);
	color: var(--ll-text);
}

/* Plan accordion bodies are neutral surfaces; their category-coded headers,
   borders, badges and icons retain their original colours. */
:root[data-theme="dark"] [class*="acordeon-body"],
:root[data-theme="dark"] [class*="accordion-body"],
:root[data-theme="dark"] [class*="acordeon-content"],
:root[data-theme="dark"] [class*="accordion-content"] {
	background-color: var(--ll-surface) !important;
	color: var(--ll-text) !important;
}

:root[data-theme="dark"] [class*="acordeon-body"] p,
:root[data-theme="dark"] [class*="accordion-body"] p,
:root[data-theme="dark"] [class*="acordeon-content"] p,
:root[data-theme="dark"] [class*="accordion-content"] p {
	color: var(--ll-text) !important;
}

/* Exception to the generic dark surfaces above: plan bodies reveal the
   server-generated blurred poster exactly as the original accordion did. */
:root[data-theme="dark"] .btx-accordion-body[class*="body-plan-"] {
	background: transparent !important;
	box-shadow: none !important;
}

.ll-theme-toggle {
	position: fixed;
	right: max(16px, env(safe-area-inset-right));
	bottom: max(16px, env(safe-area-inset-bottom));
	z-index: 99990;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	min-width: 40px;
	height: 40px;
	min-height: 40px;
	padding: 0;
	border: 2px solid var(--ll-border);
	border-radius: 999px;
	background: var(--ll-surface);
	box-shadow: 0 4px 18px var(--ll-shadow);
	color: var(--ll-text);
	font: inherit;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
	cursor: pointer;
	transition: background-color .2s ease, color .2s ease, transform .2s ease;
}

/* Once JavaScript places the control in the navigation it behaves like a
   compact navbar action rather than a floating overlay. */
.btx-navbar .ll-theme-toggle {
	position: static;
	right: auto;
	top: auto;
	bottom: auto;
	float: none;
	z-index: 2;
	box-sizing: border-box;
	width: 46px;
	min-width: 46px;
	height: 46px;
	min-height: 46px;
	max-height: 46px;
	margin: 0;
	padding: 0;
	box-shadow: none;
	transform: none;
}

.ll-theme-toggle:hover { transform: translateY(-1px); }
.btx-navbar .ll-theme-toggle:hover { transform: translateY(-1px); }
.ll-theme-toggle:focus-visible { outline: 3px solid #ba00ff; outline-offset: 3px; }

.ll-theme-toggle__icon::before {
	content: "☾";
	display: flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Symbol", sans-serif;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
}

:root[data-theme="dark"] .ll-theme-toggle__icon::before { content: "☀"; }

.ll-theme-toggle__label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

@media (max-width: 480px) {
	.btx-navbar .ll-navbar-actions {
		position: absolute;
		right: 12px;
		top: 50%;
		float: none;
		margin: 0;
	}

	.btx-navbar .ll-theme-toggle {
		position: static;
		right: auto;
		top: auto;
		margin: 0;
		padding: 0;
		transform: none;
	}
	.btx-navbar .ll-theme-toggle:hover { transform: translateY(-1px); }
}

@media (prefers-reduced-motion: reduce) {
	.ll-theme-toggle { transition: none; }
}

/* Final, structure-independent action hover contract. Legacy plan templates
   vary between ticket, venue, registration, sample, category and WhatsApp
   rows. Every one still lives in #ctas_plan and its first paragraph is the
   action title, so target that invariant after all generic theme colours. */
body #ctas_plan[class*="ctas_plan_naturaleza"] { --ll-cta-title-hover: #028698; --ll-cta-area-hover: #03a5bc; }
body #ctas_plan[class*="ctas_plan_gastronomia"],
body #ctas_plan[class*="ctas_plan_restaurante"] { --ll-cta-title-hover: #16239f; --ll-cta-area-hover: #535dbd; }
body #ctas_plan[class*="ctas_plan_musica"] { --ll-cta-title-hover: #00db0f; --ll-cta-area-hover: #7cfc84; }
body #ctas_plan[class*="ctas_plan_taller"],
body #ctas_plan[class*="ctas_plan_curso"] { --ll-cta-title-hover: #5b7dcf; --ll-cta-area-hover: #96b3ff; }
body #ctas_plan[class*="ctas_plan_teatro"] { --ll-cta-title-hover: #ff00d0; --ll-cta-area-hover: #ff80ef; }
body #ctas_plan[class*="ctas_plan_otros"] { --ll-cta-title-hover: #00cfff; --ll-cta-area-hover: #64f0ff; }
body #ctas_plan[class*="ctas_plan_exposicion"] { --ll-cta-title-hover: #ba00ff; --ll-cta-area-hover: #d87bff; }
body #ctas_plan[class*="ctas_plan_literario"] { --ll-cta-title-hover: #e0ff00; --ll-cta-area-hover: #f9fc72; }
body #ctas_plan[class*="ctas_plan_act-permanente"] { --ll-cta-title-hover: #ff7100; --ll-cta-area-hover: #ff9f55; }

body #ctas_plan > a:hover [class*="whatsapp-section"] .btx-col-12 > p:first-child,
body #ctas_plan > a:hover [class*="whatsapp-section"] .btx-col-12 > p:first-child *,
body #ctas_plan [class*="whatsapp-section"]:hover .btx-col-12 > p:first-child,
body #ctas_plan [class*="whatsapp-section"]:hover .btx-col-12 > p:first-child * {
	color: #17191f !important;
}

/* The whole action, rather than its title, carries the category response.
   A luminous category wash works consistently in both themes and keeps every
   line of copy black and stable while the pointer crosses nested elements. */
body #ctas_plan > a [class*="whatsapp-section"],
body #ctas_plan [class*="whatsapp-section"] {
	transition: background-color 180ms ease, box-shadow 180ms ease !important;
}

/* Keep one paint layer throughout the interaction. Swapping a gradient for
   `none` is discrete and caused the visible colour flash on pointer entry. */
:root[data-theme="light"] body #ctas_plan > a [class*="whatsapp-section"],
:root[data-theme="light"] body #ctas_plan [class*="whatsapp-section"] {
	background-color: color-mix(in srgb, var(--ll-cta-title-hover) 28%, #ffffff) !important;
	background-image: none !important;
}

body #ctas_plan > a:hover [class*="whatsapp-section"],
body #ctas_plan [class*="whatsapp-section"]:hover {
	background-color: var(--ll-cta-area-hover) !important;
	background-image: none !important;
	box-shadow: inset 6px 0 0 var(--ll-cta-title-hover), inset 0 0 0 1px color-mix(in srgb, var(--ll-cta-title-hover) 72%, transparent) !important;
}

body #ctas_plan > a:hover [class*="whatsapp-section"] :is(p, p span),
body #ctas_plan [class*="whatsapp-section"]:hover :is(p, p span) {
	color: #17191f !important;
}

/* Photographic category cards below the plan accordions use the same border
   geometry as the accordion headings: 2 px on three sides and the existing
   wide category-colour accent on the right. Keep the colour declarations
   owned by each category class. */
:root:is([data-theme="light"], [data-theme="dark"])
.btx-accordion-heading:is(
	.heading-exposicion-cerrado,
	.heading-taller-cerrado,
	.heading-naturaleza-cerrado,
	.heading-act-permanentes-cerrado
) {
	border-style: solid !important;
	border-top-width: 2px !important;
	border-left-width: 2px !important;
	border-bottom-width: 2px !important;
	border-right-width: 8px !important;
	background-clip: padding-box;
}

/* Global plan-accordion border contract. This structural selector covers all
   categories, offers, cancelled/sold-out variants and plan lists rendered on
   secondary URLs. The open card keeps a continuous outline: its heading has
   no lower seam and its body supplies the 2 px lower edge. */
:root:is([data-theme="light"], [data-theme="dark"])
.btx-accordion-panel > .btx-accordion-heading[class*="heading-"] {
	border-style: solid !important;
	border-top-width: 2px !important;
	border-left-width: 2px !important;
	border-bottom-width: 2px !important;
}

:root:is([data-theme="light"], [data-theme="dark"])
.btx-accordion-panel > .btx-accordion-heading[class*="heading-"].heading-abierto {
	border-bottom-width: 0 !important;
}

:root:is([data-theme="light"], [data-theme="dark"])
.btx-accordion-panel > .btx-accordion-body[class*="body-plan-"] {
	border-style: solid !important;
	border-top-width: 0 !important;
	border-left-width: 2px !important;
	border-bottom-width: 2px !important;
}

/* The four photographic category links rendered after the day's final plan
   are not accordion panels, so their shadow must live on the visible heading
   itself. Each shadow uses the exact RGB of that card's category border. */
:root[data-theme="light"] a > .btx-accordion-heading.heading-exposicion-cerrado {
	box-shadow: 0 3px 7px rgba(186, 0, 255, 0.20), 0 13px 28px rgba(186, 0, 255, 0.28) !important;
}

:root[data-theme="light"] a > .btx-accordion-heading.heading-taller-cerrado {
	box-shadow: 0 3px 7px rgba(91, 125, 207, 0.20), 0 13px 28px rgba(91, 125, 207, 0.28) !important;
}

:root[data-theme="light"] a > .btx-accordion-heading.heading-naturaleza-cerrado {
	box-shadow: 0 3px 7px rgba(2, 134, 152, 0.20), 0 13px 28px rgba(2, 134, 152, 0.28) !important;
}

:root[data-theme="light"] a > .btx-accordion-heading.heading-act-permanentes-cerrado {
	box-shadow: 0 3px 7px rgba(255, 113, 0, 0.20), 0 13px 28px rgba(255, 113, 0, 0.28) !important;
}

/* Final date-chip contract for upcoming plans and venue programmes. Several
   legacy templates carry different wrappers, so target the shared semantic
   date class and win over their pale inline/legacy backgrounds. Category ink
   remains untouched; the graphite base supplies the required contrast. */
:root[data-theme="light"] .btx-accordion-heading[class*="heading-"] .acordeon-fecha {
	display: inline-block;
	padding: 0.12em 0.38em !important;
	border: 1px solid rgba(255, 255, 255, 0.18) !important;
	border-radius: 0.32em !important;
	background-color: #505866 !important;
	box-shadow: 0 2px 5px rgba(37, 42, 58, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
	font-weight: 900 !important;
	letter-spacing: 0.015em;
	line-height: 1.08;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

/* Terminal “view more plans” cards are standalone headings, not accordion
   panels. Give every possible category the same colour-derived elevation. */
:root[data-theme="light"] a > #header-acordeon.btx-accordion-heading.heading-musica-cerrado {
	box-shadow: 0 3px 7px rgba(0, 219, 15, 0.18), 0 13px 28px rgba(0, 219, 15, 0.25) !important;
}

:root[data-theme="light"] a > #header-acordeon.btx-accordion-heading.heading-teatro-cerrado {
	box-shadow: 0 3px 7px rgba(255, 0, 208, 0.18), 0 13px 28px rgba(255, 0, 208, 0.27) !important;
}

:root[data-theme="light"] a > #header-acordeon.btx-accordion-heading.heading-gastronomia-cerrado {
	box-shadow: 0 3px 7px rgba(26, 53, 177, 0.20), 0 13px 28px rgba(26, 53, 177, 0.30) !important;
}

:root[data-theme="light"] a > #header-acordeon.btx-accordion-heading.heading-literario-cerrado {
	box-shadow: 0 3px 7px rgba(224, 241, 0, 0.18), 0 13px 28px rgba(184, 198, 0, 0.25) !important;
}

:root[data-theme="light"] a > #header-acordeon.btx-accordion-heading.heading-oferta-cerrado {
	box-shadow: 0 3px 7px rgba(186, 0, 255, 0.20), 0 13px 28px rgba(186, 0, 255, 0.28) !important;
}

/* Visible site-canvas veils.
   Bateaux renders an opaque absolute overlay inside almost every section, so
   a texture placed only on html/body/wrapper is hidden even though its CSS is
   loaded. Paint the achromatic bands on that effective canvas instead. Fixed
   attachment keeps one continuous composition across consecutive sections. */
:root[data-theme="light"] .btx-section > .btx-background:not(:has(.btx-background-inner[style*="background-image"])) > .btx-background-overlay {
	background-color: var(--ll-bg) !important;
	background-image:
		radial-gradient(circle, rgba(55, 63, 79, 0.10) 0 1px, transparent 1.35px),
		linear-gradient(135deg, transparent 0 31.7%, rgba(75, 84, 102, 0.42) 31.7% 31.88%, transparent 31.88% 100%),
		linear-gradient(45deg, transparent 0 63.4%, rgba(116, 125, 142, 0.34) 63.4% 63.62%, transparent 63.62% 100%),
		linear-gradient(135deg, transparent 0 12%, rgba(104, 113, 132, 0.12) 12% 31.8%, rgba(255, 255, 255, 0.58) 31.8% 46%, transparent 46% 100%),
		linear-gradient(45deg, transparent 0 48%, rgba(205, 210, 220, 0.54) 48% 63.5%, rgba(91, 101, 120, 0.10) 63.5% 78%, transparent 78% 100%),
		linear-gradient(-43deg, transparent 0 18%, rgba(92, 101, 119, 0.13) 18% 37%, rgba(255, 255, 255, 0.46) 37% 51%, transparent 51% 100%),
		radial-gradient(ellipse 70% 54% at 14% 8%, rgba(255, 255, 255, 0.62), transparent 68%),
		linear-gradient(112deg, #e5e8ee 0%, #fafbfe 34%, #dfe3ea 67%, #f4f6fa 100%) !important;
	background-attachment: fixed !important;
	background-position: center !important;
	background-size: 15px 15px, cover, cover, cover, cover, cover, cover, cover !important;
	background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}

:root[data-theme="dark"] .btx-section > .btx-background:not(:has(.btx-background-inner[style*="background-image"])) > .btx-background-overlay {
	background-color: var(--ll-bg) !important;
	background-image:
		radial-gradient(circle, rgba(255, 255, 255, 0.105) 0 1px, transparent 1.35px),
		linear-gradient(135deg, transparent 0 31.7%, rgba(216, 221, 230, 0.42) 31.7% 31.87%, transparent 31.87% 100%),
		linear-gradient(45deg, transparent 0 63.4%, rgba(164, 172, 186, 0.32) 63.4% 63.6%, transparent 63.6% 100%),
		linear-gradient(135deg, transparent 0 12%, rgba(255, 255, 255, 0.075) 12% 31.8%, rgba(0, 0, 0, 0.28) 31.8% 46%, transparent 46% 100%),
		linear-gradient(45deg, transparent 0 48%, rgba(255, 255, 255, 0.07) 48% 63.5%, rgba(0, 0, 0, 0.30) 63.5% 78%, transparent 78% 100%),
		linear-gradient(-43deg, transparent 0 18%, rgba(255, 255, 255, 0.055) 18% 37%, rgba(0, 0, 0, 0.34) 37% 51%, transparent 51% 100%),
		radial-gradient(ellipse 70% 54% at 14% 8%, rgba(255, 255, 255, 0.08), transparent 68%),
		linear-gradient(112deg, #20242b 0%, #090b0e 34%, #292e36 67%, #101318 100%) !important;
	background-attachment: fixed !important;
	background-position: center !important;
	background-size: 15px 15px, cover, cover, cover, cover, cover, cover, cover !important;
	background-repeat: repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat !important;
}