/**
 * Day and night tokens, then the public-site color bridge.
 *
 * Tokens stay on [data-pruebat-theme]. GeneratePress variables are reassigned
 * on the document only, so existing layout rules follow the selected theme.
 * No filter, invert, or size changes.
 *
 * Night keeps the indigo accent. Day uses the soft pastel gradient.
 */

[data-pruebat-theme="night"] {
	color-scheme: dark;
	--pruebat-bg: #101B35;
	--pruebat-bg-secondary: #14213D;
	--pruebat-bg-card: #192B4A;
	--pruebat-bg-header: #101B35;
	--pruebat-text: #F5F3ED;
	--pruebat-text-secondary: #C5CCDA;
	--pruebat-border: rgba(255, 255, 255, 0.10);
	--pruebat-accent: #818CF8;
	--pruebat-accent-text: #17243B;
	--pruebat-body-bg: var(--pruebat-bg);
	--pruebat-body-text: var(--pruebat-text);
	--pruebat-header-bg: var(--pruebat-bg-header);
	--pruebat-header-text: var(--pruebat-text);
	--pruebat-header-border: var(--pruebat-border);
	--pruebat-nav-bg: var(--pruebat-bg-secondary);
	--pruebat-nav-text: var(--pruebat-text-secondary);
	--pruebat-nav-text-hover: var(--pruebat-text);
	--pruebat-nav-border: var(--pruebat-border);
	--pruebat-section-bg: var(--pruebat-bg-secondary);
	--pruebat-section-text: var(--pruebat-text);
	--pruebat-card-bg: var(--pruebat-bg-card);
	--pruebat-card-text: var(--pruebat-text);
	--pruebat-card-muted: var(--pruebat-text-secondary);
	--pruebat-card-border: var(--pruebat-border);
	--pruebat-button-bg: var(--pruebat-accent);
	--pruebat-button-text: var(--pruebat-accent-text);
	--pruebat-button-border: var(--pruebat-accent);
	--pruebat-button-bg-hover: var(--pruebat-accent);
	--pruebat-form-bg: var(--pruebat-bg-secondary);
	--pruebat-form-text: var(--pruebat-text);
	--pruebat-input-bg: var(--pruebat-bg-card);
	--pruebat-input-text: var(--pruebat-text);
	--pruebat-input-border: var(--pruebat-border);
	--pruebat-input-placeholder: var(--pruebat-text-secondary);
	--pruebat-label-text: var(--pruebat-text-secondary);
	--pruebat-border-color: var(--pruebat-border);
	--pruebat-link: var(--pruebat-accent);
	--pruebat-link-hover: var(--pruebat-text);
	--pruebat-table-bg: var(--pruebat-bg-card);
	--pruebat-table-text: var(--pruebat-text);
	--pruebat-table-header-bg: var(--pruebat-bg-secondary);
	--pruebat-table-border: var(--pruebat-border);
	--pruebat-modal-bg: var(--pruebat-bg-card);
	--pruebat-modal-text: var(--pruebat-text);
	--pruebat-modal-border: var(--pruebat-border);
	--pruebat-modal-overlay: rgba(16, 27, 53, 0.72);
	--pruebat-glass-bg: color-mix(in srgb, var(--pruebat-card-bg) 72%, transparent);
	--pruebat-glass-border: var(--pruebat-border);
	--pruebat-glass-shadow: rgba(7, 12, 28, 0.28);
	--pruebat-glass-blur: 12px;
	--pruebat-wc-bg: var(--pruebat-bg-card);
	--pruebat-wc-text: var(--pruebat-text);
	--pruebat-wc-muted: var(--pruebat-text-secondary);
	--pruebat-wc-border: var(--pruebat-border);
	--pruebat-wc-button-bg: var(--pruebat-accent);
	--pruebat-wc-button-text: var(--pruebat-accent-text);
	--pruebat-wc-price: var(--pruebat-accent);
	--main-background: var(--pruebat-bg);
	--dark-navy: var(--pruebat-bg-secondary);
	--card-background: var(--pruebat-bg-card);
	--primary-text: var(--pruebat-text);
	--secondary-text: var(--pruebat-text-secondary);
	--body-text: var(--pruebat-text);
	--border: var(--pruebat-border);
	--white: var(--pruebat-text);
	--primary-indigo: var(--pruebat-accent);
	--naviblue-50: var(--pruebat-modal-overlay);
	--dark-blue: var(--pruebat-bg-card);
}

[data-pruebat-theme="day"] {
	color-scheme: light;
	--pruebat-bg: #EAF7FC;
	--pruebat-bg-secondary: rgba(255, 255, 255, 0.28);
	--pruebat-bg-card: #FFFFFF;
	--pruebat-bg-header: #FFFFFF;
	--pruebat-text: #26354A;
	--pruebat-text-secondary: #667085;
	--pruebat-border: #DCE5EF;
	--pruebat-day-gradient-start: #E8EEFF;
	--pruebat-day-gradient-mid: #EAF7FC;
	--pruebat-day-gradient-end: #F9EDF5;
	--pruebat-day-gradient-wash: rgba(232, 238, 255, 0);
	--pruebat-day-gradient-angle: 120deg;
	--pruebat-glass-opacity: 65%;
	--pruebat-header-glass-opacity: 65%;
	--pruebat-accent: #7297D8;
	--pruebat-accent-text: #FFFFFF;
	--pruebat-body-bg: var(--pruebat-bg);
	--pruebat-body-text: var(--pruebat-text);
	--pruebat-header-bg: var(--pruebat-bg-header);
	--pruebat-header-text: var(--pruebat-text);
	--pruebat-header-border: var(--pruebat-border);
	--pruebat-nav-bg: var(--pruebat-bg-secondary);
	--pruebat-nav-text: var(--pruebat-text-secondary);
	--pruebat-nav-text-hover: var(--pruebat-text);
	--pruebat-nav-border: var(--pruebat-border);
	--pruebat-section-bg: var(--pruebat-bg-secondary);
	--pruebat-section-text: var(--pruebat-text);
	--pruebat-card-bg: var(--pruebat-bg-card);
	--pruebat-card-text: var(--pruebat-text);
	--pruebat-card-muted: var(--pruebat-text-secondary);
	--pruebat-card-border: var(--pruebat-border);
	--pruebat-button-bg: var(--pruebat-accent);
	--pruebat-button-text: var(--pruebat-accent-text);
	--pruebat-button-border: var(--pruebat-accent);
	--pruebat-button-bg-hover: var(--pruebat-accent);
	--pruebat-form-bg: rgba(255, 255, 255, 0.75);
	--pruebat-form-text: var(--pruebat-text);
	--pruebat-input-bg: #FFFFFF;
	--pruebat-input-text: #26354A;
	--pruebat-input-border: var(--pruebat-border);
	--pruebat-input-placeholder: var(--pruebat-text-secondary);
	--pruebat-label-text: var(--pruebat-text-secondary);
	--pruebat-border-color: var(--pruebat-border);
	--pruebat-link: #6489C9;
	--pruebat-link-hover: var(--pruebat-text);
	--pruebat-table-bg: var(--pruebat-bg-card);
	--pruebat-table-text: var(--pruebat-text);
	--pruebat-table-header-bg: var(--pruebat-bg-secondary);
	--pruebat-table-border: var(--pruebat-border);
	--pruebat-modal-text: var(--pruebat-text);
	--pruebat-modal-border: var(--pruebat-border);
	--pruebat-modal-overlay: rgba(38, 53, 74, 0.28);
	--pruebat-glass-bg: color-mix(in srgb, var(--pruebat-card-bg) var(--pruebat-glass-opacity), transparent);
	--pruebat-header-glass: color-mix(in srgb, var(--pruebat-header-bg) var(--pruebat-header-glass-opacity), transparent);
	--pruebat-header-glass-border: rgba(255, 255, 255, 0.75);
	--pruebat-card-glass-border: rgba(255, 255, 255, 0.70);
	--pruebat-glass-border: var(--pruebat-card-glass-border);
	--pruebat-glass-shadow: rgba(38, 53, 74, 0.16);
	--pruebat-glass-blur: 16px;
	--pruebat-header-glass-blur: 20px;
	--pruebat-modal-bg: rgba(255, 255, 255, 0.85);
	--pruebat-modal-blur: 20px;
	--pruebat-wc-bg: var(--pruebat-bg-card);
	--pruebat-wc-text: var(--pruebat-text);
	--pruebat-wc-muted: var(--pruebat-text-secondary);
	--pruebat-wc-border: var(--pruebat-border);
	--pruebat-wc-button-bg: var(--pruebat-accent);
	--pruebat-wc-button-text: var(--pruebat-accent-text);
	--pruebat-wc-price: var(--pruebat-accent);
	--main-background: var(--pruebat-bg);
	--dark-navy: var(--pruebat-bg-secondary);
	--card-background: var(--pruebat-bg-card);
	--primary-text: var(--pruebat-text);
	--secondary-text: var(--pruebat-text-secondary);
	--body-text: var(--pruebat-text);
	--border: var(--pruebat-border);
	--white: var(--pruebat-text);
	--primary-indigo: var(--pruebat-accent);
	--naviblue-50: var(--pruebat-modal-overlay);
	--dark-blue: var(--pruebat-bg-card);
}

html[data-pruebat-theme="night"],
html[data-pruebat-theme="day"] {
	--main-background: var(--pruebat-bg);
	--dark-navy: var(--pruebat-bg-secondary);
	--card-background: var(--pruebat-bg-card);
	--primary-text: var(--pruebat-text);
	--secondary-text: var(--pruebat-text-secondary);
	--body-text: var(--pruebat-text);
	--border: var(--pruebat-border);
	--white: var(--pruebat-text);
	--primary-indigo: var(--pruebat-accent);
	--naviblue-50: var(--pruebat-modal-overlay);
	--dark-blue: var(--pruebat-bg-card);
}

html[data-pruebat-theme] body {
	background-color: var(--pruebat-body-bg);
	color: var(--pruebat-body-text);
}

html[data-pruebat-theme="day"] body {
	background-color: var(--pruebat-bg);
	background-image:
		radial-gradient(1100px 640px at 0% 0%, color-mix(in srgb, var(--pruebat-day-gradient-wash) 46%, transparent), transparent 72%),
		radial-gradient(860px 560px at 100% 8%, color-mix(in srgb, var(--pruebat-day-gradient-wash) 46%, transparent), transparent 70%),
		linear-gradient(var(--pruebat-day-gradient-angle), var(--pruebat-day-gradient-start) 0%, var(--pruebat-day-gradient-mid) 46%, var(--pruebat-day-gradient-end) 100%);
	background-attachment: fixed;
}

html[data-pruebat-theme] header.gb-site-header {
	background-color: var(--pruebat-header-bg);
	color: var(--pruebat-header-text);
	border-color: var(--pruebat-header-border);
}

html[data-pruebat-theme="day"] header.gb-site-header {
	background-color: var(--pruebat-header-glass);
	border-color: var(--pruebat-header-glass-border);
	backdrop-filter: blur(var(--pruebat-header-glass-blur, var(--pruebat-glass-blur)));
	-webkit-backdrop-filter: blur(var(--pruebat-header-glass-blur, var(--pruebat-glass-blur)));
	box-shadow: inset 0 -1px 0 var(--pruebat-header-glass-border), 0 8px 24px color-mix(in srgb, var(--pruebat-glass-shadow) 45%, transparent);
}

.pruebat-header-toggle {
	display: none;
}

header.gb-site-header nav.gb-navigation:has(.pruebat-header-toggle) {
	position: relative;
	flex-wrap: nowrap;
	align-items: center;
}

header.gb-site-header .pruebat-header-toggle {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	position: relative;
	z-index: 3;
	margin: 0 0 0 12px;
}

@media (max-width: 768px) {
	header.gb-site-header nav.gb-navigation:has(.pruebat-header-toggle) .gb-menu-toggle {
		margin-left: auto;
	}
}

html[data-pruebat-theme] .pt-wrap {
	--pt-bg: var(--pruebat-bg);
	--pt-panel: var(--pruebat-bg-secondary);
	--pt-card: var(--pruebat-bg-card);
	--pt-text: var(--pruebat-text);
	--pt-muted: var(--pruebat-text-secondary);
	--pt-border: var(--pruebat-border);
	--pt-heading: var(--pruebat-text);
	--pt-primary: var(--pruebat-accent);
}

html[data-pruebat-theme] .pt-calculator-box,
html[data-pruebat-theme] .pt-wrap input:not([type="range"]),
html[data-pruebat-theme] .pt-wrap select,
html[data-pruebat-theme] .pt-wrap textarea {
	background-color: var(--pruebat-input-bg);
	color: var(--pruebat-input-text);
	border-color: var(--pruebat-input-border);
}

html[data-pruebat-theme] .pt-calculator-box {
	background-color: var(--pruebat-card-bg);
	color: var(--pruebat-card-text);
}

html[data-pruebat-theme] .pruebat-quiz-section {
	color: var(--pruebat-text);
}

html[data-pruebat-theme] .pruebat-quiz-card {
	background-color: var(--pruebat-card-bg);
	color: var(--pruebat-card-text);
	border-color: var(--pruebat-border);
}

html[data-pruebat-theme] .pruebat-quiz-section .pruebat-quiz-option {
	background-color: var(--pruebat-bg-secondary);
	color: var(--pruebat-text);
	border-color: var(--pruebat-border);
}

html[data-pruebat-theme] .pruebat-quiz-section .pruebat-quiz-option:hover:not(:disabled) {
	background-color: var(--pruebat-card-bg);
	color: var(--pruebat-text);
	border-color: var(--pruebat-accent);
}

html[data-pruebat-theme] .pruebat-catalog-scope {
	background-color: var(--pruebat-bg) !important;
	color: var(--pruebat-text);
}

html[data-pruebat-theme] .pruebat-scope .bg-slate-900,
html[data-pruebat-theme] .pruebat-diag-scope .bg-slate-900,
html[data-pruebat-theme] .pruebat-scope .bg-slate-800,
html[data-pruebat-theme] .pruebat-diag-scope .bg-slate-800,
html[data-pruebat-theme] .pruebat-catalog-scope .bg-slate-800 {
	background-color: var(--pruebat-card-bg) !important;
}

html[data-pruebat-theme] .pruebat-scope .text-white,
html[data-pruebat-theme] .pruebat-diag-scope .text-white,
html[data-pruebat-theme] .pruebat-catalog-scope .text-white,
html[data-pruebat-theme] .pruebat-scope .text-slate-100,
html[data-pruebat-theme] .pruebat-scope .text-slate-200,
html[data-pruebat-theme] .pruebat-diag-scope .text-slate-200 {
	color: var(--pruebat-text) !important;
}

html[data-pruebat-theme] .pruebat-scope .text-slate-300,
html[data-pruebat-theme] .pruebat-diag-scope .text-slate-300,
html[data-pruebat-theme] .pruebat-catalog-scope .text-gray-300,
html[data-pruebat-theme] .pruebat-scope .text-slate-400,
html[data-pruebat-theme] .pruebat-diag-scope .text-slate-400,
html[data-pruebat-theme] .pruebat-catalog-scope .text-gray-400,
html[data-pruebat-theme] .pruebat-scope .text-slate-500,
html[data-pruebat-theme] .pruebat-diag-scope .text-slate-500,
html[data-pruebat-theme] .pruebat-catalog-scope .text-gray-500 {
	color: var(--pruebat-text-secondary) !important;
}

html[data-pruebat-theme] .woocommerce table.shop_table,
html[data-pruebat-theme] .woocommerce-checkout #order_review,
html[data-pruebat-theme] .woocommerce form .form-row input.input-text,
html[data-pruebat-theme] .woocommerce form .form-row textarea,
html[data-pruebat-theme] .woocommerce form .form-row select,
html[data-pruebat-theme] .ff-el-form-control {
	background-color: var(--pruebat-input-bg);
	color: var(--pruebat-input-text);
	border-color: var(--pruebat-input-border);
}

html[data-pruebat-theme] .ff-el-form-control {
	background-color: var(--pruebat-input-bg) !important;
	color: var(--pruebat-input-text) !important;
	border-color: var(--pruebat-input-border) !important;
}

html[data-pruebat-theme] .woocommerce .price,
html[data-pruebat-theme] .woocommerce .price ins,
html[data-pruebat-theme] .woocommerce .amount {
	color: var(--pruebat-wc-price);
}

html[data-pruebat-theme] .woocommerce .price del,
html[data-pruebat-theme] .woocommerce .price del .amount {
	color: var(--pruebat-text-secondary) !important;
}

html[data-pruebat-theme] .woocommerce a.button,
html[data-pruebat-theme] .woocommerce button.button,
html[data-pruebat-theme] .woocommerce a.button.alt,
html[data-pruebat-theme] .woocommerce button.button.alt {
	background-color: var(--pruebat-wc-button-bg);
	color: var(--pruebat-wc-button-text);
	border-color: var(--pruebat-button-border);
}

@media (prefers-reduced-motion: no-preference) {
	html[data-pruebat-theme]:not(.pruebat-theme-preload) :where(
		body,
		header,
		nav,
		main,
		section,
		article,
		footer,
		a,
		button,
		input,
		textarea,
		select,
		label,
		h1,
		h2,
		h3,
		h4,
		p,
		li,
		td,
		th,
		.gb-container,
		.pt-wrap,
		.pt-calculator-box,
		.pruebat-quiz-card,
		.pruebat-quiz-option,
		.pruebat-catalog-scope
	) {
		transition-property: background-color, color, border-color, outline-color, fill, stroke;
		transition-duration: var(--pruebat-transition-duration, 0.22s);
		transition-timing-function: ease;
	}
}

[data-pruebat-theme].pruebat-theme-preload,
[data-pruebat-theme].pruebat-theme-preload * {
	transition: none !important;
	animation: none !important;
}

html[data-pruebat-transitions="0"] :where(
	body,
	header,
	nav,
	main,
	section,
	article,
	footer,
	a,
	button,
	input,
	textarea,
	select,
	label,
	h1,
	h2,
	h3,
	h4,
	p,
	li,
	td,
	th,
	.gb-container,
	.pt-wrap,
	.pt-calculator-box,
	.pruebat-quiz-card,
	.pruebat-quiz-option,
	.pruebat-catalog-scope
) {
	transition: none !important;
}

/* Compatibility surfaces. Colors and glass only. No size, type, or spacing changes. */

html[data-pruebat-theme] header.gb-site-header .gb-menu-container,
html[data-pruebat-theme] header.gb-site-header .gb-menu {
	background-color: var(--pruebat-header-bg);
	color: var(--pruebat-header-text);
}

html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container,
html[data-pruebat-theme="day"] header.gb-site-header .gb-menu {
	background-color: transparent;
}

html[data-pruebat-theme="day"] ul.products li.product,
html[data-pruebat-theme="day"] .pruebat-quiz-card,
html[data-pruebat-theme="day"] .pt-calculator-box,
html[data-pruebat-theme="day"] .pt-result,
html[data-pruebat-theme="day"] .wp-block-woocommerce-checkout-order-summary-block {
	background-color: var(--pruebat-glass-bg);
	border-color: var(--pruebat-card-glass-border, var(--pruebat-glass-border));
	box-shadow: 0 10px 24px color-mix(in srgb, var(--pruebat-glass-shadow) 40%, transparent);
	backdrop-filter: blur(var(--pruebat-glass-blur));
	-webkit-backdrop-filter: blur(var(--pruebat-glass-blur));
}

html[data-pruebat-theme] header.gb-site-header .gb-menu-link {
	color: var(--pruebat-nav-text);
}

html[data-pruebat-theme] header.gb-site-header .gb-menu-link:hover,
html[data-pruebat-theme] header.gb-site-header .current-menu-item > .gb-menu-link {
	color: var(--pruebat-nav-text-hover);
}

html[data-pruebat-theme] header.gb-site-header .gb-menu-toggle {
	background-color: var(--pruebat-card-bg);
	color: var(--pruebat-text);
}

html[data-pruebat-theme] .gbp-section,
html[data-pruebat-theme] .wp-block-group:not(.has-background) {
	color: var(--pruebat-text);
}

html[data-pruebat-theme] ul.products li.product {
	background-color: var(--pruebat-card-bg);
	box-shadow: inset 0 0 0 1px var(--pruebat-border);
}

html[data-pruebat-theme] .woocommerce span.onsale {
	background-color: var(--pruebat-accent);
	color: var(--pruebat-button-text);
}

html[data-pruebat-theme] .woocommerce-ordering select,
html[data-pruebat-theme] .wp-block-search__input,
html[data-pruebat-theme] input.search-field,
html[data-pruebat-theme] .woocommerce-form-login input.input-text,
html[data-pruebat-theme] .woocommerce-form-register input.input-text,
html[data-pruebat-theme] .woocommerce-MyAccount-content input.input-text,
html[data-pruebat-theme] .woocommerce-MyAccount-content select,
html[data-pruebat-theme] .woocommerce-MyAccount-content textarea {
	background-color: var(--pruebat-input-bg);
	color: var(--pruebat-input-text);
	border-color: var(--pruebat-input-border);
}

html[data-pruebat-theme] .woocommerce-MyAccount-navigation li.is-active a {
	color: var(--pruebat-accent);
}

html[data-pruebat-theme] .woocommerce table.shop_table th,
html[data-pruebat-theme] .woocommerce table.shop_table td,
html[data-pruebat-theme] table.woocommerce-table th,
html[data-pruebat-theme] table.woocommerce-table td {
	background-color: var(--pruebat-table-bg);
	color: var(--pruebat-table-text);
	border-color: var(--pruebat-table-border);
}

html[data-pruebat-theme] .woocommerce table.shop_table thead th,
html[data-pruebat-theme] table.woocommerce-table thead th {
	background-color: var(--pruebat-table-header-bg);
}

html[data-pruebat-theme] .wc-block-components-form .wc-block-components-text-input input,
html[data-pruebat-theme] .wc-block-components-form .wc-blocks-components-select__select,
html[data-pruebat-theme] .wc-block-components-combobox .wc-block-components-combobox-control input {
	background-color: var(--pruebat-input-bg);
	color: var(--pruebat-input-text);
	border-color: var(--pruebat-input-border);
}

html[data-pruebat-theme] .wc-block-components-checkout-place-order-button {
	background-color: var(--pruebat-button-bg) !important;
	color: var(--pruebat-button-text) !important;
}

html[data-pruebat-theme] .wp-block-woocommerce-checkout-order-summary-block {
	background-color: var(--pruebat-card-bg);
	color: var(--pruebat-card-text);
	box-shadow: inset 0 0 0 1px var(--pruebat-border);
}

html[data-pruebat-theme] .fluentform .ff-el-input--label label,
html[data-pruebat-theme] .ff-el-form-label {
	color: var(--pruebat-label-text) !important;
}

html[data-pruebat-theme] .ff-btn-submit {
	background-color: var(--pruebat-button-bg) !important;
	color: var(--pruebat-button-text) !important;
	border-color: var(--pruebat-button-border) !important;
}

html[data-pruebat-theme] .pruebat-scope[class*="bg-darkbg"],
html[data-pruebat-theme] .pruebat-diag-scope[class*="bg-darkbg"] {
	background-color: var(--pruebat-bg) !important;
	color: var(--pruebat-text) !important;
}

html[data-pruebat-theme] .pruebat-scope.text-slate-100,
html[data-pruebat-theme] .pruebat-diag-scope.text-slate-100 {
	color: var(--pruebat-text) !important;
}

html[data-pruebat-theme] .pruebat-scope [class*="bg-slate-9"],
html[data-pruebat-theme] .pruebat-scope [class*="bg-slate-8"],
html[data-pruebat-theme] .pruebat-diag-scope [class*="bg-slate-9"],
html[data-pruebat-theme] .pruebat-diag-scope [class*="bg-slate-8"] {
	background-color: color-mix(in srgb, var(--pruebat-card-bg) 88%, transparent) !important;
	border-color: var(--pruebat-border) !important;
}

html[data-pruebat-theme] .pruebat-scope .border-darkborder,
html[data-pruebat-theme] .pruebat-diag-scope .border-darkborder {
	border-color: var(--pruebat-border) !important;
}

html[data-pruebat-theme] .pruebat-scope input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),
html[data-pruebat-theme] .pruebat-scope select,
html[data-pruebat-theme] .pruebat-scope textarea,
html[data-pruebat-theme] .pruebat-diag-scope input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),
html[data-pruebat-theme] .pruebat-diag-scope select,
html[data-pruebat-theme] .pruebat-diag-scope textarea {
	background-color: var(--pruebat-input-bg) !important;
	color: var(--pruebat-input-text) !important;
	border-color: var(--pruebat-input-border) !important;
}

html[data-pruebat-theme] .pruebat-scope [class~="bg-brand-600"],
html[data-pruebat-theme] .pruebat-scope [class~="bg-brand-500"],
html[data-pruebat-theme] .pruebat-scope [class~="bg-indigo-600"],
html[data-pruebat-theme] .pruebat-catalog-scope [class~="bg-indigo-600"] {
	background-color: var(--pruebat-accent) !important;
	color: var(--pruebat-button-text) !important;
}

html[data-pruebat-theme] .pruebat-scope button[class*="text-slate-400"] {
	background-color: transparent;
	color: var(--pruebat-text-secondary);
}

html[data-pruebat-theme] .pruebat-scope button[class*="from-brand-"] {
	background-image: none;
	background-color: var(--pruebat-accent) !important;
	color: var(--pruebat-button-text) !important;
}

html[data-pruebat-theme] .pruebat-scope [class~="text-brand-500"],
html[data-pruebat-theme] .pruebat-scope [class~="text-brand-400"],
html[data-pruebat-theme] .pruebat-scope [class~="text-brand-600"],
html[data-pruebat-theme] .pruebat-diag-scope [class~="text-brand-500"] {
	color: var(--pruebat-accent) !important;
}

html[data-pruebat-theme] .pt-result {
	background-color: var(--pruebat-card-bg);
	color: var(--pruebat-card-text);
	border-color: var(--pruebat-border);
}

html[data-pruebat-theme] .pt-wrap input[type="range"] {
	accent-color: var(--pruebat-accent);
	background-color: var(--pruebat-border);
}

html[data-pruebat-theme] .glass-panel-card,
html[data-pruebat-theme] .pruebat-scope [class*="bg-darkcard"],
html[data-pruebat-theme] .pruebat-diag-scope [class*="bg-darkcard"] {
	background-color: var(--pruebat-glass-bg) !important;
	border-color: var(--pruebat-glass-border) !important;
	box-shadow: 0 10px 28px var(--pruebat-glass-shadow);
	backdrop-filter: blur(var(--pruebat-glass-blur));
	-webkit-backdrop-filter: blur(var(--pruebat-glass-blur));
}

html[data-pruebat-theme] .wc-block-components-modal__overlay {
	background-color: var(--pruebat-modal-overlay);
}

html[data-pruebat-theme] .wc-block-components-modal__content,
html[data-pruebat-theme] .ff-modal,
html[data-pruebat-theme] .gb-overlay-content {
	background-color: var(--pruebat-glass-bg);
	color: var(--pruebat-modal-text);
	box-shadow: inset 0 0 0 1px var(--pruebat-glass-border), 0 10px 28px var(--pruebat-glass-shadow);
	backdrop-filter: blur(var(--pruebat-glass-blur));
	-webkit-backdrop-filter: blur(var(--pruebat-glass-blur));
}

html[data-pruebat-theme="day"] ul.products li.product,
html[data-pruebat-theme="day"] .pt-result,
html[data-pruebat-theme="day"] .wp-block-woocommerce-checkout-order-summary-block {
	background-color: var(--pruebat-glass-bg);
	border-color: var(--pruebat-card-glass-border, var(--pruebat-glass-border));
	box-shadow: 0 10px 24px color-mix(in srgb, var(--pruebat-glass-shadow) 40%, transparent);
	backdrop-filter: blur(var(--pruebat-glass-blur));
	-webkit-backdrop-filter: blur(var(--pruebat-glass-blur));
}

html[data-pruebat-theme="day"] .wc-block-components-modal__content,
html[data-pruebat-theme="day"] .ff-modal,
html[data-pruebat-theme="day"] .gb-overlay-content {
	background-color: var(--pruebat-modal-bg);
	backdrop-filter: blur(var(--pruebat-modal-blur, 20px));
	-webkit-backdrop-filter: blur(var(--pruebat-modal-blur, 20px));
}

html[data-pruebat-theme="day"] .fluentform,
html[data-pruebat-theme="day"] form.checkout,
html[data-pruebat-theme="day"] .wc-block-checkout__form {
	background-color: var(--pruebat-form-bg);
	border-color: var(--pruebat-border);
}

html[data-pruebat-theme="day"] :where(p, li, td, .gb-headline) > a:not(.gb-button):not(.button) {
	color: var(--pruebat-link);
}

html[data-pruebat-theme="day"] :where(p, li, td, .gb-headline) > a:not(.gb-button):not(.button):hover {
	color: var(--pruebat-link-hover);
}

@media (max-width: 782px) {
	html[data-pruebat-theme="day"] body {
		background-attachment: scroll;
	}

	html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container {
		background-color: rgba(255, 255, 255, 0.88);
		backdrop-filter: blur(var(--pruebat-header-glass-blur, var(--pruebat-glass-blur)));
		-webkit-backdrop-filter: blur(var(--pruebat-header-glass-blur, var(--pruebat-glass-blur)));
	}
}

@media (prefers-reduced-transparency: reduce) {
	html[data-pruebat-theme] .glass-panel-card,
	html[data-pruebat-theme] .pruebat-scope [class*="bg-darkcard"],
	html[data-pruebat-theme] .pruebat-diag-scope [class*="bg-darkcard"],
	html[data-pruebat-theme] .wc-block-components-modal__content,
	html[data-pruebat-theme] .ff-modal,
	html[data-pruebat-theme] .gb-overlay-content,
	html[data-pruebat-theme="day"] header.gb-site-header,
	html[data-pruebat-theme="day"] ul.products li.product,
	html[data-pruebat-theme="day"] .pruebat-quiz-card,
	html[data-pruebat-theme="day"] .pt-calculator-box,
	html[data-pruebat-theme="day"] .pt-result,
	html[data-pruebat-theme="day"] .wp-block-woocommerce-checkout-order-summary-block {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}

	html[data-pruebat-theme="day"] header.gb-site-header {
		background-color: var(--pruebat-header-bg);
	}
}
/* ==========================================================================
   Day palette lock (approved live gray) - !important so DB inline cannot reintroduce pastel
   Does not write WordPress options. Night tokens untouched.
   ========================================================================== */

html[data-pruebat-theme="day"] {
	--pruebat-bg: #FAFAFA !important;
	--pruebat-body-bg: #FAFAFA !important;
	--pruebat-bg-header: #FAFAFA !important;
	--pruebat-header-bg: #FAFAFA !important;
	--pruebat-bg-secondary: #F7F7F7 !important;
	--pruebat-section-bg: #F7F7F7 !important;
	--pruebat-nav-bg: #F7F7F7 !important;
	--pruebat-bg-card: #FFFFFF !important;
	--pruebat-card-bg: #FFFFFF !important;
	--pruebat-modal-bg: #FFFFFF !important;
	--pruebat-table-bg: #FFFFFF !important;
	--pruebat-wc-bg: #FFFFFF !important;
	--pruebat-form-bg: #FFFFFF !important;
	--pruebat-input-bg: #FFFFFF !important;
	--pruebat-text: #333333 !important;
	--pruebat-body-text: #333333 !important;
	--pruebat-header-text: #333333 !important;
	--pruebat-card-text: #333333 !important;
	--pruebat-section-text: #333333 !important;
	--pruebat-text-secondary: #666666 !important;
	--pruebat-card-muted: #666666 !important;
	--pruebat-label-text: #666666 !important;
	--pruebat-nav-text: #666666 !important;
	--pruebat-nav-text-hover: #333333 !important;
	--pruebat-border: #EEEEEE !important;
	--pruebat-border-color: #EEEEEE !important;
	--pruebat-card-border: #EEEEEE !important;
	--pruebat-header-border: #EEEEEE !important;
	--pruebat-input-border: #EEEEEE !important;
	--pruebat-accent: #333333 !important;
	--pruebat-link: #333333 !important;
	--pruebat-link-hover: #333333 !important;
	--pruebat-wc-price: #333333 !important;
	--pruebat-button-bg: #333333 !important;
	--pruebat-button-border: #333333 !important;
	--pruebat-wc-button-bg: #333333 !important;
	--pruebat-button-text: #FFFFFF !important;
	--pruebat-accent-text: #FFFFFF !important;
	--pruebat-wc-button-text: #FFFFFF !important;
	--pruebat-day-gradient-start: #FAFAFA !important;
	--pruebat-day-gradient-mid: #FAFAFA !important;
	--pruebat-day-gradient-end: #FAFAFA !important;
	--pruebat-day-gradient-wash: rgba(250, 250, 250, 0) !important;
	--pruebat-day-gradient-angle: 180deg !important;
	--pruebat-modal-overlay: rgba(51, 51, 51, 0.28) !important;
	--main-background: #FAFAFA !important;
	--primary-text: #333333 !important;
	--secondary-text: #666666 !important;
	--body-text: #333333 !important;
	--border: #EEEEEE !important;
	--primary-indigo: #333333 !important;
}

/* ==========================================================================
   Crystal glass + background patterns (v1.3.5 visual pass)
   New --pruebat-crystal-* tokens so DB inline glass opacity/blur cannot cancel.
   Day palette hex values unchanged. Night palette tokens unchanged.
   ========================================================================== */

html[data-pruebat-theme="day"] {
	--pruebat-crystal-fill: rgba(255, 255, 255, 0.58);
	--pruebat-crystal-fill-strong: rgba(255, 255, 255, 0.72);
	--pruebat-crystal-fill-soft: rgba(255, 255, 255, 0.48);
	--pruebat-crystal-border: rgba(255, 255, 255, 0.82);
	--pruebat-crystal-border-edge: rgba(238, 238, 238, 0.9);
	--pruebat-crystal-highlight: rgba(255, 255, 255, 0.92);
	--pruebat-crystal-shadow: 0 1px 0 rgba(255, 255, 255, 0.7) inset,
		0 8px 28px rgba(51, 51, 51, 0.08),
		0 2px 8px rgba(51, 51, 51, 0.04);
	--pruebat-crystal-shadow-header: 0 1px 0 rgba(255, 255, 255, 0.85) inset,
		0 -1px 0 rgba(238, 238, 238, 0.7) inset,
		0 10px 30px rgba(51, 51, 51, 0.07);
	--pruebat-crystal-blur: 18px;
	--pruebat-crystal-saturate: 160%;
	--pruebat-crystal-filter: blur(var(--pruebat-crystal-blur)) saturate(var(--pruebat-crystal-saturate));
	--pruebat-bg-pattern-a: url("https://darkblue-hummingbird-628746.hostingersite.com/wp-content/uploads/2026/11/pruebat-bg-day-a.webp");
	--pruebat-bg-pattern-b: url("https://darkblue-hummingbird-628746.hostingersite.com/wp-content/uploads/2026/11/pruebat-bg-day-b.webp");
}

html[data-pruebat-theme="night"] {
	--pruebat-bg-pattern-a: url("https://darkblue-hummingbird-628746.hostingersite.com/wp-content/uploads/2026/11/pruebat-bg-night-a.webp");
	--pruebat-bg-pattern-b: url("https://darkblue-hummingbird-628746.hostingersite.com/wp-content/uploads/2026/11/pruebat-bg-night-b.webp");
}

/* Subtle dual-pattern wash on body - keeps live Day #FAFAFA / Night navy from settings */
html[data-pruebat-theme] body {
	position: relative;
	isolation: isolate;
}

html[data-pruebat-theme] body::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-color: transparent;
	background-image: var(--pruebat-bg-pattern-a), var(--pruebat-bg-pattern-b);
	background-repeat: repeat, repeat;
	background-size: 720px auto, 860px auto;
	background-position: 0 0, 180px 320px;
	background-attachment: fixed, fixed;
}

html[data-pruebat-theme="day"] body::before {
	opacity: 0.55;
	mix-blend-mode: multiply;
}

html[data-pruebat-theme="night"] body::before {
	opacity: 0.28;
	mix-blend-mode: soft-light;
}

@media (max-width: 782px) {
	html[data-pruebat-theme] body::before {
		background-attachment: scroll, scroll;
		background-size: 480px auto, 560px auto;
	}

	html[data-pruebat-theme="day"] body::before {
		opacity: 0.4;
	}

	html[data-pruebat-theme="night"] body::before {
		opacity: 0.22;
	}
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	html[data-pruebat-theme="day"] header.gb-site-header,
	html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container,
	html[data-pruebat-theme="day"] ul.products li.product,
	html[data-pruebat-theme="day"] .pruebat-quiz-card,
	html[data-pruebat-theme="day"] .pt-calculator-box,
	html[data-pruebat-theme="day"] .pt-result,
	html[data-pruebat-theme="day"] .wp-block-woocommerce-checkout-order-summary-block,
	html[data-pruebat-theme="day"] .glass-panel-card,
	html[data-pruebat-theme="day"] .pruebat-scope [class*="bg-darkcard"],
	html[data-pruebat-theme="day"] .pruebat-diag-scope [class*="bg-darkcard"],
	html[data-pruebat-theme="day"] .wc-block-components-modal__content,
	html[data-pruebat-theme="day"] .ff-modal,
	html[data-pruebat-theme="day"] .gb-overlay-content,
	html[data-pruebat-theme="day"] .fluentform,
	html[data-pruebat-theme="day"] form.checkout,
	html[data-pruebat-theme="day"] .wc-block-checkout__form {
		background-color: rgba(255, 255, 255, 0.92) !important;
	}
}

/* Day crystal - header */
html[data-pruebat-theme="day"] header.gb-site-header {
	background-color: var(--pruebat-crystal-fill-strong) !important;
	background-image: linear-gradient(
		180deg,
		var(--pruebat-crystal-highlight) 0%,
		rgba(255, 255, 255, 0.35) 42%,
		rgba(255, 255, 255, 0.15) 100%
	) !important;
	border-color: var(--pruebat-crystal-border-edge) !important;
	backdrop-filter: var(--pruebat-crystal-filter) !important;
	-webkit-backdrop-filter: var(--pruebat-crystal-filter) !important;
	box-shadow: var(--pruebat-crystal-shadow-header) !important;
}

html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container,
html[data-pruebat-theme="day"] header.gb-site-header .gb-menu {
	background-color: transparent !important;
}

html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-toggle {
	background-color: var(--pruebat-crystal-fill) !important;
	border: 1px solid var(--pruebat-crystal-border-edge);
	backdrop-filter: blur(12px) saturate(140%);
	-webkit-backdrop-filter: blur(12px) saturate(140%);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 4px 14px rgba(51, 51, 51, 0.06);
}

/* Day crystal - mobile expanded nav (priority) */
@media (max-width: 782px) {
	html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container {
		background-color: rgba(255, 255, 255, 0.55) !important;
		background-image: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.75) 0%,
			rgba(255, 255, 255, 0.4) 100%
		) !important;
		border: 1px solid rgba(255, 255, 255, 0.7);
		border-radius: 16px;
		backdrop-filter: blur(20px) saturate(170%) !important;
		-webkit-backdrop-filter: blur(20px) saturate(170%) !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
			0 16px 40px rgba(51, 51, 51, 0.12) !important;
	}
}

/* Day crystal - cards */
html[data-pruebat-theme="day"] ul.products li.product,
html[data-pruebat-theme="day"] .pruebat-quiz-card,
html[data-pruebat-theme="day"] .pt-calculator-box,
html[data-pruebat-theme="day"] .pt-result,
html[data-pruebat-theme="day"] .wp-block-woocommerce-checkout-order-summary-block {
	background-color: var(--pruebat-crystal-fill) !important;
	background-image: linear-gradient(
		165deg,
		rgba(255, 255, 255, 0.85) 0%,
		rgba(255, 255, 255, 0.35) 48%,
		rgba(255, 255, 255, 0.2) 100%
	) !important;
	border-color: var(--pruebat-crystal-border-edge) !important;
	box-shadow: var(--pruebat-crystal-shadow) !important;
	backdrop-filter: var(--pruebat-crystal-filter) !important;
	-webkit-backdrop-filter: var(--pruebat-crystal-filter) !important;
}

html[data-pruebat-theme="day"] .glass-panel-card,
html[data-pruebat-theme="day"] .pruebat-scope [class*="bg-darkcard"],
html[data-pruebat-theme="day"] .pruebat-diag-scope [class*="bg-darkcard"] {
	background-color: var(--pruebat-crystal-fill) !important;
	background-image: linear-gradient(
		165deg,
		rgba(255, 255, 255, 0.85) 0%,
		rgba(255, 255, 255, 0.3) 100%
	) !important;
	border-color: var(--pruebat-crystal-border-edge) !important;
	box-shadow: var(--pruebat-crystal-shadow) !important;
	backdrop-filter: var(--pruebat-crystal-filter) !important;
	-webkit-backdrop-filter: var(--pruebat-crystal-filter) !important;
}

/* Day crystal - forms */
html[data-pruebat-theme="day"] .fluentform,
html[data-pruebat-theme="day"] form.checkout,
html[data-pruebat-theme="day"] .wc-block-checkout__form {
	background-color: var(--pruebat-crystal-fill-soft) !important;
	background-image: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.7) 0%,
		rgba(255, 255, 255, 0.35) 100%
	) !important;
	border-color: var(--pruebat-crystal-border-edge) !important;
	box-shadow: var(--pruebat-crystal-shadow) !important;
	backdrop-filter: blur(14px) saturate(150%) !important;
	-webkit-backdrop-filter: blur(14px) saturate(150%) !important;
}

html[data-pruebat-theme="day"] .fluentform .ff-el-form-control,
html[data-pruebat-theme="day"] .pruebat-scope input:not([type="radio"]):not([type="checkbox"]):not([type="range"]),
html[data-pruebat-theme="day"] .pruebat-scope select,
html[data-pruebat-theme="day"] .pruebat-scope textarea {
	background-color: rgba(255, 255, 255, 0.78) !important;
	border-color: #EEEEEE !important;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
}

/* Day crystal - modals */
html[data-pruebat-theme="day"] .wc-block-components-modal__content,
html[data-pruebat-theme="day"] .ff-modal,
html[data-pruebat-theme="day"] .gb-overlay-content {
	background-color: rgba(255, 255, 255, 0.62) !important;
	background-image: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.88) 0%,
		rgba(255, 255, 255, 0.45) 100%
	) !important;
	border: 1px solid var(--pruebat-crystal-border);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset,
		0 20px 48px rgba(51, 51, 51, 0.16) !important;
	backdrop-filter: blur(22px) saturate(170%) !important;
	-webkit-backdrop-filter: blur(22px) saturate(170%) !important;
}

/* Keep Day text/accent readable on glass */
html[data-pruebat-theme="day"] header.gb-site-header,
html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-link {
	color: #333333;
}

html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-link:hover,
html[data-pruebat-theme="day"] header.gb-site-header .current-menu-item > .gb-menu-link {
	color: #333333;
}

@media (prefers-reduced-transparency: reduce) {
	html[data-pruebat-theme="day"] header.gb-site-header,
	html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container,
	html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-toggle,
	html[data-pruebat-theme="day"] ul.products li.product,
	html[data-pruebat-theme="day"] .pruebat-quiz-card,
	html[data-pruebat-theme="day"] .pt-calculator-box,
	html[data-pruebat-theme="day"] .pt-result,
	html[data-pruebat-theme="day"] .wp-block-woocommerce-checkout-order-summary-block,
	html[data-pruebat-theme="day"] .glass-panel-card,
	html[data-pruebat-theme="day"] .pruebat-scope [class*="bg-darkcard"],
	html[data-pruebat-theme="day"] .pruebat-diag-scope [class*="bg-darkcard"],
	html[data-pruebat-theme="day"] .wc-block-components-modal__content,
	html[data-pruebat-theme="day"] .ff-modal,
	html[data-pruebat-theme="day"] .gb-overlay-content,
	html[data-pruebat-theme="day"] .fluentform,
	html[data-pruebat-theme="day"] form.checkout,
	html[data-pruebat-theme="day"] .wc-block-checkout__form {
		backdrop-filter: none !important;
		-webkit-backdrop-filter: none !important;
		background-image: none !important;
		background-color: #FFFFFF !important;
		box-shadow: 0 1px 0 #EEEEEE inset, 0 4px 16px rgba(51, 51, 51, 0.06) !important;
	}

	html[data-pruebat-theme="day"] header.gb-site-header {
		background-color: #FAFAFA !important;
	}

	html[data-pruebat-theme] body::before {
		opacity: 0.12;
	}
}

/* ==========================================================================
   Fix pass: Day GB color aliases, gradient buttons, hero wash, header glass
   (blur on ::before so mobile fixed menu is not clipped)
   ========================================================================== */

html[data-pruebat-theme="day"] {
	--deep-indigo: #333333 !important;
	--primary-indigo: #333333 !important;
	--blue-20: rgba(51, 51, 51, 0.08) !important;
	--accent-pink: #666666 !important;
	--cyan: #555555 !important;
	--emerald-green: #4a4a4a !important;
	--red-20: rgba(51, 51, 51, 0.08) !important;
	--sky-20: rgba(51, 51, 51, 0.08) !important;
	--green-20: rgba(51, 51, 51, 0.08) !important;
	--yellow: #666666 !important;
	--white: #333333 !important; /* Day nav/link "white" tokens often mean foreground on dark designs */
}

/* Keep true white where white means button text on dark fills */
html[data-pruebat-theme="day"] .gradient-btn,
html[data-pruebat-theme="day"] .gb-text-7f5985ca,
html[data-pruebat-theme="day"] .gb-text-789f8708,
html[data-pruebat-theme="day"] .gb-text-72d9ed74,
html[data-pruebat-theme="day"] .gb-text-819b7351,
html[data-pruebat-theme="day"] .gb-text-a2f639bc,
html[data-pruebat-theme="day"] a.gb-button,
html[data-pruebat-theme="day"] .gb-button {
	background-image: none !important;
	background-color: #333333 !important;
	background-blend-mode: normal !important;
	color: #FFFFFF !important;
	border-color: #333333 !important;
}

html[data-pruebat-theme="day"] .gradient-btn:is(:hover, :focus),
html[data-pruebat-theme="day"] .gb-text-819b7351:is(:hover, :focus),
html[data-pruebat-theme="day"] .gb-text-a2f639bc:is(:hover, :focus) {
	background-image: none !important;
	background-color: #222222 !important;
	color: #FFFFFF !important;
}

/* Hero / section indigo radial → soft gray wash (GB inline element classes) */
html[data-pruebat-theme="day"] .gb-element-17ce6f34,
html[data-pruebat-theme="day"] .gb-element-a33a2fb2,
html[data-pruebat-theme="day"] .gb-element-1bd69dfd {
	background-image: radial-gradient(rgba(51, 51, 51, 0.07) 0%, #FAFAFA 58%) !important;
	background-color: #FAFAFA !important;
}

/* Header: move blur to ::before so position:fixed mobile menu is not contained/clipped */
html[data-pruebat-theme="day"] header.gb-site-header {
	background-color: transparent !important;
	background-image: none !important;
	backdrop-filter: none !important;
	-webkit-backdrop-filter: none !important;
	box-shadow: none !important;
	overflow: visible !important;
	isolation: auto;
}

html[data-pruebat-theme="day"] header.gb-site-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	border-radius: inherit;
	background-color: rgba(255, 255, 255, 0.72);
	background-image: linear-gradient(
		180deg,
		rgba(255, 255, 255, 0.92) 0%,
		rgba(255, 255, 255, 0.4) 100%
	);
	border-bottom: 1px solid rgba(238, 238, 238, 0.9);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.85) inset,
		0 10px 30px rgba(51, 51, 51, 0.07);
	backdrop-filter: blur(18px) saturate(160%);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
}

html[data-pruebat-theme="day"] header.gb-site-header > * {
	position: relative;
	z-index: 1;
}

@media (max-width: 768px) {
	html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container.gb-menu-container--mobile,
	html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container.gb-menu-container--toggled {
		background-color: rgba(255, 255, 255, 0.58) !important;
		background-image: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.82) 0%,
			rgba(255, 255, 255, 0.45) 100%
		) !important;
		border: 1px solid rgba(255, 255, 255, 0.75);
		border-radius: 16px;
		backdrop-filter: blur(20px) saturate(170%) !important;
		-webkit-backdrop-filter: blur(20px) saturate(170%) !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset,
			0 16px 40px rgba(51, 51, 51, 0.14) !important;
		z-index: 10050 !important;
		overflow: auto !important;
		color: #333333 !important;
	}

	html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container.gb-menu-container--mobile .gb-menu-link,
	html[data-pruebat-theme="day"] header.gb-site-header .gb-menu-container.gb-menu-container--toggled .gb-menu-link {
		color: #333333 !important;
	}
}

@media (prefers-reduced-transparency: reduce) {
	html[data-pruebat-theme="day"] header.gb-site-header::before {
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
		background-color: #FAFAFA;
		background-image: none;
	}
}

/* ==========================================================================
   Fix pass 2: hardcoded gradient-btn hex + mobile menu visibility/contrast
   ========================================================================== */

html[data-pruebat-theme="day"] a.gradient-btn,
html[data-pruebat-theme="day"] .gradient-btn,
html[data-pruebat-theme="day"] a.gradient-btn-card,
html[data-pruebat-theme="day"] .gradient-btn-card {
	background: #333333 !important;
	background-image: none !important;
	background-color: #333333 !important;
	color: #FFFFFF !important;
	box-shadow: 0 8px 20px rgba(51, 51, 51, 0.12) !important;
	transform: none !important;
}

html[data-pruebat-theme="day"] a.gradient-btn:hover,
html[data-pruebat-theme="day"] .gradient-btn:hover,
html[data-pruebat-theme="day"] a.gradient-btn-card:hover,
html[data-pruebat-theme="day"] .gradient-btn-card:hover,
html[data-pruebat-theme="day"] a.gradient-btn:focus,
html[data-pruebat-theme="day"] .gradient-btn-card:focus {
	background: #222222 !important;
	background-image: none !important;
	box-shadow: 0 10px 24px rgba(51, 51, 51, 0.18) !important;
	color: #FFFFFF !important;
	transform: translateY(-1px) !important;
}

/* Ver Cursos / indigo linear CTAs from GenerateBlocks inline */
html[data-pruebat-theme="day"] a.gb-text-819b7351,
html[data-pruebat-theme="day"] a.gb-text-a2f639bc,
html[data-pruebat-theme="day"] .gb-text-819b7351,
html[data-pruebat-theme="day"] .gb-text-a2f639bc {
	background: #333333 !important;
	background-image: none !important;
	background-color: #333333 !important;
	color: #FFFFFF !important;
}

html[data-pruebat-theme="day"] a.gb-text-ec0b3c99,
html[data-pruebat-theme="day"] .gb-text-ec0b3c99,
html[data-pruebat-theme="day"] a.gb-text-3e94ad60,
html[data-pruebat-theme="day"] a.gb-text-7a899916 {
	background: transparent !important;
	background-image: none !important;
	color: #333333 !important;
	border-color: #EEEEEE !important;
}

html[data-pruebat-theme="day"] a.gb-text-ec0b3c99:hover,
html[data-pruebat-theme="day"] .gb-text-ec0b3c99:hover {
	background: #F7F7F7 !important;
	color: #333333 !important;
}

/* Mobile menu: force visible panel + readable dark text (page sets color:#ffffff) */
@media (max-width: 768px) {
	html[data-pruebat-theme="day"] .gb-menu-container.gb-menu-container--mobile,
	html[data-pruebat-theme="day"] .gb-menu-container.gb-menu-container--toggled,
	html[data-pruebat-theme="day"] .gb-menu-container-16152fbe.gb-menu-container--mobile,
	html[data-pruebat-theme="day"] .gb-menu-container-16152fbe.gb-menu-container--toggled {
		display: flex !important;
		flex-direction: column !important;
		position: fixed !important;
		top: 72px !important;
		left: 12px !important;
		right: 12px !important;
		bottom: auto !important;
		width: auto !important;
		max-width: none !important;
		max-height: calc(100dvh - 88px) !important;
		height: auto !important;
		min-height: 180px !important;
		padding: 20px 16px 28px !important;
		opacity: 1 !important;
		visibility: visible !important;
		transform: none !important;
		clip: auto !important;
		clip-path: none !important;
		pointer-events: auto !important;
		z-index: 10060 !important;
		color: #333333 !important;
		background-color: rgba(255, 255, 255, 0.72) !important;
		background-image: linear-gradient(
			180deg,
			rgba(255, 255, 255, 0.9) 0%,
			rgba(255, 255, 255, 0.55) 100%
		) !important;
		border: 1px solid rgba(238, 238, 238, 0.95) !important;
		border-radius: 16px !important;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.95) inset,
			0 18px 40px rgba(51, 51, 51, 0.16) !important;
		backdrop-filter: blur(20px) saturate(170%) !important;
		-webkit-backdrop-filter: blur(20px) saturate(170%) !important;
		overflow-x: hidden !important;
		overflow-y: auto !important;
	}

	html[data-pruebat-theme="day"] .gb-menu-container--mobile .gb-menu,
	html[data-pruebat-theme="day"] .gb-menu-container--toggled .gb-menu {
		display: flex !important;
		flex-direction: column !important;
		width: 100% !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	html[data-pruebat-theme="day"] .gb-menu-container--mobile .gb-menu-item,
	html[data-pruebat-theme="day"] .gb-menu-container--toggled .gb-menu-item,
	html[data-pruebat-theme="day"] .gb-menu-container--mobile .gb-menu-link,
	html[data-pruebat-theme="day"] .gb-menu-container--toggled .gb-menu-link,
	html[data-pruebat-theme="day"] .gb-menu-container--mobile .menu-item,
	html[data-pruebat-theme="day"] .gb-menu-container--toggled .menu-item {
		color: #333333 !important;
		opacity: 1 !important;
		visibility: visible !important;
	}

	html[data-pruebat-theme="day"] .gb-menu-container--mobile .gb-menu-link,
	html[data-pruebat-theme="day"] .gb-menu-container--toggled .gb-menu-link {
		padding: 14px 12px !important;
		width: 100% !important;
	}
}

/* Automatic mode toggle affordance (does not alter Day/Night visual theme tokens) */
.pruebat-theme-toggle[data-theme-mode="auto"] {
	outline-offset: 2px;
}
.pruebat-theme-toggle[data-theme-mode="auto"] .pruebat-theme-toggle__icon--sun,
.pruebat-theme-toggle[data-theme-mode="auto"] .pruebat-theme-toggle__icon--moon {
	opacity: 0.55;
}
html[data-pruebat-mode="auto"] .pruebat-theme-toggle:not([data-pruebat-theme-choice]) .pruebat-theme-toggle__icon--sun {
	opacity: 0.9;
}
html[data-pruebat-mode="auto"] .pruebat-theme-toggle:not([data-pruebat-theme-choice]) .pruebat-theme-toggle__icon--moon {
	opacity: 0.9;
	transform: translate(4px, -2px) scale(0.85);
}


/* ===== v1.4.3 compact icon-only toggle (single visible icon by mode) ===== */
.pruebat-theme-toggle:not([data-pruebat-theme-choice]) .pruebat-theme-toggle__icon {
	display: none !important;
}
.pruebat-theme-toggle[data-theme-mode="auto"]:not([data-pruebat-theme-choice]) .pruebat-theme-toggle__icon--auto,
.pruebat-theme-toggle[data-theme-mode="day"]:not([data-pruebat-theme-choice]) .pruebat-theme-toggle__icon--sun,
.pruebat-theme-toggle[data-theme-mode="night"]:not([data-pruebat-theme-choice]) .pruebat-theme-toggle__icon--moon {
	display: block !important;
}
/* No Auto badge / dual-icon affordance on the compact control */
.pruebat-theme-toggle[data-theme-mode="auto"]:not([data-pruebat-theme-choice])::after {
	content: none !important;
	display: none !important;
}
.pruebat-theme-toggle:not([data-pruebat-theme-choice]) .pruebat-theme-toggle__label {
	display: none !important;
}
.pruebat-theme-toggle:not([data-pruebat-theme-choice]):focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}
.pruebat-header-toggle .pruebat-theme-toggle:not([data-pruebat-theme-choice]) {
	min-width: var(--pruebat-toggle-size, 36px);
	width: var(--pruebat-toggle-size, 36px);
	padding-left: 0;
	padding-right: 0;
	justify-content: center;
}

/* ===== v1.4.5 Contact page (/contacto/ page-id-32) - Day Mode colors only ===== */
/* Layout/spacing untouched. Night Mode and other pages untouched. */
html[data-pruebat-theme="day"] body.page-id-32 {
	--contacto-day-bg: #FAFAFA;
	--contacto-day-section: #F7F7F7;
	--contacto-day-card: #FFFFFF;
	--contacto-day-text: #333333;
	--contacto-day-muted: #666666;
	--contacto-day-border: #EEEEEE;
	--contacto-day-accent: #333333;
}

html[data-pruebat-theme="day"] body.page-id-32 #page,
html[data-pruebat-theme="day"] body.page-id-32 .site,
html[data-pruebat-theme="day"] body.page-id-32 .site-content,
html[data-pruebat-theme="day"] body.page-id-32 main#main,
html[data-pruebat-theme="day"] body.page-id-32 .inside-article,
html[data-pruebat-theme="day"] body.page-id-32 .entry-content {
	background-color: transparent !important; /* v1.4.7: let body::before pattern show */
	color: var(--contacto-day-text);
}

html[data-pruebat-theme="day"] body.page-id-32 .gbp-section,
html[data-pruebat-theme="day"] body.page-id-32 .gbp-section__inner {
	background-color: transparent !important;
}

/* Hero shell */
html[data-pruebat-theme="day"] body.page-id-32 .gb-element-d15e6ba8 {
	background-color: var(--contacto-day-section) !important;
	border-color: var(--contacto-day-border) !important;
	box-shadow: 0 8px 28px rgba(0, 0, 0, 0.04) !important;
	color: var(--contacto-day-text) !important;
}

/* Form card */
html[data-pruebat-theme="day"] body.page-id-32 .gb-element-ac4d71cc {
	background-color: var(--contacto-day-card) !important;
	border: 1px solid var(--contacto-day-border) !important;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05) !important;
	color: var(--contacto-day-text) !important;
}

/* Lower info cards */
html[data-pruebat-theme="day"] body.page-id-32 .gb-element-3247c325,
html[data-pruebat-theme="day"] body.page-id-32 .gb-element-907d8693,
html[data-pruebat-theme="day"] body.page-id-32 .gb-element-b9206223 {
	background-color: var(--contacto-day-card) !important;
	border-color: var(--contacto-day-border) !important;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04) !important;
	color: var(--contacto-day-text) !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .gb-element-3247c325:is(:hover, :focus),
html[data-pruebat-theme="day"] body.page-id-32 .gb-element-907d8693:is(:hover, :focus),
html[data-pruebat-theme="day"] body.page-id-32 .gb-element-b9206223:is(:hover, :focus) {
	border-color: var(--contacto-day-accent) !important;
}

/* Headings + body copy inside Contact content */
html[data-pruebat-theme="day"] body.page-id-32 .entry-content h1,
html[data-pruebat-theme="day"] body.page-id-32 .entry-content h2,
html[data-pruebat-theme="day"] body.page-id-32 .entry-content h3,
html[data-pruebat-theme="day"] body.page-id-32 .entry-content h4,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-5f94c50e,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-32e97f7c,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-e67b7a57,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-b025a370,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-06ddfe0b {
	color: var(--contacto-day-text) !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .gb-text-9156480b,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-fa2ba5a5,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-18be3e27,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-bbe0d180,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-a609f6fa,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-aa9afaf6,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-c8900958,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-74266813,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-b57fec0d {
	color: var(--contacto-day-muted) !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .entry-content a,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-12e6d309,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-ab3b2385 {
	color: var(--contacto-day-text) !important;
}

/* Soft chips / pills / badge row */
html[data-pruebat-theme="day"] body.page-id-32 .gb-element-c619b9f1,
html[data-pruebat-theme="day"] body.page-id-32 .gb-element-fcd9846c {
	border-color: var(--contacto-day-border) !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .gb-text-5967d3c6,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-c104a74b,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-dc462b9a,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-48a21e57,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-f24efd6a,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-2d678c48,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-4ecd170e,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-51e05a9a,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-d1329cab,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-193efb2a,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-b52ed3f8 {
	background-color: var(--contacto-day-section) !important;
	background-image: none !important;
	border-color: var(--contacto-day-border) !important;
	color: var(--contacto-day-text) !important;
}

/* Social squares */
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-e9e1429d,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-d1a530c0,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-d7a37491,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-37c2c934 {
	background-color: var(--contacto-day-accent) !important;
	background-image: none !important;
	border-color: var(--contacto-day-accent) !important;
	color: #FFFFFF !important;
}

/* Gradient / indigo CTAs on Contact → flat Day accent */
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-819b7351,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-a2f639bc,
html[data-pruebat-theme="day"] body.page-id-32 .entry-content .gradient-btn,
html[data-pruebat-theme="day"] body.page-id-32 .entry-content a.gb-text[class*="gradient"] {
	background-color: var(--contacto-day-accent) !important;
	background-image: none !important;
	border-color: var(--contacto-day-accent) !important;
	color: #FFFFFF !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .gb-text-819b7351:hover,
html[data-pruebat-theme="day"] body.page-id-32 .gb-text-a2f639bc:hover {
	background-color: #1f1f1f !important;
	border-color: #1f1f1f !important;
	color: #FFFFFF !important;
}

/* Accent pink mark in headline - soften to Day text, keep weight */
html[data-pruebat-theme="day"] body.page-id-32 .entry-content mark,
html[data-pruebat-theme="day"] body.page-id-32 .entry-content .has-accent-pink-color {
	color: var(--contacto-day-text) !important;
	background-color: transparent !important;
}

/* Fluent Form 1 - Day palette */
html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--label label,
html[data-pruebat-theme="day"] body.page-id-32 .fluentform_wrapper_1 .ff-el-input--label label {
	color: var(--contacto-day-muted) !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-form-control,
html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--content input,
html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--content textarea,
html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--content select,
html[data-pruebat-theme="day"] body.page-id-32 .fluentform_wrapper_1 .ff-el-form-control {
	background-color: #FFFFFF !important;
	color: var(--contacto-day-text) !important;
	border-color: var(--contacto-day-border) !important;
	box-shadow: none !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-form-control:focus,
html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--content input:focus,
html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--content textarea:focus {
	border-color: var(--contacto-day-accent) !important;
	outline: none !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-form-control::placeholder,
html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 input::placeholder,
html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 textarea::placeholder {
	color: #999999 !important;
	opacity: 1 !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff_submit_btn_wrapper .ff-btn-submit,
html[data-pruebat-theme="day"] body.page-id-32 form.fluent_form_1 .ff-btn-submit,
html[data-pruebat-theme="day"] body.page-id-32 form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit {
	background-color: var(--contacto-day-accent) !important;
	background-image: none !important;
	border-color: var(--contacto-day-accent) !important;
	color: #FFFFFF !important;
}

html[data-pruebat-theme="day"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff_submit_btn_wrapper .ff-btn-submit:hover,
html[data-pruebat-theme="day"] body.page-id-32 form.fluent_form_1 .ff-btn-submit:hover,
html[data-pruebat-theme="day"] body.page-id-32 form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit:hover {
	background-color: #1f1f1f !important;
	border-color: #1f1f1f !important;
	color: #FFFFFF !important;
}

/* ===== v1.4.6 Contact page Night Mode (page-id-32) — follow HTML/design reference ===== */
/* Colors only. Layout/spacing unchanged. Day Mode rules above stay as-is. */
html[data-pruebat-theme="night"] body.page-id-32 {
	--contacto-night-bg: #0b0f19;
	--contacto-night-panel: rgba(17, 24, 39, 0.92);
	--contacto-night-card: #FFFFFF;
	--contacto-night-input: #f1f5f9;
	--contacto-night-border: rgba(255, 255, 255, 0.12);
	--contacto-night-text: #f3f4f6;
	--contacto-night-muted: #d1d5db;
	--contacto-night-primary: #6366f1;
	--contacto-night-accent: #ff3b5c;
}

html[data-pruebat-theme="night"] body.page-id-32 #page,
html[data-pruebat-theme="night"] body.page-id-32 .site-content,
html[data-pruebat-theme="night"] body.page-id-32 main#main,
html[data-pruebat-theme="night"] body.page-id-32 .inside-article,
html[data-pruebat-theme="night"] body.page-id-32 .entry-content {
	background-color: transparent !important; /* v1.5.0: no stacked fills over pattern */
	color: var(--contacto-night-text);
}

/* Hero glass panel */
/* v1.5.0: single translucent tint layer (was stacked on 5 wrappers) */
html[data-pruebat-theme="night"] body.page-id-32 #page {
	background-color: rgba(11, 15, 25, 0.35) !important;
}

/* v1.4.9: Contact Night - make background pattern visible (page-id-32 only) */
html[data-pruebat-theme="night"] body.page-id-32::before {
	opacity: 0.6 !important;
	mix-blend-mode: normal !important;
}
@media (max-width: 782px) {
	html[data-pruebat-theme="night"] body.page-id-32::before {
		opacity: 0.5 !important;
	}
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-element-d15e6ba8 {
	background: linear-gradient(145deg, rgba(15, 23, 42, 0.95), rgba(49, 46, 129, 0.45), rgba(15, 23, 42, 0.95)) !important;
	background-color: var(--contacto-night-panel) !important;
	border: 1px solid rgba(99, 102, 241, 0.30) !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.55) !important;
	color: var(--contacto-night-text) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

/* Left copy */
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-5f94c50e {
	color: #FFFFFF !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-5f94c50e mark,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-5f94c50e .has-accent-pink-color,
html[data-pruebat-theme="night"] body.page-id-32 .entry-content .gb-text-5f94c50e span[class*="accent"],
html[data-pruebat-theme="night"] body.page-id-32 .entry-content h1 mark {
	background: linear-gradient(135deg, #a5b4fc 0%, #6366f1 50%, #ff3b5c 100%) !important;
	-webkit-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	color: transparent !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-9156480b,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-fa2ba5a5,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-18be3e27 {
	color: #d1d5db !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-element-c619b9f1 {
	border-color: rgba(255, 255, 255, 0.10) !important;
}

/* Pill + chips */
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-5967d3c6 {
	background: rgba(30, 41, 59, 0.55) !important;
	border: 1px solid rgba(244, 63, 94, 0.30) !important;
	color: #fda4af !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-c104a74b {
	background: rgba(16, 185, 129, 0.20) !important;
	color: #34d399 !important;
	border-color: transparent !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-dc462b9a {
	background: rgba(99, 102, 241, 0.20) !important;
	color: #818cf8 !important;
	border-color: transparent !important;
}

/* White form card */
html[data-pruebat-theme="night"] body.page-id-32 .gb-element-ac4d71cc {
	background-color: #FFFFFF !important;
	border: none !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.45) !important;
	color: #1e293b !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-32e97f7c {
	color: #0f172a !important;
	-webkit-text-fill-color: #0f172a !important;
	background: none !important;
}

/* Fluent Form Night — match reference inputs + gradient CTA */
html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--label label,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform_wrapper_1 .ff-el-input--label label {
	color: #475569 !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-form-control,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--content input,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--content textarea,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-input--content select,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform_wrapper_1 .ff-el-form-control {
	background-color: #f1f5f9 !important;
	color: #1e293b !important;
	border-color: #cbd5e1 !important;
	box-shadow: none !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-form-control:focus,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 input:focus,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 textarea:focus,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 select:focus {
	border-color: #6366f1 !important;
	box-shadow: 0 0 0 1px #6366f1 !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff-el-form-control::placeholder,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 input::placeholder,
html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 textarea::placeholder {
	color: #94a3b8 !important;
	opacity: 1 !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff_submit_btn_wrapper .ff-btn-submit,
html[data-pruebat-theme="night"] body.page-id-32 form.fluent_form_1 .ff-btn-submit,
html[data-pruebat-theme="night"] body.page-id-32 form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit {
	background: linear-gradient(135deg, #6366f1 0%, #ff3b5c 100%) !important;
	background-image: linear-gradient(135deg, #6366f1 0%, #ff3b5c 100%) !important;
	border: none !important;
	color: #FFFFFF !important;
	box-shadow: 0 10px 25px -5px rgba(255, 59, 92, 0.35) !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .fluentform.fluentform_wrapper_1 .ff_submit_btn_wrapper .ff-btn-submit:hover,
html[data-pruebat-theme="night"] body.page-id-32 form.fluent_form_1 .ff-btn-submit:hover,
html[data-pruebat-theme="night"] body.page-id-32 form.fluent_form_1 .wpf_has_custom_css.ff-btn-submit:hover {
	background: linear-gradient(135deg, #4f46e5 0%, #e11d48 100%) !important;
	background-image: linear-gradient(135deg, #4f46e5 0%, #e11d48 100%) !important;
	color: #FFFFFF !important;
	box-shadow: 0 12px 28px -5px rgba(255, 59, 92, 0.45) !important;
}

/* Lower glass info cards */
html[data-pruebat-theme="night"] body.page-id-32 .gb-element-3247c325,
html[data-pruebat-theme="night"] body.page-id-32 .gb-element-907d8693,
html[data-pruebat-theme="night"] body.page-id-32 .gb-element-b9206223 {
	background: rgba(17, 24, 39, 0.75) !important;
	border: 1px solid rgba(255, 255, 255, 0.10) !important;
	box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5) !important;
	color: var(--contacto-night-text) !important;
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-element-3247c325:is(:hover, :focus) {
	border-color: rgba(99, 102, 241, 0.50) !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-element-907d8693:is(:hover, :focus) {
	border-color: rgba(244, 63, 94, 0.50) !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-element-b9206223:is(:hover, :focus) {
	border-color: rgba(6, 182, 212, 0.50) !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-e67b7a57,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-b025a370,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-06ddfe0b {
	color: #FFFFFF !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-bbe0d180,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-aa9afaf6,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-c8900958,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-74266813,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-b57fec0d {
	color: #d1d5db !important;
}

/* Category pills + icon chips — brand tints from HTML */
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-4ecd170e,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-48a21e57 {
	background: rgba(99, 102, 241, 0.20) !important;
	color: #a5b4fc !important;
	border-color: transparent !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-51e05a9a,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-f24efd6a {
	background: rgba(244, 63, 94, 0.20) !important;
	color: #fda4af !important;
	border-color: transparent !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-d1329cab,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-2d678c48 {
	background: rgba(6, 182, 212, 0.20) !important;
	color: #67e8f9 !important;
	border-color: transparent !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-193efb2a {
	background: rgba(99, 102, 241, 0.15) !important;
	border-color: rgba(99, 102, 241, 0.25) !important;
	color: #c7d2fe !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-b52ed3f8 {
	background: rgba(16, 185, 129, 0.20) !important;
	border-color: rgba(16, 185, 129, 0.40) !important;
	color: #6ee7b7 !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-e9e1429d,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-d1a530c0,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-d7a37491,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-37c2c934 {
	background: #1e293b !important;
	color: #FFFFFF !important;
	border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-819b7351,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-a2f639bc {
	background: linear-gradient(135deg, #6366f1 0%, #ff3b5c 100%) !important;
	background-image: linear-gradient(135deg, #6366f1 0%, #ff3b5c 100%) !important;
	color: #FFFFFF !important;
	border: none !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-text-12e6d309,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-ab3b2385 {
	color: #FFFFFF !important;
}

html[data-pruebat-theme="night"] body.page-id-32 .gb-element-fcd9846c,
html[data-pruebat-theme="night"] body.page-id-32 .gb-text-a609f6fa {
	border-color: rgba(255, 255, 255, 0.10) !important;
	color: #9ca3af !important;
}