.elementor-7418 .elementor-element.elementor-element-14d2afc{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-7418:not(.elementor-motion-effects-element-type-background), body.elementor-page-7418 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-e06fee7 *//* =======================
   Möbius – UI com contraste
   Escopo: #mob-gerador
   ======================= */
#mob-gerador{
  --mob-primary:#6F47E5;
  --mob-on-primary:#fff;
  --mob-ink:#0B1220;
  --mob-muted:#525866;
  --mob-outline:#D1D5DB;          /* borda mais marcada */
  --mob-surface:#FFFFFF;          /* card */
  --mob-surface-1:#F5F7FA;        /* fundo de áreas internas */
  --mob-surface-2:#EEF1F6;        /* zebra/hover */
  --mob-warn-bg:#FFF7E6;
  --mob-warn-bd:#FFE1A6;
  --mob-warn-tx:#7A4B00;
  font:400 16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:var(--mob-ink);
}

/* ===== Cards principais (form, catálogo, resultado) ===== */
#mob-gerador #mob-form,
#mob-gerador .mob-catalog,
#mob-gerador .mob-result{
  max-width: 960px;
  margin: 18px 0;
  background: var(--mob-surface);
  border: 1px solid var(--mob-outline);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(17,24,39,.10), 0 2px 4px rgba(17,24,39,.06);
}

/* ===== Form ===== */
#mob-gerador #mob-form{ display:grid; gap:16px; padding:18px; }
#mob-gerador label{ font-size:14px; color:var(--mob-muted); }

#mob-gerador input[type="text"],
#mob-gerador input[type="search"],
#mob-gerador .utm-grid input{
  width:100%; padding:12px 14px;
  border:1px solid var(--mob-outline);
  border-radius:10px; background:#fff;
  transition:border-color .18s ease, box-shadow .18s ease;
}
#mob-gerador input:focus{
  outline:none; border-color:var(--mob-primary);
  box-shadow:0 0 0 3px rgba(111,71,229,.25);
}

/* Botão primário */
#mob-gerador #mob-form button[type="submit"]{
  justify-self:start; padding:12px 18px; border:0; border-radius:999px;
  background:var(--mob-primary); color:var(--mob-on-primary); font-weight:600;
  box-shadow:0 6px 14px rgba(111,71,229,.35), 0 2px 3px rgba(0,0,0,.06);
  cursor:pointer; transition:filter .15s, transform .03s;
}
#mob-gerador #mob-form button[type="submit"]:hover{ filter:brightness(1.05); }
#mob-gerador #mob-form button[type="submit"]:active{ transform:translateY(1px); }

/* ===== Details (UTMs e catálogo) ===== */
#mob-gerador details{ border-top:1px solid var(--mob-outline); border-radius:12px; overflow:hidden; }
#mob-gerador details > summary{
  list-style:none; cursor:pointer; padding:14px 16px; margin:0;
  font-weight:700; color:var(--mob-ink); background:var(--mob-surface-1);
  position:relative;
}
#mob-gerador details > summary::-webkit-details-marker{ display:none; }
#mob-gerador details > summary::after{
  content:"▾"; position:absolute; right:16px; top:50%; transform:translateY(-50%);
  color:var(--mob-muted);
}
#mob-gerador details[open] > summary::after{ transform:translateY(-50%) rotate(180deg); }
#mob-gerador .utm-grid{
  display:grid; gap:10px; padding:14px 16px; background:#fff;
  grid-template-columns:repeat(5,1fr);
}
@media (max-width:1024px){ #mob-gerador .utm-grid{ grid-template-columns:repeat(3,1fr);} }
@media (max-width:640px){  #mob-gerador .utm-grid{ grid-template-columns:1fr;} }

/* ===== Resultado ===== */
#mob-gerador .mob-result{ padding:16px; }
#mob-gerador #mob-url{
  display:block; padding:12px 14px; background:var(--mob-surface-1);
  border:1px dashed #B9C0CE; border-radius:10px; word-break:break-all;
}
#mob-gerador .mob-actions{ display:flex; gap:10px; margin-top:10px; flex-wrap:wrap; }
#mob-gerador .mob-actions a, #mob-gerador .mob-actions button{
  padding:10px 14px; border-radius:999px; border:1px solid var(--mob-outline);
  background:#fff; cursor:pointer; transition:background .15s, box-shadow .15s, transform .03s;
}
#mob-gerador .mob-actions a:hover, #mob-gerador .mob-actions button:hover{
  background:var(--mob-surface-2); box-shadow:0 2px 6px rgba(17,24,39,.10);
}
#mob-gerador .mob-actions button:active{ transform:translateY(1px); }
#mob-gerador .mob-warn{
  color:var(--mob-warn-tx); background:var(--mob-warn-bg);
  border:1px solid var(--mob-warn-bd); padding:10px 12px; border-radius:10px;
}

/* ===== Catálogo ===== */
#mob-gerador .mob-catalog{ padding:8px 0 0; }
#mob-gerador .mob-cat-toolbar{ display:flex; gap:10px; align-items:center; margin:12px 16px; }
#mob-gerador #mob-cat-search{
  flex:1; padding:10px 12px; border:1px solid var(--mob-outline); border-radius:10px; background:#fff;
}
#mob-gerador #mob-cat-search:focus{ outline:none; border-color:var(--mob-primary); box-shadow:0 0 0 3px rgba(111,71,229,.25); }
#mob-gerador #mob-cat-reload{
  padding:10px 12px; border:1px solid var(--mob-outline); border-radius:10px; background:#fff; cursor:pointer;
  transition:background .15s, transform .15s;
}
#mob-gerador #mob-cat-reload:hover{ background:var(--mob-surface-2); }
#mob-gerador #mob-cat-reload:active{ transform:rotate(90deg); }

#mob-gerador .mob-cat-table-wrap{
  margin:0 16px 16px; border:1px solid var(--mob-outline); border-radius:12px; overflow:auto;
  background:#fff; box-shadow: inset 0 1px 0 #F3F4F6;
  max-height:420px;
}
#mob-gerador .mob-cat-table{ width:100%; border-collapse:collapse; font-size:14px; }
#mob-gerador .mob-cat-table thead th{
  position:sticky; top:0; z-index:1;
  background:var(--mob-surface-1); color:var(--mob-ink);
  text-align:left; font-weight:800; border-bottom:1px solid var(--mob-outline);
}
#mob-gerador .mob-cat-table th, #mob-gerador .mob-cat-table td{ padding:12px 14px; }
#mob-gerador .mob-cat-table tbody tr:nth-child(odd){ background:#fff; }
#mob-gerador .mob-cat-table tbody tr:nth-child(even){ background:var(--mob-surface-2); }
#mob-gerador .mob-cat-table tbody tr:hover{ background:#EAEFF8; }

#mob-gerador .mob-add-btn{
  padding:8px 12px; border:0; border-radius:999px;
  background:rgba(111,71,229,.14); color:#2F2593; font-weight:700;
  cursor:pointer; transition:background .15s, transform .03s, box-shadow .15s;
}
#mob-gerador .mob-add-btn:hover{ background:rgba(111,71,229,.22); box-shadow:0 2px 6px rgba(17,24,39,.12); }
#mob-gerador .mob-add-btn:active{ transform:translateY(1px); }

#mob-gerador #mob-cat-empty{ margin:10px 16px 16px; color:var(--mob-muted); }

/* ===== Responsividade tabela → cards ===== */
@media (max-width:560px){
  #mob-gerador .mob-cat-table thead{ display:none; }
  #mob-gerador .mob-cat-table tr{ display:block; border-bottom:1px solid var(--mob-outline); }
  #mob-gerador .mob-cat-table td{ display:grid; grid-template-columns:120px 1fr; gap:8px; padding:10px 12px; border:0; }
  #mob-gerador .mob-cat-table td:nth-child(1)::before{ content:"Código"; font-weight:700; color:var(--mob-muted); }
  #mob-gerador .mob-cat-table td:nth-child(2)::before{ content:"Nome";   font-weight:700; color:var(--mob-muted); }
  #mob-gerador .mob-cat-table td:nth-child(3){ display:block; margin-top:6px; }
}

/* ===== Micro-feedback ao adicionar código ===== */
#mob-gerador .mob-pulse{ box-shadow:0 0 0 3px rgba(17,24,39,.08) inset; transition:box-shadow .25s; }/* End custom CSS */