/**
 * Logali UI Foundations
 *
 * Capa visual compartida y deliberadamente acotada a landings migradas.
 * No contiene estilos globales del tema para evitar regresiones en WooCommerce.
 */
:where(.lct-page, .lu-page) {
    --logali-brand-navy: #212f61;
    --logali-brand-navy-dark: #0f1b3d;
    --logali-brand-gold: #ffc250;
    --logali-ink: #18213a;
    --logali-muted: #5f6b7e;
    --logali-surface: #ffffff;
    --logali-surface-soft: #f6f8fc;
    --logali-border: #d8deea;
    --logali-success: #087a5b;
    --logali-danger: #b42318;
    --logali-focus: #0b78d0;
    --logali-radius-sm: 10px;
    --logali-radius-md: 14px;
    --logali-radius-lg: 22px;
    --logali-shadow-sm: 0 6px 20px rgba(15, 27, 61, 0.08);
    --logali-shadow-md: 0 16px 45px rgba(15, 27, 61, 0.12);
    color: var(--logali-ink);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

:where(.lct-page, .lu-page) :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid var(--logali-focus) !important;
    outline-offset: 3px !important;
}

:where(.lct-page, .lu-page) :where(button, input, select, textarea) {
    font: inherit;
}

:where(.lct-page, .lu-page) :where(input, select, textarea) {
    color: var(--logali-ink);
}

:where(.lct-page, .lu-page) :where(input, select, textarea)::placeholder {
    color: #7a8598;
    opacity: 1;
}

:where(.lct-page, .lu-page) :where(button, [type="submit"], .lct-btn, .lu-btn) {
    min-height: 48px;
    touch-action: manipulation;
}

:where(.lct-page, .lu-page) :where(.lct-motivo-card, .lct-asesor-card, .lu-benefit-grid article, .lu-modality-grid article, .lu-course, .lu-faq details) {
    border-radius: var(--logali-radius-md);
}

:where(.lct-page, .lu-page) :where(.lct-error, .lu-feedback.is-error) {
    color: var(--logali-danger);
}

:where(.lct-page, .lu-page) :where(.lct-success, .lu-feedback.is-success) {
    color: var(--logali-success);
}

@media (hover: hover) and (pointer: fine) {
    :where(.lct-page, .lu-page) :where(a, button, .lct-motivo-card, .lu-course) {
        transition-duration: 180ms;
        transition-timing-function: ease-out;
    }
}

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

    :where(.lct-page, .lu-page) :where(.lct-motivo-card, .lu-btn, .lct-btn, .lu-course):hover {
        transform: none !important;
    }
}

@media (forced-colors: active) {
    :where(.lct-page, .lu-page) :where(a, button, input, select, textarea, summary) {
        forced-color-adjust: auto;
    }
}

/* Fase 2B: la landing FUNDAE adopta la misma base sin tocar el tema ni WooCommerce. */
.logali-fundae-landing {
    --logali-brand-navy: #212f61;
    --logali-brand-navy-dark: #0f1b3d;
    --logali-brand-gold: #ffc250;
    --logali-ink: #18213a;
    --logali-muted: #5f6b7e;
    --logali-focus: #0b78d0;
    --logali-radius-md: 14px;
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.logali-fundae-landing :where(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid var(--logali-focus) !important;
    outline-offset: 3px !important;
}

.logali-fundae-landing :where(button, [type="submit"], .lf-btn) {
    min-height: 48px;
    touch-action: manipulation;
}

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

    .logali-fundae-landing :where(.lf-btn, .lf-fcard, .lf-why-card):hover {
        transform: none !important;
    }
}