/* =========================================
   OVERRIDE DAISYSTEMS
   Ajustes isolados
========================================= */


/* ===== CARD OBJETIVO ===== */

.quote-card{
    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #f3ebff 100%
    ) !important;

    border:1px solid rgba(139,92,246,.28) !important;

    border-left:5px solid #8B5CF6 !important;

    border-radius:32px !important;

    padding:38px !important;

    box-shadow:
        0 24px 70px rgba(0,0,0,.38),
        0 0 0 1px rgba(255,255,255,.04) !important;

    color:#1B1028 !important;
}

.quote-card strong{
    color:#7C3AED !important;

    font-size:.84rem !important;

    font-weight:900 !important;

    letter-spacing:.12em !important;

    text-transform:uppercase !important;
}

.quote-card p{
    color:#2D1D42 !important;

    font-size:1.05rem !important;

    line-height:1.9 !important;

    font-weight:600 !important;
}



/* ===== CTA ROXO ===== */

.sn-cta-banner .sn-cta-titulo{
    color:#ffffff !important;

    font-size:1.55rem !important;

    font-weight:900 !important;

    line-height:1.2 !important;
}

.sn-cta-banner .sn-cta-desc{
    color:rgba(255,255,255,.88) !important;

    font-size:1.02rem !important;

    font-weight:600 !important;

    line-height:1.7 !important;
}

.sn-cta-banner .sn-cta-btn{
    background:#ffffff !important;

    color:#7C3AED !important;

    font-weight:900 !important;
}
html body .sn-cta-banner .sn-cta-texto .sn-cta-titulo {
  color: #ffffff !important;
}

html body .sn-cta-banner .sn-cta-texto .sn-cta-desc {
  color: rgba(255,255,255,.9) !important;
}

html body .quote-card p {
  color: #2d1d42 !important;
}


/* =============================================
   HERO V3 — ECOSSISTEMA VISUAL PREMIUM
   Composição: busca Google → perfil → contatos → WhatsApp → métricas
============================================= */

/* Grid — visual recebe mais peso que o texto */
.hero-grid--visual {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr) !important;
  gap: 52px !important;
  align-items: center !important;
}

/* Painel visual — fundo dark com glow roxo interno duplo */
.hero-visual.card-panel {
  background:
    radial-gradient(circle at 78% 16%, rgba(139, 92, 246, 0.22) 0%, transparent 52%),
    radial-gradient(circle at 14% 84%, rgba(168, 85, 247, 0.10) 0%, transparent 44%),
    linear-gradient(155deg, #1a0d30 0%, #0d0618 100%) !important;
  border: 1px solid rgba(139, 92, 246, 0.28) !important;
  box-shadow:
    0 0 0 1px rgba(139, 92, 246, 0.08),
    0 48px 100px rgba(0, 0, 0, 0.68),
    0 0 80px rgba(139, 92, 246, 0.18) !important;
  padding: 20px !important;
}

/* caption discreta */
.hero-visual .visual-caption {
  margin-top: 12px !important;
  padding: 0 !important;
  font-size: 0.72rem !important;
  color: rgba(248, 244, 255, 0.30) !important;
  text-align: center !important;
  line-height: 1.4 !important;
}

/* ── Mockup container ── */
.hero-mockup {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* Cards internos — glassmorphism dark sutil */
.hm-card {
  background: rgba(255, 255, 255, 0.042);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 16px;
  padding: 15px 16px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.38);
}

/* ── Google Business Card ── */
.hm-gc-row {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  margin-bottom: 10px;
}

.hm-gc-icon {
  width: 36px;
  height: 36px;
  border-radius: 10px;
  background: rgba(139, 92, 246, 0.16);
  border: 1px solid rgba(139, 92, 246, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #c4b5fd;
}

.hm-gc-info {
  flex: 1;
  min-width: 0;
}

.hm-gc-name {
  margin: 0 0 2px !important;
  font-size: 0.86rem !important;
  font-weight: 700 !important;
  color: #f8f4ff !important;
  line-height: 1.25 !important;
  letter-spacing: -0.01em;
}

.hm-gc-city {
  margin: 0 0 4px !important;
  font-size: 0.73rem !important;
  color: rgba(248, 244, 255, 0.50) !important;
  line-height: 1.3 !important;
}

.hm-gc-stars {
  margin: 0 !important;
  font-size: 0.72rem !important;
  color: #fbbc04 !important;
  line-height: 1.3 !important;
}

.hm-gc-stars span {
  color: rgba(248, 244, 255, 0.50) !important;
}

.hm-gc-glogo {
  flex-shrink: 0;
  opacity: 0.92;
  margin-top: 2px;
}

.hm-gc-status {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 11px;
  font-size: 0.72rem;
  color: rgba(248, 244, 255, 0.52);
  line-height: 1.3;
}

.hm-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
}

.hm-dot--green {
  background: #25d366;
  box-shadow: 0 0 6px rgba(37, 211, 102, 0.55);
}

.hm-gc-btns {
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}

.hm-gb {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 11px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.09);
  font-size: 0.70rem;
  font-weight: 700;
  color: rgba(248, 244, 255, 0.78);
  letter-spacing: 0.01em;
  cursor: default;
  user-select: none;
}

.hm-gb--wa {
  color: #25d366 !important;
  border-color: rgba(37, 211, 102, 0.22) !important;
  background: rgba(37, 211, 102, 0.06) !important;
}

/* ── WhatsApp Conversation Card ── */
.hm-wa-top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 11px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.065);
}

.hm-wa-ico {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #25d366;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  box-shadow: 0 4px 12px rgba(37, 211, 102, 0.30);
}

.hm-wa-name {
  display: block !important;
  font-size: 0.80rem !important;
  font-weight: 700 !important;
  color: #f8f4ff !important;
  line-height: 1.2 !important;
}

.hm-wa-online {
  display: block;
  font-size: 0.68rem;
  color: #25d366;
  line-height: 1.25;
  font-weight: 500;
}

.hm-chat {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.hm-bubble {
  max-width: 86%;
  padding: 7px 11px;
  font-size: 0.73rem;
  line-height: 1.5;
  word-break: break-word;
}

.hm-bubble--in {
  align-self: flex-start;
  background: rgba(255, 255, 255, 0.065);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: rgba(248, 244, 255, 0.85);
  border-radius: 3px 13px 13px 13px;
}

.hm-bubble--out {
  align-self: flex-end;
  background: rgba(37, 211, 102, 0.13);
  border: 1px solid rgba(37, 211, 102, 0.18);
  color: rgba(248, 244, 255, 0.92);
  border-radius: 13px 3px 13px 13px;
}

/* ── Stats ── */
.hm-stats {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}

.hm-stat {
  background: rgba(255, 255, 255, 0.038);
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 12px;
  padding: 10px 6px;
  text-align: center;
}

.hm-stat strong {
  display: block !important;
  font-size: 0.92rem !important;
  font-weight: 800 !important;
  color: #e2d4ff !important;
  line-height: 1.2 !important;
  margin-bottom: 2px !important;
  letter-spacing: -0.01em;
}

.hm-stat span {
  display: block;
  font-size: 0.62rem;
  color: rgba(248, 244, 255, 0.42);
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 600;
}

/* ── Barra de busca Google ── */
.hm-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.052);
  border: 1px solid rgba(255, 255, 255, 0.095);
  border-radius: 999px;
  padding: 8px 14px 8px 12px;
  gap: 10px;
  animation: hm-card-in 0.55s cubic-bezier(0.34, 1.36, 0.64, 1) both;
  animation-delay: 0.05s;
}

.hm-search-inner {
  display: flex;
  align-items: center;
  gap: 7px;
  flex: 1;
  min-width: 0;
  color: rgba(248, 244, 255, 0.44);
}

.hm-search-inner span {
  font-size: 0.77rem;
  color: rgba(248, 244, 255, 0.68);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}

.hm-search-badge {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
  font-size: 0.62rem;
  color: rgba(248, 244, 255, 0.38);
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

/* Ponto pulsante — indica sistema ao vivo */
.hm-pulse {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #25d366;
  flex-shrink: 0;
  animation: pulse-live 2.2s ease-in-out infinite;
}

@keyframes pulse-live {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.35; }
}

/* ── Linha principal: Google card + Contador de contatos ── */
.hm-main-row {
  display: flex;
  gap: 10px;
  align-items: stretch;
  animation: hm-card-in 0.55s cubic-bezier(0.34, 1.36, 0.64, 1) both;
  animation-delay: 0.20s;
}

.hm-main-row .hm-gc {
  flex: 1;
  min-width: 0;
}

/* ── Card contador de contatos ── */
.hm-contacts {
  width: 116px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: linear-gradient(145deg, rgba(139, 92, 246, 0.16) 0%, rgba(139, 92, 246, 0.04) 100%) !important;
  border: 1px solid rgba(139, 92, 246, 0.26) !important;
  border-radius: 16px;
  padding: 14px 8px;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.38);
  animation: hm-float 3.8s ease-in-out infinite;
}

.hm-contacts strong {
  display: block !important;
  font-size: 1.65rem !important;
  font-weight: 900 !important;
  color: #d8c6ff !important;
  line-height: 1.05 !important;
  letter-spacing: -0.04em;
  margin-bottom: 4px !important;
}

.hm-contacts span {
  display: block;
  font-size: 0.61rem;
  color: rgba(248, 244, 255, 0.50);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 700;
  line-height: 1.45;
}

.hm-contacts-period {
  display: block;
  margin-top: 7px;
  font-size: 0.60rem !important;
  color: rgba(248, 244, 255, 0.28) !important;
  text-transform: none !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em !important;
  font-style: italic;
  line-height: 1.3;
}

/* Animações de entrada — cada elemento aparece em sequência */
.hm-wa {
  animation: hm-card-in 0.55s cubic-bezier(0.34, 1.36, 0.64, 1) both;
  animation-delay: 0.35s;
}

.hm-stats {
  animation: hm-card-in 0.55s cubic-bezier(0.34, 1.36, 0.64, 1) both;
  animation-delay: 0.48s;
}

@keyframes hm-card-in {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Flutuação suave no card de contatos — sensação de sistema vivo */
@keyframes hm-float {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-5px); }
}

/* Mobile */
@media (max-width: 760px) {
  .hero-grid--visual {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  /* Oculta o contador no mobile — stats já mostram os números */
  .hm-contacts {
    display: none !important;
  }

  /* Remove flex no main row — Google card ocupa largura total */
  .hm-main-row {
    display: block;
  }

  .hm-gc-btns {
    gap: 6px;
  }

  .hm-gb {
    padding: 5px 9px;
    font-size: 0.68rem;
  }

  .hm-stat strong {
    font-size: 0.86rem !important;
  }

  /* Desabilita animações no mobile para performance */
  .hm-search,
  .hm-main-row,
  .hm-wa,
  .hm-stats {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Respeita preferência de movimento reduzido */
@media (prefers-reduced-motion: reduce) {
  .hm-search,
  .hm-main-row,
  .hm-wa,
  .hm-stats {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .hm-contacts {
    animation: none !important;
  }

  .hm-pulse {
    animation: none !important;
  }
}

/* ========================================================================
   PALETA PREMIUM ROXO — DAI SYSTEMS 2026
   Ajuste global: tira o domínio do preto puro e aumenta presença roxa.
   Arquivo carregado por último: mantém estrutura/SEO e muda percepção visual.
======================================================================== */
:root{
  --bg:#13041f!important;
  --bg-soft:#1b0730!important;
  --panel:#241037!important;
  --panel-soft:#1a0829!important;
  --text:#fbf7ff!important;
  --muted:#d7c8ec!important;
  --line:rgba(168,85,247,.20)!important;
  --primary:#820AD1!important;
  --primary-dark:#d9c3ff!important;
  --secondary:#A855F7!important;
  --secondary-soft:#F3E8FF!important;
  --shadow-sm:0 14px 38px rgba(130,10,209,.18)!important;
  --shadow:0 26px 70px rgba(130,10,209,.22)!important;
  --shadow-lg:0 34px 100px rgba(130,10,209,.30)!important;

  --dai-bg:#13041f!important;
  --dai-bg-2:#1b0730!important;
  --dai-panel:#241037!important;
  --dai-panel-2:#30124a!important;
  --dai-text:#fbf7ff!important;
  --dai-muted:#d7c8ec!important;
  --dai-line:rgba(168,85,247,.20)!important;
  --dai-purple:#820AD1!important;
  --dai-purple-2:#A855F7!important;
  --dai-lilac:#F3E8FF!important;
}

html,body{
  background:
    radial-gradient(circle at 18% 0%, rgba(130,10,209,.22), transparent 32%),
    radial-gradient(circle at 88% 14%, rgba(168,85,247,.18), transparent 30%),
    linear-gradient(180deg,#19052a 0%,#12031e 38%,#170326 100%)!important;
  color:var(--text)!important;
}

.site-header{
  background:rgba(18,3,30,.86)!important;
  border-bottom:1px solid rgba(168,85,247,.20)!important;
  box-shadow:0 18px 64px rgba(44,4,76,.42)!important;
  backdrop-filter:blur(20px) saturate(1.35)!important;
  -webkit-backdrop-filter:blur(20px) saturate(1.35)!important;
}
.site-nav a{color:rgba(251,247,255,.78)!important;}
.site-nav a:hover,.site-nav a.is-active{
  color:#fff!important;
  background:linear-gradient(135deg,rgba(130,10,209,.28),rgba(168,85,247,.16))!important;
}

.btn,
.cta-box .btn,
.sn-cta-banner .sn-cta-btn:not(.btn-secondary){
  background:linear-gradient(135deg,#8b0ee0 0%,#820AD1 45%,#A855F7 100%)!important;
  color:#fff!important;
  box-shadow:0 18px 42px rgba(130,10,209,.38),0 0 0 1px rgba(255,255,255,.10) inset!important;
}
.btn:hover,
.cta-box .btn:hover{
  background:linear-gradient(135deg,#A855F7 0%,#8b0ee0 50%,#4C0473 100%)!important;
  box-shadow:0 24px 58px rgba(168,85,247,.42),0 0 0 1px rgba(255,255,255,.16) inset!important;
}
.btn-secondary,.btn-header,.btn-footer{
  background:rgba(255,255,255,.075)!important;
  color:#fff!important;
  border:1px solid rgba(216,195,255,.24)!important;
  box-shadow:0 12px 32px rgba(76,4,115,.18)!important;
}
.btn-secondary:hover,.btn-header:hover,.btn-footer:hover{
  background:rgba(168,85,247,.18)!important;
  border-color:rgba(216,195,255,.46)!important;
}

.hero{
  position:relative!important;
  background:
    radial-gradient(circle at 72% 38%, rgba(168,85,247,.42) 0%, rgba(130,10,209,.22) 26%, transparent 48%),
    radial-gradient(circle at 18% 20%, rgba(130,10,209,.34) 0%, transparent 34%),
    linear-gradient(135deg,#220638 0%,#150321 38%,#24053A 100%)!important;
  padding-top:96px!important;
  padding-bottom:78px!important;
  overflow:hidden!important;
}
.hero::after{
  content:"";
  position:absolute;
  inset:auto -12% -38% -12%;
  height:58%;
  background:radial-gradient(ellipse at center,rgba(168,85,247,.26),transparent 68%);
  pointer-events:none;
  z-index:0;
}
.hero .container{position:relative!important;z-index:1!important;}
.hero h1{
  color:#fff!important;
  text-shadow:0 20px 70px rgba(0,0,0,.36),0 0 42px rgba(168,85,247,.18)!important;
}
.hero .lead,.hero-support,.hero-trust{color:rgba(251,247,255,.80)!important;}
.eyebrow,.dai-local-badge{
  background:linear-gradient(135deg,rgba(168,85,247,.18),rgba(130,10,209,.26))!important;
  color:#f1e6ff!important;
  border:1px solid rgba(216,195,255,.24)!important;
  box-shadow:0 10px 28px rgba(130,10,209,.18)!important;
}

.hero-visual.card-panel,.hero-visual{
  background:
    radial-gradient(circle at 74% 18%,rgba(168,85,247,.28),transparent 46%),
    radial-gradient(circle at 8% 100%,rgba(130,10,209,.18),transparent 38%),
    linear-gradient(145deg,rgba(48,18,74,.94),rgba(26,8,41,.92))!important;
  border:1px solid rgba(216,195,255,.18)!important;
  box-shadow:
    0 44px 110px rgba(12,1,20,.58),
    0 0 90px rgba(130,10,209,.24),
    inset 0 1px 0 rgba(255,255,255,.08)!important;
}

.card-panel,.service-card,.step-card,.faq-item,.faq-card,.article-block,.blog-card,.review-card,.reviews-header,.hm-card{
  background:
    linear-gradient(180deg,rgba(43,16,66,.94) 0%,rgba(25,7,40,.96) 100%)!important;
  border:1px solid rgba(216,195,255,.14)!important;
  box-shadow:0 22px 64px rgba(12,1,20,.38),0 0 0 1px rgba(130,10,209,.08) inset!important;
}
.card-panel:hover,.service-link:hover .service-card,.faq-card:hover{
  border-color:rgba(168,85,247,.34)!important;
  box-shadow:0 30px 88px rgba(12,1,20,.44),0 0 70px rgba(130,10,209,.18)!important;
}

.section{
  background:
    radial-gradient(circle at 82% 0%,rgba(130,10,209,.12),transparent 28%),
    linear-gradient(180deg,#170326 0%,#12031e 100%)!important;
  color:var(--text)!important;
}
.section-alt{
  background:
    radial-gradient(circle at 22% 0%,rgba(168,85,247,.16),transparent 30%),
    linear-gradient(180deg,#24053A 0%,#160326 100%)!important;
  color:var(--text)!important;
}
.section-soft{
  background:
    radial-gradient(circle at 78% 10%,rgba(168,85,247,.12),transparent 28%),
    linear-gradient(180deg,#1b0730 0%,#13041f 100%)!important;
  color:var(--text)!important;
}
.section-head h2,.section h2,.section h3,.service-card h3,.card-panel h3,.faq-item summary{color:#fff!important;}
.section-head p,.section p,.card-panel p,.service-card p,.faq-item p,.faq-card p,.article-block p,.lead{color:rgba(251,247,255,.76)!important;}
.service-cta,.link-button,.quote-link{color:#e7d7ff!important;}
.segmento-icon,.check-list li::before,.article-block li::before{color:#A855F7!important;}

/* Bloco claro de segmentos: mantém respiro, mas com lilás de marca */
#segmentos-negocio,
.light-section,
.section-light{
  background:
    radial-gradient(circle at 18% 0%,rgba(168,85,247,.18),transparent 30%),
    linear-gradient(180deg,#fbf7ff 0%,#f3e8ff 100%)!important;
  color:#1b0828!important;
}
#segmentos-negocio h2,#segmentos-negocio h3,.light-section h2,.light-section h3,.section-light h2,.section-light h3{color:#1b0828!important;}
#segmentos-negocio p,.light-section p,.section-light p{color:#584267!important;}
#segmentos-negocio .card-panel,
#segmentos-negocio .service-card,
.light-section .card-panel,
.section-light .card-panel{
  background:rgba(255,255,255,.86)!important;
  border:1px solid rgba(130,10,209,.12)!important;
  color:#1b0828!important;
  box-shadow:0 18px 54px rgba(76,4,115,.10)!important;
}

.cta-box,.sn-cta-banner{
  background:
    radial-gradient(circle at 74% 28%,rgba(168,85,247,.42),transparent 42%),
    linear-gradient(135deg,#4C0473 0%,#24053A 54%,#160326 100%)!important;
  border:1px solid rgba(216,195,255,.18)!important;
  box-shadow:0 34px 94px rgba(76,4,115,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;
  color:#fff!important;
}
.cta-box p,.sn-cta-banner .sn-cta-desc{color:rgba(251,247,255,.82)!important;}

.site-footer{
  background:
    radial-gradient(circle at 22% 0%,rgba(168,85,247,.18),transparent 32%),
    linear-gradient(180deg,#170326 0%,#0f021a 100%)!important;
  border-top:1px solid rgba(216,195,255,.12)!important;
}
.footer-grid p,.footer-bottom,.footer-links a{color:rgba(251,247,255,.64)!important;}
.footer-grid h2{color:#fff!important;}
.footer-links a:hover{color:#fff!important;}

/* Cards internos do mockup da home mais premium e menos dashboard apagado */
.hm-search,.hm-wa,.hm-stats,.hm-main-row,.hm-card{
  filter:saturate(1.08);
}
.hm-wa{
  background:linear-gradient(135deg,rgba(37,211,102,.16),rgba(130,10,209,.22))!important;
  border-color:rgba(37,211,102,.22)!important;
}
.hm-gc-name,.hm-wa-title,.hm-stat strong{color:#fff!important;}
.hm-gc-city,.hm-gc-status,.hm-wa-text,.hm-stat span{color:rgba(251,247,255,.62)!important;}

/* Páginas de blog/artigos */
.article-content,
.blog-article,
.post-content{
  color:rgba(251,247,255,.82)!important;
}
.article-content h1,.article-content h2,.article-content h3,
.blog-article h1,.blog-article h2,.blog-article h3{color:#fff!important;}
.article-content a,.blog-article a{color:#eadcff!important;}

@media(max-width:760px){
  .hero{padding-top:74px!important;padding-bottom:54px!important;}
  .hero-grid--visual{gap:30px!important;}
  .hero h1{line-height:1.08!important;}
  .section{padding-top:58px!important;padding-bottom:58px!important;}
}

/* =========================================================
   HERO HOME PREMIUM FINAL — 20/05
   Objetivo: hero mais larga, imagem 55–60%, glow roxo,
   menos margem lateral, texto compacto e seção mais alta.
========================================================= */

body .hero#home{
  position:relative !important;
  overflow:hidden !important;
  min-height:calc(100vh - 78px) !important;
  display:flex !important;
  align-items:center !important;
  padding:118px 0 96px !important;
  background:
    radial-gradient(circle at 74% 30%, rgba(168,85,247,.34) 0%, rgba(130,10,209,.18) 24%, transparent 48%),
    radial-gradient(circle at 12% 18%, rgba(130,10,209,.28) 0%, transparent 36%),
    linear-gradient(135deg, #0b0312 0%, #1a0529 42%, #30064d 100%) !important;
}

body .hero#home::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(8,3,14,.88) 0%, rgba(13,4,22,.62) 34%, rgba(13,4,22,.10) 65%, rgba(8,3,14,.20) 100%),
    radial-gradient(circle at 62% 48%, rgba(168,85,247,.20), transparent 42%);
  z-index:0;
}

body .hero#home > .container{
  width:min(1500px, calc(100% - 48px)) !important;
  max-width:1500px !important;
  position:relative !important;
  z-index:1 !important;
}

body .hero#home .hero-grid--visual{
  display:grid !important;
  grid-template-columns:minmax(390px, .42fr) minmax(680px, .58fr) !important;
  gap:72px !important;
  align-items:center !important;
}

body .hero#home .hero-copy{
  max-width:560px !important;
}

body .hero#home .eyebrow{
  margin-bottom:22px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(216,180,254,.34) !important;
  box-shadow:0 0 42px rgba(168,85,247,.12) !important;
  color:#eadbff !important;
}

body .hero#home h1{
  max-width:none !important;
  margin:0 0 24px !important;
  font-size:clamp(2.65rem, 4.1vw, 4.8rem) !important;
  line-height:.96 !important;
  letter-spacing:-.060em !important;
  font-weight:900 !important;
  color:#fff !important;
  text-wrap:balance !important;
  text-shadow:0 20px 70px rgba(0,0,0,.50) !important;
}

body .hero#home .lead{
  max-width:52ch !important;
  margin:0 0 28px !important;
  color:rgba(251,247,255,.86) !important;
  font-size:clamp(1rem, 1.05vw, 1.14rem) !important;
  line-height:1.65 !important;
}

body .hero#home .hero-support{
  display:none !important;
}

body .hero#home .hero-actions{
  gap:14px !important;
  margin-bottom:26px !important;
}

body .hero#home .hero-actions .btn{
  min-height:54px !important;
  padding:15px 24px !important;
  border-radius:15px !important;
  box-shadow:0 24px 58px rgba(130,10,209,.32), 0 0 42px rgba(168,85,247,.16) !important;
}

body .hero#home .hero-actions .btn-secondary{
  background:rgba(255,255,255,.045) !important;
  border:1px solid rgba(255,255,255,.20) !important;
  color:#fff !important;
  box-shadow:none !important;
}

body .hero#home .hero-trust-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  max-width:520px !important;
}

body .hero#home .hero-trust-grid span{
  display:flex !important;
  align-items:center !important;
  min-height:54px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.055) !important;
  border:1px solid rgba(216,180,254,.18) !important;
  color:rgba(251,247,255,.88) !important;
  font-size:.88rem !important;
  font-weight:700 !important;
  line-height:1.25 !important;
  backdrop-filter:blur(14px) !important;
  box-shadow:0 18px 50px rgba(0,0,0,.20) !important;
}

body .hero#home .hero-trust-grid span::before{
  content:"";
  width:10px;
  height:10px;
  margin-right:10px;
  flex:0 0 10px;
  border-radius:999px;
  background:#a855f7;
  box-shadow:0 0 22px rgba(168,85,247,.88);
}

body .hero#home .hero-image{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  isolation:isolate !important;
}

body .hero#home .hero-image::before{
  content:"";
  position:absolute;
  inset:-12% -8% -14% -10%;
  z-index:-1;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 50%, rgba(168,85,247,.36), rgba(130,10,209,.16) 34%, transparent 68%);
  filter:blur(14px);
}

body .hero#home .hero-image img{
  width:100% !important;
  max-width:none !important;
  min-height:640px !important;
  aspect-ratio:16/9 !important;
  object-fit:cover !important;
  object-position:center !important;
  display:block !important;
  border-radius:34px !important;
  border:1px solid rgba(255,255,255,.10) !important;
  box-shadow:
    0 44px 140px rgba(0,0,0,.46),
    0 0 120px rgba(168,85,247,.22),
    0 0 0 1px rgba(168,85,247,.10) !important;
}

@media (max-width:1180px){
  body .hero#home .hero-grid--visual{
    grid-template-columns:minmax(340px,.45fr) minmax(540px,.55fr) !important;
    gap:42px !important;
  }
  body .hero#home h1{
    font-size:clamp(2.4rem, 3.8vw, 4.05rem) !important;
  }
  body .hero#home .hero-image img{
    min-height:520px !important;
  }
}

@media (max-width:980px){
  body .hero#home{
    min-height:auto !important;
    padding:76px 0 56px !important;
  }
  body .hero#home > .container{
    width:min(100% - 28px, 720px) !important;
  }
  body .hero#home .hero-grid--visual{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  body .hero#home .hero-copy{
    max-width:100% !important;
  }
  body .hero#home h1{
    max-width:none !important;
    font-size:clamp(2.35rem, 9vw, 3.5rem) !important;
    line-height:.98 !important;
  }
  body .hero#home .hero-image img{
    min-height:auto !important;
    border-radius:24px !important;
  }
  body .hero#home .hero-trust-grid{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:560px){
  body .hero#home .hero-trust-grid{
    grid-template-columns:1fr !important;
  }
  body .hero#home .hero-actions .btn{
    width:100% !important;
  }
}


/* HOME HERO ISOLADA - versão atual preservada: override.css */
/* ===================================================================
   HOME HERO — cinematográfico, exclusivo do index.html
   Não usar estas classes em nenhuma outra página
   =================================================================== */

.home-hero {
  position: relative;
  min-height: 720px;
  padding: 130px 0 70px;
  overflow: hidden;

  background-image:
    linear-gradient(90deg, rgba(10,2,18,.98) 0%, rgba(15,3,28,.94) 30%, rgba(15,3,28,.55) 52%, rgba(15,3,28,.10) 100%),
    url("/imagens/hero-premium-google-whatsapp.webp");

  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
}

.home-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 48% 45%, rgba(168,85,247,.35), transparent 34%),
    radial-gradient(circle at 75% 35%, rgba(130,10,209,.25), transparent 38%);
  pointer-events: none;
  z-index: 0;
}

.home-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1480px;
  width: min(96%, 1480px);
  margin: 0 auto;
  min-height: 590px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.home-hero-copy {
  max-width: 620px;
}

.home-hero .eyebrow {
  background: linear-gradient(135deg, rgba(168,85,247,.18), rgba(130,10,209,.26)) !important;
  border: 1px solid rgba(168,85,247,.28) !important;
  color: #c4b5fd !important;
}

.home-hero h1 {
  font-size: clamp(3.0rem, 4.2vw, 5.25rem) !important;
  line-height: 1.02 !important;
  letter-spacing: -.065em !important;
  max-width: none !important;
  margin: 0 0 24px !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-shadow: 0 20px 70px rgba(0,0,0,.36), 0 0 42px rgba(168,85,247,.18) !important;
}

.home-hero .lead {
  max-width: 54ch !important;
  font-size: 1.08rem !important;
  line-height: 1.65 !important;
  color: rgba(255,255,255,.82) !important;
}

.home-hero .hero-actions {
  margin-top: 28px;
}

.home-hero .hero-actions .btn {
  min-height: 54px !important;
  padding: 15px 24px !important;
}

.home-hero .hero-actions .btn:first-child {
  background: linear-gradient(135deg, #820AD1 0%, #A855F7 100%) !important;
  box-shadow: 0 18px 46px rgba(130,10,209,.32) !important;
}

.home-hero .hero-actions .btn-secondary {
  background: rgba(255,255,255,.045) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #fff !important;
}

.home-hero-trust {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  max-width: 760px;
  margin-top: 32px;
}

.home-hero-trust .trust-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  border-radius: 18px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  color: #fff;
  font-weight: 700;
  font-size: .92rem;
  line-height: 1.3;
}

.home-hero-trust .trust-item svg {
  flex-shrink: 0;
  color: #a855f7;
}

@media (max-width: 980px) {
  .home-hero {
    min-height: auto;
    padding: 82px 0 56px;
    background-position: center right;
    background-image:
      linear-gradient(180deg, rgba(10,2,18,.96) 0%, rgba(15,3,28,.88) 55%, rgba(15,3,28,.92) 100%),
      url("/imagens/hero-premium-google-whatsapp.webp");
  }

  .home-hero-inner {
    min-height: auto;
  }

  .home-hero h1 {
    font-size: clamp(2.1rem, 9vw, 3.25rem) !important;
    max-width: none !important;
  }

  .home-hero-trust {
    grid-template-columns: 1fr;
    max-width: 100%;
  }
}

@media (max-width: 560px) {
  .home-hero {
    padding: 74px 0 48px;
  }

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


/* ================================================================
   AUDITORIA DE CONTRASTE 2026 — CORREÇÕES GLOBAIS
   Data: 2026-05-30
   Objetivo: corrigir todos os problemas de legibilidade identificados
   na auditoria completa do site DaiSystems.
================================================================ */

/* --- FIX 1: CTA Banner no #segmentos-negocio ---
   Causa: #segmentos-negocio p{color:#51445d!important;} em
   daisystems-improvements.css tem especificidade (1,0,1) — supera
   todos os seletores de classe anteriores, incluindo o branco do banner.
   Solução: usar (1,2,0) para superar o seletor problemático.           */
#segmentos-negocio .sn-cta-banner .sn-cta-titulo {
  color: #ffffff !important;
  font-weight: 700 !important;
}
#segmentos-negocio .sn-cta-banner .sn-cta-desc {
  color: rgba(255, 255, 255, 0.90) !important;
  font-weight: 600 !important;
}

/* --- FIX 2: Ícone WhatsApp no CTA Banner ---
   Causa: --brand-primary-dark foi sobrescrita para #d9c3ff (lilás
   claro) pelo override de paleta, tornando o ícone branco quase
   invisível sobre o fundo claro do círculo.
   Solução: fundo semitransparente branco — ícone branco fica legível
   sobre qualquer variação do gradiente roxo.                           */
.sn-cta-banner .sn-cta-wapp {
  background: rgba(255, 255, 255, 0.16) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
}

/* --- FIX 3: Preço dos serviços em painéis escuros ---
   Causa: .service-price-box strong{color:#2a2a2a} de main.css —
   texto escuro quase invisível sobre seção com fundo dark (#08050d).
   Usado em 6 páginas de serviço (presença digital, sites, GMN, etc.).  */
.service-price-box strong {
  color: #ffffff !important;
  font-size: 1.45rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
}
.service-price-box span {
  color: rgba(248, 244, 255, 0.78) !important;
  font-size: 0.92rem !important;
  line-height: 1.5 !important;
}

/* --- FIX 4: Visual caption — contraste global ---
   Garante que legendas visuais mantenham legibilidade mínima
   em todas as situações de fundo.                                       */
.visual-caption {
  color: rgba(248, 244, 255, 0.70) !important;
}

/* --- FIX 5: Nav dropdown small text ---
   Garante que os subtítulos do dropdown de navegação sejam legíveis.   */
.nav-dropdown-link small {
  color: rgba(248, 244, 255, 0.64) !important;
}

/* --- FIX 6: Hero trust / support text ---
   Garante que textos de suporte da hero sejam claramente legíveis.     */
.hero-trust,
.hero-support {
  color: rgba(248, 244, 255, 0.82) !important;
}

/* --- FIX 7: sn-cta-banner — fallback global para garantia ---
   Caso .sn-cta-banner apareça fora de #segmentos-negocio,
   os textos mantêm branco sem precisar de ID.                          */
.sn-cta-banner .sn-cta-titulo {
  color: #ffffff !important;
  font-weight: 700 !important;
}
.sn-cta-banner .sn-cta-desc {
  color: rgba(255, 255, 255, 0.90) !important;
}

/* --- FIX 8: Footer contact links ---
   Garante que links de email/whatsapp no footer sejam visíveis.        */
.footer-contact a {
  color: rgba(232, 220, 255, 0.82) !important;
}
.footer-contact a:hover {
  color: #ffffff !important;
}

/* --- Mobile: garantias adicionais de contraste --- */
@media (max-width: 760px) {
  .service-price-box strong {
    font-size: 1.28rem !important;
  }
  .sn-cta-banner {
    gap: 16px !important;
  }
}