/*
 * =========================================================
 * COGNARQUIA - IDENTIDADE VISUAL
 * =========================================================
 *
 * Este arquivo sobrescreve o visual herdado do template
 * antigo sem necessidade de alterar legacy-site.css.
 */

:root {
    --cognarquia-orange: #ff9800;
    --cognarquia-orange-dark: #e88700;
    --cognarquia-orange-light: #ffb23e;

    --cognarquia-dark: #171717;
    --cognarquia-dark-2: #202224;
    --cognarquia-gray-dark: #303236;
    --cognarquia-gray: #65686d;
    --cognarquia-gray-light: #f3f4f5;
    --cognarquia-border: #e4e5e7;

    --cognarquia-white: #ffffff;
}


/* =========================================================
   GLOBAL
   ========================================================= */

html {
    scroll-behavior: smooth;
}

body {
    color: var(--cognarquia-gray);
    background: var(--cognarquia-white);
}

a {
    color: inherit;
    transition:
        color .25s ease,
        background-color .25s ease,
        border-color .25s ease,
        opacity .25s ease;
}

a:hover,
a:focus {
    color: var(--cognarquia-orange);
    text-decoration: none;
}


/* =========================================================
   HEADER
   ========================================================= */

.wrapp-header {
    background: #ffffff !important;
    border: none !important;
}


/*
 * O template antigo deixa a área do logo muito alta.
 * Aqui reduzimos essa altura.
 */
.header-box-01 {
    background: #ffffff !important;

    padding: 14px 0 !important;

    min-height: 0 !important;
    height: auto !important;

    border: none !important;
}


/* centralização vertical das duas colunas */
.header-box-01 .row {
    display: flex;
    align-items: center;
}


/* =========================================================
   LOGO DO HEADER
   ========================================================= */

.site-brand {
    display: inline-flex;
    align-items: center;

    text-decoration: none !important;
}


/*
 * Como o logo possui elementos claros,
 * utilizamos um fundo escuro para garantir contraste.
 */
.site-brand-badge {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    width: 155px;
    height: 105px;

    padding: 7px;

    background:
        linear-gradient(
            135deg,
            #111111 0%,
            #252525 100%
        );

    border-radius: 10px;

    border:
        1px solid
        rgba(255, 152, 0, 0.25);

    overflow: hidden;

    box-shadow:
        0 7px 18px
        rgba(0, 0, 0, 0.08);
}


.site-brand-badge img {
    display: block;

    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;

    object-fit: contain;
}


/* =========================================================
   BOTÃO LOGIN
   ========================================================= */

.price-filter-btn {
    display: inline-flex !important;

    align-items: center;
    justify-content: center;

    min-width: 105px;

    padding: 11px 26px !important;

    background: var(--cognarquia-orange) !important;

    border:
        1px solid
        var(--cognarquia-orange) !important;

    border-radius: 5px !important;

    color: #ffffff !important;

    font-weight: 600;

    letter-spacing: .4px;

    box-shadow: none !important;

    text-transform: uppercase;
}


.price-filter-btn:hover,
.price-filter-btn:focus {
    background:
        var(--cognarquia-orange-dark) !important;

    border-color:
        var(--cognarquia-orange-dark) !important;

    color: #ffffff !important;

    opacity: 1 !important;
}


/* =========================================================
   MENU
   ========================================================= */

.header-box-02 {
    background: #ffffff !important;

    border-top:
        1px solid
        var(--cognarquia-border) !important;

    border-bottom:
        1px solid
        var(--cognarquia-border) !important;
}


.main-nav {
    min-height: 50px;
}


.main-nav__list {
    margin: 0;
}


.main-nav__list > li > a {
    color:
        var(--cognarquia-gray-dark) !important;

    font-weight: 500;

    transition:
        color .25s ease !important;
}


.main-nav__list > li > a:hover,
.main-nav__list > li > a:focus {
    color:
        var(--cognarquia-orange) !important;
}


/* caso o tema tenha linhas/indicadores azuis */
.main-nav__list > li > a::before,
.main-nav__list > li > a::after {
    border-color:
        var(--cognarquia-orange) !important;
}


/* botão hambúrguer */
.main-nav__btn .icon-left,
.main-nav__btn .icon-right,
.main-nav__btn .icon-left::before,
.main-nav__btn .icon-left::after,
.main-nav__btn .icon-right::before,
.main-nav__btn .icon-right::after {
    background:
        var(--cognarquia-orange) !important;
}


/* =========================================================
   HERO PRINCIPAL
   ========================================================= */

.cognarquia-section-intro {
    max-width: 880px;
    margin-right: auto;
    margin-bottom: 55px;
    margin-left: auto;
}

.cognarquia-section-intro .title-05 {
    margin-right: auto;
    margin-left: auto;
}

.cognarquia-section-intro > p:last-child {
    max-width: 760px;
    margin: 20px auto 0;
    color: var(--cognarquia-gray);
    font-size: 16px;
    line-height: 1.75;
}

@media (max-width: 767px) {
    .cognarquia-section-intro {
        margin-bottom: 38px;
    }

    .cognarquia-section-intro > p:last-child {
        font-size: 14px;
        line-height: 1.65;
    }
}

.cognarquia-hero {
    position: relative;

    min-height: 520px;

    display: flex;
    align-items: center;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 80% 50%,
            rgba(255, 152, 0, 0.08),
            transparent 35%
        ),
        linear-gradient(
            110deg,
            #171717 0%,
            #26282b 55%,
            #1b1c1e 100%
        ) !important;
}


/*
 * Rede de grafos distribuída por todo o hero.
 */
.cognarquia-hero::after {
    content: "";

    position: absolute;

    inset: 0;

    background-image:
        linear-gradient(
            90deg,
            rgba(17, 17, 17, .14),
            rgba(17, 17, 17, .30) 50%,
            rgba(17, 17, 17, .14)
        ),
        url("../img/cognarquia-hero-network-v1.png");

    background-repeat:
        no-repeat;

    background-position:
        center;

    background-size:
        cover;

    opacity: .58;

    pointer-events:
        none;
}


.cognarquia-hero .container {
    position: relative;

    z-index: 2;
}


.cognarquia-hero .subtitle-07 {
    color:
        var(--cognarquia-orange) !important;

    font-weight: 600;

    letter-spacing: 3px;
}


.cognarquia-hero .title-06 {
    color:
        var(--cognarquia-white) !important;
}


.cognarquia-hero .title-06 span {
    color:
        var(--cognarquia-orange) !important;

    font-weight: 700;
}


.cognarquia-hero-text {
    max-width: 720px;

    margin:
        24px auto
        35px auto;

    color: #d4d5d7;

    font-size: 17px;

    line-height: 1.8;
}


/* =========================================================
   BOTÕES GERAIS
   ========================================================= */

.btn-02 {
    background:
        var(--cognarquia-orange) !important;

    border-color:
        var(--cognarquia-orange) !important;

    color:
        #ffffff !important;

    transition:
        background .25s ease,
        transform .25s ease !important;
}


.btn-02:hover,
.btn-02:focus {
    background:
        var(--cognarquia-orange-dark) !important;

    border-color:
        var(--cognarquia-orange-dark) !important;

    color:
        #ffffff !important;

    transform:
        translateY(-2px);
}


/* =========================================================
   3 PILARES
   ========================================================= */

#estrutura {
    background: #ffffff;
}


.icon-boxes-04__icon {
    color:
        var(--cognarquia-orange) !important;
}


.icon-boxes-04__title {
    color:
        var(--cognarquia-dark) !important;
}


.icon-boxes-04__text,
.icon-boxes-04__text p {
    color:
        var(--cognarquia-gray) !important;
}


/* =========================================================
   PLATAFORMA
   ========================================================= */

.cognarquia-platform-section {
    background:
        linear-gradient(
            180deg,
            #f8f8f8 0%,
            #ffffff 100%
        ) !important;

    border-top:
        1px solid
        var(--cognarquia-border);
}


.cognarquia-center-image {
    display: flex;

    align-items: center;
    justify-content: center;

    height: 100%;

    padding: 35px;
}


/*
 * Fundo escuro atrás do logo central,
 * evitando o problema do texto branco desaparecer.
 */
.cognarquia-center-image::before {
    content: "";

    position: absolute;
}


.cognarquia-center-image img {
    display: block;

    width: 100%;
    max-width: 340px;

    height: auto;

    padding: 20px;

    background:
        linear-gradient(
            135deg,
            #151515,
            #252525
        );

    border-radius: 18px;

    border:
        1px solid
        rgba(255, 152, 0, .18);

    box-shadow:
        0 20px 50px
        rgba(0, 0, 0, .10);
}


/* números dos agentes */
.cognarquia-feature-icon {
    width: 58px;
    height: 58px;

    display: flex;

    align-items: center;
    justify-content: center;

    margin-bottom: 17px;

    color:
        var(--cognarquia-orange);

    background:
        rgba(255, 152, 0, .05);

    border:
        2px solid
        var(--cognarquia-orange);

    border-radius: 50%;

    font-size: 17px;

    font-weight: 700;
}


.icon-boxes-02--right .cognarquia-feature-icon {
    margin-left: auto;
}


.icon-boxes-02__title {
    color:
        var(--cognarquia-dark) !important;
}


.icon-boxes-02__text {
    color:
        var(--cognarquia-gray) !important;
}


/* =========================================================
   SOLUÇÕES
   ========================================================= */

#solucoes {
    background: #ffffff;
}


.subtitle-01 {
    color:
        var(--cognarquia-orange) !important;
}


.title-05 {
    color:
        var(--cognarquia-dark) !important;
}


.title-05 span {
    color:
        var(--cognarquia-orange) !important;
}


.serv-content-01,
.serv-content-01 p {
    color:
        var(--cognarquia-gray) !important;
}


.cognarquia-solution-card {
    min-height: 330px;

    padding: 42px 34px;

    background: #ffffff;

    border:
        1px solid
        var(--cognarquia-border);

    border-radius: 8px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


.cognarquia-solution-card:hover {
    transform:
        translateY(-7px);

    border-color:
        var(--cognarquia-orange);

    box-shadow:
        0 18px 45px
        rgba(0, 0, 0, .10);
}


.cognarquia-solution-number {
    margin-bottom: 22px;

    color:
        var(--cognarquia-orange);

    font-size: 40px;

    font-weight: 700;
}


.cognarquia-solution-card
.shop-listing-item__title {
    color:
        var(--cognarquia-dark) !important;
}


.cognarquia-solution-card p {
    margin-bottom: 27px;

    color:
        var(--cognarquia-gray);

    line-height: 1.8;
}


.learn-more-btn,
.cognarquia-solution-card
.learn-more-btn {
    color:
        var(--cognarquia-orange) !important;
}


.learn-more-btn:hover,
.cognarquia-solution-card
.learn-more-btn:hover {
    color:
        var(--cognarquia-orange-dark) !important;
}


/* =========================================================
   CHAMADA FINAL
   ========================================================= */

.cognarquia-action-box {
    padding:
        72px 0 !important;

    background:
        linear-gradient(
            120deg,
            #171717 0%,
            #2b2d30 100%
        ) !important;
}


.cognarquia-action-box
.action-box-01__subtitle {
    color:
        var(--cognarquia-orange) !important;

    font-weight: 600;

    letter-spacing: 4px;
}


.cognarquia-action-title {
    margin-top: 14px;

    color: #ffffff !important;

    font-size: 32px;

    line-height: 1.35;
}


.cognarquia-action-text {
    margin-top: 13px;

    color:
        #cccccc !important;

    font-size: 17px;
}


/* =========================================================
   FOOTER
   ========================================================= */

.wrapp-footer {
    background:
        var(--cognarquia-dark) !important;
}


.footer-box-01 {
    padding:
        55px 0 !important;

    background:
        var(--cognarquia-dark) !important;

    border-top:
        1px solid
        #292929;
}


.cognarquia-footer-row {
    display: flex;

    align-items: center;

    flex-wrap: wrap;
}


/* logo rodapé */
.footer-brand {
    display: inline-flex;

    align-items: center;

    text-decoration: none !important;
}


.footer-brand img {
    display: block;

    width: 145px;
    height: auto;

    padding: 6px;

    border-radius: 8px;
}


/* links */
.cognarquia-footer-nav {
    display: flex;

    justify-content: flex-end;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px 30px;

    margin: 0;

    padding: 0;

    list-style: none;
}


.cognarquia-footer-nav li {
    margin: 0;
    padding: 0;
}


.cognarquia-footer-nav a {
    color:
        #bfc1c4 !important;

    font-size: 14px;
}


.cognarquia-footer-nav a:hover {
    color:
        var(--cognarquia-orange) !important;
}


/* copyright */
.copy-footer-01 {
    background:
        #111111 !important;

    border-top:
        1px solid
        #292929 !important;
}


.copy-footer-01__text {
    color:
        #a7a7a7 !important;
}


/* =========================================================
   BOTÃO VOLTAR AO TOPO
   ========================================================= */

.back2top {
    background:
        var(--cognarquia-orange) !important;

    border-color:
        var(--cognarquia-orange) !important;

    color:
        #ffffff !important;

    box-shadow:
        none !important;
}


.back2top:hover,
.back2top:focus {
    background:
        var(--cognarquia-orange-dark) !important;

    color:
        #ffffff !important;
}


/* =========================================================
   REMOÇÃO DAS CORES AZUIS HERDADAS
   ========================================================= */

.wrapp-content a:not(.btn-02):not(.price-filter-btn) {
    --legacy-blue:
        var(--cognarquia-orange);
}


/*
 * Seletores mais específicos para componentes do template.
 */
.widget a,
.footer-box-01 a,
.shop-listing a,
.serv-content-01 a {
    color:
        var(--cognarquia-gray) !important;
}


.widget a:hover,
.footer-box-01 a:hover,
.shop-listing a:hover,
.serv-content-01 a:hover {
    color:
        var(--cognarquia-orange) !important;
}


.shop-listing
.learn-more-btn {
    color:
        var(--cognarquia-orange) !important;
}


/* =========================================================
   RESPONSIVO
   ========================================================= */

@media (max-width: 991px) {

    .site-brand-badge {
        width: 135px;
        height: 92px;
    }


    .cognarquia-hero::after {
        opacity: .48;
    }


    .cognarquia-center-image img {
        max-width: 290px;
    }


    .cognarquia-footer-nav {
        justify-content: flex-start;

        margin-top: 25px;
    }

}

/* =========================================================
   CARTAS INTERATIVAS DOS PRODUTOS
   ========================================================= */

#estrutura .cognarquia-section-intro {
    float: none;
    clear: both;
}

.shop-listing--home .shop-listing-item {
    perspective: 1300px;
}

.cognarquia-solution-card {
    position: relative;
    min-height: 410px;
    padding: 0;
    border: 0;
    background: transparent;
    transform: none;
    box-shadow: none;
}

.cognarquia-solution-card:hover {
    border-color: transparent;
    transform: none;
    box-shadow: none;
}

.cognarquia-solution-card__inner {
    position: relative;
    width: 100%;
    min-height: 410px;
    transition: transform .58s cubic-bezier(.2, .72, .2, 1);
    transform-style: preserve-3d;
}

.cognarquia-solution-card.is-flipped .cognarquia-solution-card__inner {
    transform: rotateY(180deg);
}

.cognarquia-solution-card__face {
    position: absolute;
    inset: 0;
    display: flex;
    min-height: 410px;
    flex-direction: column;
    padding: 38px 32px 32px;
    overflow: hidden;
    border: 1px solid var(--cognarquia-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 12px 32px rgba(0, 0, 0, .07);
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: border-color .3s ease, box-shadow .3s ease;
}

.cognarquia-solution-card:hover .cognarquia-solution-card__face {
    border-color: rgba(255, 152, 0, .58);
    box-shadow: 0 18px 45px rgba(0, 0, 0, .11);
}

.cognarquia-solution-card__front .learn-more-btn,
.cognarquia-solution-card__back .learn-more-btn {
    align-self: flex-start;
    margin-top: auto;
    margin-left: 0;
    border: 1px solid #ff9800;
    cursor: pointer;
}

.cognarquia-solution-card__back {
    color: rgba(255, 255, 255, .82);
    background:
        radial-gradient(circle at 90% 5%, rgba(255, 152, 0, .18), transparent 35%),
        linear-gradient(145deg, #202124 0%, #121212 100%);
    transform: rotateY(180deg);
}

.cognarquia-solution-card__label {
    margin-bottom: 12px;
    color: var(--cognarquia-orange);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.cognarquia-solution-card__back h3 {
    margin: 0 0 18px;
    color: #fff;
    font-size: 21px;
    line-height: 1.25;
}

.cognarquia-solution-card__back ul {
    margin: 0 0 22px;
    padding: 0;
    list-style: none;
}

.cognarquia-solution-card__back li {
    position: relative;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0 0 10px 18px;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    line-height: 1.45;
}

.cognarquia-solution-card__back li::before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--cognarquia-orange);
    content: "";
}

.solution-card-toggle:focus-visible {
    outline: 3px solid rgba(255, 152, 0, .34) !important;
    outline-offset: 3px !important;
}

@media (max-width: 767px) {
    .cognarquia-solution-card,
    .cognarquia-solution-card__inner,
    .cognarquia-solution-card__face {
        min-height: 390px;
    }

    .cognarquia-solution-card__face {
        padding: 32px 26px 27px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .cognarquia-solution-card__inner {
        transition-duration: .01ms;
    }
}


@media (max-width: 767px) {

    .header-box-01 .row {
        display: block;
    }


    .header-box-01
    .text-right {
        text-align: center !important;

        margin-top: 10px;
    }


    .site-brand {
        display: flex;

        justify-content: center;
    }


    .site-brand-badge {
        width: 125px;
        height: 85px;
    }


    .cognarquia-hero {
        min-height: 460px;
    }


    .cognarquia-hero::after {
        display: block;
        background-position: center;
        opacity: .42;
    }


    .cognarquia-hero
    .title-06 {
        font-size: 37px;
    }


    .cognarquia-center-image {
        margin:
            45px 0;
    }


    .icon-boxes-02--right
    .cognarquia-feature-icon {
        margin-left: 0;
    }


    .footer-brand {
        display: flex;

        justify-content: center;
    }


    .cognarquia-footer-nav {
        justify-content: center;

        margin-top: 30px;
    }

}

/* =========================================================
   COGNARQUIA - LOGO PROFISSIONAL DO HEADER
   ========================================================= */

.site-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
}

.site-brand-badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 300px !important;
    height: 72px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;

    overflow: hidden !important;

    box-shadow:
        0 7px 22px rgba(0, 0, 0, 0.10) !important;
}

.site-brand-badge img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    max-height: none !important;

    object-fit: cover !important;
    object-position: center !important;
}

/* Mantém o topo mais compacto */
.header-box-01 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

@media (max-width: 991px) {
    .site-brand-badge {
        width: 255px !important;
        height: 62px !important;
    }
}

@media (max-width: 767px) {
    .site-brand-badge {
        width: 230px !important;
        height: 56px !important;
    }
}
/* =========================================================
   HEADER COM FAIXA HORIZONTAL DO LOGO
   ========================================================= */

.header-top-row {
    display: flex;
    align-items: center;
}

.header-brand-strip {
    width: 100%;
    height: 78px;

    display: flex;
    align-items: center;

    background: linear-gradient(135deg, #2a2c2f 0%, #3b3e43 100%);
    border-radius: 10px;

    padding: 0 18px;

    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

.site-brand {
    display: inline-flex;
    align-items: center;
    text-decoration: none !important;
}

.site-brand-badge {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: auto;
    height: auto;
}

.site-brand-badge--wide {
    width: 100%;
    max-width: 340px;
}

.site-brand-badge--wide img {
    display: block;
    width: 100%;
    max-width: 300px;
    height: auto;
    object-fit: contain;
}

.header-login-col {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.price-filter-btn {
    min-width: 105px;
}

/* opcional: deixa o header um pouco mais equilibrado */
.header-box-01 {
    padding: 16px 0 !important;
}

/* responsivo */
@media (max-width: 991px) {
    .header-brand-strip {
        height: 70px;
        padding: 0 14px;
    }

    .site-brand-badge--wide img {
        max-width: 250px;
    }
}

@media (max-width: 767px) {
    .header-top-row {
        display: block;
    }

    .header-brand-strip {
        justify-content: center;
        margin-bottom: 12px;
    }

    .header-login-col {
        justify-content: center !important;
        text-align: center !important;
    }

    .site-brand-badge--wide {
        max-width: 260px;
    }

    .site-brand-badge--wide img {
        max-width: 230px;
    }
}

/* COGNARQUIA HEADER RESPONSIVO V2 - START
   =========================================================
   Faixa única, responsiva e com a mesma paleta do hero.
   O logo é transparente para não criar diferença de tom.
   ========================================================= */

.cognarquia-header-top {
    padding: 12px 0 !important;
    background: #ffffff !important;
    min-height: 0 !important;
    height: auto !important;
}

.cognarquia-header-shell {
    width: 100%;
    min-width: 0;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;

    gap: clamp(12px, 2.2vw, 32px);

    min-height: clamp(72px, 7vw, 86px);

    padding:
        clamp(9px, 1.2vw, 13px)
        clamp(12px, 2vw, 24px);

    background:
        linear-gradient(
            110deg,
            #171717 0%,
            #26282b 55%,
            #1b1c1e 100%
        ) !important;

    border:
        1px solid
        rgba(255, 152, 0, 0.24);

    border-radius: 11px;

    box-shadow:
        0 8px 22px
        rgba(0, 0, 0, 0.10);

    overflow: hidden;
}

.cognarquia-header-brand {
    min-width: 0;

    display: flex;
    align-items: center;

    text-decoration: none !important;
}

.cognarquia-header-brand picture {
    min-width: 0;

    display: flex;
    align-items: center;

    width: 100%;
}

.cognarquia-header-brand img {
    display: block;

    width: clamp(235px, 34vw, 370px);
    max-width: 100%;
    height: auto;
    max-height: 62px;

    object-fit: contain;
    object-position: left center;
}

.cognarquia-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    flex: 0 0 auto;
}

.cognarquia-login-btn {
    min-width: 92px !important;

    padding: 10px 22px !important;

    margin: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    background: #ff9800 !important;
    border: 1px solid #ff9800 !important;
    border-radius: 5px !important;

    color: #ffffff !important;

    box-shadow: none !important;

    font-weight: 600 !important;
    letter-spacing: .45px !important;
    text-transform: uppercase !important;
}

.cognarquia-login-btn:hover,
.cognarquia-login-btn:focus {
    background: #e88700 !important;
    border-color: #e88700 !important;
    color: #ffffff !important;
}

/* Tablet */
@media (max-width: 991px) {

    .cognarquia-header-shell {
        min-height: 74px;

        padding:
            9px
            16px;
    }

    .cognarquia-header-brand img {
        width: clamp(220px, 42vw, 330px);
        max-height: 56px;
    }

}

/* Celular */
@media (max-width: 575px) {

    .cognarquia-header-top {
        padding: 8px 0 !important;
    }

    .cognarquia-header-shell {
        gap: 8px;

        min-height: 62px;

        padding:
            7px
            9px;

        border-radius: 8px;
    }

    .cognarquia-header-brand img {
        /*
         * Calculado em função da largura da tela:
         * deixa espaço para o botão sem estourar o header.
         */
        width: min(
            190px,
            calc(100vw - 142px)
        );

        min-width: 145px;

        max-height: 48px;
    }

    .cognarquia-login-btn {
        min-width: 72px !important;

        padding:
            8px
            12px !important;

        font-size: 10px !important;
    }

}

/* =========================================================
   SOLUÇÕES E PLANOS
   ========================================================= */

.cognarquia-commercial-page {
    background: #f4f4f2;
}

.cognarquia-commercial-hero {
    position: relative;
    overflow: hidden;
    padding: 108px 0 101px;
    background:
        linear-gradient(rgba(8, 8, 8, .5), rgba(8, 8, 8, .84)),
        url("../img/cognarquia-hero-network-v1.png") center / cover;
}

.cognarquia-commercial-hero::after {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 28%, rgba(255, 152, 0, .15), transparent 38%);
    content: "";
}

.cognarquia-commercial-hero__content {
    position: relative;
    z-index: 1;
    max-width: 860px;
    margin: 0 auto;
    text-align: center;
}

.cognarquia-commercial-hero h1 {
    margin: 17px 0 22px;
    color: #ffffff;
    font-size: clamp(2.4rem, 5vw, 4.45rem);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.cognarquia-commercial-hero__content > p:last-child {
    max-width: 700px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .7);
    font-size: 16px;
    line-height: 1.75;
}

.cognarquia-solution-detail,
.cognarquia-pricing-section {
    padding: 88px 0 96px;
}

.cognarquia-solution-stage {
    display: grid;
    grid-template-columns: 90px minmax(260px, .85fr) minmax(350px, 1.15fr);
    align-items: start;
    gap: clamp(28px, 5vw, 70px);
    padding: 48px 0;
    border-bottom: 1px solid #d9d9d4;
}

.cognarquia-solution-stage:first-child {
    padding-top: 0;
}

.cognarquia-solution-stage__number {
    color: rgba(25, 25, 25, .12);
    font-size: 58px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -.08em;
}

.cognarquia-solution-stage__copy > span,
.cognarquia-commercial-cta span {
    color: #e88700;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.cognarquia-solution-stage h2 {
    margin: 11px 0 14px;
    color: #191919;
    font-size: clamp(1.8rem, 3vw, 2.65rem);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.cognarquia-solution-stage p {
    margin: 0;
    color: #6b6b6b;
    line-height: 1.7;
}

.cognarquia-solution-stage ul,
.cognarquia-pricing-card ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.cognarquia-solution-stage li,
.cognarquia-pricing-card li {
    position: relative;
    padding: 10px 0 10px 22px;
    border-bottom: 1px solid #e5e5e0;
    color: #494949;
    font-size: 13px;
}

.cognarquia-solution-stage li::before,
.cognarquia-pricing-card li::before {
    position: absolute;
    top: 16px;
    left: 2px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #ff9800;
    content: "";
}

.cognarquia-commercial-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 35px;
    margin-top: 65px;
    padding: 40px 45px;
    border-radius: 17px;
    background: #191919;
}

.cognarquia-commercial-cta h2 {
    max-width: 720px;
    margin: 10px 0 0;
    color: #ffffff;
    font-size: clamp(1.65rem, 3vw, 2.5rem);
    line-height: 1.1;
    letter-spacing: -.04em;
}

.cognarquia-commercial-cta a,
.cognarquia-pricing-card > a {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0 21px;
    border-radius: 7px;
    background: #ff9800;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-decoration: none !important;
    text-transform: uppercase;
}

.cognarquia-commercial-cta a:hover,
.cognarquia-commercial-cta a:focus,
.cognarquia-pricing-card > a:hover,
.cognarquia-pricing-card > a:focus {
    background: #e88700;
}

.cognarquia-pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 20px;
}

.cognarquia-pricing-card {
    position: relative;
    display: flex;
    min-height: 590px;
    flex-direction: column;
    padding: 34px 29px 29px;
    border: 1px solid #deded9;
    border-radius: 17px;
    background: #ffffff;
    box-shadow: 0 18px 48px rgba(20, 20, 20, .06);
}

.cognarquia-pricing-card--featured {
    border-color: rgba(255, 152, 0, .62);
    box-shadow: 0 23px 58px rgba(255, 152, 0, .12);
    transform: translateY(-8px);
}

.cognarquia-pricing-card__badge {
    position: absolute;
    top: -13px;
    right: 22px;
    padding: 7px 11px;
    border-radius: 999px;
    background: #ff9800;
    color: #ffffff;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.cognarquia-pricing-card__level {
    color: #e88700;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.cognarquia-pricing-card h2 {
    margin: 17px 0 10px;
    color: #1a1a1a;
    font-size: 29px;
    line-height: 1.1;
    letter-spacing: -.04em;
}

.cognarquia-pricing-card__summary {
    min-height: 54px;
    margin: 0;
    color: #6e6e6e;
    line-height: 1.65;
}

.cognarquia-pricing-card__price {
    margin: 25px 0 21px;
    padding: 21px 0;
    border-top: 1px solid #ecece8;
    border-bottom: 1px solid #ecece8;
}

.cognarquia-pricing-card__price strong,
.cognarquia-pricing-card__price small {
    display: block;
}

.cognarquia-pricing-card__price strong {
    color: #1c1c1c;
    font-size: 25px;
    letter-spacing: -.03em;
}

.cognarquia-pricing-card__price small {
    margin-top: 4px;
    color: #919191;
    font-size: 10px;
}

.cognarquia-pricing-card ul {
    margin-bottom: 28px;
}

.cognarquia-pricing-card > a {
    width: 100%;
    margin-top: auto;
}

.cognarquia-pricing-note {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 35px;
    margin-top: 54px;
    padding: 30px 34px;
    border-left: 3px solid #ff9800;
    background: #ebebe7;
}

.cognarquia-pricing-note strong {
    color: #232323;
    font-size: 15px;
}

.cognarquia-pricing-note p {
    margin: 0;
    color: #666666;
    font-size: 13px;
    line-height: 1.7;
}

.cognarquia-selected-plan {
    display: inline-flex;
    gap: 6px;
    margin-top: 20px;
    padding: 9px 14px;
    border: 1px solid rgba(255, 152, 0, .3);
    border-radius: 999px;
    background: rgba(255, 152, 0, .08);
    color: #5d5d5d;
    font-size: 12px;
}

.cognarquia-selected-plan strong {
    color: #d87e00;
}

@media (max-width: 991px) {
    .cognarquia-solution-stage {
        grid-template-columns: 65px minmax(0, 1fr);
    }

    .cognarquia-solution-stage ul {
        grid-column: 2;
    }

    .cognarquia-pricing-grid {
        grid-template-columns: 1fr;
    }

    .cognarquia-pricing-card {
        min-height: 0;
    }

    .cognarquia-pricing-card--featured {
        transform: none;
    }
}

@media (max-width: 700px) {
    .cognarquia-commercial-hero {
        padding: 80px 0 74px;
    }

    .cognarquia-solution-detail,
    .cognarquia-pricing-section {
        padding: 66px 0 72px;
    }

    .cognarquia-solution-stage {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 38px 0;
    }

    .cognarquia-solution-stage ul {
        grid-column: auto;
    }

    .cognarquia-solution-stage__number {
        font-size: 43px;
    }

    .cognarquia-commercial-cta,
    .cognarquia-pricing-note {
        grid-template-columns: 1fr;
    }

    .cognarquia-commercial-cta {
        padding: 32px 25px;
    }

    .cognarquia-commercial-cta a {
        width: 100%;
    }

    .cognarquia-pricing-card {
        padding: 31px 23px 24px;
    }
}

/* Telas bem estreitas */
@media (max-width: 360px) {

    .cognarquia-header-brand img {
        width: calc(100vw - 132px);
        min-width: 132px;
    }

    .cognarquia-login-btn {
        min-width: 66px !important;

        padding:
            7px
            9px !important;
    }

}

/* COGNARQUIA HEADER RESPONSIVO V2 - END */

/* =========================================================
   CABEÇALHO INSTITUCIONAL V3
   Uma única barra: marca, navegação e acesso ao portal.
   ========================================================= */

.cognarquia-site-header,
.cognarquia-site-header.is-sticky {
    background: rgba(23, 23, 23, .97) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .08) !important;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .14);
    backdrop-filter: blur(12px);
    overflow: visible !important;
}

.cognarquia-site-header__inner {
    min-height: 82px;
    display: grid;
    grid-template-columns: minmax(205px, 1fr) auto minmax(205px, 1fr);
    align-items: center;
    gap: clamp(22px, 3vw, 48px);
}

.cognarquia-site-header .cognarquia-header-brand {
    width: fit-content;
}

.cognarquia-site-header .cognarquia-header-brand img {
    width: clamp(210px, 20vw, 270px);
    max-height: 52px;
}

.cognarquia-site-header .main-nav {
    width: auto;
    min-height: 0;
}

.cognarquia-site-header .main-nav__list {
    display: flex;
    align-items: center;
    gap: clamp(22px, 2.4vw, 38px);
    margin: 0;
    padding: 0;
}

.cognarquia-site-header .main-nav__list > li {
    margin: 0;
}

.cognarquia-site-header .main-nav__list > li > a {
    position: relative;
    padding: 31px 0 29px;
    color: rgba(255, 255, 255, .76) !important;
    font-size: 14px;
    line-height: 22px;
    font-weight: 500;
    letter-spacing: .2px;
}

.cognarquia-site-header .main-nav__list > li > a::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 22px;
    left: 0;
    height: 2px;
    background: var(--cognarquia-orange);
    border-radius: 2px;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .22s ease;
}

.cognarquia-site-header .main-nav__list > li > a:hover,
.cognarquia-site-header .main-nav__list > li > a:focus {
    color: #ffffff !important;
}

.cognarquia-site-header .main-nav__list > li > a:hover::before,
.cognarquia-site-header .main-nav__list > li > a:focus::before {
    transform: scaleX(1);
}

.cognarquia-site-header .cognarquia-login-btn {
    justify-self: end;
    min-width: 150px !important;
    padding: 11px 20px !important;
    border-radius: 7px !important;
    font-size: 11px !important;
    white-space: nowrap;
    box-shadow: 0 7px 18px rgba(255, 152, 0, .16) !important;
}

.cognarquia-header-ctas {
    display: flex;
    align-items: center;
    justify-self: end;
    gap: 9px;
}

.cognarquia-site-header .cognarquia-start-btn {
    min-width: 136px !important;
    padding: 11px 18px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 152, 0, .65) !important;
    border-radius: 7px !important;
    background: transparent !important;
    color: #ffb23e !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .35px !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.cognarquia-site-header .cognarquia-start-btn:hover,
.cognarquia-site-header .cognarquia-start-btn:focus {
    border-color: #ff9800 !important;
    background: rgba(255, 152, 0, .1) !important;
    color: #ffffff !important;
}

.cognarquia-site-header .cognarquia-workspace-btn {
    min-width: 170px !important;
}

/* Faixa "notebook/tablet landscape" (Surface e afins): o menu desktop
   completo já está ativo (acima de 991px), mas logo + 5 links + os dois
   CTAs não cabem lado a lado nos tamanhos atuais — o texto de
   "Começar agora" quebrava em duas linhas. Reduz discretamente gaps,
   padding e fonte só nessa faixa, sem mudar o layout ou os breakpoints
   já existentes acima/abaixo dela. */
@media (min-width: 992px) and (max-width: 1199px) {
    .cognarquia-site-header__inner {
        gap: 16px;
    }

    .cognarquia-site-header .cognarquia-header-brand img {
        width: clamp(180px, 15vw, 210px);
    }

    .cognarquia-site-header .main-nav__list {
        gap: 14px;
    }

    .cognarquia-site-header .main-nav__list > li > a {
        font-size: 12.5px;
    }

    .cognarquia-header-ctas {
        gap: 6px;
    }

    .cognarquia-site-header .cognarquia-start-btn {
        min-width: 116px !important;
        padding: 10px 12px !important;
        font-size: 10px !important;
    }

    .cognarquia-site-header .cognarquia-login-btn {
        min-width: 122px !important;
        padding: 10px 14px !important;
        font-size: 10px !important;
    }
}

@media (max-width: 991px) {
    .cognarquia-site-header__inner {
        position: relative;
        overflow: hidden !important;
        min-height: 72px;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 12px;
    }

    .cognarquia-site-header .cognarquia-header-brand img {
        width: clamp(190px, 34vw, 235px);
        max-height: 46px;
    }

    .cognarquia-site-header .main-nav {
        display: contents;
        padding: 0 !important;
    }

    .cognarquia-site-header .main-nav__btn {
        order: 2;
        align-self: center;
        justify-self: center;
        display: block;
        width: 42px;
        height: 42px;
        margin: 0 !important;
        padding: 0 !important;
        appearance: none;
        background: transparent;
        border: 1px solid rgba(255, 255, 255, .14);
        border-radius: 7px;
    }

    .cognarquia-site-header .main-nav__btn .icon-left,
    .cognarquia-site-header .main-nav__btn .icon-left::before,
    .cognarquia-site-header .main-nav__btn .icon-left::after,
    .cognarquia-site-header .main-nav__btn .icon-right,
    .cognarquia-site-header .main-nav__btn .icon-right::before,
    .cognarquia-site-header .main-nav__btn .icon-right::after {
        background-color: #ffffff;
    }

    .cognarquia-site-header .main-nav__btn .icon-left {
        top: 19px;
        left: 7px;
    }

    .cognarquia-site-header .main-nav__btn .icon-right {
        top: 19px;
        left: 21px;
    }

    .cognarquia-site-header .main-nav__list {
        position: static !important;
        grid-column: 1 / -1;
        order: 4;
        display: block !important;
        height: auto !important;
        width: 100% !important;
        max-height: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none;
        padding: 0;
        background: transparent;
        border: 0;
        border-top: 1px solid transparent;
        border-radius: 0;
        box-shadow: none;
        transform: translateY(-8px);
        transform-origin: top center;
        transition:
            max-height .34s ease,
            padding .34s ease,
            opacity .22s ease,
            transform .34s ease,
            visibility 0s linear .34s,
            border-color .34s ease;
    }

    .cognarquia-site-header .main-nav__list.open {
        display: block !important;
        height: auto !important;
        max-height: 300px !important;
        margin: 0 !important;
        overflow: hidden !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto;
        padding: 9px 0 12px;
        border-top-color: rgba(255, 255, 255, .09);
        transform: none !important;
        transition:
            max-height .34s ease,
            padding .34s ease,
            opacity .28s ease .06s,
            transform .34s ease,
            visibility 0s linear 0s,
            border-color .34s ease;
    }

    .cognarquia-site-header .main-nav__list > li {
        display: block;
        width: 100%;
        padding: 0;
        border: 0;
    }

    .cognarquia-site-header .main-nav__list > li > a {
        padding: 11px 6px;
        border: 0;
    }

    .cognarquia-site-header .main-nav__list > li > a::before {
        display: none;
    }

    .cognarquia-site-header .cognarquia-login-btn {
        order: 3;
        min-width: 132px !important;
    }

    .cognarquia-header-ctas {
        order: 3;
    }

    .cognarquia-site-header .cognarquia-start-btn {
        min-width: 112px !important;
        padding: 10px 12px !important;
    }
}

@media (max-width: 575px) {
    .cognarquia-site-header__inner {
        min-height: 64px;
        grid-template-columns: minmax(0, 1fr) auto auto;
        gap: 7px;
    }

    .cognarquia-site-header .cognarquia-header-brand img {
        width: min(176px, calc(100vw - 218px));
        min-width: 118px;
        max-height: 41px;
    }

    .cognarquia-site-header .cognarquia-login-btn {
        min-width: 62px !important;
        padding: 9px 10px !important;
        font-size: 9px !important;
        letter-spacing: .25px !important;
    }

    .cognarquia-site-header .cognarquia-login-btn {
        font-size: 0 !important;
    }

    .cognarquia-site-header .cognarquia-login-btn::after {
        content: "Portal";
        font-size: 9px;
    }

    .cognarquia-site-header .cognarquia-workspace-btn {
        min-width: 96px !important;
    }

    .cognarquia-site-header .cognarquia-workspace-btn::after {
        content: "Workspace";
    }

    .cognarquia-site-header .cognarquia-start-btn {
        min-width: 72px !important;
        padding: 9px 8px !important;
        font-size: 0 !important;
    }

    .cognarquia-site-header .cognarquia-start-btn::after {
        content: "Começar";
        font-size: 9px;
    }

    .cognarquia-header-ctas {
        gap: 5px;
    }

    .cognarquia-site-header .main-nav__btn {
        width: 38px;
        height: 38px;
    }

    .cognarquia-site-header .main-nav__btn .icon-left,
    .cognarquia-site-header .main-nav__btn .icon-right {
        top: 17px;
    }

    .cognarquia-site-header .main-nav__btn .icon-left {
        left: 5px;
    }

    .cognarquia-site-header .main-nav__btn .icon-right {
        left: 19px;
    }
}
/* =========================================================
   BOTÃO "SAIBA MAIS" - PADRÃO COGNARQUIA
   ========================================================= */

.learn-more-btn,
.learn-more-btn:link,
.learn-more-btn:visited,
.learn-more-btn:hover,
.learn-more-btn:focus,
.learn-more-btn:active,
.cognarquia-solution-card .learn-more-btn,
.cognarquia-solution-card .learn-more-btn:link,
.cognarquia-solution-card .learn-more-btn:visited,
.cognarquia-solution-card .learn-more-btn:hover,
.cognarquia-solution-card .learn-more-btn:focus,
.cognarquia-solution-card .learn-more-btn:active {
    background: #ff9800 !important;
    border-color: #ff9800 !important;
    color: #ffffff !important;

    text-decoration: none !important;
    outline: none !important;

    box-shadow: none !important;
}


/* hover / toque */
.learn-more-btn:hover,
.learn-more-btn:focus,
.learn-more-btn:active,
.cognarquia-solution-card .learn-more-btn:hover,
.cognarquia-solution-card .learn-more-btn:focus,
.cognarquia-solution-card .learn-more-btn:active {
    background: #e88700 !important;
    border-color: #e88700 !important;
    color: #ffffff !important;
}


/* impede o navegador de mostrar roxo depois de visitar */
a.learn-more-btn:visited {
    color: #ffffff !important;
}

/* =========================================================
   CTA COMERCIAL E ONBOARDING
   ========================================================= */

.cognarquia-hero-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 28px;
}

.cognarquia-hero-actions .btn-02 {
    margin: 0;
}

.btn-02--secondary {
    border: 1px solid rgba(255, 255, 255, .28) !important;
    background: rgba(255, 255, 255, .04) !important;
    color: #ffffff !important;
}

.btn-02--secondary:hover,
.btn-02--secondary:focus {
    border-color: rgba(255, 255, 255, .5) !important;
    background: rgba(255, 255, 255, .1) !important;
}

.cognarquia-action-cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

.cognarquia-onboarding {
    background: #f4f4f2;
}

.cognarquia-onboarding-hero {
    position: relative;
    overflow: hidden;
    padding: 112px 0 104px;
    background:
        linear-gradient(rgba(10, 10, 10, .52), rgba(10, 10, 10, .82)),
        url("../img/cognarquia-hero-network-v1.png") center / cover;
    color: #ffffff;
}

.cognarquia-onboarding-hero::after {
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 30%, rgba(255, 152, 0, .14), transparent 36%);
    content: "";
    pointer-events: none;
}

.cognarquia-onboarding-hero__content {
    position: relative;
    z-index: 1;
    max-width: 820px;
    margin: 0 auto;
    text-align: center;
}

.cognarquia-onboarding-hero h1 {
    margin: 17px 0 21px;
    color: #ffffff;
    font-size: clamp(2.3rem, 5vw, 4.35rem);
    line-height: 1.02;
    letter-spacing: -.055em;
}

.cognarquia-onboarding-hero__content > p:last-child {
    max-width: 690px;
    margin: 0 auto;
    color: rgba(255, 255, 255, .7);
    font-size: 16px;
    line-height: 1.75;
}

.cognarquia-onboarding-options {
    padding: 88px 0 96px;
}

.cognarquia-onboarding-heading {
    max-width: 700px;
    margin: 0 auto 42px;
    text-align: center;
}

.cognarquia-onboarding-heading > span,
.cognarquia-onboarding-next__box span {
    color: #e88700;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .17em;
    text-transform: uppercase;
}

.cognarquia-onboarding-heading h2,
.cognarquia-onboarding-next__box h2 {
    margin: 12px 0 14px;
    color: #191919;
    font-size: clamp(2rem, 4vw, 3rem);
    line-height: 1.08;
    letter-spacing: -.04em;
}

.cognarquia-onboarding-heading p,
.cognarquia-onboarding-next__box p {
    margin: 0;
    color: #676767;
    line-height: 1.7;
}

.cognarquia-onboarding-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.cognarquia-onboarding-card {
    position: relative;
    display: flex;
    min-height: 430px;
    flex-direction: column;
    padding: 34px 31px 29px;
    border: 1px solid #deded9;
    border-radius: 16px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(20, 20, 20, .06);
}

.cognarquia-onboarding-card--featured {
    border-color: rgba(255, 152, 0, .58);
    box-shadow: 0 21px 54px rgba(255, 152, 0, .1);
}

.cognarquia-onboarding-card__number {
    color: #ff9800;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
}

.cognarquia-onboarding-card__badge {
    position: absolute;
    top: 25px;
    right: 25px;
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(255, 152, 0, .11);
    color: #d87e00;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cognarquia-onboarding-card h3 {
    margin: 25px 0 14px;
    color: #1c1c1c;
    font-size: 24px;
    line-height: 1.15;
    letter-spacing: -.025em;
}

.cognarquia-onboarding-card p {
    color: #737373;
    line-height: 1.65;
}

.cognarquia-onboarding-card ul {
    margin: 21px 0 28px;
    padding: 0;
    list-style: none;
}

.cognarquia-onboarding-card li {
    position: relative;
    padding: 8px 0 8px 19px;
    border-bottom: 1px solid #eeeeea;
    color: #4d4d4d;
    font-size: 13px;
}

.cognarquia-onboarding-card li::before {
    position: absolute;
    top: 14px;
    left: 1px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff9800;
    content: "";
}

.cognarquia-onboarding-card > a,
.cognarquia-onboarding-next__box > a {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin-top: auto;
    padding: 0 18px;
    border-radius: 7px;
    background: #1c1c1c;
    color: #ffffff !important;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-decoration: none !important;
    text-transform: uppercase;
}

.cognarquia-onboarding-card--featured > a,
.cognarquia-onboarding-next__box > a {
    background: #ff9800;
}

.cognarquia-onboarding-card > a:hover,
.cognarquia-onboarding-card > a:focus,
.cognarquia-onboarding-next__box > a:hover,
.cognarquia-onboarding-next__box > a:focus {
    background: #e88700;
}

.cognarquia-onboarding-next {
    padding: 0 0 94px;
}

.cognarquia-onboarding-next__box {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 45px;
    padding: 44px 48px;
    border-radius: 18px;
    background: #191919;
}

.cognarquia-onboarding-next__box h2 {
    max-width: 700px;
    color: #ffffff;
    font-size: clamp(1.7rem, 3vw, 2.45rem);
}

.cognarquia-onboarding-next__box p {
    max-width: 720px;
    color: rgba(255, 255, 255, .58);
}

.cognarquia-onboarding-next__box > a {
    min-width: 190px;
    margin: 0;
}

@media (max-width: 991px) {
    .cognarquia-onboarding-grid {
        grid-template-columns: 1fr;
    }

    .cognarquia-onboarding-card {
        min-height: 0;
    }

    .cognarquia-onboarding-next__box {
        grid-template-columns: 1fr;
    }

    .cognarquia-onboarding-next__box > a {
        width: fit-content;
    }
}

@media (max-width: 575px) {
    .cognarquia-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cognarquia-hero-actions .btn-02 {
        width: 100%;
    }

    .cognarquia-onboarding-hero {
        padding: 80px 0 72px;
    }

    .cognarquia-onboarding-options {
        padding: 65px 0 70px;
    }

    .cognarquia-onboarding-card {
        padding: 30px 23px 24px;
    }

    .cognarquia-onboarding-next {
        padding-bottom: 70px;
    }

    .cognarquia-onboarding-next__box {
        gap: 28px;
        padding: 32px 24px;
    }

    .cognarquia-onboarding-next__box > a {
        width: 100%;
    }
}


/* celular */
@media (max-width: 767px) {

    .learn-more-btn {
        background: #ff9800 !important;
        border-color: #ff9800 !important;
        color: #ffffff !important;
    }

}