/* Estilos comuns a todas as páginas — extraídos do antigo header.php.
   Editar aqui altera o site inteiro de uma vez. */

 :root{ --bg: #0b1220; --card: rgba(255,255,255,.06); --border: rgba(255,255,255,.12); --text: rgba(255,255,255,.92); --muted: rgba(255,255,255,.70); --hover: rgba(255,255,255,.10); --shadow: 0 12px 34px rgba(0,0,0,.32); } * { box-sizing: border-box; } body { font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; margin: 0; padding: 0; background: radial-gradient(1200px 600px at 20% -10%, rgba(110,231,183,.16), transparent 60%), radial-gradient(900px 500px at 80% 0%, rgba(59,130,246,.18), transparent 55%), var(--bg); color: var(--text); } header { position: sticky; top: 0; z-index: 1000; display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; margin: 12px; border-radius: 16px; background: rgba(255,255,255,.06); border: 1px solid var(--border); box-shadow: var(--shadow); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px); } header a { display: inline-flex; align-items: center; } .logo { height: 40px; width: auto; display: block; } nav { display: flex; align-items: center; gap: 10px; } nav ul { list-style: none; margin: 0; padding: 0; display: flex; align-items: center; gap: 10px; } nav ul li { margin: 0; } nav ul li a { display: inline-flex; align-items: center; padding: 9px 12px; border-radius: 12px; color: var(--text); text-decoration: none; font-size: 14px; line-height: 1; border: 1px solid transparent; transition: background .2s ease, transform .2s ease, border-color .2s ease; white-space: nowrap; } nav ul li a:hover { background: var(--hover); border-color: var(--border); transform: translateY(-1px); } nav ul li a:active { transform: translateY(0px); } .menu-toggle { display: none; cursor: pointer; font-size: 20px; line-height: 1; width: 42px; height: 42px; border-radius: 12px; display: none; align-items: center; justify-content: center; background: rgba(255,255,255,.06); border: 1px solid var(--border); color: var(--text); transition: background .2s ease, transform .2s ease; user-select: none; } .menu-toggle:hover { background: rgba(255,255,255,.10); } .menu-toggle:active { transform: scale(.98); } @media (max-width: 900px) { .menu-toggle { display: inline-flex; } nav ul { display: none; flex-direction: column; align-items: stretch; width: min(420px, calc(100vw - 24px)); background: rgba(15, 23, 42, .92); border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow); position: absolute; top: calc(100% + 10px); right: 12px; padding: 10px; backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); } nav ul.show { display: flex; } nav ul li a { width: 100%; justify-content: flex-start; padding: 12px 12px; border-radius: 12px; color: var(--text); } } /* HERO COMPACTO (1/3 do bloco original) */ .ls-hero--compact{ padding: clamp(28px, 4vw, 54px) 0; background: radial-gradient(1200px 600px at 15% 15%, rgba(56, 110, 255, .18), transparent 55%), radial-gradient(900px 500px at 80% 25%, rgba(0, 255, 170, .10), transparent 60%), linear-gradient(135deg, #0b1220, #070a12); color:#e9eefc; } .ls-hero__container{ width:min(1120px, 92%); margin:0 auto; display:grid; grid-template-columns: 360px 1fr; gap: clamp(18px, 3vw, 40px); align-items:center; } .ls-hero__media{ position:relative; border-radius: 22px; overflow:hidden; isolation:isolate; box-shadow: 0 18px 60px rgba(0,0,0,.45); } .ls-hero__photo{ width:100%; height:100%; display:block; object-fit:cover; transform: scale(1.02); } .ls-hero__media::after{ content:""; position:absolute; inset:0; background: radial-gradient(400px 260px at 70% 30%, rgba(255,255,255,.12), transparent 60%), linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.40)); pointer-events:none; } .ls-hero__badge{ position:absolute; left:14px; bottom:14px; padding:10px 12px; border-radius: 14px; background: rgba(10, 16, 28, .55); backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,.12); } .ls-hero__badgeTop{ display:block; font-weight:800; letter-spacing:.2px; font-size:13px; } .ls-hero__badgeBottom{ display:block; font-size:12px; color: rgba(233,238,252,.75); margin-top:2px; } .ls-hero__eyebrow{ display:inline-flex; gap:10px; align-items:center; font-size:13px; letter-spacing:.3px; color: rgba(233,238,252,.78); margin:0 0 10px; } .ls-hero__eyebrow::before{ content:""; width:10px; height:10px; border-radius:999px; background: linear-gradient(135deg, #4f7cff, #00f0b5); box-shadow: 0 0 0 4px rgba(79,124,255,.14); } .ls-hero__title{ margin:0 0 10px; font-size: clamp(26px, 3.2vw, 42px); line-height:1.1; letter-spacing:-.6px; } .ls-hero__titleEm{ display:block; margin-top:6px; font-weight:700; font-size: clamp(15px, 1.6vw, 18px); color: rgba(233,238,252,.82); } .ls-hero__text{ margin:0 0 14px; max-width: 62ch; color: rgba(233,238,252,.78); line-height:1.6; font-size: 15px; } .ls-hero__proof{ display:flex; gap:10px; flex-wrap:wrap; margin: 12px 0 12px; } .ls-hero__stat{ padding:10px 12px; border-radius: 14px; background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.10); backdrop-filter: blur(8px); min-width: 108px; } .ls-hero__statNum{ display:block; font-weight:900; font-size:16px; } .ls-hero__statLabel{ display:block; font-size:12px; color: rgba(233,238,252,.72); margin-top:2px; } .ls-hero__bullets{ margin: 10px 0 18px; padding:0; list-style:none; display:grid; gap:8px; max-width: 64ch; } .ls-hero__bullets li{ position:relative; padding-left: 26px; color: rgba(233,238,252,.82); font-size: 14px; line-height: 1.5; } .ls-hero__bullets li::before{ content:"✓"; position:absolute; left:0; top:0; width:18px; height:18px; display:grid; place-items:center; border-radius: 999px; background: rgba(0, 240, 181, .14); border: 1px solid rgba(0, 240, 181, .22); color:#7fffe2; font-weight:900; font-size:12px; } .ls-hero__actions{ display:flex; gap:12px; flex-wrap:wrap; align-items:center; margin-top: 4px; } .ls-hero__cta{ display:inline-flex; align-items:center; justify-content:center; padding: 12px 18px; border-radius: 999px; text-decoration:none; color:#08101d; font-weight:900; background: linear-gradient(135deg, #4f7cff, #00f0b5); box-shadow: 0 14px 34px rgba(79,124,255,.22); transition: transform .22s ease, box-shadow .22s ease, filter .22s ease; } .ls-hero__cta:hover{ transform: translateY(-2px); box-shadow: 0 18px 44px rgba(79,124,255,.28); filter: brightness(1.03); } .ls-hero__secondary{ display:inline-flex; align-items:center; justify-content:center; padding: 12px 16px; border-radius: 999px; text-decoration:none; color: rgba(233,238,252,.92); background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.14); transition: transform .22s ease, background .22s ease, border-color .22s ease; } .ls-hero__secondary:hover{ transform: translateY(-2px); background: rgba(255,255,255,.085); border-color: rgba(255,255,255,.22); } .ls-hero__trust{ margin: 12px 0 0; font-size: 12px; color: rgba(233,238,252,.68); } /* RESPONSIVO */ @media (max-width: 920px){ .ls-hero__container{ grid-template-columns: 1fr; } .ls-hero__media{ max-width: 460px; margin: 0 auto; } } .footer-lucas { background: linear-gradient(135deg, #0b0f14, #0e1624); color: #cfd6e4; padding: 50px 20px 20px; font-family: Arial, Helvetica, sans-serif; } .footer-container { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; } .footer-info strong { font-size: 22px; color: #ffffff; } .footer-info p { margin-top: 10px; line-height: 1.6; font-size: 15px; } .footer-actions { text-align: right; } .btn-whatsapp { display: inline-block; background: linear-gradient(135deg, #25d366, #1ebe5d); color: #ffffff; padding: 14px 28px; border-radius: 40px; font-weight: bold; text-decoration: none; font-size: 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; } .btn-whatsapp:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(37, 211, 102, 0.35); } .footer-social { margin-top: 18px; } .footer-social a { margin-left: 18px; color: #9fb4ff; text-decoration: none; font-size: 14px; transition: color 0.3s ease; } .footer-social a:hover { color: #ffffff; } .footer-copy { margin-top: 40px; border-top: 1px solid rgba(255,255,255,0.08); padding-top: 15px; text-align: center; font-size: 13px; color: #8a93a6; } /* Responsivo */ @media (max-width: 768px) { .footer-container { grid-template-columns: 1fr; text-align: center; } .footer-actions { text-align: center; } .footer-social a { margin: 0 10px; } } 


/* ============================================================
   MENU DE SERVIÇOS (.lsm-*)
   Seletores mais específicos que os antigos (nav ul / nav ul li a)
   para sobrescrever sem !important.
   ============================================================ */
nav ul.lsm-menu{
  list-style:none; margin:0; padding:0;
  display:flex; align-items:center; gap:2px; flex-wrap:wrap;
}
nav ul.lsm-menu li.lsm-item{ margin:0; position:relative; }

nav ul.lsm-menu .lsm-link{
  display:inline-flex; align-items:center; gap:6px;
  padding:9px 12px; border-radius:12px;
  color:var(--text); text-decoration:none;
  font-size:14px; line-height:1; white-space:nowrap;
  border:1px solid transparent; background:transparent;
  font-family:inherit; cursor:pointer;
  transition:background .2s ease, border-color .2s ease, transform .2s ease;
}
nav ul.lsm-menu .lsm-link:hover{
  background:var(--hover); border-color:var(--border); transform:translateY(-1px);
}
nav ul.lsm-menu .lsm-caret{ font-size:10px; opacity:.65; transition:transform .2s ease; }
nav ul.lsm-menu .lsm-has-drop:hover .lsm-caret,
nav ul.lsm-menu .lsm-has-drop.lsm-open .lsm-caret{ transform:rotate(180deg); }

/* Botão CTA */
nav ul.lsm-menu .lsm-link.lsm-cta{
  background:linear-gradient(135deg,#4f7cff,#00f0b5);
  color:#08101d; font-weight:800; border-color:transparent;
  box-shadow:0 8px 22px rgba(79,124,255,.22);
}
nav ul.lsm-menu .lsm-link.lsm-cta:hover{
  filter:brightness(1.05); box-shadow:0 12px 30px rgba(79,124,255,.30);
}

/* ---- Dropdown (desktop) ---- */
nav ul.lsm-menu ul.lsm-drop{
  display:none; position:absolute; top:calc(100% + 10px); left:0;
  min-width:290px; padding:8px; margin:0; list-style:none; z-index:1200;
  background:rgba(15,23,42,.96);
  border:1px solid var(--border); border-radius:16px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
}
nav ul.lsm-menu li.lsm-has-drop:hover > ul.lsm-drop,
nav ul.lsm-menu li.lsm-has-drop.lsm-open > ul.lsm-drop{ display:block; }

/* ponte invisível: impede o dropdown de fechar ao mover o mouse */
nav ul.lsm-menu li.lsm-has-drop::after{
  content:""; position:absolute; left:0; right:0; top:100%; height:12px;
}

nav ul.lsm-menu ul.lsm-drop li{ margin:0; }
nav ul.lsm-menu ul.lsm-drop li a{
  display:block; width:auto; padding:10px 12px; border-radius:12px;
  color:var(--text); text-decoration:none; border:1px solid transparent;
  transition:background .18s ease;
}
nav ul.lsm-menu ul.lsm-drop li a:hover{ background:var(--hover); transform:none; }
nav ul.lsm-menu .lsm-drop-title{ display:block; font-size:14px; font-weight:700; line-height:1.25; }
nav ul.lsm-menu .lsm-drop-desc{ display:block; font-size:12px; color:var(--muted); margin-top:3px; line-height:1.35; }

/* ---- Mobile: acordeão dentro do hambúrguer ---- */
@media (max-width:900px){
  nav ul.lsm-menu{
    display:none; flex-direction:column; align-items:stretch; gap:4px;
    width:min(420px, calc(100vw - 24px));
    background:rgba(15,23,42,.96);
    border:1px solid var(--border); border-radius:16px;
    box-shadow:var(--shadow);
    position:absolute; top:calc(100% + 10px); right:12px; padding:10px;
    max-height:calc(100vh - 120px); overflow-y:auto;
    backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px);
  }
  nav ul.lsm-menu.show{ display:flex; }
  nav ul.lsm-menu .lsm-link{ width:100%; justify-content:space-between; padding:12px; }
  nav ul.lsm-menu .lsm-link.lsm-cta{ justify-content:center; margin-top:4px; }

  /* dropdown vira bloco estático, só abre no clique */
  nav ul.lsm-menu ul.lsm-drop{
    display:none; position:static; min-width:0; width:100%;
    margin:2px 0 6px; padding:4px 0 4px 10px;
    background:transparent; border:none; border-left:2px solid var(--border);
    border-radius:0; box-shadow:none; backdrop-filter:none;
  }
  nav ul.lsm-menu li.lsm-has-drop:hover > ul.lsm-drop{ display:none; }
  nav ul.lsm-menu li.lsm-has-drop.lsm-open > ul.lsm-drop{ display:block; }
  nav ul.lsm-menu li.lsm-has-drop::after{ display:none; }
  nav ul.lsm-menu .lsm-drop-desc{ display:none; }
}



/* LOGO FOOTER */
.footer-logo{
  max-width: 220px;
  width: 100%;
  height: auto;
  display: block;
}

/* SELO DO PERFIL NO GOOGLE */
.footer-gbp{
  display: inline-flex;
  align-items: center;
  gap: 11px;
  padding: 10px 16px;
  border-radius: 14px;
  text-decoration: none;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  transition: transform .25s ease, background .25s ease, border-color .25s ease;
}
.footer-gbp:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.10);
  border-color: rgba(159,180,255,.45);
}
.footer-gbp-stars{
  color: #fbbc04;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 1;
}
.footer-gbp-txt{
  display: flex;
  flex-direction: column;
  line-height: 1.25;
  color: #e6ebf5;
  font-size: 14px;
}
.footer-gbp-txt strong{ font-size: 16px; }
.footer-gbp-txt small{
  font-size: 11.5px;
  color: #9aa5b8;
  margin-top: 2px;
}

/* NAP — precisa bater exatamente com o Perfil da Empresa no Google */
.footer-nap{
  margin: 0 0 14px;
  line-height: 1.7;
  font-size: 13.5px;
  color: #b9c2d2;
}
.footer-nap strong{ color: #e6ebf5; }
.footer-nap a{ color: #9fb4ff; text-decoration: none; }
.footer-nap a:hover{ color: #ffffff; }

/* ÍCONES SOCIAIS */
.footer-social{
  display: flex;
  gap: 16px;
  align-items: center;
  justify-content: flex-end;
}
.footer-social img{
  width: 34px;
  height: 34px;
  object-fit: contain;
  transition: transform .3s ease, opacity .3s ease;
}
.footer-social a:hover img{
  transform: translateY(-2px);
  opacity: .85;
}

/* BOTÃO WHATSAPP FIXO */
.whatsapp-float{
  position: fixed;
  right: 22px;
  bottom: 22px;
  z-index: 9999;
  background: linear-gradient(135deg, #25d366, #1ebe5d);
  color: #ffffff;
  padding: 14px 22px;
  border-radius: 40px;
  font-weight: 800;
  text-decoration: none;
  font-size: 15px;
  box-shadow: 0 12px 30px rgba(37, 211, 102, 0.45);
  transition: transform .25s ease, box-shadow .25s ease;
}
.whatsapp-float:hover{
  transform: translateY(-3px);
  box-shadow: 0 16px 38px rgba(37, 211, 102, 0.55);
}

/* RESPONSIVO */
@media (max-width: 768px){
  .footer-actions{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
  }
  .footer-social{
    justify-content: center;
    margin-top: 18px;
  }
  .whatsapp-float{
    right: 16px;
    bottom: 16px;
    padding: 13px 20px;
    font-size: 14px;
  }
}


/* ── Bloco "Leia também": linkagem interna do cluster de IA/GEO ──
   Conecta as páginas do tema entre si e aponta para a página-hub.
   Sem isso nenhuma página é sinalizada como a autoridade do assunto. */
.ls-relacionados{
  max-width:1000px;margin:34px auto;padding:24px 26px;
  border:1px solid rgba(255,255,255,.14);border-radius:18px;
  background:rgba(255,255,255,.04);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.ls-relacionados h2{
  font-size:15px;letter-spacing:.6px;text-transform:uppercase;
  color:#7fd4ff;margin:0 0 14px;font-weight:700;
}
.ls-relacionados ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ls-relacionados a{
  color:rgba(233,238,252,.92);text-decoration:none;font-size:15px;
  display:block;padding:10px 12px;border-radius:12px;
  border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.03);
  transition:background .2s ease,border-color .2s ease;
}
.ls-relacionados a:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.22)}
@media (min-width:760px){.ls-relacionados ul{grid-template-columns:1fr 1fr}}


/* ── Artigos do cluster de IA/GEO ──
   Estrutura de leitura em formato AEO: resposta direta no topo,
   seções em pergunta, tabelas e FAQ. Compartilhado por todas as
   páginas do tema — editar aqui muda todas. */
.art-ia{--a-txt:rgba(233,238,252,.82);--a-ttl:#e9eefc;--a-ac:#00f0b5;--a-st:rgba(255,255,255,.12);
  background:linear-gradient(180deg,#0b1220,#070a12);color:var(--a-txt);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  padding:clamp(28px,5vw,60px) 0;line-height:1.7;}
.art-ia .wrap{width:min(860px,92%);margin:0 auto;}
.art-ia h1{font-size:clamp(26px,3.8vw,40px);line-height:1.18;color:var(--a-ttl);
  margin:0 0 18px;letter-spacing:-.5px;font-weight:800;}
.art-ia h2{font-size:clamp(20px,2.5vw,27px);color:var(--a-ttl);margin:40px 0 12px;font-weight:700;letter-spacing:-.3px;}
.art-ia h3{font-size:17px;color:var(--a-ttl);margin:24px 0 8px;font-weight:700;}
.art-ia p{margin:0 0 16px;}
.art-ia strong{color:var(--a-ttl);}
.art-ia a{color:#7fd4ff;}
.art-ia ul,.art-ia ol{margin:0 0 18px;padding-left:22px;}
.art-ia li{margin-bottom:9px;}
.art-ia li::marker{color:var(--a-ac);}
.art-ia .resposta{background:rgba(0,240,181,.08);border:1px solid rgba(0,240,181,.28);
  border-left:4px solid var(--a-ac);border-radius:14px;padding:20px 22px;margin:0 0 28px;}
.art-ia .resposta .rot{display:block;font-size:12px;letter-spacing:1.2px;text-transform:uppercase;
  color:var(--a-ac);font-weight:700;margin-bottom:8px;}
.art-ia .resposta p{font-size:17px;color:var(--a-ttl);margin:0;}
.art-ia .tab{overflow-x:auto;margin:18px 0 26px;border:1px solid var(--a-st);border-radius:14px;}
.art-ia table{width:100%;border-collapse:collapse;min-width:480px;}
.art-ia th{background:rgba(79,124,255,.18);color:var(--a-ttl);text-align:left;padding:12px 15px;
  font-size:12.5px;text-transform:uppercase;letter-spacing:.6px;}
.art-ia td{padding:12px 15px;border-top:1px solid rgba(255,255,255,.08);font-size:15px;vertical-align:top;}
.art-ia .faq details{background:rgba(255,255,255,.05);border:1px solid var(--a-st);
  border-radius:12px;padding:13px 17px;margin-bottom:10px;}
.art-ia .faq summary{cursor:pointer;color:var(--a-ttl);font-weight:700;font-size:15.5px;}
.art-ia .faq p{margin:10px 0 0;}
.art-ia .cta{background:linear-gradient(135deg,rgba(79,124,255,.20),rgba(0,240,181,.14));
  border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:26px;margin:36px 0 0;}
.art-ia .cta h2{margin-top:0;}
.art-ia .cta .btn{display:inline-block;margin-top:10px;padding:13px 24px;border-radius:999px;
  background:linear-gradient(135deg,#4f7cff,#00f0b5);color:#08101d;font-weight:800;text-decoration:none;}

/* ── Bloco canônico: aponta as páginas do tema para a home ──
   Sem um destino único, as 94 páginas que falam de criação de
   sites competiam entre si e diluíam o sinal do termo. */
.ls-canonico{
  max-width:1000px;margin:34px auto;padding:22px 24px;
  border:1px solid rgba(255,255,255,.14);border-radius:16px;
  background:linear-gradient(135deg,rgba(79,124,255,.14),rgba(0,240,181,.10));
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
.ls-canonico p{margin:0;color:rgba(233,238,252,.86);font-size:15.5px;line-height:1.7}
.ls-canonico a{color:#7fd4ff;font-weight:700}