/* =========================================================================
   Emori — alinhamento de marca (dourado + preto)
   Overrides do tema Anaton. Carregar SEMPRE depois de style.css.
   Usado em: landing.php e inteligencia-artificial.php
   ========================================================================= */

:root {
    --dark: #14110b;
    --color-secondary: #f7b924;
    --color-optional: #c98a00;
    --bg-gradient: linear-gradient(90deg, #f7b924 0%, #ffcf4d 100%);
    --bg-gradient-reverse: linear-gradient(90deg, #5153ff 0%, #a60599 100%);
    --bg-gray: #f5f6f8;
}

/* Eyebrows / subtítulos em degradê dourado */
.sub-heading,
.sub-title,
.shadow .sub-heading {
    background: linear-gradient(90deg, #b87e00 0%, #f7b924 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Bloco "Resultado" (números) — texto branco sobre o gradiente */
.choose-us-fun-fact .counter,
.choose-us-fun-fact .operator,
.choose-us-fun-fact .timer,
.choose-us-fun-fact .medium { color: var(--white); }
.choose-us-fun-fact .user-ratings i { color: var(--color-primary); }

/* "Como começar" (process-style-two) sobre fundo escuro */
.process-style-two::before { background: rgba(255, 255, 255, 0.06); opacity: 1; }
.process-style-two-area.text-light .process-style-two li { color: var(--white); }

/* Planos: header roxo nos não-ativos */
.pricing-style-one .pricing-header { background: #33014A; }

/* Cards ativos legíveis */
.services-style-one.active h4,
.services-style-one.active p { color: var(--white); }

/* "Por que a Emori" — card em destaque em dourado (não no laranja do tema) */
.feature-style-one.active { border-color: var(--color-secondary); }
.feature-style-one.active i { color: var(--color-secondary); }
.feature-style-one.active::after { background: var(--color-secondary); }

/* "Para quem é" — linhas horizontais: ícone não estica nem encolhe */
.service-overview-single.d-flex i { align-self: flex-start; flex-shrink: 0; margin-bottom: 0; }

@media (max-width: 767px) {
    /* Para quem é: texto à esquerda junto do ícone */
    .service-overview-single.d-flex { text-align: left; }

    /* Hero: botões empilhados e full-width */
    .banner-style-two .button .btn { display: block; width: 100%; margin-left: 0; text-align: center; }
    .banner-style-two .button .btn + .btn { margin-top: 15px; }

    /* Por que a Emori: cards alinhados à esquerda (igual ao texto ao lado) */
    .feature-style-one-box { text-align: left; }

    /* Resultado: restaura o fundo gradiente (o tema escondia no mobile) e reduz o padding */
    .choose-us-fun-fact::before { display: block; transform: none; top: 0; height: 100%; }
    .choose-us-fun-fact { padding: 45px 30px; margin-bottom: 30px; }
}