/* Sua Extensao Aqui - suporte de fontes e comportamentos nao nativos do Elementor */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=JetBrains+Mono:wght@400&display=swap');
@import url('https://api.fontshare.com/v2/css?f[]=general-sans@600,700&display=swap');

:root{
  --sea-accent:#6366F1;--sea-accent-hover:#4F46E5;--sea-green:#16856B;--sea-green-hover:#116D58;
  --sea-bg:#FBFCFF;--sea-surface:#FFFFFF;--sea-ink:#0A0A0A;--sea-ink-soft:#6B6B6B;
  --sea-border:#E8E8EC;--sea-neutral:#9C9C9C;--sea-ink-blue:#18243A;
  --sea-blue:#2563EB;--sea-blue-soft:#EEF4FF;--sea-green-soft:#EAF8F3;
  --sea-gold:#D99400;--sea-gold-soft:#FFF6D8;--sea-coral:#D9644A;--sea-coral-soft:#FFF0EB;
  --sea-purple:#7557D9;--sea-purple-soft:#F2EEFF;--sea-sky:#0E7490;--sea-sky-soft:#EAF8FB;
}

/* Cabecalho fixo translucido */
.sea-header{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* Circulos decorativos do heroi interno */
.sea-hero{position:relative;overflow:hidden}
.sea-hero::before,.sea-hero::after{content:"";position:absolute;border-radius:999px;pointer-events:none;z-index:0}
.sea-hero::before{width:320px;height:320px;left:-180px;top:-170px;background:var(--sea-hero-1,var(--sea-blue-soft))}
.sea-hero::after{width:210px;height:210px;right:-100px;bottom:-120px;background:var(--sea-hero-2,var(--sea-gold-soft))}
.sea-hero > .e-con-inner,.sea-hero > .elementor-widget-wrap{position:relative;z-index:1}
.sea-hero-blue{--sea-hero-1:var(--sea-blue-soft)}.sea-hero-green{--sea-hero-1:var(--sea-green-soft)}
.sea-hero-gold{--sea-hero-1:var(--sea-gold-soft)}.sea-hero-purple{--sea-hero-1:var(--sea-purple-soft)}
.sea-hero-2-green{--sea-hero-2:var(--sea-green-soft)}.sea-hero-2-gold{--sea-hero-2:var(--sea-gold-soft)}
.sea-hero-2-blue{--sea-hero-2:var(--sea-blue-soft)}.sea-hero-2-purple{--sea-hero-2:var(--sea-purple-soft)}

/* Malha de pontos do heroi da home */
.sea-dots{position:relative;overflow:hidden}
.sea-dots::before{content:"";position:absolute;inset:0;opacity:.23;pointer-events:none;z-index:0;
  background-image:radial-gradient(#BFC0C8 1px,transparent 1px);background-size:20px 20px;
  -webkit-mask-image:linear-gradient(to bottom,black,transparent 80%);mask-image:linear-gradient(to bottom,black,transparent 80%)}
.sea-dots > .e-con-inner{position:relative;z-index:1}

/* Barra de filtro e estado vazio */
.sea-filter input[type=search]{width:100%;min-height:42px;border:1px solid var(--sea-border);border-radius:6px;background:#fff;padding:10px 14px;outline:none;font:inherit;color:var(--sea-ink)}
.sea-filter input[type=search]:focus{border-color:var(--sea-accent);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.sea-empty{display:none;padding:24px;text-align:center;border:1px dashed var(--sea-border);border-radius:12px;color:var(--sea-ink-soft);font-size:14px}
.sea-empty.is-visible{display:block}
.sea-hidden{display:none !important}

/* Painel do gerador de ideias */
.sea-gen label{display:block;font-size:12px;color:#C9CED8;margin-bottom:6px}
.sea-gen .sea-field{margin-bottom:12px}
.sea-gen select,.sea-gen input{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:6px;background:#142137;color:#fff;padding:10px 14px;outline:none;font:inherit}
.sea-gen select:focus,.sea-gen input:focus{border-color:var(--sea-accent);box-shadow:0 0 0 3px rgba(99,102,241,.16)}
.sea-gen button{width:100%;min-height:44px;border:0;border-radius:6px;background:var(--sea-accent);color:#fff;font:inherit;font-weight:500;cursor:pointer;transition:background .2s ease}
.sea-gen button:hover{background:var(--sea-accent-hover)}
.sea-gen-result{display:none;margin-top:14px;border:1px solid rgba(255,255,255,.14);border-radius:8px;padding:14px;font-size:13px;color:#E2E7EF;line-height:1.6}
.sea-gen-result.is-visible{display:block}

/* Busca global da home */
.sea-search input[type=search]{width:100%;min-height:46px;border:1px solid var(--sea-border);border-radius:6px;background:#fff;padding:10px 16px;outline:none;font:inherit}
.sea-search input[type=search]:focus{border-color:var(--sea-accent);box-shadow:0 0 0 3px rgba(99,102,241,.12)}
.sea-search-results{display:none;margin-top:12px;text-align:left;background:#fff;border:1px solid var(--sea-border);border-radius:12px;overflow:hidden}
.sea-search-results.is-visible{display:block}
.sea-search-results a,.sea-search-results div{display:block;padding:12px 16px;font-size:14px;color:var(--sea-ink);border-bottom:1px solid var(--sea-border)}
.sea-search-results a:last-child,.sea-search-results div:last-child{border-bottom:0}
.sea-search-results a:hover{background:#F4F5F8}

/* CTA flutuante de WhatsApp */
.sea-wa{position:fixed;right:22px;bottom:22px;z-index:80;display:inline-flex;align-items:center;gap:10px;min-height:48px;
  padding:10px 16px;border:1px solid #BFE6D8;border-radius:9999px;background:var(--sea-green);color:#fff;
  font-size:14px;font-weight:500;text-decoration:none;box-shadow:0 10px 30px rgba(22,133,107,.25);transition:transform .2s ease,background .2s ease}
.sea-wa:hover{transform:translateY(-2px);background:var(--sea-green-hover);color:#fff}
.sea-wa:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(22,133,107,.2),0 14px 34px rgba(22,133,107,.28)}
@media(max-width:720px){.sea-wa{right:14px;bottom:14px;font-size:13px;min-height:46px}}

/* Marca do cabecalho */
.sea-brand-mark{width:28px;height:28px;border:1px solid #CDEBE0;border-radius:8px;background:var(--sea-green-soft);
  color:var(--sea-green);display:inline-grid;place-items:center;font-family:"JetBrains Mono",monospace;font-size:13px;line-height:1}

/* Formulario WPForms alinhado ao design */
.sea-form .wpforms-field-label{font-size:12px;color:var(--sea-ink-soft);font-weight:400;margin-bottom:6px}
.sea-form input[type=text],.sea-form input[type=email],.sea-form textarea,.sea-form select{
  width:100%;border:1px solid var(--sea-border) !important;border-radius:6px !important;background:#fff;padding:10px 14px !important;font:inherit;color:var(--sea-ink)}
.sea-form input:focus,.sea-form textarea:focus,.sea-form select:focus{border-color:var(--sea-accent) !important;box-shadow:0 0 0 3px rgba(99,102,241,.12);outline:none}
.sea-form button[type=submit]{background:var(--sea-accent) !important;border:0 !important;border-radius:6px !important;min-height:42px;padding:10px 20px !important;font-weight:500;color:#fff !important;transition:background .2s ease}
.sea-form button[type=submit]:hover{background:var(--sea-accent-hover) !important}
