/* Paleta WAI para páginas públicas internas: legales, ayuda y demo. */
:root {
    --wai-public-forest: #0d1712;
    --wai-public-deep: #103321;
    --wai-public-primary: #147346;
    --wai-public-primary-hover: #0d5733;
    --wai-public-mint: #6de2a1;
    --wai-public-mint-soft: #dff4e7;
    --wai-public-page: #f5faf7;
    --wai-public-surface: #ffffff;
    --wai-public-text: #14231b;
    --wai-public-muted: #52645a;
    --wai-public-line: #cbdcd2;
}

/* Documentos legales ----------------------------------------------------- */
body.wai-landing > header:not(.docs-site-header) {
    border-color: var(--wai-public-line);
    background: rgba(255, 255, 255, .95);
}

body.wai-landing > header:not(.docs-site-header) .border-slate-200,
body.wai-landing > main:not(.docs-page) .border-slate-200 {
    border-color: var(--wai-public-line);
}

body.wai-landing > header:not(.docs-site-header) .text-slate-700 {
    color: var(--wai-public-text);
}

body.wai-landing > header:not(.docs-site-header) a:last-child:hover {
    color: var(--wai-public-primary-hover);
    border-color: #8ecfa8;
}

body.wai-landing > main:not(.docs-page),
body.wai-landing > main:not(.docs-page).bg-slate-50 {
    background: var(--wai-public-page);
}

body.wai-landing > main:not(.docs-page) .bg-white {
    background: var(--wai-public-surface);
}

body.wai-landing > main:not(.docs-page) .text-slate-950 {
    color: var(--wai-public-text);
}

body.wai-landing > main:not(.docs-page) .text-slate-700 {
    color: #35483d;
}

body.wai-landing > main:not(.docs-page) .text-slate-500 {
    color: var(--wai-public-muted);
}

body.wai-landing > main:not(.docs-page) .text-blue-600,
body.wai-landing > main:not(.docs-page) .text-blue-700,
body.wai-landing > main:not(.docs-page) .hover\:text-blue-700:hover {
    color: var(--wai-public-primary);
}

body.wai-landing > main:not(.docs-page) .border-blue-100,
body.wai-landing > main:not(.docs-page) .border-blue-200 {
    border-color: #b9e4c9;
}

body.wai-landing > main:not(.docs-page) .bg-blue-50 {
    background: var(--wai-public-mint-soft);
}

body.wai-landing > main:not(.docs-page) .text-blue-950 {
    color: #123d27;
}

body.wai-landing > main:not(.docs-page) .bg-slate-900 {
    background: var(--wai-public-deep);
}

body.wai-landing > footer:not(.docs-footer) {
    color: #b9cfc1;
    background: var(--wai-public-forest);
}

body.wai-landing > footer:not(.docs-footer) .text-white {
    color: #f4fbf6;
}

/* Centro de Ayuda -------------------------------------------------------- */
.docs-site-header {
    border-color: var(--wai-public-line);
    background: rgba(255, 255, 255, .95);
}

.docs-site-nav a {
    color: var(--wai-public-muted);
}

.docs-site-nav a:hover,
.docs-site-nav a:focus-visible {
    color: var(--wai-public-primary-hover);
}

.docs-site-nav .docs-nav-login {
    color: #fff;
    background: var(--wai-public-primary);
}

.docs-site-nav .docs-nav-login:hover {
    color: #fff;
    background: var(--wai-public-primary-hover);
}

.docs-page {
    color: var(--wai-public-text);
    background: var(--wai-public-page);
}

.docs-hero {
    background:
        radial-gradient(circle at 8% 80%, rgba(109, 226, 161, .22), transparent 25%),
        radial-gradient(circle at 88% 18%, rgba(90, 188, 126, .25), transparent 31%),
        linear-gradient(135deg, var(--wai-public-forest) 0%, #103321 52%, var(--wai-public-primary) 100%);
}

.docs-breadcrumb {
    color: #c7dfcf;
}

.docs-hero .docs-eyebrow,
.docs-support .docs-eyebrow {
    color: var(--wai-public-mint);
}

.docs-hero h1 + p {
    color: #d7ecdf;
}

.docs-eyebrow,
.docs-channel-label {
    color: var(--wai-public-primary);
}

.docs-search {
    color: var(--wai-public-muted);
    border-color: rgba(255, 255, 255, .74);
    box-shadow: 0 22px 55px rgba(6, 22, 14, .34);
}

.docs-search input {
    color: var(--wai-public-text);
}

.docs-search:focus-within,
.docs-logo:focus-visible,
.docs-site-nav a:focus-visible,
.docs-guide-link:focus-visible,
.docs-steps a:focus-visible,
.docs-reference-links a:focus-visible,
.docs-support > a:focus-visible,
.docs-footer a:focus-visible,
.docs-footer button:focus-visible,
.docs-faq summary:focus-visible {
    outline-color: rgba(20, 115, 70, .38);
}

.docs-guide-link,
.docs-guide,
.docs-faq,
.docs-references,
.docs-empty {
    color: var(--wai-public-text);
    background: var(--wai-public-surface);
    border-color: var(--wai-public-line);
    box-shadow: 0 14px 38px rgba(13, 38, 24, .07);
}

.docs-guide-link:hover {
    border-color: #8ecfa8;
    box-shadow: 0 18px 42px rgba(20, 115, 70, .14);
}

.docs-guide-link > span {
    background: var(--wai-public-primary);
}

.docs-guide-link small,
.docs-guide-header h2 + p,
.docs-requirements > p,
.docs-steps p,
.docs-faq header p,
.docs-references p,
.docs-support p,
.docs-faq details p,
.docs-empty,
.docs-empty p {
    color: var(--wai-public-muted);
}

.docs-notice {
    color: #1d5133;
    background: #eaf8ef;
    border-color: #b9e4c9;
}

.docs-notice > i {
    color: var(--wai-public-primary);
    background: #d4f1df;
}

.docs-guide-header,
.docs-requirements > p {
    border-color: #dceae1;
}

.docs-guide-number,
.docs-steps li > span {
    color: var(--wai-public-primary-hover);
    background: var(--wai-public-mint-soft);
    border-color: #b9e4c9;
}

.docs-guide-header h2,
.docs-requirements h3,
.docs-steps h3,
.docs-faq h2,
.docs-references h2,
.docs-support h2,
.docs-steps strong,
.docs-faq summary {
    color: var(--wai-public-text);
}

.docs-requirements {
    color: #35483d;
    background: #f7fcf8;
    border-color: #dceae1;
}

.docs-requirements h3 i,
.docs-requirements li::before {
    color: var(--wai-public-primary);
    background: var(--wai-public-primary);
}

.docs-steps li:not(:last-child)::before {
    background: #cbead6;
}

.docs-steps a,
.docs-faq summary i {
    color: var(--wai-public-primary);
}

.docs-personal-warning {
    color: #6d5010;
    background: #fff9e8;
    border-color: #f0d98c;
}

.docs-faq details {
    background: #f7fcf8;
    border-color: #dceae1;
}

.docs-reference-links a {
    color: var(--wai-public-primary-hover);
    background: var(--wai-public-mint-soft);
    border-color: #b9e4c9;
}

.docs-reference-links a:hover {
    background: #ccefd9;
}

.docs-support {
    background:
        radial-gradient(circle at 80% 20%, rgba(109, 226, 161, .22), transparent 28%),
        linear-gradient(135deg, var(--wai-public-forest), var(--wai-public-deep));
    box-shadow: 0 22px 55px rgba(13, 38, 24, .2);
}

.docs-support p {
    color: #c7dfcf;
}

.docs-support > a {
    color: var(--wai-public-forest);
    background: var(--wai-public-mint);
    box-shadow: 0 15px 30px rgba(109, 226, 161, .18);
}

.docs-footer {
    color: #b9cfc1;
    background: var(--wai-public-forest);
}

.docs-footer a,
.docs-footer button {
    color: #f4fbf6;
}

/* Demo pública ----------------------------------------------------------- */
.demo-page {
    color: var(--wai-public-text);
    background:
        radial-gradient(circle at 15% 0, #dff4e7 0, transparent 32rem),
        radial-gradient(circle at 90% 15%, #ccefd9 0, transparent 28rem),
        var(--wai-public-page);
}

.demo-topbar span,
.demo-hero p,
.demo-panel-heading p,
.demo-conversion p,
.demo-legal-links a,
.demo-legal-links button {
    color: var(--wai-public-muted);
}

.demo-topbar a:last-child,
.demo-conversion > a {
    background: var(--wai-public-deep);
}

.demo-kicker {
    color: var(--wai-public-primary-hover);
    background: var(--wai-public-mint-soft);
}

.demo-trust,
.demo-whatsapp-link {
    color: var(--wai-public-primary);
}

.demo-form,
.demo-chat {
    border-color: var(--wai-public-line);
    box-shadow: 0 24px 70px rgba(13, 38, 24, .09);
}

.demo-panel-heading > span,
.demo-form > button,
.demo-message.is-user > span {
    background: var(--wai-public-primary);
}

.demo-fields input:focus,
.demo-fields textarea:focus {
    border-color: var(--wai-public-primary);
    box-shadow: 0 0 0 3px rgba(20, 115, 70, .12);
}

.demo-chat > header {
    background: var(--wai-public-forest);
}

.demo-avatar,
.demo-chat form button {
    background: var(--wai-public-primary);
}

.demo-messages {
    background: #edf8f1;
}

.demo-message > span {
    color: var(--wai-public-primary-hover);
}

.demo-message.is-user p {
    background: var(--wai-public-mint-soft);
}

.demo-conversion > a.demo-secondary-link {
    color: var(--wai-public-primary-hover);
    background: #fff;
    border-color: #b9e4c9;
}