:root {
	--aacosta-violet: #9E27FC;
	--aacosta-gold: #F6E860;
	--aacosta-ink: #1A1025;
	--aacosta-paper: #FAF8FF;
	--aacosta-paper-raised: #FFFFFF;
	--aacosta-mist: #746B85;
	--aacosta-night: #0F0A1C;
	--aacosta-night-surface: #1B1430;
	--aacosta-night-text: #F3EFFC;
	--aacosta-night-text-muted: #AA9FC2;
	--aacosta-border: #E6E0F2;
	--aacosta-border-dark: #322A4A;
	--aacosta-radius: 8px;
	--aacosta-radius-card: 12px;
}

body {
	color: var(--aacosta-ink);
}

a {
	color: var(--aacosta-violet);
}

a:hover {
	color: #8A1FDA;
}

a:focus-visible,
button:focus-visible,
.fusion-button:focus-visible {
	outline: 2px solid var(--aacosta-violet);
	outline-offset: 2px;
}

.fusion-footer-widget-area {
	background: var(--footer_bg_color, var(--aacosta-night));
}

.fusion-footer-widget-area,
.fusion-footer-widget-area a {
	color: var(--aacosta-night-text);
}

.aacosta-trust-list { list-style: none; padding: 0; margin: 24px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 32px; }
.aacosta-trust-list li { padding-left: 28px; position: relative; color: var(--aacosta-night-text); }
.aacosta-trust-list li::before { content: "✓"; position: absolute; left: 0; color: var(--aacosta-violet); font-weight: 500; }
@media (max-width: 767px) { .aacosta-trust-list { grid-template-columns: 1fr; } }

/* Avada's own CSS/JS never checks prefers-reduced-motion (verified: zero
   matches across the theme and Fusion Builder's animation stylesheets) —
   every fusion-animated entrance effect and rotating title runs regardless
   of the user's OS setting. This collapses all animation/transition timing
   to near-zero so content still reveals (the reveal is transition-driven),
   just without the motion, satisfying WCAG 2.3.3 for anyone who has asked
   their OS to reduce motion. */
/* Root cause (confirmed via computed-style testing): Avada puts a CSS
   transition on background-color for this element, and that transition gets
   stuck interpolating toward transparent — while a transition is actively
   running, its interpolated value overrides ANY static background-color,
   even !important ones. Disabling the transition here is what actually lets
   the color apply; without it, this rule alone has no visible effect. */
.fusion-sticky-container.fusion-container-stuck {
	transition: none !important;
	background-color: var(--aacosta-night) !important;
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}

/* WCAG 2.2 AA audit fixes (axe-core scan, all page templates) */

/* The "kicker" label above section titles (Soluciones, Productos, Casos de
   uso, etc.) inherits Avada's leftover demo accent color (--awb-color5,
   #432df4) via an inline --awb-text-color custom property, which only
   reaches ~2.4:1 contrast against the site's near-black background — under
   the 4.5:1 AA minimum for text. Inline custom properties can't be beaten
   by a plain external rule, so this overrides the custom property itself
   with !important. A lighter violet (#B565FF) keeps the intended accent
   look while passing AA (5.24:1) on the dark background. */
[style*="--awb-text-color:var(--awb-color5)"] {
	--awb-text-color: #B565FF !important;
}

/* The one section on the site with a white background ("¿Cómo podemos
   ayudarte?") needs the opposite adjustment — the light violet above only
   gets 3.34:1 on white. AACOSTA's own brand violet is dark enough to pass
   there (5.06:1), and wins over the rule above via selector specificity. */
.fusion-fullwidth[style*="--awb-background-color:var(--awb-color1)"] [style*="--awb-text-color:var(--awb-color5)"] {
	--awb-text-color: var(--aacosta-violet) !important;
}

/* Text-only CTA links like "Conocer más" / "Hablar sobre este caso de uso"
   render ~20px tall with zero padding — under WCAG 2.5.8's 24x24px minimum
   touch target. Padding grows the clickable area without visibly changing
   the line height. */
.fusion-title-heading.title-heading-tag u a {
	padding: 3px 0;
	display: inline-block;
}

/* The "Aviso de Privacidad" link inside the contact form's consent checkbox
   is only distinguished from its surrounding white label text by color
   (#F6E860 on white, 1.27:1) — invisible to anyone who can't rely on color.
   An underline distinguishes it structurally, satisfying WCAG 1.4.1. */
.fusion-form-checkbox-field label a {
	text-decoration: underline;
}