/* ============================================================
   ARGUS — Estilos Específicos do Site
   Extensão do DS Apple para o produto ARGUS

   Organização:
   1. Variáveis ARGUS (extende tokens DS)
   2. Header overrides
   3. Hero
   4. Quem Somos
   5. Nossos Números
   6. Diferencial
   7. Depoimentos
   8. Fale Conosco
   9. Demonstração
   10. Footer
   11. Formulários ARGUS
   12. Utilitários ARGUS
   13. Responsivo
   ============================================================ */


/* ══════════════════════════════════════════
   1. VARIÁVEIS ARGUS
   Extende os tokens do DS sem sobrescrever
════════════════════════════════════════════ */

/* ──────────────────────────────────────────
   PALETA OFICIAL ASTICTO
   Base institucional azul + dourado, com
   neutros claros para leitura e apoio verde
   pontual para estados positivos.
─────────────────────────────────────────── */
:root {
    --argus-bg-navy-deep: var(--brand-blue-700);
    --argus-bg-navy: var(--brand-blue-900);
    --argus-bg-navy-mid: var(--brand-blue-800);
    --argus-bg-navy-light: var(--brand-blue-600);

    --argus-bg-section-gray: var(--surface-100);
    --argus-nav-dark-bg: rgba(18, 40, 87, 0.92);

    --argus-gradient-hero: linear-gradient(135deg,
            var(--brand-blue-900) 0%,
            var(--brand-blue-800) 42%,
            var(--brand-blue-700) 78%,
            var(--brand-blue-900) 100%);

    --argus-glow-blue: 0 0 48px rgba(51, 102, 204, 0.28),
        0 0 96px rgba(244, 199, 19, 0.12);

    --argus-card-auto: linear-gradient(135deg, var(--brand-blue-900) 0%, var(--brand-blue-700) 100%);
    --argus-card-compliance: linear-gradient(135deg, var(--brand-blue-800) 0%, var(--brand-blue-600) 100%);
    --argus-card-transparency: linear-gradient(135deg, var(--brand-blue-900) 0%, var(--brand-blue-800) 100%);
    --argus-card-integrations: linear-gradient(135deg, var(--brand-blue-700) 0%, #15a266 100%);
    --argus-card-support: linear-gradient(135deg, var(--brand-blue-900) 0%, var(--brand-blue-700) 100%);
    --argus-card-mobile: linear-gradient(135deg, var(--brand-blue-800) 0%, var(--brand-blue-600) 100%);
}


/* ══════════════════════════════════════════
   1b. NEUTRALIZAR DARK MODE AUTOMÁTICO do DS
   O DS Apple aplica prefers-color-scheme:dark
   trocando --color-text-primary para #f5f5f7.
   Em seções claras (gray/white) isso causa texto
   branco sobre fundo claro = invisível.
   ARGUS controla escuro/claro de forma explícita,
   então restauramos os tokens de modo claro aqui.
════════════════════════════════════════════ */
@media (prefers-color-scheme: dark) {
    :root {
        /* Restaura fundos claros */
        --color-bg-primary: var(--white);
        --color-bg-secondary: var(--surface-100);
        --color-bg-card: var(--white);
        --color-bg-card-gray: var(--surface-050);
        --color-bg-nav: rgba(255, 255, 255, 0.92);
        /* Restaura texto escuro para seções claras */
        --color-text-primary: var(--brand-blue-900);
        --color-text-body: var(--ink-800);
        --color-text-secondary: var(--gray-600);
        --color-text-tertiary: var(--gray-500);
        /* Bordas e divisores de modo claro */
        --color-border-light: var(--gray-200);
        --color-divider: rgba(18, 40, 87, 0.1);
        /* Accent modo claro */
        --color-accent: var(--brand-blue-700);
        --color-accent-hover: var(--brand-blue-800);
        /* Sombras de modo claro */
        --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
        --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.14);
    }
}


/* ══════════════════════════════════════════
   2. HEADER
════════════════════════════════════════════ */

/* Logo icon (img) dimensionada */
.argus-logo-icon {
    width: 26px;
    height: 26px;
    object-fit: contain;
    display: block;
    flex-shrink: 0;
}

/* ── Header ARGUS: 80px, glassmorphism navy, links em azul accent ─── */
.ds-header.ds-header--dark {
    position: sticky;
    top: 0;
    height: 80px;
    /* Estado padrão (topo): fundo branco */
    background: rgba(255, 255, 255, 0.97);
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
    border-bottom: 1px solid rgba(18, 40, 87, 0.08);
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.07);
    /* Transição suave entre estados */
    transition:
        background var(--duration-slow) var(--ease-default),
        border-color var(--duration-slow) var(--ease-default),
        box-shadow var(--duration-slow) var(--ease-default);
}

/* Links escuros no fundo branco */
.ds-header.ds-header--dark .ds-header__nav-link {
    color: var(--brand-blue-900);
    height: 80px;
    font-weight: var(--font-weight-medium);
    letter-spacing: -0.01em;
    transition: color var(--duration-slow) var(--ease-default);
}

.ds-header.ds-header--dark .ds-header__nav-link:hover {
    color: var(--color-accent);
}

.ds-header.ds-header--dark .ds-header__nav-link--cta {
    height: 42px;
    padding-inline: 0.95rem;
    border-radius: 999px;
    border: 1px solid rgba(255, 244, 200, 0.68);
    background: linear-gradient(110deg,
            rgba(255, 248, 222, 0.96) 0%,
            rgba(244, 199, 19, 0.94) 54%,
            rgba(227, 184, 11, 0.96) 100%);
    color: var(--brand-blue-900);
    font-weight: var(--font-weight-semibold);
    box-shadow: 0 8px 18px rgba(18, 40, 87, 0.16);
}

.ds-header.ds-header--dark .ds-header__nav-link--cta:hover,
.ds-header.ds-header--dark .ds-header__nav-link--cta:focus-visible {
    color: var(--brand-blue-900);
    border-color: rgba(255, 244, 200, 0.9);
    background: linear-gradient(110deg,
            rgba(255, 250, 232, 0.98) 0%,
            rgba(244, 199, 19, 0.98) 56%,
            rgba(227, 184, 11, 0.98) 100%);
    box-shadow: 0 12px 24px rgba(18, 40, 87, 0.2);
}

.ds-header.ds-header--dark .ds-header__nav-link.is-active {
    color: var(--color-accent);
    border-bottom-color: var(--color-accent);
}

.ds-header.ds-header--dark .ds-header__nav-link--cta.is-active {
    color: var(--brand-blue-900);
    border-bottom-color: rgba(255, 244, 200, 0.88);
    background: linear-gradient(110deg,
            rgba(255, 250, 232, 0.98) 0%,
            rgba(244, 199, 19, 0.98) 56%,
            rgba(227, 184, 11, 0.98) 100%);
}

/* Logo: texto escuro no fundo branco */
.ds-header.ds-header--dark .ds-header__logo-text {
    color: var(--brand-blue-900);
    transition: color var(--duration-slow) var(--ease-default);
}

/* ── Estado scrollado: navy glassmorphism ── */
.ds-header.ds-header--dark.is-scrolled {
    background: var(--argus-nav-dark-bg);
    backdrop-filter: saturate(200%) blur(28px);
    -webkit-backdrop-filter: saturate(200%) blur(28px);
    border-bottom-color: rgba(244, 199, 19, 0.22);
    box-shadow: 0 2px 32px rgba(0, 0, 0, 0.35);
}

/* Links azul accent no fundo navy */
.ds-header.ds-header--dark.is-scrolled .ds-header__nav-link {
    color: var(--color-accent-dark);
}

.ds-header.ds-header--dark.is-scrolled .ds-header__nav-link:hover {
    color: #ffffff;
}

.ds-header.ds-header--dark.is-scrolled .ds-header__nav-link--cta,
.ds-header.ds-header--dark.is-scrolled .ds-header__nav-link--cta.is-active {
    color: var(--brand-blue-900);
    border-color: rgba(255, 244, 200, 0.74);
    border-bottom-color: rgba(255, 244, 200, 0.74);
    background: linear-gradient(110deg,
            rgba(255, 248, 222, 0.96) 0%,
            rgba(244, 199, 19, 0.94) 54%,
            rgba(227, 184, 11, 0.96) 100%);
    box-shadow: 0 10px 24px rgba(18, 40, 87, 0.22);
}

.ds-header.ds-header--dark.is-scrolled .ds-header__nav-link--cta:hover,
.ds-header.ds-header--dark.is-scrolled .ds-header__nav-link--cta:focus-visible {
    color: var(--brand-blue-900);
    border-color: rgba(255, 244, 200, 0.9);
    background: linear-gradient(110deg,
            rgba(255, 250, 232, 0.98) 0%,
            rgba(244, 199, 19, 0.98) 56%,
            rgba(227, 184, 11, 0.98) 100%);
    box-shadow: 0 14px 28px rgba(18, 40, 87, 0.24);
}

/* Subpáginas: CTA alinhado ao nav padrão (sem pílula destacada) */
.ds-header.ds-header--dark:not(.argus-home-header) .ds-header__nav-link--cta,
.ds-header.ds-header--dark:not(.argus-home-header).is-scrolled .ds-header__nav-link--cta {
    height: 80px;
    padding-inline: var(--space-3);
    border: none;
    border-bottom: 1px solid transparent;
    border-radius: var(--radius-sm);
    background: transparent;
    box-shadow: none;
    color: var(--brand-gold-900);
    font-weight: var(--font-weight-semibold);
}

.ds-header.ds-header--dark:not(.argus-home-header) .ds-header__nav-link--cta:hover,
.ds-header.ds-header--dark:not(.argus-home-header) .ds-header__nav-link--cta:focus-visible,
.ds-header.ds-header--dark:not(.argus-home-header).is-scrolled .ds-header__nav-link--cta:hover,
.ds-header.ds-header--dark:not(.argus-home-header).is-scrolled .ds-header__nav-link--cta:focus-visible {
    color: var(--brand-gold-700);
    border-bottom-color: rgba(244, 199, 19, 0.52);
    background: rgba(244, 199, 19, 0.12);
}

.ds-header.ds-header--dark:not(.argus-home-header) .ds-header__nav-link--cta.is-active,
.ds-header.ds-header--dark:not(.argus-home-header).is-scrolled .ds-header__nav-link--cta.is-active {
    color: var(--brand-gold-700);
    border-bottom-color: rgba(244, 199, 19, 0.7);
    background: rgba(244, 199, 19, 0.16);
}

.ds-header.ds-header--dark.is-scrolled .ds-header__nav-link.is-active {
    color: #ffffff;
    border-bottom-color: var(--color-accent-dark);
}

/* Logo: texto branco no fundo navy */
.ds-header.ds-header--dark.is-scrolled .ds-header__logo-text {
    color: #ffffff;
}

/* Hamburger: escuro no fundo branco, branco no fundo navy */
.ds-header.ds-header--dark .ds-header__hamburger {
    color: var(--brand-blue-900);
    transition: color var(--duration-slow) var(--ease-default);
}

.ds-header.ds-header--dark.is-scrolled .ds-header__hamburger {
    color: #ffffff;
}

/* Subpáginas: centralização real do menu no desktop */
@media (min-width: 769px) {
    .ds-header.ds-header--dark:not(.argus-home-header) .ds-header__inner {
        max-width: var(--container-xl);
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
        align-items: center;
        gap: var(--space-4);
    }

    .ds-header.ds-header--dark:not(.argus-home-header) .ds-header__logo {
        justify-self: start;
    }

    .ds-header.ds-header--dark:not(.argus-home-header) .ds-header__nav {
        grid-column: 2;
        justify-self: center;
        flex: none;
    }

    .ds-header.ds-header--dark:not(.argus-home-header) .ds-header__actions {
        grid-column: 3;
        justify-self: end;
    }
}

/* ── Home Header Variant (estilo moderno/floating) ── */
.ds-header.ds-header--dark.argus-home-header {
    position: fixed;
    top: 14px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: min(1160px, calc(100% - 2rem));
    height: 68px;
    border-radius: 999px;
    border: 1px solid rgba(168, 214, 255, 0.28);
    background: rgba(4, 17, 36, 0.62);
    backdrop-filter: saturate(190%) blur(24px);
    -webkit-backdrop-filter: saturate(190%) blur(24px);
    box-shadow:
        0 18px 46px rgba(2, 10, 25, 0.34),
        inset 0 1px 0 rgba(235, 246, 255, 0.08);
}

.ds-header.ds-header--dark.argus-home-header.is-scrolled {
    top: 10px;
    height: 64px;
    border-color: rgba(173, 220, 255, 0.4);
    background: rgba(3, 14, 30, 0.8);
    box-shadow:
        0 18px 48px rgba(1, 8, 20, 0.5),
        inset 0 1px 0 rgba(235, 246, 255, 0.1);
}

.ds-header.ds-header--dark.argus-home-header .ds-header__inner {
    max-width: none;
    padding-inline: clamp(0.8rem, 2.1vw, 1.25rem);
    gap: var(--space-3);
}

.ds-header.ds-header--dark.argus-home-header .ds-header__logo-text {
    color: #eef7ff;
    font-size: 1.08rem;
}

.ds-header.ds-header--dark.argus-home-header .ds-header__nav {
    gap: var(--space-2);
}

.ds-header.ds-header--dark.argus-home-header .ds-header__nav-link,
.ds-header.ds-header--dark.argus-home-header.is-scrolled .ds-header__nav-link {
    height: 44px;
    padding-inline: 0.95rem;
    border-radius: 999px;
    border: 1px solid transparent;
    color: rgba(232, 244, 255, 0.88);
    font-size: 0.93rem;
    font-weight: var(--font-weight-medium);
    letter-spacing: -0.005em;
}

.ds-header.ds-header--dark.argus-home-header .ds-header__nav-link:hover,
.ds-header.ds-header--dark.argus-home-header .ds-header__nav-link:focus-visible,
.ds-header.ds-header--dark.argus-home-header.is-scrolled .ds-header__nav-link:hover,
.ds-header.ds-header--dark.argus-home-header.is-scrolled .ds-header__nav-link:focus-visible {
    color: #ffffff;
    border-color: rgba(244, 199, 19, 0.42);
    background: rgba(244, 199, 19, 0.12);
}

.ds-header.ds-header--dark.argus-home-header .ds-header__nav-link.is-active,
.ds-header.ds-header--dark.argus-home-header.is-scrolled .ds-header__nav-link.is-active {
    color: #ffffff;
    border-color: rgba(244, 199, 19, 0.58);
    border-bottom-color: rgba(244, 199, 19, 0.58);
    background: linear-gradient(128deg, rgba(31, 61, 123, 0.76) 0%, rgba(36, 71, 143, 0.82) 100%);
    box-shadow: 0 8px 20px rgba(18, 40, 87, 0.3);
}

.ds-header.ds-header--dark.argus-home-header .ds-header__nav-link--cta,
.ds-header.ds-header--dark.argus-home-header.is-scrolled .ds-header__nav-link--cta {
    color: var(--brand-blue-900);
    border-color: rgba(255, 244, 200, 0.76);
    border-bottom-color: rgba(255, 244, 200, 0.76);
    background: linear-gradient(110deg,
            rgba(255, 248, 222, 0.96) 0%,
            rgba(244, 199, 19, 0.94) 54%,
            rgba(227, 184, 11, 0.96) 100%);
    box-shadow: 0 10px 24px rgba(18, 40, 87, 0.28);
}

.ds-header.ds-header--dark.argus-home-header .ds-header__nav-link--cta:hover,
.ds-header.ds-header--dark.argus-home-header .ds-header__nav-link--cta:focus-visible,
.ds-header.ds-header--dark.argus-home-header.is-scrolled .ds-header__nav-link--cta:hover,
.ds-header.ds-header--dark.argus-home-header.is-scrolled .ds-header__nav-link--cta:focus-visible {
    color: var(--brand-blue-900);
    border-color: rgba(255, 244, 200, 0.9);
    background: linear-gradient(110deg,
            rgba(255, 250, 232, 0.98) 0%,
            rgba(244, 199, 19, 0.98) 56%,
            rgba(227, 184, 11, 0.98) 100%);
    box-shadow: 0 14px 28px rgba(18, 40, 87, 0.3);
}

.argus-btn--glass {
    border: 1px solid rgba(255, 255, 255, 0.28);
    background: linear-gradient(135deg,
            rgba(18, 40, 87, 0.82) 0%,
            rgba(31, 61, 123, 0.78) 58%,
            rgba(244, 199, 19, 0.2) 100%);
    color: #ffffff;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.2),
        0 12px 24px rgba(18, 40, 87, 0.24);
}

.argus-btn--glass:hover,
.argus-btn--glass:focus-visible {
    color: #ffffff;
    border-color: rgba(244, 199, 19, 0.56);
    background: linear-gradient(135deg,
            rgba(21, 46, 98, 0.9) 0%,
            rgba(36, 71, 143, 0.82) 56%,
            rgba(244, 199, 19, 0.28) 100%);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.24),
        0 14px 28px rgba(18, 40, 87, 0.28);
}

.ds-header.ds-header--dark.argus-home-header .ds-header__hamburger,
.ds-header.ds-header--dark.argus-home-header.is-scrolled .ds-header__hamburger {
    color: #eef7ff;
}

@media (max-width: 920px) {
    .ds-header.ds-header--dark.argus-home-header {
        width: calc(100% - 1.25rem);
        top: 10px;
        height: 62px;
        border-radius: 22px;
    }

    .ds-header.ds-header--dark.argus-home-header.is-scrolled {
        top: 8px;
        height: 60px;
    }
}

@media (max-width: 768px) {
    .ds-header.ds-header--dark.argus-home-header {
        width: calc(100% - 1rem);
        top: 8px;
        height: 58px;
        border-radius: 18px;
    }

    .ds-header.ds-header--dark.argus-home-header .ds-header__logo-text {
        font-size: 1rem;
    }
}

/* Spacer acompanha a nova altura de 80px */
.ds-header-spacer {
    display: none;
    height: 0;
}

.argus-section-nav-shell {
    position: sticky;
    top: 80px;
    z-index: 90;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: saturate(180%) blur(16px);
    -webkit-backdrop-filter: saturate(180%) blur(16px);
    border-bottom: 1px solid rgba(11, 29, 58, 0.08);
    box-shadow: 0 10px 30px rgba(11, 29, 58, 0.08);
}

.argus-section-nav {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.argus-section-nav::-webkit-scrollbar {
    display: none;
}

.argus-section-nav__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0.75rem 1rem;
    border: 1px solid rgba(18, 40, 87, 0.1);
    border-radius: 999px;
    background: rgba(18, 40, 87, 0.04);
    color: var(--brand-blue-900);
    font-size: 0.95rem;
    font-weight: var(--font-weight-medium);
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    transition:
        transform var(--duration-normal) var(--ease-default),
        background var(--duration-normal) var(--ease-default),
        border-color var(--duration-normal) var(--ease-default),
        color var(--duration-normal) var(--ease-default),
        box-shadow var(--duration-normal) var(--ease-default);
}

.argus-section-nav__link:hover,
.argus-section-nav__link:focus-visible {
    background: rgba(244, 199, 19, 0.12);
    border-color: rgba(244, 199, 19, 0.22);
    color: var(--color-accent);
    box-shadow: 0 8px 20px rgba(18, 40, 87, 0.12);
    transform: translateY(-1px);
}

.argus-section-nav__link:focus-visible {
    outline: 2px solid rgba(244, 199, 19, 0.28);
    outline-offset: 2px;
}

#hero,
#quem-somos,
#numeros,
#noticias,
#galeria-imagens,
#galeria-videos,
#contato {
    scroll-margin-top: 96px;
}


/* ══════════════════════════════════════════
   3. HERO
════════════════════════════════════════════ */

.argus-hero {
    background: var(--argus-gradient-hero);
    text-align: left;
    /* Override do ds-section--hero que centraliza */
    align-items: center;
    position: relative;
    overflow: hidden;
}

.argus-hero--with-cover {
    background: var(--argus-bg-navy);
}

/* ─── Seções escuras: navy em vez de preto ─── */
.ds-section--dark {
    background-color: var(--argus-bg-navy);
}

.ds-section--dark-alt {
    background-color: var(--argus-bg-navy-mid);
}

/* ─── Seções cinza: leve toque azul (SaaS premium) ─── */
.ds-section--gray {
    background-color: var(--argus-bg-section-gray);
}

/* ─────────────────────────────────────────────────────
   CORREÇÃO DARK MODE (macOS / prefers-color-scheme)
   O DS Apple auto-troca tokens para modo escuro, o que
   causa texto branco (#f5f5f7) sobre fundo claro —
   praticamente invisível. Forçamos tokens de luz nas
   seções com fundo claro, independente da preferência.
───────────────────────────────────────────────────── */
.ds-section--gray,
.ds-section--white,
.ds-section--gray.ds-section--bordered,
.ds-section--white.ds-section--bordered {
    /* Texto escuro forçado em fundos claros */
    --color-text-primary: var(--brand-blue-900);
    --color-text-body: var(--ink-800);
    --color-text-secondary: var(--gray-600);
    --color-text-tertiary: var(--gray-500);
    /* Cards e bordas de modo claro */
    --color-bg-card: var(--white);
    --color-bg-card-gray: var(--surface-050);
    --color-border-light: var(--gray-200);
    --color-divider: rgba(18, 40, 87, 0.1);
    /* Sombras de modo claro */
    --shadow-card: 0 2px 12px rgba(0, 0, 0, 0.08);
    --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.14);
    /* Accent — modo claro */
    --color-accent: var(--brand-blue-700);
    --color-accent-hover: var(--brand-blue-800);
}

/* Fundo decorativo */
.argus-hero__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}

.argus-hero__bg-cover {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: var(--argus-bg-navy);
}

.argus-hero__bg-cover::before,
.argus-hero__bg-cover::after {
    content: "";
    position: absolute;
    inset: 0;
}

.argus-hero__bg-cover::before {
    inset: -4%;
    background-image: var(--argus-hero-cover-image);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(18px) saturate(0.88) contrast(1.02);
    transform: scale(1.06);
    opacity: 0.42;
}

.argus-hero__bg-cover::after {
    background-image:
        linear-gradient(180deg, rgba(18, 40, 87, 0.66) 0%, rgba(18, 40, 87, 0.46) 24%, rgba(18, 40, 87, 0.76) 100%),
        var(--argus-hero-cover-image);
    background-position: center, center top;
    background-repeat: no-repeat, no-repeat;
    /* Evita faixas laterais em viewports largas. */
    background-size: cover, cover;
}

/* Orbs de luz */
.argus-hero__bg-orb {
    position: absolute;
    border-radius: var(--radius-circle);
    filter: blur(100px);
    opacity: 0.5;
}

.argus-hero__bg-orb--1 {
    width: 650px;
    height: 650px;
    background: radial-gradient(circle, rgba(244, 199, 19, 0.28) 0%, transparent 68%);
    top: -20%;
    left: -12%;
}

@media (max-width: 768px) {
    .argus-section-nav-shell {
        top: 80px;
    }

    .argus-section-nav {
        gap: var(--space-2);
        padding: var(--space-3) 0;
    }

    .argus-section-nav__link {
        min-height: 40px;
        padding: 0.7rem 0.9rem;
        font-size: 0.9rem;
    }

    #hero,
    #quem-somos,
    #numeros,
    #noticias,
    #galeria-imagens,
    #galeria-videos,
    #contato {
        scroll-margin-top: 88px;
    }
}

.argus-hero__bg-orb--2 {
    width: 520px;
    height: 520px;
    background: radial-gradient(circle, rgba(51, 102, 204, 0.22) 0%, transparent 70%);
    bottom: -12%;
    right: 18%;
}

/* Grade decorativa */
.argus-hero__bg-grid {
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, 0.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.025) 1px, transparent 1px);
    background-size: 60px 60px;
}

/* Layout inner do hero */
.argus-hero__inner {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-16);
    align-items: center;
    width: 100%;
}

/* Conteúdo textual */
.argus-hero__content {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    max-width: 600px;
}

/* Badge row do hero */
.argus-hero__badge-row {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    flex-wrap: wrap;
}

.argus-hero__badge-text {
    font-size: var(--text-footnote);
}

.argus-hero__badge-date {
    background: rgba(244, 199, 19, 0.94);
    color: var(--brand-blue-900);
    border: 1px solid rgba(18, 40, 87, 0.14);
    box-shadow: 0 8px 20px rgba(18, 40, 87, 0.24);
}

/* Título com destaque italic */
.argus-hero__title {
    font-size: var(--text-hero);
    line-height: var(--line-height-hero);
    letter-spacing: var(--letter-spacing-hero);
}

.argus-hero__title em {
    font-style: italic;
    color: var(--color-accent-dark);
    text-shadow: var(--argus-glow-blue);
}

/* Subtítulo do hero */
.argus-hero__subtitle {
    font-size: var(--text-body-lg);
    line-height: var(--line-height-body);
    max-width: 52ch;
    color: var(--color-text-on-dark-muted);
}

/* Agrupa os botões CTA */
.ds-btn-group--hero {
    margin-top: var(--space-2);
    flex-wrap: wrap;
}

/* Nota pequena sob os CTAs */
.argus-hero__note {
    font-size: var(--text-caption);
    color: var(--color-text-on-dark-muted);
    max-width: none;
}

.argus-hero--carousel {
    padding: 0;
    min-height: clamp(520px, 78vh, 760px);
}

.argus-hero-carousel {
    position: relative;
    min-height: inherit;
    width: 100%;
}

.argus-hero-carousel__slide {
    position: absolute;
    inset: 0;
    min-height: 100%;
    display: flex;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--duration-slow) var(--ease-out);
}

.argus-hero-carousel__slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    z-index: 1;
}

.argus-hero-carousel__slide .argus-hero__inner {
    min-height: 100%;
}

.argus-hero-carousel__bg {
    position: absolute;
    inset: 0;
    background-color: var(--argus-bg-navy);
}

.argus-hero-carousel__bg::before,
.argus-hero-carousel__bg::after {
    content: "";
    position: absolute;
    inset: 0;
}

.argus-hero-carousel__bg::before {
    inset: -4%;
    background-image: var(--argus-hero-slide-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: blur(16px) saturate(0.9) contrast(1.04);
    transform: scale(1.08);
    opacity: 0.5;
}

.argus-hero-carousel__bg::after {
    background-image:
        linear-gradient(180deg, rgba(18, 40, 87, 0.64) 0%, rgba(18, 40, 87, 0.44) 24%, rgba(18, 40, 87, 0.78) 100%),
        var(--argus-hero-slide-image);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.argus-hero-carousel__controls {
    position: absolute;
    right: clamp(1rem, 3vw, 2.5rem);
    bottom: clamp(1rem, 3vw, 2.2rem);
    display: flex;
    gap: var(--space-2);
    z-index: 3;
}

.argus-hero-carousel__control {
    width: 42px;
    height: 42px;
    border: 1px solid rgba(244, 199, 19, 0.24);
    border-radius: var(--radius-pill);
    background: rgba(18, 40, 87, 0.52);
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.4rem;
    line-height: 1;
    cursor: pointer;
    transition:
        background var(--duration-base) var(--ease-out),
        transform var(--duration-base) var(--ease-out),
        border-color var(--duration-base) var(--ease-out);
}

.argus-hero-carousel__control:hover,
.argus-hero-carousel__control:focus-visible {
    background: rgba(244, 199, 19, 0.24);
    border-color: rgba(244, 199, 19, 0.55);
    color: var(--white);
    transform: translateY(-1px);
}

.argus-hero-carousel__indicators {
    position: absolute;
    left: clamp(1rem, 3vw, 2.5rem);
    bottom: clamp(1rem, 3vw, 2.2rem);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: var(--space-2);
}

.argus-hero-carousel__indicator {
    width: 10px;
    height: 10px;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.45);
    cursor: pointer;
    transition:
        width var(--duration-base) var(--ease-out),
        background var(--duration-base) var(--ease-out);
}

.argus-hero-carousel__indicator.is-active {
    width: 28px;
    background: var(--brand-gold-500);
}

/* ─────────────────────────────────────────────────────
   BOTÃO CTA — Efeito Heartbeat (batimento cardíaco)
   O botão inteiro escala: lub (forte) → valley →
   dub (suave) → pausa longa. Glow pulsa em sincronia.
───────────────────────────────────────────────────── */

@keyframes argus-heartbeat {

    0%,
    100% {
        transform: scale(1);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.15) inset,
            0 0 22px rgba(244, 199, 19, 0.34),
            0 5px 16px rgba(36, 71, 143, 0.28);
    }

    50% {
        transform: scale(1.03);
        box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.22) inset,
            0 0 48px rgba(244, 199, 19, 0.56),
            0 10px 30px rgba(36, 71, 143, 0.42);
    }
}

/* Wrapper — mantido para compatibilidade de layout */
.argus-btn-pulse {
    position: relative;
    display: inline-flex;
    border-radius: var(--radius-pill);
    flex-shrink: 0;
}

/* Remove os pseudo-elementos de anel */
.argus-btn-pulse::before,
.argus-btn-pulse::after {
    content: none;
}

/* O botão: gradiente dourado-azul + heartbeat contínuo */
.argus-btn-cta.ds-btn--primary {
    background: linear-gradient(105deg,
            var(--brand-gold-500) 0%,
            var(--brand-gold-600) 45%,
            var(--brand-blue-700) 78%,
            var(--brand-blue-800) 100%);
    color: #ffffff;
    letter-spacing: -0.01em;
    position: relative;
    z-index: 1;
    animation: argus-heartbeat 3.6s ease-in-out infinite;
    transform-origin: center;
    text-shadow: none;
}

/* Hover: pausa o heartbeat e eleva o botão */
.argus-btn-cta.ds-btn--primary:hover {
    animation-play-state: paused;
    transform: translateY(-2px) scale(1.04);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.25) inset,
        0 0 64px rgba(244, 199, 19, 0.62),
        0 14px 40px rgba(36, 71, 143, 0.42);
    color: #ffffff;
    transition:
        transform var(--duration-base) var(--ease-out),
        box-shadow var(--duration-base) var(--ease-out);
}

.argus-btn-cta.ds-btn--primary:active {
    animation-play-state: paused;
    transform: scale(0.97);
}


/* ── Dashboard preview (decorativo) ── */

.argus-dashboard-preview {
    display: flex;
    align-items: center;
    justify-content: center;
}

.argus-dashboard {
    background: rgba(13, 37, 72, 0.70);
    backdrop-filter: blur(var(--blur-md));
    -webkit-backdrop-filter: blur(var(--blur-md));
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: var(--radius-2xl);
    width: 100%;
    max-width: 460px;
    overflow: hidden;
    box-shadow: 0 32px 80px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(244, 199, 19, 0.12);
    animation: ds-float 5s var(--ease-in-out) infinite;
}

.argus-dashboard__header {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    background: rgba(255, 255, 255, 0.04);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.argus-dashboard__dots {
    display: flex;
    gap: 5px;
}

.argus-dashboard__dots span {
    width: 10px;
    height: 10px;
    border-radius: var(--radius-circle);
    background: rgba(255, 255, 255, 0.2);
}

.argus-dashboard__dots span:nth-child(1) {
    background: #ff5f57;
}

.argus-dashboard__dots span:nth-child(2) {
    background: #febc2e;
}

.argus-dashboard__dots span:nth-child(3) {
    background: #28c840;
}

.argus-dashboard__title {
    font-size: var(--text-footnote);
    color: rgba(255, 255, 255, 0.55);
    font-weight: var(--font-weight-medium);
    flex: 1;
    text-align: center;
}

.argus-dashboard__body {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

/* KPI cards */
.argus-dashboard__kpis {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--space-3);
}

.argus-kpi {
    background: rgba(255, 255, 255, 0.06);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.argus-kpi__label {
    font-size: 0.6rem;
    color: rgba(255, 255, 255, 0.45);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-caps);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.argus-kpi__value {
    font-family: var(--font-display);
    font-size: var(--text-callout);
    font-weight: var(--font-weight-semibold);
    color: #ffffff;
    line-height: 1.1;
}

.argus-kpi__delta {
    font-size: 0.6rem;
    font-weight: var(--font-weight-semibold);
}

.argus-kpi__delta--up {
    color: var(--color-success);
}

.argus-kpi__delta--down {
    color: var(--color-error);
}

/* Chart simulado */
.argus-dashboard__chart {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.argus-dashboard__chart-label {
    font-size: var(--text-footnote);
    color: rgba(255, 255, 255, 0.4);
}

.argus-bar-group {
    display: flex;
    gap: 6px;
    align-items: flex-end;
    height: 50px;
}

.argus-bar {
    flex: 1;
    height: var(--h);
    background: rgba(244, 199, 19, 0.26);
    border-radius: 3px 3px 0 0;
    transition: height 0.4s var(--ease-out);
}

.argus-bar--active {
    background: var(--color-accent-dark);
}

/* Atividade recente */
.argus-dashboard__activity {
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
}

.argus-activity-item {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-footnote);
    color: rgba(255, 255, 255, 0.55);
}

.argus-activity-dot {
    width: 7px;
    height: 7px;
    border-radius: var(--radius-circle);
    flex-shrink: 0;
}

.argus-activity-dot--green {
    background: var(--color-success);
}

.argus-activity-dot--blue {
    background: var(--color-accent-dark);
}

.argus-activity-dot--orange {
    background: var(--color-warning);
}


/* ══════════════════════════════════════════
   4. QUEM SOMOS
════════════════════════════════════════════ */

/* Grid de pilares */
.argus-pillar-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-4);
}

.argus-about__title {
    margin-bottom: var(--space-6);
}

.argus-about__role {
    margin-bottom: var(--space-6);
    color: var(--color-text-secondary);
}

.argus-about__role--empty {
    margin-bottom: var(--space-8);
}

.argus-about__contacts {
    display: grid;
    gap: var(--space-4);
    margin-bottom: var(--space-8);
}

.argus-about__contacts strong {
    color: var(--brand-blue-900);
}

.argus-mission-visual {
    display: flex;
    align-items: stretch;
    justify-content: flex-end;
}

.argus-social-panel {
    --argus-social-panel-surface: linear-gradient(180deg,
            rgba(255, 255, 255, 0.92) 0%,
            rgba(240, 245, 247, 0.82) 48%,
            rgba(238, 242, 243, 0.72) 100%);
    width: 100%;
    max-width: 560px;
    margin-left: auto;
    padding: clamp(1.15rem, 2vw, 1.5rem);
    border-radius: 30px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(18, 40, 87, 0.12);
    background:
        radial-gradient(circle at 14% 10%, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.18) 28%, rgba(255, 255, 255, 0) 54%),
        radial-gradient(circle at 86% 16%, rgba(244, 199, 19, 0.16) 0%, rgba(244, 199, 19, 0.06) 30%, rgba(244, 199, 19, 0) 58%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.26) 0%, rgba(255, 255, 255, 0.04) 100%),
        var(--argus-social-panel-surface);
    backdrop-filter: saturate(165%) blur(var(--blur-lg));
    -webkit-backdrop-filter: saturate(165%) blur(var(--blur-lg));
    box-shadow:
        0 28px 64px rgba(18, 40, 87, 0.12),
        0 10px 22px rgba(18, 40, 87, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.72),
        inset 0 -1px 0 rgba(255, 255, 255, 0.16);
}

.argus-social-panel::before,
.argus-social-panel::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.argus-social-panel::before {
    background:
        radial-gradient(circle at 18% 34%, rgba(255, 255, 255, 0.42) 0 0.22rem, rgba(255, 255, 255, 0) 0.4rem),
        radial-gradient(circle at 62% 18%, rgba(255, 255, 255, 0.28) 0 0.18rem, rgba(255, 255, 255, 0) 0.34rem),
        radial-gradient(circle at 84% 78%, rgba(255, 255, 255, 0.22) 0 0.18rem, rgba(255, 255, 255, 0) 0.34rem),
        linear-gradient(108deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.2) 30%, rgba(255, 255, 255, 0) 46%),
        linear-gradient(92deg, rgba(255, 255, 255, 0) 38%, rgba(255, 255, 255, 0.14) 52%, rgba(255, 255, 255, 0) 68%);
    opacity: 0.8;
}

.argus-social-panel::after {
    inset: 18% 6% auto;
    height: 180px;
    background:
        radial-gradient(100% 82% at 10% 46%, rgba(255, 255, 255, 0) 0 36%, rgba(255, 255, 255, 0.18) 36.5%, rgba(255, 255, 255, 0) 37.3%),
        radial-gradient(110% 84% at 62% 36%, rgba(255, 255, 255, 0) 0 53%, rgba(255, 255, 255, 0.14) 53.5%, rgba(255, 255, 255, 0) 54.3%),
        radial-gradient(128% 90% at 100% 18%, rgba(255, 255, 255, 0) 0 64%, rgba(255, 255, 255, 0.12) 64.4%, rgba(255, 255, 255, 0) 65.1%);
    opacity: 0.7;
}

.argus-social-panel__head {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    margin-bottom: var(--space-5);
    padding-bottom: var(--space-5);
    border-bottom: 1px solid rgba(18, 40, 87, 0.12);
}

.argus-social-panel__eyebrow {
    display: inline-block;
    margin-bottom: 0;
    color: var(--brand-blue-900);
}

.argus-social-panel__badge {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(21, 162, 102, 0.18);
    background: rgba(239, 249, 244, 0.78);
    color: #176746;
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.7),
        0 8px 18px rgba(21, 162, 102, 0.08);
    backdrop-filter: blur(var(--blur-sm));
    -webkit-backdrop-filter: blur(var(--blur-sm));
}

.argus-social-panel__badge-dot {
    width: 0.55rem;
    height: 0.55rem;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--color-success);
    box-shadow: 0 0 0 0.28rem rgba(21, 162, 102, 0.16);
}

.argus-social-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-4);
    position: relative;
    z-index: 1;
}

.argus-social-grid>.argus-social-card:only-child,
.argus-social-grid>.argus-social-card:last-child:nth-child(odd) {
    grid-column: 1 / -1;
}

.argus-social-card {
    --argus-social-accent: rgba(36, 71, 143, 0.16);
    --argus-social-icon: var(--brand-blue-900);
    display: grid;
    grid-template-columns: 60px minmax(0, 1fr);
    align-items: center;
    gap: var(--space-4);
    min-height: 126px;
    padding: var(--space-5);
    border-radius: 22px;
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.22);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.34) 0%, rgba(255, 255, 255, 0.12) 100%);
    backdrop-filter: blur(var(--blur-md));
    -webkit-backdrop-filter: blur(var(--blur-md));
    width: 100%;
    box-shadow:
        0 18px 32px rgba(18, 40, 87, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.42),
        inset 0 -1px 0 rgba(255, 255, 255, 0.14);
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition:
        transform var(--duration-base) var(--ease-out),
        box-shadow var(--duration-base) var(--ease-out),
        border-color var(--duration-base) var(--ease-out),
        background var(--duration-base) var(--ease-out);
}

.argus-social-card::before {
    content: "";
    position: absolute;
    top: -28%;
    right: -12%;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    background: var(--argus-social-accent);
    filter: blur(30px);
    opacity: 0.92;
    pointer-events: none;
}

.argus-social-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg,
            rgba(255, 255, 255, 0.38) 0%,
            rgba(255, 255, 255, 0.18) 22%,
            rgba(255, 255, 255, 0.04) 52%,
            rgba(255, 255, 255, 0) 100%),
        linear-gradient(90deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0));
    opacity: 0.88;
    pointer-events: none;
}

.argus-social-card:hover,
.argus-social-card:focus-visible {
    transform: translateY(-4px);
    border-color: rgba(244, 199, 19, 0.32);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.42) 0%, rgba(255, 255, 255, 0.18) 100%);
    text-decoration: none;
    box-shadow:
        0 24px 42px rgba(18, 40, 87, 0.14),
        0 10px 22px rgba(18, 40, 87, 0.08),
        inset 0 1px 0 rgba(255, 255, 255, 0.5),
        inset 0 -1px 0 rgba(255, 255, 255, 0.16);
}

.argus-social-card:focus-visible {
    outline: 2px solid rgba(244, 199, 19, 0.28);
    outline-offset: 4px;
}

.argus-social-card__icon {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    background:
        radial-gradient(circle at 20% 20%, var(--argus-social-accent) 0%, rgba(255, 255, 255, 0) 58%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.74) 0%, rgba(255, 255, 255, 0.28) 100%);
    border: 1px solid rgba(255, 255, 255, 0.42);
    color: var(--argus-social-icon);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.54),
        0 12px 28px rgba(31, 54, 83, 0.12);
}

.argus-social-card__icon svg {
    width: 26px;
    height: 26px;
}

.argus-social-card__content {
    min-width: 0;
    position: relative;
    z-index: 1;
    display: grid;
    gap: 0.3rem;
}

.argus-social-card__network {
    color: rgba(18, 40, 87, 0.76);
    font-size: var(--text-micro);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.22em;
    text-transform: uppercase;
}

.argus-social-card__handle {
    min-width: 0;
    position: relative;
    color: var(--brand-blue-900);
    font-size: clamp(1rem, 1.25vw, 1.08rem);
    font-weight: var(--font-weight-semibold);
    line-height: 1.4;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.argus-social-card__meta {
    color: var(--gray-600);
    font-size: var(--text-caption);
    line-height: 1.35;
}

.argus-social-card--instagram,
.argus-social-card--youtube,
.argus-social-card--facebook,
.argus-social-card--linkedin,
.argus-social-card--twitter,
.argus-social-card--tiktok {
    border-color: rgba(255, 255, 255, 0.22);
}

.argus-social-card--youtube {
    --argus-social-accent: rgba(239, 68, 68, 0.22);
    --argus-social-icon: #b91c1c;
}

.argus-social-card--instagram {
    --argus-social-accent: rgba(236, 72, 153, 0.24);
    --argus-social-icon: #a2235f;
}

.argus-social-card--facebook {
    --argus-social-accent: rgba(59, 130, 246, 0.22);
    --argus-social-icon: #1d4ed8;
}

.argus-social-card--linkedin {
    --argus-social-accent: rgba(14, 165, 233, 0.22);
    --argus-social-icon: #0369a1;
}

.argus-social-card--twitter {
    --argus-social-accent: rgba(71, 85, 105, 0.2);
    --argus-social-icon: #334155;
}

.argus-social-card--tiktok {
    --argus-social-accent: rgba(45, 212, 191, 0.2);
    --argus-social-icon: #0f766e;
}

/* Cada pilar é um card-info sem sobrescrever o DS */
.argus-pillar {
    /* herda ds-card-info */
}

/* Contentor do ícone SVG outline nos pilares */
.argus-pillar .ds-card-info__icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(36, 71, 143, 0.08);
    border-radius: var(--radius-lg);
    color: var(--color-accent);
    flex-shrink: 0;
    font-size: 0;
    /* neutraliza resíduo de emoji */
    transition: background var(--duration-base) var(--ease-out),
        color var(--duration-base) var(--ease-out);
}

.argus-pillar.ds-card--interactive:hover .ds-card-info__icon {
    background: rgba(244, 199, 19, 0.18);
    color: var(--brand-blue-900);
}

/* ── Gradientes dos pilares — espelham a paleta da seção Diferencial ── */
.argus-pillar--eficiencia {
    background: var(--argus-card-auto);
}

.argus-pillar--conformidade {
    background: var(--argus-card-compliance);
}

.argus-pillar--governanca {
    background: var(--argus-card-transparency);
}

.argus-pillar--acessibilidade {
    background: var(--argus-card-mobile);
}

/* Fundos escuros: borda sutil e texto em branco */
.argus-pillar--eficiencia,
.argus-pillar--conformidade,
.argus-pillar--governanca,
.argus-pillar--acessibilidade {
    border-color: rgba(255, 255, 255, 0.10);
}

.argus-pillar--eficiencia .ds-card-info__title,
.argus-pillar--conformidade .ds-card-info__title,
.argus-pillar--governanca .ds-card-info__title,
.argus-pillar--acessibilidade .ds-card-info__title {
    color: #ffffff;
}

.argus-pillar--eficiencia .ds-card-info__body,
.argus-pillar--conformidade .ds-card-info__body,
.argus-pillar--governanca .ds-card-info__body,
.argus-pillar--acessibilidade .ds-card-info__body {
    color: rgba(255, 255, 255, 0.62);
}

/* Ícone: fundo e stroke adaptados ao fundo escuro */
.argus-pillar--eficiencia .ds-card-info__icon,
.argus-pillar--conformidade .ds-card-info__icon,
.argus-pillar--governanca .ds-card-info__icon,
.argus-pillar--acessibilidade .ds-card-info__icon {
    background: rgba(255, 255, 255, 0.10);
    color: rgba(255, 255, 255, 0.90);
}

.argus-pillar--eficiencia.ds-card--interactive:hover .ds-card-info__icon,
.argus-pillar--conformidade.ds-card--interactive:hover .ds-card-info__icon,
.argus-pillar--governanca.ds-card--interactive:hover .ds-card-info__icon,
.argus-pillar--acessibilidade.ds-card--interactive:hover .ds-card-info__icon {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}


/* ══════════════════════════════════════════
   5. NOSSOS NÚMEROS
════════════════════════════════════════════ */

/* Background distinto do dark padrão (#0b1d3a) */
.argus-section--numbers {
    background-color: var(--argus-bg-navy-deep);
    /* #061220 */
}

/* Separador do strip de logos — versão escura */
.argus-section--numbers .argus-clients-strip {
    border-top-color: rgba(255, 255, 255, 0.08);
}

.argus-section--numbers .argus-clients-strip .ds-caption {
    color: rgba(255, 255, 255, 0.38);
}

.argus-section--numbers .ds-stat .ds-caption {
    color: var(--brand-gold-700);
}

/* Logo placeholders — base glass no escuro */
.argus-section--numbers .argus-logo-placeholder {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.72);
}

.argus-section--numbers .argus-logo-placeholder:hover {
    border-color: rgba(244, 199, 19, 0.45);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 20px rgba(244, 199, 19, 0.18);
}

/* Micro-gradientes individuais — cada badge com cor própria */
.argus-logo--1 {
    background: linear-gradient(135deg, #071830 0%, #0f3260 100%);
}

.argus-logo--2 {
    background: linear-gradient(135deg, #061a25 0%, #0a3040 100%);
}

/* teal */
.argus-logo--3 {
    background: linear-gradient(135deg, #09082a 0%, #1a1858 100%);
}

/* índigo */
.argus-logo--4 {
    background: linear-gradient(135deg, #071a30 0%, #103060 100%);
}

/* azul-safira */
.argus-logo--5 {
    background: linear-gradient(135deg, #100820 0%, #28145a 100%);
}

/* violeta */
.argus-logo--6 {
    background: linear-gradient(135deg, #061820 0%, #093848 100%);
}

/* teal escuro */

/* Strip de logos de clientes */
.argus-clients-strip {
    margin-top: var(--space-20);
    padding-top: var(--space-12);
    border-top: 1px solid var(--color-border-light);
}

.argus-logos-row {
    display: flex;
    gap: var(--space-6);
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.argus-logo-placeholder {
    background: var(--color-bg-card);
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-md);
    padding: var(--space-3) var(--space-6);
    font-size: var(--text-callout);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-tertiary);
    letter-spacing: var(--letter-spacing-caps);
    user-select: none;
    transition: all var(--duration-base) var(--ease-out);
}

.argus-logo-placeholder:hover {
    border-color: var(--color-border-light);
    color: var(--color-text-secondary);
    transform: translateY(-2px);
}

/* Correção do layout de stats em telas médias */
.ds-stats-row {
    margin-top: var(--space-4);
}


/* ══════════════════════════════════════════
   6. DIFERENCIAL — Cards de feature
════════════════════════════════════════════ */

/* Grid de features */
.argus-features-grid {
    margin-top: var(--space-4);
}

/* Cada card recebe o gradiente de fundo ARGUS */
.argus-card-feature--automation {
    background: var(--argus-card-auto);
}

.argus-card-feature--compliance {
    background: var(--argus-card-compliance);
}

.argus-card-feature--transparency {
    background: var(--argus-card-transparency);
}

.argus-card-feature--integrations {
    background: var(--argus-card-integrations);
}

.argus-card-feature--support {
    background: var(--argus-card-support);
}

.argus-card-feature--mobile {
    background: var(--argus-card-mobile);
}

/* CTA dentro do feature card */
.argus-feature-cta {
    align-self: flex-start;
    margin-top: var(--space-2);
}

.argus-calendar-card__speaker {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    margin-bottom: var(--space-3);
}

.argus-calendar-card__avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4.8rem;
    height: 4.8rem;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    background: rgba(255, 255, 255, 0.14);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
}

.argus-calendar-card__avatar-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.argus-calendar-card__avatar-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-family: var(--font-display);
    font-size: 1.43rem;
    font-weight: var(--font-weight-semibold);
    color: rgba(255, 255, 255, 0.92);
}

.argus-calendar-card__speaker-copy {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.argus-calendar-card__eyebrow {
    margin: 0;
}

.argus-calendar-card__title {
    font-size: var(--text-title);
    line-height: 1.12;
}

.argus-calendar-date-group+.argus-calendar-date-group {
    margin-top: var(--space-12);
}

.argus-calendar-date-group {
    --argus-calendar-group-accent: #0a7aff;
    --argus-calendar-group-surface: rgba(10, 122, 255, 0.08);
    --argus-calendar-group-border: rgba(10, 122, 255, 0.18);
    --argus-calendar-card-automation: linear-gradient(135deg, #0b2b52 0%, #0a7aff 100%);
    --argus-calendar-card-compliance: linear-gradient(135deg, #0c2340 0%, #2b6cb0 100%);
    --argus-calendar-card-transparency: linear-gradient(135deg, #102a5b 0%, #275dad 100%);
    --argus-calendar-card-integrations: linear-gradient(135deg, #09324a 0%, #127a9c 100%);
    --argus-calendar-card-support: linear-gradient(135deg, #102743 0%, #1481d0 100%);
    --argus-calendar-card-mobile: linear-gradient(135deg, #152a63 0%, #4964d6 100%);
}

.argus-calendar-date-group .argus-card-feature--automation {
    background: var(--argus-calendar-card-automation);
}

.argus-calendar-date-group .argus-card-feature--compliance {
    background: var(--argus-calendar-card-compliance);
}

.argus-calendar-date-group .argus-card-feature--transparency {
    background: var(--argus-calendar-card-transparency);
}

.argus-calendar-date-group .argus-card-feature--integrations {
    background: var(--argus-calendar-card-integrations);
}

.argus-calendar-date-group .argus-card-feature--support {
    background: var(--argus-calendar-card-support);
}

.argus-calendar-date-group .argus-card-feature--mobile {
    background: var(--argus-calendar-card-mobile);
}

.argus-calendar-date-group--azure {
    --argus-calendar-group-accent: #0a7aff;
    --argus-calendar-group-surface: rgba(10, 122, 255, 0.08);
    --argus-calendar-group-border: rgba(10, 122, 255, 0.18);
    --argus-calendar-card-automation: linear-gradient(135deg, #0b2b52 0%, #0a7aff 100%);
    --argus-calendar-card-compliance: linear-gradient(135deg, #0c2340 0%, #2b6cb0 100%);
    --argus-calendar-card-transparency: linear-gradient(135deg, #102a5b 0%, #275dad 100%);
    --argus-calendar-card-integrations: linear-gradient(135deg, #09324a 0%, #127a9c 100%);
    --argus-calendar-card-support: linear-gradient(135deg, #102743 0%, #1481d0 100%);
    --argus-calendar-card-mobile: linear-gradient(135deg, #152a63 0%, #4964d6 100%);
}

.argus-calendar-date-group--emerald {
    --argus-calendar-group-accent: #0b8f6d;
    --argus-calendar-group-surface: rgba(11, 143, 109, 0.09);
    --argus-calendar-group-border: rgba(11, 143, 109, 0.2);
    --argus-calendar-card-automation: linear-gradient(135deg, #07382c 0%, #0b8f6d 100%);
    --argus-calendar-card-compliance: linear-gradient(135deg, #0a2f28 0%, #1b7f73 100%);
    --argus-calendar-card-transparency: linear-gradient(135deg, #0e3b2b 0%, #2e8b57 100%);
    --argus-calendar-card-integrations: linear-gradient(135deg, #0b4b36 0%, #139c72 100%);
    --argus-calendar-card-support: linear-gradient(135deg, #12382c 0%, #2b9a78 100%);
    --argus-calendar-card-mobile: linear-gradient(135deg, #14352d 0%, #41b883 100%);
}

.argus-calendar-date-group--amber {
    --argus-calendar-group-accent: #c77400;
    --argus-calendar-group-surface: rgba(199, 116, 0, 0.1);
    --argus-calendar-group-border: rgba(199, 116, 0, 0.2);
    --argus-calendar-card-automation: linear-gradient(135deg, #4a2400 0%, #c77400 100%);
    --argus-calendar-card-compliance: linear-gradient(135deg, #5b2808 0%, #d48a1f 100%);
    --argus-calendar-card-transparency: linear-gradient(135deg, #60330b 0%, #e19d26 100%);
    --argus-calendar-card-integrations: linear-gradient(135deg, #6a3b00 0%, #f0a93a 100%);
    --argus-calendar-card-support: linear-gradient(135deg, #7a3d0f 0%, #d98324 100%);
    --argus-calendar-card-mobile: linear-gradient(135deg, #5e2c18 0%, #c96f44 100%);
}

.argus-calendar-date-group--berry {
    --argus-calendar-group-accent: #a03d7c;
    --argus-calendar-group-surface: rgba(160, 61, 124, 0.09);
    --argus-calendar-group-border: rgba(160, 61, 124, 0.18);
    --argus-calendar-card-automation: linear-gradient(135deg, #391335 0%, #a03d7c 100%);
    --argus-calendar-card-compliance: linear-gradient(135deg, #421843 0%, #bb4c90 100%);
    --argus-calendar-card-transparency: linear-gradient(135deg, #4d1b52 0%, #8d4bd1 100%);
    --argus-calendar-card-integrations: linear-gradient(135deg, #5a1a46 0%, #d2558c 100%);
    --argus-calendar-card-support: linear-gradient(135deg, #611f40 0%, #c83d67 100%);
    --argus-calendar-card-mobile: linear-gradient(135deg, #43205f 0%, #7a5cff 100%);
}

.argus-calendar-date-group__header {
    padding: var(--space-5) var(--space-6);
    border: 1px solid var(--argus-calendar-group-border);
    border-radius: 22px;
    background: linear-gradient(135deg, var(--argus-calendar-group-surface) 0%, rgba(255, 255, 255, 0.82) 100%);
    box-shadow: 0 12px 26px rgba(15, 23, 42, 0.06);
    margin-bottom: var(--space-6);
}

.argus-calendar-date-group__eyebrow {
    display: inline-flex;
    margin-bottom: var(--space-2);
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-caps);
    text-transform: uppercase;
    color: var(--argus-calendar-group-accent);
}

.argus-calendar-date-group__title {
    font-family: var(--font-display);
    font-size: clamp(1.5rem, 2.8vw, 2.1rem);
    font-weight: var(--font-weight-semibold);
    line-height: 1.08;
    letter-spacing: var(--letter-spacing-tight);
    color: var(--color-text-primary);
}

.argus-features-actions {
    display: flex;
    justify-content: center;
    margin-top: var(--space-8);
}

/* ══════════════════════════════════════════
   6.1 HOME WEBSITE - NOTICIAS E GALERIAS
════════════════════════════════════════════ */

.argus-news-spotlight {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    border-radius: var(--radius-2xl);
    overflow: hidden;
    background: var(--color-bg-primary);
    align-items: stretch;
}

.argus-news-spotlight__media {
    position: relative;
    overflow: hidden;
    min-height: 340px;
    height: 100%;
    display: grid;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--brand-blue-900) 0%, var(--brand-blue-700) 100%);
}

.argus-news-spotlight__image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.argus-news-spotlight__image-fallback {
    position: relative;
    z-index: 1;
    font-family: var(--font-display);
    font-size: clamp(4rem, 7vw, 6rem);
    color: rgba(255, 255, 255, 0.88);
    letter-spacing: var(--letter-spacing-display);
}

.argus-news-spotlight__content {
    padding: clamp(1.5rem, 3.2vw, 3rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-4);
}

.argus-news-spotlight__eyebrow {
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-caps);
    text-transform: uppercase;
    color: var(--brand-gold-700);
}

.argus-news-spotlight__title {
    font-family: var(--font-display);
    font-size: clamp(1.9rem, 3vw, 2.8rem);
    font-weight: var(--font-weight-semibold);
    line-height: 1.02;
    letter-spacing: var(--letter-spacing-tight);
    color: var(--color-text-primary);
}

.argus-news-spotlight__description {
    font-size: var(--text-body-lg);
    line-height: var(--line-height-body);
    color: var(--color-text-secondary);
}

.argus-news-spotlight__content .ds-btn-group {
    margin-top: auto;
    flex-wrap: wrap;
}

.argus-content-empty {
    border: 1px dashed var(--color-border-light);
    border-radius: var(--radius-2xl);
    padding: var(--space-8);
    text-align: center;
    background: var(--color-bg-card);
}

.argus-content-empty__eyebrow {
    display: block;
    margin-bottom: var(--space-3);
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-caps);
    color: var(--color-accent);
}

.argus-content-empty__text {
    margin: 0 auto;
    max-width: 46ch;
    color: var(--color-text-secondary);
    font-size: var(--text-body-lg);
    line-height: var(--line-height-body);
}

.argus-partners-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-6);
    align-items: stretch;
}

.argus-partners-grid--full {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.argus-partner-card {
    min-height: 100%;
    padding: clamp(1rem, 2vw, 1.5rem);
    border: 1px solid rgba(73, 100, 214, 0.26);
    border-radius: 8px;
    background:
        radial-gradient(circle at 96% 0%, rgba(122, 92, 255, 0.2) 0%, rgba(122, 92, 255, 0) 34%),
        linear-gradient(135deg, #0b2b52 0%, #152a63 56%, #43205f 100%);
    box-shadow:
        0 20px 44px rgba(10, 42, 91, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    display: grid;
    grid-template-columns: minmax(140px, 0.9fr) minmax(0, 1.2fr);
    gap: clamp(1rem, 2.4vw, 1.75rem);
    align-items: stretch;
    overflow: hidden;
    position: relative;
    transition:
        transform var(--duration-base) var(--ease-out),
        box-shadow var(--duration-base) var(--ease-out),
        border-color var(--duration-base) var(--ease-out);
}

.argus-partner-card:hover,
.argus-partner-card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(122, 92, 255, 0.48);
    box-shadow:
        0 26px 58px rgba(10, 122, 255, 0.24),
        0 12px 30px rgba(67, 32, 95, 0.26),
        inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.argus-partner-card__logo {
    width: 100%;
    height: 100%;
    min-height: 172px;
    border-radius: 8px;
    background:
        radial-gradient(circle at 20% 20%, rgba(10, 122, 255, 0.24) 0%, rgba(10, 122, 255, 0) 34%),
        radial-gradient(circle at 84% 86%, rgba(122, 92, 255, 0.24) 0%, rgba(122, 92, 255, 0) 38%),
        linear-gradient(145deg, rgba(255, 255, 255, 0.14) 0%, rgba(255, 255, 255, 0.05) 100%);
    border: 1px solid rgba(255, 255, 255, 0.18);
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.12),
        0 14px 30px rgba(0, 0, 0, 0.22);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.argus-partner-card__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.argus-partner-card__fallback {
    width: 4.25rem;
    height: 4.25rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #0a7aff 0%, #7a5cff 100%);
    color: #ffffff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: var(--font-weight-semibold);
    line-height: 1;
    letter-spacing: 0;
}

.argus-partner-card__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--space-3);
    flex: 1;
    min-width: 0;
    padding-block: var(--space-2);
}

.argus-partner-card__company {
    color: #b7c6ff;
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    line-height: 1.2;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.argus-partner-card__title {
    margin: 0;
    color: #f8fafc;
    font-family: var(--font-display);
    font-size: clamp(1.35rem, 2.1vw, 1.85rem);
    font-weight: var(--font-weight-semibold);
    line-height: 1.15;
    letter-spacing: 0;
    overflow-wrap: anywhere;
}

.argus-partner-card__description {
    margin: 0;
    color: rgba(226, 232, 240, 0.82);
    font-size: var(--text-body);
    line-height: var(--line-height-body);
    overflow-wrap: anywhere;
}

.argus-partner-card__link {
    width: fit-content;
    margin-top: var(--space-2);
    padding: 0.65rem 0.9rem;
    border: 1px solid rgba(183, 198, 255, 0.42);
    border-radius: 8px;
    background: rgba(10, 122, 255, 0.14);
    color: #eef2ff;
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    overflow-wrap: anywhere;
}

.argus-partner-card__link:hover,
.argus-partner-card__link:focus-visible {
    color: #ffffff;
    background: #4964d6;
    border-color: #7a5cff;
    text-decoration: none;
}

@media (max-width: 720px) {

    .argus-partners-grid,
    .argus-partners-grid--full {
        grid-template-columns: 1fr;
    }

    .argus-partner-card {
        grid-template-columns: 1fr;
    }

    .argus-partner-card__logo {
        min-height: 136px;
    }
}

/* Página de detalhe da notícia */
.argus-news-detail-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding-block: clamp(3.8rem, 8vh, 5.8rem) clamp(2.4rem, 6vh, 3.8rem);
    background:
        radial-gradient(120% 90% at 84% -10%, rgba(61, 141, 255, 0.28) 0%, rgba(61, 141, 255, 0) 58%),
        radial-gradient(70% 70% at -8% 105%, rgba(59, 172, 255, 0.2) 0%, rgba(59, 172, 255, 0) 62%),
        linear-gradient(155deg, #041a3a 0%, #06234d 48%, #0a2f64 100%);
}

.argus-news-detail-hero--floating-header {
    padding-top: clamp(7rem, 12vh, 8.75rem);
}

.argus-news-detail-hero .ds-container {
    max-width: var(--container-lg);
    position: relative;
    z-index: 1;
}

.argus-news-detail-hero__meta {
    display: flex;
    width: 100%;
    align-items: center;
    gap: var(--space-3);
    margin-bottom: var(--space-5);
}

.argus-news-detail-hero__back {
    margin: 0;
    width: 2.75rem;
    height: 2.75rem;
    min-width: 2.75rem;
    padding: 0;
    border-radius: var(--radius-circle);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    line-height: 1;
    color: var(--color-text-on-dark);
    border: 1px solid rgba(188, 222, 255, 0.45);
    background: rgba(230, 243, 255, 0.12);
    backdrop-filter: blur(6px);
}

.argus-news-detail-hero__back:hover,
.argus-news-detail-hero__back:focus-visible {
    transform: translateX(-2px);
    border-color: rgba(208, 233, 255, 0.7);
    background: rgba(230, 243, 255, 0.2);
}

.argus-news-detail-hero__badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.75rem;
    min-height: 2.75rem;
    padding-inline: var(--space-4);
    border-radius: var(--radius-pill);
    white-space: nowrap;
    margin: 0;
    margin-left: auto;
    background: rgba(231, 244, 255, 0.14);
    color: #e8f4ff;
    border: 1px solid rgba(189, 222, 255, 0.42);
    backdrop-filter: blur(4px);
}

.argus-news-detail-hero__title {
    margin: 0;
    font-family: var(--font-display);
    font-size: clamp(2rem, 4.6vw, 3.7rem);
    line-height: 1;
    letter-spacing: var(--letter-spacing-tight);
    color: var(--color-text-on-dark);
    max-width: 14ch;
}

.argus-news-detail-hero__intro {
    margin-top: var(--space-5);
    margin-bottom: 0;
    max-width: 60ch;
    font-size: var(--text-body-lg);
    line-height: var(--line-height-body);
    color: rgba(236, 244, 255, 0.82);
}

.argus-news-list-hero--floating-header {
    padding-top: clamp(7rem, 12vh, 8.75rem);
}

.argus-convenio-list-hero--floating-header {
    padding-top: clamp(7rem, 12vh, 8.75rem);
}

.argus-news-detail {
    border-radius: var(--radius-2xl);
    overflow: hidden;
    background: var(--color-bg-card);
}

.argus-news-detail__cover {
    width: 100%;
    aspect-ratio: 16 / 9;
    background: linear-gradient(135deg, var(--brand-blue-900) 0%, var(--brand-blue-700) 100%);
}

.argus-news-detail__cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.argus-news-detail__credits {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-3) clamp(1rem, 2.8vw, 1.5rem) 0;
}

.argus-news-detail__credits-column {
    flex: 1 1 0;
    min-width: 0;
}

.argus-news-detail__credits-column--caption {
    text-align: left;
}

.argus-news-detail__credits-column--photographer {
    text-align: right;
}

.argus-news-detail__cover-credit {
    display: block;
}

.argus-news-detail__cover-credit-text {
    display: block;
    color: var(--color-text-tertiary);
    font-size: var(--text-caption);
    line-height: 1.45;
}

.argus-news-detail__content {
    padding: clamp(1.4rem, 3.6vw, 3rem);
}

.argus-news-detail__content-title {
    margin: 0 0 var(--space-5);
    font-family: var(--font-display);
    font-size: clamp(1.4rem, 2.7vw, 2rem);
    line-height: 1.12;
    color: var(--color-text-primary);
}

.argus-news-detail__body {
    color: var(--color-text-primary);
    display: grid;
    gap: var(--space-4);
    font-size: var(--text-body-lg);
    line-height: var(--line-height-body);
}

.argus-news-detail__body--full-width>* {
    min-width: 0;
}

.argus-news-detail__body--full-width> :where(article,
    aside,
    blockquote,
    div,
    ol,
    p,
    section,
    ul) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

.argus-news-detail__body p,
.argus-news-detail__body ul,
.argus-news-detail__body ol,
.argus-news-detail__body blockquote {
    margin: 0;
    color: var(--color-text-secondary);
}

.argus-news-detail__body h2,
.argus-news-detail__body h3 {
    margin: var(--space-5) 0 var(--space-2);
    font-family: var(--font-display);
    letter-spacing: var(--letter-spacing-tight);
    color: var(--color-text-primary);
}

.argus-news-detail__body a {
    color: var(--color-accent);
    text-decoration: underline;
    text-decoration-thickness: 1.4px;
}

.argus-news-detail__body img {
    width: 100%;
    height: auto;
    border-radius: var(--radius-xl);
}

.argus-news-detail-related {
    margin-top: var(--space-4);
}

.argus-news-detail-related__card {
    min-height: 100%;
    padding: 0;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(18, 40, 87, 0.16);
    box-shadow: 0 18px 38px rgba(5, 14, 31, 0.24);
    transition:
        transform var(--duration-base) var(--ease-out),
        box-shadow var(--duration-base) var(--ease-out),
        border-color var(--duration-base) var(--ease-out);
}

.argus-news-detail-related__card:hover,
.argus-news-detail-related__card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(244, 199, 19, 0.42);
    box-shadow: 0 24px 48px rgba(5, 16, 39, 0.42);
}

.argus-news-detail-related__cover {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: linear-gradient(135deg, var(--brand-blue-900) 0%, var(--brand-blue-700) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.argus-news-detail-related__cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 10, 24, 0.04) 0%, rgba(2, 10, 24, 0.5) 100%);
    pointer-events: none;
}

.argus-news-detail-related__cover-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.argus-news-detail-related__cover-fallback {
    position: relative;
    z-index: 1;
    font-family: var(--font-display);
    font-size: clamp(3.4rem, 6vw, 4.2rem);
    color: rgba(255, 255, 255, 0.88);
}

.argus-news-detail-related__content {
    padding: var(--space-6);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    flex: 1;
    background: linear-gradient(160deg, #061833 0%, #0a2f62 46%, #0d4ba4 100%);
}

.argus-news-detail-related__date {
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-caps);
    text-transform: uppercase;
    color: #8ed5ff;
}

.argus-news-detail-related__title {
    font-family: var(--font-display);
    font-size: var(--text-title);
    line-height: 1.12;
    color: var(--color-text-on-dark);
}

.argus-news-detail-related__summary {
    margin: 0;
    color: var(--color-text-on-dark-muted);
    line-height: var(--line-height-body);
    flex: 1;
}

.argus-news-detail-related__content .ds-btn {
    margin-top: auto;
}

.argus-news-detail-related__content .ds-btn--ghost {
    border-color: rgba(217, 236, 255, 0.56);
    color: #f3f9ff;
    background: rgba(255, 255, 255, 0.04);
}

.argus-news-detail-related__content .ds-btn--ghost:hover,
.argus-news-detail-related__content .ds-btn--ghost:focus-visible {
    border-color: rgba(230, 244, 255, 0.88);
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.argus-news-list-grid {
    margin-top: var(--space-4);
}

.argus-news-list-card {
    min-height: 100%;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(18, 40, 87, 0.16);
    box-shadow: 0 18px 38px rgba(5, 14, 31, 0.24);
    transition:
        transform var(--duration-base) var(--ease-out),
        box-shadow var(--duration-base) var(--ease-out),
        border-color var(--duration-base) var(--ease-out);
}

.argus-news-list-card:hover,
.argus-news-list-card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(244, 199, 19, 0.42);
    box-shadow: 0 24px 48px rgba(5, 16, 39, 0.42);
}

.argus-news-list-card__cover {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--brand-blue-900) 0%, var(--brand-blue-700) 100%);
}

.argus-news-list-card__cover::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 10, 24, 0.04) 0%, rgba(2, 10, 24, 0.5) 100%);
    pointer-events: none;
}

.argus-news-list-card__cover-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.argus-news-list-card__cover-fallback {
    position: relative;
    z-index: 1;
    font-family: var(--font-display);
    font-size: clamp(3.6rem, 7vw, 4.4rem);
    color: rgba(255, 255, 255, 0.88);
}

.argus-news-list-card__content {
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-3);
    flex: 1;
    background: linear-gradient(160deg, var(--brand-blue-900) 0%, var(--brand-blue-800) 46%, var(--brand-blue-700) 100%);
}

.argus-news-list-card__date {
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-caps);
    text-transform: uppercase;
    color: #8ed5ff;
}

.argus-news-list-card__title {
    font-family: var(--font-display);
    font-size: var(--text-title);
    line-height: 1.12;
    color: var(--color-text-on-dark);
}

.argus-news-list-card__summary {
    margin: 0;
    color: var(--color-text-on-dark-muted);
    line-height: var(--line-height-body);
    flex: 1;
}

.argus-news-list-card__content .ds-btn {
    margin-top: auto;
}

.argus-news-list-card__content .ds-btn--ghost {
    border-color: rgba(217, 236, 255, 0.56);
    color: #f3f9ff;
    background: rgba(255, 255, 255, 0.04);
}

.argus-news-list-card__content .ds-btn--ghost:hover,
.argus-news-list-card__content .ds-btn--ghost:focus-visible {
    border-color: rgba(230, 244, 255, 0.88);
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
}

.argus-pagination {
    margin-top: var(--space-8);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-4);
    flex-wrap: wrap;
}

.argus-pagination__status {
    font-size: var(--text-body);
    color: var(--color-text-secondary);
    font-weight: var(--font-weight-medium);
}

.argus-media-gallery-grid {
    margin-top: var(--space-4);
}

.argus-media-gallery-card {
    min-height: 100%;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-2xl);
    display: flex;
    flex-direction: column;
}

.argus-media-gallery-card__trigger {
    width: 100%;
    min-height: 100%;
    border: 0;
    background: transparent;
    padding: 0;
    color: inherit;
    text-align: left;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.argus-media-gallery-card__trigger:disabled {
    cursor: default;
}

.argus-media-gallery-card__trigger:focus-visible {
    outline: 3px solid var(--color-accent);
    outline-offset: -3px;
}

.argus-media-gallery-card__cover {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #0a1e3f 0%, #1c6bcf 100%);
}

.argus-media-gallery-card__cover-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.argus-media-gallery-card__cover-fallback {
    font-family: var(--font-display);
    font-size: clamp(3.4rem, 7vw, 4.6rem);
    color: rgba(255, 255, 255, 0.88);
}

.argus-media-gallery-card__body {
    padding: var(--space-5);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    flex: 1;
}

.argus-media-gallery-card__eyebrow {
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-caps);
    color: var(--color-accent);
}

.argus-media-gallery-card__title {
    font-family: var(--font-display);
    font-size: var(--text-title);
    line-height: 1.14;
    color: var(--color-text-primary);
}

.argus-media-gallery-card__description {
    color: var(--color-text-secondary);
    font-size: var(--text-body);
    line-height: var(--line-height-body);
}

.argus-media-gallery-card__action {
    margin-top: var(--space-1);
    display: inline-flex;
    align-items: center;
    gap: var(--space-2);
    font-size: var(--text-caption);
    font-weight: var(--font-weight-medium);
    color: var(--color-accent);
}

.argus-media-gallery-card__action::after {
    content: '\2192';
    transition: transform var(--duration-fast) var(--ease-out);
}

.argus-media-gallery-card.ds-card--interactive:hover .argus-media-gallery-card__action::after,
.argus-media-gallery-card__trigger:focus-visible .argus-media-gallery-card__action::after {
    transform: translateX(0.125rem);
}

.argus-media-gallery-card__trigger:disabled .argus-media-gallery-card__action {
    color: var(--color-text-tertiary);
}

.argus-media-gallery-card__trigger:disabled .argus-media-gallery-card__action::after {
    content: '';
}

.argus-media-gallery-card__thumbs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-2);
    padding: 0 var(--space-5) var(--space-5);
}

.argus-media-gallery-card__thumb {
    display: block;
    border-radius: var(--radius-md);
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background: rgba(11, 34, 68, 0.1);
}

.argus-media-gallery-card__thumb-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.argus-media-gallery-card__thumb-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-tertiary);
    font-size: var(--text-callout);
    font-weight: var(--font-weight-semibold);
}

.argus-media-gallery-card__thumb-empty {
    grid-column: 1 / -1;
    color: var(--color-text-tertiary);
    font-size: var(--text-caption);
}

.argus-media-gallery-modal {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal);
    display: none;
}

.argus-media-gallery-modal.is-open {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--space-6);
}

.argus-media-gallery-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 10, 22, 0.82);
    backdrop-filter: blur(4px);
}

.argus-media-gallery-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(62rem, 100%);
    max-height: calc(100vh - var(--space-8));
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    background: #07152a;
    color: var(--color-text-on-dark);
    border: 1px solid rgba(222, 236, 255, 0.22);
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-xl);
    padding: var(--space-5);
    overflow: auto;
}

.argus-media-gallery-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--space-4);
}

.argus-media-gallery-modal__eyebrow {
    display: inline-flex;
    font-size: var(--text-footnote);
    text-transform: uppercase;
    letter-spacing: var(--letter-spacing-caps);
    color: var(--color-text-on-dark-muted);
}

.argus-media-gallery-modal__title {
    margin-top: var(--space-1);
    font-family: var(--font-display);
    font-size: clamp(1.25rem, 2.1vw, 1.9rem);
    line-height: 1.1;
    color: var(--color-text-on-dark);
}

.argus-media-gallery-modal__close {
    border: 1px solid rgba(209, 226, 248, 0.4);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-text-on-dark);
    font-size: var(--text-body);
    font-weight: var(--font-weight-medium);
    padding: 0.5rem 1rem;
    cursor: pointer;
}

.argus-media-gallery-modal__close:hover,
.argus-media-gallery-modal__close:focus-visible {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(226, 239, 255, 0.72);
}

.argus-media-gallery-modal__figure {
    margin: 0;
    border-radius: var(--radius-xl);
    overflow: hidden;
    border: 1px solid rgba(209, 226, 248, 0.24);
    background: #02060b;
}

.argus-media-gallery-modal__image {
    display: block;
    width: 100%;
    max-height: min(62vh, 42rem);
    object-fit: contain;
    background: #02060b;
}

.argus-media-gallery-modal__caption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
    padding: var(--space-3) var(--space-4);
    font-size: var(--text-caption);
    color: var(--color-text-on-dark-muted);
    background: rgba(4, 12, 24, 0.92);
}

.argus-media-gallery-modal__counter {
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-on-dark);
}

.argus-media-gallery-modal__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-3);
}

.argus-media-gallery-modal__control {
    flex: 0 0 auto;
    width: clamp(2.75rem, 5vw, 3.5rem);
    min-width: 2.75rem;
    border: 1px solid rgba(209, 226, 248, 0.3);
    border-radius: var(--radius-pill);
    background: rgba(255, 255, 255, 0.06);
    color: var(--color-text-on-dark);
    font-size: clamp(1.15rem, 2.2vw, 1.35rem);
    font-weight: var(--font-weight-medium);
    line-height: 1.1;
    min-height: 2.625rem;
    padding: 0.55rem 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);
}

.argus-media-gallery-modal__control:hover,
.argus-media-gallery-modal__control:focus-visible {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(226, 239, 255, 0.72);
}

.argus-media-gallery-modal__control:disabled {
    opacity: 0.52;
    cursor: default;
}

.argus-media-gallery-modal__thumbs {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(4.5rem, 1fr));
    gap: var(--space-2);
}

.argus-media-gallery-modal__thumb {
    border: 1px solid rgba(209, 226, 248, 0.28);
    border-radius: var(--radius-md);
    overflow: hidden;
    background: transparent;
    padding: 0;
    cursor: pointer;
}

.argus-media-gallery-modal__thumb img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

.argus-media-gallery-modal__thumb.is-active {
    border-color: rgba(108, 186, 255, 0.9);
    box-shadow: 0 0 0 2px rgba(108, 186, 255, 0.4);
}

.argus-media-gallery-modal__thumb:focus-visible,
.argus-media-gallery-modal__close:focus-visible,
.argus-media-gallery-modal__control:focus-visible {
    outline: 2px solid rgba(108, 186, 255, 0.95);
    outline-offset: 2px;
}

.argus-video-showcase {
    display: flex;
    flex-direction: column;
    gap: var(--space-10);
}

.argus-video-showcase__group {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.argus-video-showcase__group-header {
    max-width: 64ch;
}

.argus-video-showcase__group-title {
    font-family: var(--font-display);
    font-size: clamp(1.4rem, 2vw, 2rem);
    color: var(--color-text-primary);
    line-height: 1.1;
    margin-bottom: var(--space-2);
}

.argus-video-showcase__group-subtitle {
    font-size: var(--text-body-lg);
    color: var(--color-text-secondary);
    line-height: var(--line-height-body);
}

.argus-video-showcase__empty-group {
    grid-column: 1 / -1;
    margin: 0;
}

.argus-video-card {
    min-height: 100%;
    border-radius: var(--radius-2xl);
    overflow: hidden;
    box-shadow: var(--shadow-card);
}

.argus-video-card__link {
    min-height: 100%;
    display: flex;
    flex-direction: column;
    color: inherit;
    text-decoration: none;
}

.argus-video-card__link:hover,
.argus-video-card__link:focus-visible {
    color: inherit;
    text-decoration: none;
}

.argus-video-card__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 16 / 9;
    background: #02060b;
    border-bottom: 1px solid var(--color-border-dark);
}

.argus-video-card__thumb-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--duration-base) var(--ease-out), filter var(--duration-base) var(--ease-out);
}

.argus-video-card__link:hover .argus-video-card__thumb-image,
.argus-video-card__link:focus-visible .argus-video-card__thumb-image {
    transform: scale(1.02);
    filter: brightness(1.06);
}

.argus-video-card__fallback-media {
    width: 100%;
    height: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-text-on-dark);
    font-size: var(--text-body-lg);
    text-decoration: none;
    background: linear-gradient(135deg, #071a38 0%, #0d4ba4 100%);
}

.argus-video-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-5);
}

.argus-video-card__title {
    font-family: var(--font-display);
    font-size: var(--text-title);
    line-height: 1.14;
    color: var(--color-text-on-dark);
}

.argus-video-card__description {
    font-size: var(--text-body);
    color: var(--color-text-on-dark-muted);
    line-height: var(--line-height-body);
}


/* ══════════════════════════════════════════
   7. DEPOIMENTOS
   DS não tem componente de testimonial —
   menor decisão: ds-card--gray + extensão
════════════════════════════════════════════ */

.argus-testimonial {
    background: var(--color-bg-card);
    border-radius: var(--radius-2xl);
    padding: var(--space-8);
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
    box-shadow: var(--shadow-card);
    transition:
        transform var(--duration-slow) var(--ease-out),
        box-shadow var(--duration-slow) var(--ease-out);
    position: relative;
}

.argus-testimonial:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-card-hover);
}

/* Variante em destaque */
.argus-testimonial--featured {
    background: var(--argus-bg-navy);
    box-shadow: var(--shadow-xl);
}

.argus-testimonial--featured .argus-testimonial__quote {
    color: var(--color-text-on-dark-muted);
}

.argus-testimonial--featured .argus-testimonial__name {
    color: var(--color-text-on-dark);
}

.argus-testimonial--featured .argus-testimonial__role,
.argus-testimonial--featured .argus-testimonial__org {
    color: var(--color-text-on-dark-muted);
}

.argus-testimonial--featured .argus-testimonial__stars {
    color: var(--color-warning);
}

/* Estrelas */
.argus-testimonial__stars {
    color: var(--color-warning);
    font-size: var(--text-callout);
    letter-spacing: 2px;
    line-height: 1;
}

/* Aspas e citação */
.argus-testimonial__quote {
    font-size: var(--text-body-lg);
    line-height: var(--line-height-body);
    color: var(--color-text-secondary);
    font-style: italic;
    max-width: none;
    flex: 1;
}

.argus-testimonial__quote::before {
    content: '\201C';
    font-size: 2.5rem;
    line-height: 0.5;
    vertical-align: -0.5rem;
    color: var(--color-accent);
    font-style: normal;
    font-family: var(--font-display);
    margin-right: var(--space-1);
}

/* Autor */
.argus-testimonial__author {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    border-top: 1px solid var(--color-border-light);
    padding-top: var(--space-6);
    margin-top: auto;
}

.argus-testimonial--featured .argus-testimonial__author {
    border-top-color: var(--color-border-dark);
}

/* Avatar com iniciais */
.argus-testimonial__avatar {
    width: 44px;
    height: 44px;
    border-radius: var(--radius-circle);
    background: var(--color-accent);
    color: #ffffff;
    font-size: var(--text-callout);
    font-weight: var(--font-weight-bold);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    letter-spacing: 0;
}

.argus-testimonial__info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.argus-testimonial__name {
    font-size: var(--text-body);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
    font-style: normal;
}

.argus-testimonial__role {
    font-size: var(--text-caption);
    color: var(--color-text-secondary);
}

.argus-testimonial__org {
    font-size: var(--text-caption);
    color: var(--color-accent);
    font-weight: var(--font-weight-medium);
}


/* ══════════════════════════════════════════
   7.1 PALESTRANTES - MOSAICO
════════════════════════════════════════════ */

.argus-speaker-wall-section--mosaic {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top center, rgba(244, 199, 19, 0.14) 0%, rgba(244, 199, 19, 0) 30%),
        linear-gradient(180deg, var(--brand-blue-900) 0%, #0f1f44 52%, #0b1731 100%);
}

.argus-speaker-wall__header {
    max-width: 42rem;
    margin: 0 auto var(--space-10);
    text-align: center;
}

.argus-speaker-wall__title {
    font-family: var(--font-display);
    font-size: clamp(2.3rem, 4.8vw, 4.8rem);
    font-weight: var(--font-weight-semibold);
    line-height: 0.98;
    letter-spacing: var(--letter-spacing-display);
    color: var(--color-text-white);
}

.argus-speaker-wall__subtitle {
    margin: var(--space-4) auto 0;
    max-width: 34rem;
    font-size: var(--text-body-lg);
    line-height: 1.6;
    color: rgba(245, 245, 247, 0.64);
}

.argus-speaker-wall {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 96px;
    gap: var(--space-4);
}

.argus-speaker-wall__card {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    background: #0d121a;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
    isolation: isolate;
    transition:
        transform var(--duration-base) var(--ease-out),
        box-shadow var(--duration-base) var(--ease-out),
        border-color var(--duration-base) var(--ease-out);
}

.argus-speaker-wall__card::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(3, 6, 11, 0.04) 0%, rgba(3, 6, 11, 0.14) 38%, rgba(3, 6, 11, 0.9) 100%);
}

.argus-speaker-wall__card:hover {
    transform: translateY(-6px);
    box-shadow: 0 28px 70px rgba(0, 0, 0, 0.34);
    border-color: rgba(244, 199, 19, 0.24);
}

.argus-speaker-wall__card--hero {
    grid-row: span 5;
}

.argus-speaker-wall__card--tall {
    grid-row: span 4;
}

.argus-speaker-wall__card--mid {
    grid-row: span 3;
}

.argus-speaker-wall__card--short {
    grid-row: span 2;
}

.argus-speaker-wall__card-media {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #0b1320 0%, #111b2c 100%);
}

.argus-speaker-wall__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--duration-slow) var(--ease-out);
}

.argus-speaker-wall__card:hover .argus-speaker-wall__image {
    transform: scale(1.04);
}

.argus-speaker-wall__fallback {
    font-family: var(--font-display);
    font-size: clamp(4rem, 7vw, 6rem);
    font-weight: var(--font-weight-bold);
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: var(--letter-spacing-display);
}

.argus-speaker-wall__panel {
    position: absolute;
    right: var(--space-5);
    bottom: var(--space-5);
    left: var(--space-5);
    z-index: 2;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    padding: 0.95rem 1rem 1rem;
    border-radius: 20px;
    background: rgba(8, 12, 20, 0.86);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(var(--blur-sm));
    opacity: 0;
    transform: translateY(18px);
    transition:
        opacity var(--duration-base) var(--ease-out),
        transform var(--duration-base) var(--ease-out);
}

.argus-speaker-wall__card:hover .argus-speaker-wall__panel {
    opacity: 1;
    transform: translateY(0);
}

.argus-speaker-wall__name {
    font-size: 1rem;
    font-weight: var(--font-weight-semibold);
    line-height: 1.2;
    color: var(--color-text-white);
}

.argus-speaker-wall__topic {
    font-size: var(--text-caption);
    line-height: 1.45;
    color: rgba(225, 239, 255, 0.86);
}

.argus-speaker-wall__meta {
    font-size: var(--text-footnote);
    color: rgba(245, 245, 247, 0.68);
}

.argus-speaker-wall__mobile {
    display: none;
}

.argus-speaker-wall-mobile-card {
    min-width: min(82vw, 320px);
    border-radius: 28px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 18px 50px rgba(0, 0, 0, 0.22);
    scroll-snap-align: start;
}

.argus-speaker-wall-mobile-card__media {
    aspect-ratio: 4 / 4.8;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #0b1320 0%, #111b2c 100%);
    overflow: hidden;
}

.argus-speaker-wall-mobile-card__image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.argus-speaker-wall-mobile-card__fallback {
    font-family: var(--font-display);
    font-size: 4rem;
    font-weight: var(--font-weight-bold);
    color: rgba(255, 255, 255, 0.9);
}

.argus-speaker-wall-mobile-card__body {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    padding: var(--space-5);
}

.argus-speaker-wall-mobile-card__name {
    font-size: var(--text-title);
    font-weight: var(--font-weight-semibold);
    line-height: 1.1;
    color: var(--color-text-white);
}

.argus-speaker-wall-mobile-card__topic {
    font-size: var(--text-callout);
    line-height: 1.5;
    color: rgba(225, 239, 255, 0.84);
}

.argus-speaker-wall-mobile-card__meta {
    font-size: var(--text-footnote);
    color: rgba(245, 245, 247, 0.68);
}

.argus-speaker-wall__empty {
    padding: var(--space-8);
    border-radius: var(--radius-2xl);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
}

.argus-speaker-wall__empty-eyebrow {
    display: block;
    margin-bottom: var(--space-3);
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-caps);
    text-transform: uppercase;
    color: rgba(225, 239, 255, 0.84);
}

.argus-speaker-wall__empty-text {
    font-size: var(--text-body-lg);
    color: rgba(245, 245, 247, 0.7);
}


/* ══════════════════════════════════════════
   FILIACAO E APLICATIVO
════════════════════════════════════════════ */

.argus-membership-section {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at top left,
            rgba(255, 248, 220, 0.22) 0%,
            rgba(255, 248, 220, 0) 30%),
        radial-gradient(circle at bottom right,
            rgba(72, 42, 14, 0.18) 0%,
            rgba(72, 42, 14, 0) 40%),
        linear-gradient(135deg,
            #d9bc7c 0%,
            #bc8c45 52%,
            #956834 100%);
}

.argus-membership-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.95fr);
    gap: var(--space-12);
    align-items: center;
}

.argus-membership-heading {
    grid-column: 1 / -1;
    max-width: 100%;
}

.argus-membership-copy {
    max-width: 38rem;
}

.argus-membership-heading .ds-section__eyebrow {
    color: rgba(250, 243, 230, 0.84);
}

.argus-membership-section .ds-section__title {
    color: #ffffff;
    margin-bottom: 0;
}

.argus-membership-section .argus-membership-copy__lead {
    max-width: 38rem;
    color: rgba(255, 249, 240, 0.92);
}

.argus-membership-section .argus-membership-copy__body {
    margin-top: var(--space-5);
    font-size: var(--text-body-lg);
    line-height: 1.65;
    color: rgba(244, 238, 230, 0.78);
}

.argus-membership-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--space-4);
    margin-top: var(--space-8);
}

.argus-membership-point {
    padding: var(--space-5);
    border-radius: 24px;
    border: 1px solid rgba(18, 40, 87, 0.18);
    background: linear-gradient(165deg,
            rgba(18, 40, 87, 0.96) 0%,
            rgba(31, 61, 123, 0.88) 100%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 18px 34px rgba(138, 111, 0, 0.14);
}

.argus-membership-section .argus-membership-point__title {
    display: block;
    margin-bottom: var(--space-3);
    font-size: var(--text-callout);
    font-weight: var(--font-weight-semibold);
    color: #ffffff;
}

.argus-membership-section .argus-membership-point__text {
    margin: 0;
    font-size: var(--text-body);
    line-height: 1.55;
    color: rgba(237, 246, 255, 0.82);
}

.argus-membership-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-3);
    margin-top: var(--space-8);
}

.argus-membership-store-link {
    display: inline-flex;
    text-decoration: none;
    transition:
        transform var(--duration-base) var(--ease-out),
        filter var(--duration-base) var(--ease-out);
}

.argus-membership-store-link:hover,
.argus-membership-store-link:focus-visible {
    transform: translateY(-2px);
    filter: saturate(1.06) brightness(1.03);
}

.argus-membership-store-badge {
    display: block;
    height: 52px;
    width: auto;
}

.argus-membership-store-badge--google-play {
    height: 49px;
}

.argus-membership-contact-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding-inline: var(--space-5);
    border-radius: 999px;
    border: 1px solid rgba(18, 40, 87, 0.16);
    background: var(--brand-blue-900);
    color: #ffffff;
    font-size: var(--text-callout);
    font-weight: var(--font-weight-semibold);
    text-decoration: none;
    box-shadow: 0 14px 28px rgba(18, 40, 87, 0.18);
    transition:
        transform var(--duration-base) var(--ease-out),
        background var(--duration-base) var(--ease-out),
        border-color var(--duration-base) var(--ease-out);
}

.argus-membership-contact-link:hover,
.argus-membership-contact-link:focus-visible {
    transform: translateY(-2px);
    background: var(--brand-blue-800);
    border-color: rgba(18, 40, 87, 0.24);
    color: #ffffff;
    text-decoration: none;
}

.argus-membership-media {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    gap: var(--space-5);
}

.argus-membership-cta-wrap {
    width: min(100%, 420px);
}

.argus-membership-cta-wrap__btn {
    background: rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(28px) saturate(1.6);
    -webkit-backdrop-filter: blur(28px) saturate(1.6);
    border: 1px solid rgba(255, 255, 255, 0.38);
    color: #ffffff;
    font-weight: var(--font-weight-semibold);
    letter-spacing: -0.01em;
    text-shadow: 0 1px 3px rgba(80, 50, 0, 0.22);
    box-shadow:
        0 1.5px 0 rgba(255, 255, 255, 0.55) inset,
        0 -1px 0 rgba(0, 0, 0, 0.08) inset,
        0 1px 0 rgba(255, 255, 255, 0.22) inset,
        0 10px 32px rgba(100, 65, 0, 0.18),
        0 2px 8px rgba(0, 0, 0, 0.1);
    transition:
        background var(--duration-base) var(--ease-out),
        box-shadow var(--duration-base) var(--ease-out),
        transform var(--duration-fast) var(--ease-out),
        border-color var(--duration-base) var(--ease-out);
}

.argus-membership-cta-wrap__btn:hover {
    background: rgba(255, 255, 255, 0.26);
    border-color: rgba(255, 255, 255, 0.52);
    color: #ffffff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow:
        0 1.5px 0 rgba(255, 255, 255, 0.65) inset,
        0 -1px 0 rgba(0, 0, 0, 0.06) inset,
        0 1px 0 rgba(255, 255, 255, 0.28) inset,
        0 16px 48px rgba(100, 65, 0, 0.22),
        0 4px 16px rgba(0, 0, 0, 0.12);
}

.argus-membership-device {
    position: relative;
    width: min(100%, 420px);
    padding: clamp(1.25rem, 2vw, 1.75rem);
    border-radius: 32px;
    border: 1px solid rgba(18, 40, 87, 0.14);
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0.22) 0%,
            rgba(255, 255, 255, 0.08) 100%);
    box-shadow: 0 26px 60px rgba(138, 111, 0, 0.18);
    overflow: hidden;
}

.argus-membership-device::before {
    content: '';
    position: absolute;
    inset: 12px 12px auto auto;
    width: 120px;
    height: 120px;
    background: radial-gradient(circle,
            rgba(18, 40, 87, 0.18) 0%,
            rgba(18, 40, 87, 0) 72%);
    pointer-events: none;
}

.argus-membership-device__image {
    display: block;
    width: 100%;
    min-height: 420px;
    max-height: 520px;
    object-fit: cover;
    border-radius: 24px;
    background: rgba(4, 15, 30, 0.5);
}

.argus-membership-device__placeholder {
    min-height: 360px;
    padding: var(--space-6);
    border-radius: 24px;
    background: linear-gradient(160deg,
            rgba(8, 26, 54, 0.88) 0%,
            rgba(19, 48, 96, 0.58) 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: var(--space-3);
}

.argus-membership-device__placeholder-chip {
    width: fit-content;
    padding: 0.55rem 0.9rem;
    border-radius: 999px;
    border: 1px solid rgba(225, 239, 255, 0.18);
    background: rgba(255, 255, 255, 0.08);
    color: rgba(245, 245, 247, 0.9);
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.argus-membership-device__badge {
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 24px;
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    padding: var(--space-4) var(--space-5);
    border-radius: 24px;
    border: 1px solid rgba(18, 40, 87, 0.1);
    background: rgba(255, 250, 236, 0.92);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    box-shadow: 0 18px 38px rgba(138, 111, 0, 0.16);
}

.argus-membership-device__eyebrow {
    font-size: var(--text-footnote);
    font-weight: var(--font-weight-semibold);
    letter-spacing: var(--letter-spacing-caps);
    text-transform: uppercase;
    color: var(--brand-blue-700);
}

.argus-membership-device__title {
    font-size: var(--text-title-sm);
    color: var(--brand-blue-900);
}

.argus-membership-device__note {
    font-size: var(--text-footnote);
    color: rgba(18, 40, 87, 0.72);
}


/* ══════════════════════════════════════════
   8. FALE CONOSCO
════════════════════════════════════════════ */

/* Canais de contato — grade 2×2 quando ocupa largura total */
.argus-contact-channels {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--space-4);
}

.argus-contact-header__title {
    text-align: left;
}

.argus-contact-header__subtitle {
    text-align: left;
    margin-inline: 0;
}

.argus-contact-channel {
    display: flex;
    align-items: flex-start;
    gap: var(--space-5);
    padding: var(--space-5) var(--space-6);
    background: var(--color-bg-card-gray);
    border-radius: var(--radius-xl);
    text-decoration: none;
    transition:
        transform var(--duration-base) var(--ease-out),
        box-shadow var(--duration-base) var(--ease-out),
        background var(--duration-base) var(--ease-out);
    border: 1px solid transparent;
    color: inherit;
}

.argus-contact-channel:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-md);
    text-decoration: none;
    border-color: rgba(244, 199, 19, 0.26);
    background: var(--color-bg-primary);
    color: inherit;
}


.argus-contact-channel__icon {
    font-size: 1.5rem;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(244, 199, 19, 0.14);
    border-radius: var(--radius-lg);
    flex-shrink: 0;
}

.argus-contact-channel__info {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.argus-contact-channel__label {
    font-size: var(--text-headline);
    color: var(--color-text-primary);
}

.argus-contact-channel__value {
    font-size: var(--text-body-lg);
    color: var(--brand-blue-700);
    font-weight: var(--font-weight-medium);
}

.argus-footer-newsletter__title {
    color: #ffffff;
    margin-bottom: var(--space-3);
}

.argus-footer-newsletter__copy {
    color: rgba(255, 255, 255, 0.68);
    margin-bottom: var(--space-6);
}

.argus-footer-newsletter__note {
    color: rgba(255, 255, 255, 0.64);
    margin-top: var(--space-2);
}

.argus-contact-channel__hours {
    font-size: var(--text-caption);
    color: var(--color-text-tertiary);
    line-height: var(--line-height-body);
}


/* ══════════════════════════════════════════
   9. DEMONSTRAÇÃO
════════════════════════════════════════════ */

.argus-demo-layout {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--space-20);
    align-items: center;
}

/* Pitch (lado esquerdo) */
.argus-demo-pitch {
    display: flex;
    flex-direction: column;
    gap: var(--space-6);
}

.argus-demo-pitch h2 {
    margin-bottom: var(--space-6);
}

.argus-demo-pitch>.ds-body-lg {
    color: var(--color-text-on-dark-muted);
    margin-bottom: var(--space-8);
}

/* Checklist de itens da demo */
.argus-demo-checklist {
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    list-style: none;
}

.argus-demo-check {
    display: flex;
    align-items: center;
    gap: var(--space-4);
    font-size: var(--text-body-lg);
    color: var(--color-text-on-dark-muted);
}

.argus-demo-check__icon {
    width: 22px;
    height: 22px;
    background: var(--color-accent-dark);
    color: #ffffff;
    border-radius: var(--radius-circle);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    flex-shrink: 0;
}

/* Trust badges */
.argus-demo-trust {
    display: flex;
    gap: var(--space-3);
    flex-wrap: wrap;
    margin-top: var(--space-2);
}

.argus-trust-item {
    display: flex;
}

/* Card CTA de demonstração — gradiente de destaque */
.argus-demo-cta-card {
    position: relative;
    background: var(--argus-card-auto);
    border-radius: var(--radius-2xl);
    padding: var(--space-10);
    box-shadow: 0 24px 64px rgba(13, 49, 102, 0.5), 0 2px 8px rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.18);
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: var(--space-6);
    overflow: hidden;
}

/* Reflexo claro no topo */
.argus-demo-cta-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}

/* Orb de profundidade no canto inferior */
.argus-demo-cta-card::after {
    content: '';
    position: absolute;
    bottom: -60px;
    right: -60px;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

.argus-demo-cta-card__icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.15);
    border-radius: var(--radius-xl);
    color: #ffffff;
    flex-shrink: 0;
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.argus-demo-cta-card__title {
    font-family: var(--font-display);
    font-size: var(--text-title-md);
    font-weight: var(--font-weight-semibold);
    color: #ffffff;
    line-height: var(--line-height-heading);
    letter-spacing: var(--letter-spacing-tight);
}

.argus-demo-cta-card__body {
    font-size: var(--text-body-lg);
    color: rgba(255, 255, 255, 0.82);
    line-height: var(--line-height-body);
    max-width: 38ch;
}

.argus-demo-cta-btn {
    width: 100%;
}

/* Etapas numeradas */
.argus-demo-cta-steps {
    list-style: none;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--space-4);
    text-align: left;
}

.argus-demo-cta-step {
    display: flex;
    align-items: flex-start;
    gap: var(--space-4);
}

.argus-demo-cta-step__num {
    width: 28px;
    height: 28px;
    min-width: 28px;
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    border-radius: var(--radius-circle);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--text-caption);
    font-weight: var(--font-weight-semibold);
    margin-top: 2px;
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.argus-demo-cta-step__content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.argus-demo-cta-step__label {
    font-size: var(--text-body-md);
    font-weight: var(--font-weight-medium);
    color: #ffffff;
}

.argus-demo-cta-step__desc {
    font-size: var(--text-caption);
    color: rgba(255, 255, 255, 0.65);
}

/* Divisor entre etapas e botão */
.argus-demo-cta-steps+.argus-demo-cta-btn {
    margin-top: var(--space-2);
}

/* Social proof */
.argus-demo-cta-proof {
    display: flex;
    align-items: center;
    gap: var(--space-3);
    font-size: var(--text-caption);
    color: rgba(255, 255, 255, 0.75);
}

.argus-demo-cta-avatars {
    display: flex;
    flex-direction: row-reverse;
}

.argus-demo-cta-avatar {
    width: 28px;
    height: 28px;
    border-radius: var(--radius-circle);
    background: rgba(255, 255, 255, 0.25);
    color: #fff;
    font-size: 9px;
    font-weight: var(--font-weight-semibold);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(244, 199, 19, 0.45);
    margin-left: -8px;
}

.argus-demo-cta-avatar:last-child {
    margin-left: 0;
}

.argus-demo-cta-proof__text strong {
    color: #ffffff;
}

.argus-demo-cta-card__footnote {
    font-size: var(--text-caption);
    color: rgba(255, 255, 255, 0.6);
}

.argus-demo-cta-card__tel {
    color: #ffffff;
    font-weight: var(--font-weight-medium);
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.4);
    text-underline-offset: 2px;
}

.argus-demo-cta-card__tel:hover {
    text-decoration-color: #ffffff;
}


/* ══════════════════════════════════════════
   10. FOOTER
════════════════════════════════════════════ */

/* Footer navy profundo em vez de cinza escuro */
.ds-footer.ds-footer--dark {
    background: var(--argus-bg-navy-deep);
    border-top-color: rgba(244, 199, 19, 0.34);
}

/* Redes sociais */
.argus-footer-social {
    display: flex;
    gap: var(--space-4);
    margin-top: var(--space-6);
}

.argus-social-link {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    border-radius: var(--radius-md);
    color: rgba(255, 255, 255, 0.78);
    transition:
        background var(--duration-base) var(--ease-out),
        color var(--duration-base) var(--ease-out),
        transform var(--duration-fast) var(--ease-out);
    text-decoration: none;
}

.argus-social-link:hover {
    background: rgba(244, 199, 19, 0.18);
    color: var(--brand-gold-500);
    text-decoration: none;
    transform: translateY(-2px);
}

/* Newsletter no footer */
.argus-newsletter-form__inner {
    display: flex;
    gap: var(--space-3);
}

.argus-newsletter-input {
    flex: 1;
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.24);
    color: rgba(255, 255, 255, 0.96);
}

.argus-newsletter-input::placeholder {
    color: rgba(255, 255, 255, 0.82);
}

.argus-newsletter-input:focus {
    border-color: var(--brand-gold-500);
    box-shadow: 0 0 0 3px rgba(244, 199, 19, 0.22);
}

.argus-newsletter-btn {
    flex-shrink: 0;
    color: var(--brand-blue-900);
    border: 1px solid rgba(255, 244, 200, 0.62);
    background: linear-gradient(110deg,
            rgba(255, 248, 222, 0.98) 0%,
            rgba(244, 199, 19, 0.96) 54%,
            rgba(227, 184, 11, 0.98) 100%);
    font-weight: var(--font-weight-semibold);
    box-shadow: 0 10px 24px rgba(18, 40, 87, 0.18);
}

.argus-newsletter-btn:hover,
.argus-newsletter-btn:focus-visible {
    color: var(--brand-blue-900);
    border-color: rgba(255, 244, 200, 0.86);
    background: linear-gradient(110deg,
            rgba(255, 250, 232, 0.98) 0%,
            rgba(244, 199, 19, 0.98) 56%,
            rgba(227, 184, 11, 0.98) 100%);
    box-shadow: 0 14px 28px rgba(18, 40, 87, 0.22);
}

/* Overrides footer dark para funcionar bem com o ds-footer--dark */
.ds-footer--dark .ds-footer__cols {
    grid-template-columns: repeat(5, 1fr);
}


/* ══════════════════════════════════════════
   11. FORMULÁRIOS ARGUS
   Organização de grupos de campo, labels,
   erros e feedback
════════════════════════════════════════════ */

.argus-form {
    display: flex;
    flex-direction: column;
    gap: var(--space-5);
}

.argus-form__group {
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
}

.argus-form__label {
    font-size: var(--text-callout);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
}

/* Label dentro do card de demo (fundo claro) */
.argus-demo-form-card .argus-form__label {
    color: var(--color-text-primary);
}

/* Input inválido */
.ds-input.is-invalid {
    border-color: var(--color-error);
    box-shadow: 0 0 0 3px rgba(192, 57, 43, 0.18);
}

/* Mensagem de erro inline */
.argus-form__error {
    font-size: var(--text-caption);
    color: var(--color-error);
    min-height: 1.2em;
    font-weight: var(--font-weight-medium);
}

/* Textarea */
.argus-form__textarea {
    resize: vertical;
    min-height: 120px;
}

/* Alerta de sucesso (reutiliza ds-alert) */
.argus-form__success {
    margin-top: var(--space-2);
}


/* ══════════════════════════════════════════
   12. UTILITÁRIOS ARGUS
════════════════════════════════════════════ */

/* Gradiente de texto azul */
.argus-text-accent-glow {
    background: linear-gradient(90deg, var(--brand-blue-700) 0%, var(--brand-gold-500) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Drawer CTA no mobile */
.argus-drawer-cta {
    text-align: center;
    color: var(--brand-blue-900);
    border: 1px solid rgba(255, 244, 200, 0.62);
    background: linear-gradient(110deg,
            rgba(255, 248, 222, 0.98) 0%,
            rgba(244, 199, 19, 0.96) 54%,
            rgba(227, 184, 11, 0.98) 100%);
    font-weight: var(--font-weight-semibold);
    box-shadow: 0 10px 24px rgba(18, 40, 87, 0.24);
}

.argus-drawer-cta:hover,
.argus-drawer-cta:focus-visible {
    color: var(--brand-blue-900);
    border-color: rgba(255, 244, 200, 0.86);
    background: linear-gradient(110deg,
            rgba(255, 250, 232, 0.98) 0%,
            rgba(244, 199, 19, 0.98) 56%,
            rgba(227, 184, 11, 0.98) 100%);
    box-shadow: 0 14px 28px rgba(18, 40, 87, 0.28);
}


/* ══════════════════════════════════════════
   13. RESPONSIVO
════════════════════════════════════════════ */

/* ── Tablet ≤ 980px ── */
@media (max-width: 980px) {

    /* Hero */
    .argus-hero__inner {
        grid-template-columns: 1fr;
        gap: var(--space-12);
        text-align: center;
    }

    .argus-hero__content {
        max-width: 100%;
        align-items: center;
    }

    .argus-hero__subtitle {
        max-width: 100%;
    }

    .argus-hero-carousel__controls,
    .argus-hero-carousel__indicators {
        bottom: var(--space-4);
    }

    .argus-dashboard-preview {
        max-width: 480px;
        margin-inline: auto;
    }

    /* Demo layout */
    .argus-demo-layout {
        grid-template-columns: 1fr;
        gap: var(--space-12);
    }

    /* Features  */
    .argus-features-grid.ds-grid--3 {
        grid-template-columns: repeat(2, 1fr);
    }

    .argus-news-spotlight {
        grid-template-columns: 1fr;
    }

    .argus-news-spotlight__media {
        min-height: 280px;
    }

    .argus-video-showcase {
        gap: var(--space-8);
    }

    .argus-membership-layout {
        grid-template-columns: 1fr;
        gap: var(--space-10);
    }

    .argus-membership-heading {
        grid-column: auto;
    }

    .argus-membership-copy {
        max-width: 100%;
    }

    .argus-membership-points {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .argus-membership-media {
        justify-content: center;
    }

    .argus-membership-device {
        width: min(100%, 480px);
    }

    /* Palestrantes - mosaico */
    .argus-speaker-wall {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    /* Footer */
    .ds-footer--dark .ds-footer__cols {
        grid-template-columns: repeat(3, 1fr);
    }

    .ds-footer__brand-top {
        grid-template-columns: 1fr;
        gap: var(--space-10);
    }

    /* Pilares */
    .argus-pillar-grid {
        grid-template-columns: 1fr 1fr;
    }

    .argus-social-panel {
        max-width: 100%;
    }

    .argus-social-grid {
        grid-template-columns: 1fr;
    }
}

/* ── Mobile ≤ 660px ── */
@media (max-width: 660px) {

    /* Hero */
    .argus-hero {
        padding-block: var(--space-24) var(--space-16);
    }

    .argus-hero__title {
        font-size: var(--text-title-xl);
    }

    .argus-hero__bg-orb--1 {
        width: 300px;
        height: 300px;
    }

    .argus-hero__bg-orb--2 {
        display: none;
    }

    .argus-hero--carousel {
        min-height: 520px;
    }

    .argus-hero-carousel__controls {
        right: var(--space-4);
    }

    .argus-hero-carousel__indicators {
        left: var(--space-4);
    }

    .argus-news-detail-hero {
        padding-block: var(--space-16) var(--space-12);
    }

    .argus-news-detail-hero--floating-header {
        padding-top: calc(var(--space-16) + var(--space-6));
    }

    .argus-news-list-hero--floating-header {
        padding-top: calc(var(--space-16) + var(--space-6));
    }

    .argus-convenio-list-hero--floating-header {
        padding-top: calc(var(--space-16) + var(--space-6));
    }

    .argus-news-detail-hero__meta {
        margin-bottom: var(--space-4);
        gap: var(--space-2);
    }

    .argus-news-detail-hero__back {
        width: 2.5rem;
        height: 2.5rem;
        min-width: 2.5rem;
    }

    .argus-news-detail-hero__badge {
        height: 2.5rem;
        min-height: 2.5rem;
        padding-inline: var(--space-3);
    }

    .argus-news-detail-hero__title {
        font-size: clamp(1.9rem, 9vw, 2.6rem);
        max-width: 13ch;
    }

    .argus-news-detail-hero__intro {
        margin-top: var(--space-4);
        font-size: var(--text-body);
    }

    .argus-news-detail__content {
        padding: var(--space-6);
    }

    .argus-news-detail-related__content {
        padding: var(--space-5);
    }

    .argus-membership-points {
        grid-template-columns: 1fr;
    }

    .argus-membership-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .argus-membership-store-link {
        justify-content: center;
    }

    .argus-membership-store-badge {
        width: min(100%, 190px);
        height: auto;
    }

    .argus-membership-store-badge--google-play {
        width: min(100%, 212px);
    }

    .argus-membership-contact-link {
        width: 100%;
    }

    .argus-membership-device {
        padding: var(--space-4);
    }

    .argus-membership-device__image,
    .argus-membership-device__placeholder {
        min-height: 300px;
    }

    .argus-membership-device__badge {
        left: 16px;
        right: 16px;
        bottom: 16px;
        padding: var(--space-4);
    }

    .argus-news-list-card__content {
        padding: var(--space-4);
    }

    .argus-pagination {
        gap: var(--space-3);
    }

    .argus-pagination__status {
        width: 100%;
        text-align: center;
    }

    /* Dashboard preview menor no mobile */
    .argus-dashboard {
        max-width: 320px;
    }

    .argus-dashboard__kpis {
        grid-template-columns: 1fr 1fr;
    }

    .argus-dashboard__kpis .argus-kpi:last-child {
        grid-column: 1 / -1;
    }

    /* Features em coluna única */
    .argus-features-grid.ds-grid--3 {
        grid-template-columns: 1fr;
    }

    .argus-news-spotlight__content {
        padding: var(--space-6);
    }

    .argus-media-gallery-card__thumbs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .argus-media-gallery-modal.is-open {
        padding: var(--space-3);
    }

    .argus-media-gallery-modal__dialog {
        max-height: calc(100vh - var(--space-4));
        padding: var(--space-4);
    }

    .argus-media-gallery-modal__header {
        align-items: center;
    }

    .argus-media-gallery-modal__caption {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-1);
    }

    .argus-media-gallery-modal__controls {
        justify-content: space-between;
    }

    .argus-video-showcase__group-header {
        text-align: center;
    }

    /* Palestrantes - mosaico */
    .argus-speaker-wall {
        display: none;
    }

    .argus-speaker-wall__mobile {
        display: flex;
        gap: var(--space-4);
        overflow-x: auto;
        padding-bottom: var(--space-2);
        scroll-snap-type: x mandatory;
        scrollbar-width: none;
    }

    .argus-speaker-wall__mobile::-webkit-scrollbar {
        display: none;
    }

    .argus-speaker-wall__header {
        margin-bottom: var(--space-8);
    }

    /* Depoimentos: empilhar */
    /* herda ds-grid--3 → 1fr */

    /* Contato */
    .argus-contact-channels {
        grid-template-columns: 1fr;
        gap: var(--space-3);
    }

    /* Demo */
    .argus-demo-form-card {
        padding: var(--space-6);
    }

    /* Footer */
    .ds-footer--dark .ds-footer__cols {
        grid-template-columns: repeat(2, 1fr);
    }

    /* Pilares */
    .argus-pillar-grid {
        grid-template-columns: 1fr;
    }

    .argus-social-panel {
        padding: var(--space-4);
        border-radius: 24px;
    }

    .argus-social-panel::after {
        inset: 24% 6% auto;
        height: 128px;
        opacity: 0.56;
    }

    .argus-social-panel__head {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--space-3);
        margin-bottom: var(--space-4);
        padding-bottom: var(--space-4);
    }

    .argus-social-card {
        padding: var(--space-4);
        grid-template-columns: 52px minmax(0, 1fr);
        min-height: 0;
        border-radius: 18px;
    }

    .argus-social-card__icon {
        width: 52px;
        height: 52px;
        border-radius: 16px;
    }

    .argus-social-card__network {
        letter-spacing: 0.18em;
    }

    .argus-social-card__handle {
        font-size: var(--text-callout);
    }

    .argus-social-card__meta {
        font-size: var(--text-footnote);
    }

    /* Newsletter form empilha */
    .argus-newsletter-form__inner {
        flex-direction: column;
    }

    /* Logo strip */
    .argus-logos-row {
        gap: var(--space-3);
    }

    .argus-logo-placeholder {
        font-size: var(--text-footnote);
        padding: var(--space-2) var(--space-4);
    }
}

/* ── Mobile pequeno ≤ 480px ── */
@media (max-width: 480px) {

    .argus-demo-layout .ds-grid--2 {
        grid-template-columns: 1fr;
    }

    .ds-footer--dark .ds-footer__cols {
        grid-template-columns: 1fr 1fr;
    }

    .argus-demo-trust {
        flex-direction: column;
        align-items: flex-start;
    }

    .argus-speaker-wall-mobile-card {
        min-width: 86vw;
    }
}

/* ══════════════════════════════════════════
   ARGUS MEMBERSHIP MODAL — Solicitação de filiação
════════════════════════════════════════════ */

.argus-membership-modal {
    position: fixed;
    inset: 0;
    z-index: var(--z-modal, 1000);
    display: none;
    align-items: center;
    justify-content: center;
    padding: var(--space-4);
}

.argus-membership-modal.is-open {
    display: flex;
}

.argus-membership-modal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(3, 10, 22, 0.72);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.argus-membership-modal__dialog {
    position: relative;
    z-index: 1;
    width: min(70rem, 100%);
    max-height: calc(100dvh - 2rem);
    display: flex;
    flex-direction: column;
    background: #ffffff;
    border-radius: var(--radius-2xl);
    box-shadow: var(--shadow-xl);
    overflow: hidden;
}

.argus-membership-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-4);
    padding: var(--space-5) var(--space-6);
    border-bottom: 1px solid var(--color-border-light);
    flex-shrink: 0;
}

.argus-membership-modal__title {
    font-family: var(--font-display);
    font-size: clamp(1.1rem, 2vw, 1.35rem);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-primary);
    margin: 0;
}

.argus-membership-modal__close {
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-pill);
    background: transparent;
    color: var(--color-text-secondary);
    font-size: var(--text-body);
    padding: 0.4rem 0.875rem;
    cursor: pointer;
    transition: background var(--duration-base) var(--ease-out),
        color var(--duration-base) var(--ease-out);
    white-space: nowrap;
}

.argus-membership-modal__close:hover,
.argus-membership-modal__close:focus-visible {
    background: var(--color-bg-card);
    color: var(--color-text-primary);
}

.argus-membership-modal__body {
    padding: var(--space-6);
    overflow-y: auto;
    flex: 1;
}

.argus-membership-modal__footer {
    display: flex;
    justify-content: flex-end;
    gap: var(--space-3);
    padding: var(--space-4) var(--space-6);
    border-top: 1px solid var(--color-border-light);
    flex-shrink: 0;
}

/* Form fields */
.argus-membership-modal .am-field {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
    margin-bottom: var(--space-5);
}

.argus-membership-modal label {
    display: block;
    font-size: var(--text-callout);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-primary);
    margin-bottom: var(--space-1);
}

.argus-membership-modal .form-control {
    display: block;
    width: 100%;
    padding: 0.72em 1em;
    background: #f8f9fc;
    border: 1px solid var(--color-border-light);
    border-radius: var(--radius-lg);
    font-family: var(--font-text);
    font-size: var(--text-body-lg);
    color: var(--color-text-primary);
    transition: border-color var(--duration-base), box-shadow var(--duration-base);
    appearance: none;
    -webkit-appearance: none;
}

.argus-membership-modal .form-control:focus {
    outline: none;
    border-color: var(--color-accent);
    box-shadow: 0 0 0 3px rgba(36, 71, 143, 0.18);
}

.argus-membership-modal .form-control.is-invalid {
    border-color: #d32f2f;
}

.argus-membership-modal .am-field__error {
    font-size: var(--text-footnote);
    color: #d32f2f;
}

.argus-membership-modal .am-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 var(--space-4);
}

.argus-membership-modal .am-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 var(--space-4);
}

.argus-membership-modal .am-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0 var(--space-4);
}

@media (max-width: 960px) {
    .argus-membership-modal .am-grid-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.argus-membership-modal .am-alert {
    padding: var(--space-3) var(--space-4);
    border-radius: var(--radius-lg);
    margin-bottom: var(--space-5);
    font-size: var(--text-callout);
}

.argus-membership-modal .am-alert--success {
    background: #e8f5e9;
    color: #1b5e20;
    border: 1px solid #a5d6a7;
}

.argus-membership-modal .am-alert--danger {
    background: #ffebee;
    color: #b71c1c;
    border: 1px solid #ef9a9a;
}

.argus-membership-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--space-2);
    padding: 0.75em 1.5em;
    border-radius: var(--radius-pill);
    font-family: var(--font-text);
    font-size: var(--text-body-lg);
    font-weight: var(--font-weight-semibold);
    cursor: pointer;
    border: none;
    background: var(--color-accent);
    color: #ffffff;
    text-decoration: none;
    transition: background var(--duration-base) var(--ease-out),
        transform var(--duration-fast) var(--ease-out),
        box-shadow var(--duration-base) var(--ease-out);
    white-space: nowrap;
    min-height: 52px;
}

.argus-membership-cta-btn:hover,
.argus-membership-cta-btn:focus-visible {
    background: var(--color-accent-hover);
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 16px rgba(36, 71, 143, 0.28);
    text-decoration: none;
}

@media (max-width: 600px) {

    .argus-membership-modal .am-grid-2,
    .argus-membership-modal .am-grid-3,
    .argus-membership-modal .am-grid-4 {
        grid-template-columns: 1fr;
    }

    .argus-membership-modal__body {
        padding: var(--space-4);
    }

    .argus-membership-modal__footer {
        padding: var(--space-3) var(--space-4);
    }
}

/* ── Acessibilidade: pausa animações para quem prefere movimento reduzido ── */
@media (prefers-reduced-motion: reduce) {

    .argus-btn-cta.ds-btn--primary {
        animation: none;
        box-shadow:
            0 0 0 1px rgba(255, 255, 255, 0.12) inset,
            0 0 28px rgba(244, 199, 19, 0.36),
            0 6px 20px rgba(36, 71, 143, 0.3);
    }
}