.elementor-145 .elementor-element.elementor-element-5a4c326{--display:flex;--min-height:278px;--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;}.elementor-145 .elementor-element.elementor-element-5a4c326:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-5a4c326 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7cd825b );}.elementor-145 .elementor-element.elementor-element-dc53674{margin:90px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-145 .elementor-element.elementor-element-dc53674.elementor-element{--align-self:center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-145 .elementor-element.elementor-element-80dc0b0{width:var( --container-widget-width, 35% );max-width:35%;--container-widget-width:35%;--container-widget-flex-grow:0;text-align:center;}.elementor-145 .elementor-element.elementor-element-80dc0b0.elementor-element{--align-self:center;}.elementor-145 .elementor-element.elementor-element-80dc0b0 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:38px;font-weight:400;line-height:44px;color:var( --e-global-color-text );}.elementor-145 .elementor-element.elementor-element-bf6d24b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-145 .elementor-element.elementor-element-de98c9b{--display:flex;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-145 .elementor-element.elementor-element-d4bd906{font-family:"Kanit", Sans-serif;font-size:23px;font-weight:400;line-height:27px;}.elementor-145 .elementor-element.elementor-element-b65490a{--display:flex;}.elementor-145 .elementor-element.elementor-element-98fba48{--display:flex;}.elementor-145 .elementor-element.elementor-element-54b1f8d{--display:flex;}.elementor-145 .elementor-element.elementor-element-bf54263{--display:flex;--min-height:204px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-145 .elementor-element.elementor-element-bf54263:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-bf54263 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-7cd825b );}.elementor-145 .elementor-element.elementor-element-3a98ae4{text-align:center;}.elementor-145 .elementor-element.elementor-element-3a98ae4 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-text );}.elementor-145 .elementor-element.elementor-element-06f0eb0{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:75px 75px;--row-gap:75px;--column-gap:75px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-145 .elementor-element.elementor-element-57e2bf5{--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;}.elementor-145 .elementor-element.elementor-element-57e2bf5:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-57e2bf5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-145 .elementor-element.elementor-element-a03ac8c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:40px 0px 40px 0px;text-align:center;}.elementor-145 .elementor-element.elementor-element-a03ac8c.elementor-element{--align-self:center;}.elementor-145 .elementor-element.elementor-element-a03ac8c .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:24px;font-weight:400;color:var( --e-global-color-text );}.elementor-145 .elementor-element.elementor-element-32e2a70.elementor-element{--align-self:center;}.elementor-145 .elementor-element.elementor-element-705ebbf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-145 .elementor-element.elementor-element-939b111{--display:flex;}.elementor-145 .elementor-element.elementor-element-1819016{margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-145 .elementor-element.elementor-element-cb7eecb{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-145 .elementor-element.elementor-element-a5eeaba{margin:-22px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-145 .elementor-element.elementor-element-3a71524{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-145 .elementor-element.elementor-element-4048885{margin:-44px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-145 .elementor-element.elementor-element-c8c5140{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-145 .elementor-element.elementor-element-5e9f997{margin:-44px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-145 .elementor-element.elementor-element-01e3f71{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-145 .elementor-element.elementor-element-01e3f71:not(.elementor-motion-effects-element-type-background), .elementor-145 .elementor-element.elementor-element-01e3f71 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );}.elementor-145 .elementor-element.elementor-element-ec8f2fc{width:var( --container-widget-width, 36% );max-width:36%;--container-widget-width:36%;--container-widget-flex-grow:0;}.elementor-145 .elementor-element.elementor-element-ec8f2fc .elementor-heading-title{font-family:"Kanit", Sans-serif;font-weight:400;color:var( --e-global-color-7cd825b );}.elementor-145 .elementor-element.elementor-element-08a231c{width:var( --container-widget-width, 57% );max-width:57%;--container-widget-width:57%;--container-widget-flex-grow:0;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-145 .elementor-element.elementor-element-06f0eb0{--width:84%;}}@media(max-width:767px){.elementor-145 .elementor-element.elementor-element-80dc0b0{--container-widget-width:387px;--container-widget-flex-grow:0;width:var( --container-widget-width, 387px );max-width:387px;}.elementor-145 .elementor-element.elementor-element-bf6d24b{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-145 .elementor-element.elementor-element-d4bd906.elementor-element{--align-self:center;}.elementor-145 .elementor-element.elementor-element-d4bd906{text-align:center;}.elementor-145 .elementor-element.elementor-element-b65490a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-145 .elementor-element.elementor-element-98fba48{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-145 .elementor-element.elementor-element-54b1f8d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-145 .elementor-element.elementor-element-102b896{width:var( --container-widget-width, 1000px );max-width:1000px;--container-widget-width:1000px;--container-widget-flex-grow:0;}.elementor-145 .elementor-element.elementor-element-01e3f71{--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;}.elementor-145 .elementor-element.elementor-element-ec8f2fc{--container-widget-width:222px;--container-widget-flex-grow:0;width:var( --container-widget-width, 222px );max-width:222px;text-align:center;}}/* Start custom CSS for shortcode, class: .elementor-element-dc53674 */@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500&display=swap');

.logx-contact-pill{
  display: inline-flex;
  align-items: center;
  gap: 12px;

  padding: 8px 20px;
  border-radius: 999px;

  background: rgba(255,255,255,0.12);
  backdrop-filter: blur(6px);

  font-family: 'Kanit', system-ui, sans-serif;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;

  cursor: default;
}

/* Ícone */
.logx-contact-icon{
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Texto */
.logx-contact-text{
  white-space: nowrap;
}

/* (Opcional) hover sutil, caso vire CTA depois */
.logx-contact-pill:hover{
  background: rgba(30,79,242,100);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f8b9f6c */@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600&display=swap');

.logx-price-card{
  width: 260px;
  border-radius: 12px;
  padding: 18px 18px 16px;
  font-family: 'Kanit', system-ui, sans-serif;
  color: #fff;

  background: linear-gradient(180deg, #3a3a3a 0%, #2b2b2b 100%);
  border: 1px solid rgba(255,255,255,0.12);

  box-shadow: 0 18px 55px rgba(0,0,0,0.55);
  transition: transform .18s ease, border-color .18s ease, filter .18s ease;
}

/* Hover minimalista do card */
.logx-price-card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.18);
  filter: brightness(1.03);
}

.logx-price-top{
  display: grid;
  gap: 6px;
}

.logx-plan{
  font-size: 16px;
  font-weight: 500;
  color: rgba(255,255,255,0.55);
}

.logx-price{
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}

.logx-period{
  font-size: 16px;
  font-weight: 500;
  color: rgba(255,255,255,0.35);
}

.logx-desc{
  margin: 14px 0 16px;
  font-size: 15px;
  line-height: 1.25;
  color: rgba(255,255,255,0.9);
}

/* Botão */
.logx-price-btn{
  display: flex;
  align-items: center;
  justify-content: center;

  height: 44px;
  border-radius: 10px; /* pedido */
  text-decoration: none;

  color: #fff;
  font-weight: 500;
  font-size: 16px;

  border: 1px solid rgba(255,255,255,0.55);
  background: transparent;

  transition: background .18s ease, border-color .18s ease, transform .18s ease;
}

/* Hover do botão (azul LogX) */
.logx-price-btn:hover{
  background: #1E4FF2;
  border-color: #1E4FF2;
  transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7057f8d */@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600&display=swap');

/* CARD BASE */
.logx-price-card{
  width: 260px;
  border-radius: 22px;
  padding: 18px 18px 16px;
  font-family: 'Kanit', system-ui, sans-serif;
  color: #fff;

  box-shadow: 0 18px 55px rgba(0,0,0,0.55);
  transition: transform .18s ease, border-color .18s ease, filter .18s ease, background .18s ease;
}

/* HOVER MINIMALISTA DO CARD */
.logx-price-card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.18);
  filter: brightness(1.03);
}

/* VARIANTE DARK (igual ao Free/Starter) */
.logx-price-card--dark{
  background: linear-gradient(180deg, #3a3a3a 0%, #2b2b2b 100%);
  border: 1px solid rgba(255,255,255,0.12);
}

/* TOPO */
.logx-price-top{
  display: grid;
  gap: 6px;
}

.logx-plan{
  font-size: 16px;
  font-weight: 500;
  color: rgba(255,255,255,0.55);
}

.logx-price{
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}

.logx-period{
  font-size: 16px;
  font-weight: 500;
  color: rgba(255,255,255,0.35);
}

/* DESCRIÇÃO */
.logx-desc{
  margin: 14px 0 16px;
  font-size: 15px;
  line-height: 1.25;
  color: rgba(255,255,255,0.9);
}

/* BOTÃO BASE */
.logx-price-btn{
  display: flex;
  align-items: center;
  justify-content: center;

  height: 52px;
  border-radius: 10px; /* pedido */
  text-decoration: none;

  font-weight: 600;
  font-size: 16px;

  transition: background .18s ease, border-color .18s ease, transform .18s ease, color .18s ease;
}

/* BOTÃO “GHOST” (cinza/escuro com borda clara) */
.logx-price-btn--ghost{
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.55);
}

/* HOVER DO BOTÃO -> AZUL */
.logx-price-btn--ghost:hover{
  background: #1E4FF2;
  border-color: #1E4FF2;
  transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f1c1928 */@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600&display=swap');

/* CARD BASE */
.logx-price-card{
  width: 260px;
  border-radius: 22px;
  padding: 18px 18px 16px;
  font-family: 'Kanit', system-ui, sans-serif;
  color: #fff;

  box-shadow: 0 18px 55px rgba(0,0,0,0.55);
  transition: transform .18s ease, border-color .18s ease, filter .18s ease, background .18s ease;
}

/* HOVER MINIMALISTA DO CARD */
.logx-price-card:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,0.18);
  filter: brightness(1.03);
}

/* VARIANTE DARK (igual ao Free/Starter) */
.logx-price-card--dark{
  background: linear-gradient(180deg, #3a3a3a 0%, #2b2b2b 100%);
  border: 1px solid rgba(255,255,255,0.12);
}

/* TOPO */
.logx-price-top{
  display: grid;
  gap: 6px;
}

.logx-plan{
  font-size: 16px;
  font-weight: 500;
  color: rgba(255,255,255,0.55);
}

.logx-price{
  font-size: 56px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -0.02em;
}

.logx-period{
  font-size: 16px;
  font-weight: 500;
  color: rgba(255,255,255,0.35);
}

/* DESCRIÇÃO */
.logx-desc{
  margin: 14px 0 16px;
  font-size: 15px;
  line-height: 1.25;
  color: rgba(255,255,255,0.9);
}

/* BOTÃO BASE */
.logx-price-btn{
  display: flex;
  align-items: center;
  justify-content: center;

  height: 52px;
  border-radius: 10px; /* pedido */
  text-decoration: none;

  font-weight: 600;
  font-size: 16px;

  transition: background .18s ease, border-color .18s ease, transform .18s ease, color .18s ease;
}

/* BOTÃO “GHOST” (cinza/escuro com borda clara) */
.logx-price-btn--ghost{
  background: transparent;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,0.55);
}

/* HOVER DO BOTÃO -> AZUL */
.logx-price-btn--ghost:hover{
  background: #1E4FF2;
  border-color: #1E4FF2;
  transform: translateY(-1px);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-102b896 *//* =========================================================
   LOGX - LOGOS MARQUEE (MOBILE ONLY) - CONTROLES AQUI EM CIMA
   Mude só estas 3 linhas 👇
========================================================= */
.logx-logos{
  --logo-h: 35px;    /* ✅ ALTURA DO LOGO (troque para 10px, 11px, 12px...) */
  --gap: 22px;       /* espaço entre logos */
  --speed: 14s;      /* velocidade (menor = mais rápido) */
}

/* ---------- CONTAINER PRINCIPAL ---------- */
.logx-logos{
  width: 100%;
  background: transparent !important;
}

/* ---------- MÁSCARA / CORTE ---------- */
.logx-logos__mask{
  position: relative;
  overflow: hidden;
  padding: 10px 0;

  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 10%, #000 90%, transparent 100%);
}

/* ---------- TRILHO ANIMADO ---------- */
.logx-logos__track{
  display: flex;
  align-items: center;
  gap: var(--gap);
  width: max-content;
  animation: logxMarquee var(--speed) linear infinite;
  will-change: transform;
}

/* ---------- LOGOS (FORÇADO) ---------- */
.logx-logos__img{
  height: var(--logo-h) !important; /* 🔒 aqui é o que manda */
  width: auto !important;
  max-width: none;
  opacity: .85;
  filter: grayscale(100%);
  transition: opacity .2s ease;
}

/* ---------- ANIMAÇÃO ---------- */
@keyframes logxMarquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

/* ---------- ACESSIBILIDADE ---------- */
@media (prefers-reduced-motion: reduce){
  .logx-logos__track{ animation: none; }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-32e2a70 */.logx-pricing-scope{
  --logx-radius: 22px;
  --logx-bg: #07080b;
  --logx-card: rgba(255,255,255,.06);
  --logx-card-2: rgba(255,255,255,.04);
  --logx-border: rgba(255,255,255,.10);
  --logx-border-2: rgba(255,255,255,.16);
  --logx-text: rgba(255,255,255,.92);
  --logx-muted: rgba(255,255,255,.62);
  --logx-soft: rgba(255,255,255,.40);
  --logx-blue: #1E4FF2;
}

.logx-pricing-scope .logx-pricing{
  font-family: "Kanit", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: transparent;
}

/* =========================
   GRID (DESKTOP)
========================= */
.logx-pricing-scope .logx-pricing-grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  align-items: stretch;
}

/* =========================
   CARD BASE
========================= */
.logx-pricing-scope .logx-price-card{
  position: relative;
  border-radius: var(--logx-radius);
  padding: 18px;
  color: var(--logx-text);
  background:
    radial-gradient(120% 140% at 20% 0%, rgba(255,255,255,.10) 0%, rgba(255,255,255,.02) 45%, rgba(0,0,0,.15) 100%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border: 1px solid var(--logx-border);
  box-shadow:
    0 16px 60px rgba(0,0,0,.55),
    inset 0 1px 0 rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  overflow: hidden;

  display: flex;
  flex-direction: column;
  align-items: stretch;

  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

/* Hover básico (desktop) */
@media (hover:hover){
  .logx-pricing-scope .logx-price-card:hover{
    transform: translateY(-2px);
    border-color: rgba(255,255,255,.18);
    box-shadow:
      0 20px 70px rgba(0,0,0,.62),
      inset 0 1px 0 rgba(255,255,255,.10);
  }
}

/* brilho borda */
.logx-pricing-scope .logx-price-card::before{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: var(--logx-radius);
  padding: 1px;
  background: linear-gradient(135deg, rgba(255,255,255,.22), rgba(255,255,255,.02), rgba(255,255,255,.10));
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: .85;
}

/* =========================
   HEADER DO CARD
========================= */
.logx-pricing-scope .logx-price-head{
  display: grid;
  gap: 10px;
  padding: 6px 6px 14px 6px;
  width: 100%;
  flex: 0 0 auto;
}

.logx-pricing-scope .logx-plan-top{
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 10px;
}

.logx-pricing-scope .logx-plan-name{
  font-size: 13px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--logx-soft);
  font-weight: 500;
}

.logx-pricing-scope .logx-badge{
  font-size: 11px;
  letter-spacing: .10em;
  text-transform: uppercase;
  padding: 6px 10px;
  border-radius: 8px;
  background: var(--logx-blue);
  border: 1px solid rgba(30,79,242,.95);
  color: #fff;
}

.logx-pricing-scope .logx-price-row{
  display:flex;
  align-items: baseline;
  gap: 6px;
}

.logx-pricing-scope .logx-currency{
  font-size: 18px;
  color: rgba(255,255,255,.85);
  font-weight: 500;
}

.logx-pricing-scope .logx-price{
  font-size: 56px;
  line-height: 1;
  letter-spacing: -0.02em;
  font-weight: 600;
}

.logx-pricing-scope .logx-period{
  font-size: 18px;
  color: var(--logx-muted);
  font-weight: 400;
}

.logx-pricing-scope .logx-mini{
  font-size: 12px;
  letter-spacing: .10em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
}

.logx-pricing-scope .logx-subcopy{
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  color: rgba(255,255,255,.62);
}

/* CTA */
.logx-pricing-scope .logx-cta{
  margin-top: 4px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items:center;
  text-decoration:none;
  height: 48px;
  border-radius: 16px;

  font-weight: 500;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 12px;

  background: var(--logx-blue);
  border: 1px solid rgba(30,79,242,.85);
  color: #fff;

  box-shadow: 0 10px 30px rgba(30,79,242,.25);
  transition: transform .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.logx-pricing-scope .logx-cta:hover{
  background: #fff;
  color: #07080b;
  border-color: rgba(255,255,255,.75);
  transform: translateY(-1px);
}

/* =========================
   INCLUDES
========================= */
.logx-pricing-scope .logx-includes{
  width: 100%;
  flex: 0 0 auto;
  margin-top: 14px;
  padding: 16px;
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.10);
}

.logx-pricing-scope .logx-includes-title{
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.92);
  margin-bottom: 10px;
}

.logx-pricing-scope .logx-includes-list{
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 10px;
}

.logx-pricing-scope .logx-includes-list li{
  position: relative;
  padding-left: 34px;
  color: rgba(255,255,255,.70);
  font-size: 14px;
  line-height: 1.25;
  letter-spacing: .02em;
}

.logx-pricing-scope .logx-includes-list li::before{
  content: "✓";
  position: absolute;
  left: 0;
  top: 1px;
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  font-size: 12px;

  background: rgba(30,79,242,.18);
  border: 1px solid rgba(30,79,242,.55);
  color: var(--logx-blue);
}

.logx-pricing-scope .logx-ai{
  color: rgba(255,255,255,.92);
  font-weight: 500;
}

/* Popular card */
.logx-pricing-scope .logx-price-card.logx-popular{
  border-color: rgba(255,255,255,.18);
  background:
    radial-gradient(120% 140% at 20% 0%, rgba(255,255,255,.14) 0%, rgba(255,255,255,.03) 45%, rgba(0,0,0,.18) 100%),
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
}

/* =========================
   TOGGLE Mensal / Anual (FINAL)
========================= */
.logx-pricing-scope .logx-billing-toggle{
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 18px 0;
}

.logx-pricing-scope .logx-billing-toggle-inner{
  display: inline-flex;
  align-items: center;
  gap: 6px;

  padding: 6px;
  border-radius: 8px;
  background: rgba(0,0,0,.55);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}

.logx-pricing-scope .logx-billing-btn{
  appearance: none;
  border: 0;
  background: transparent;

  font-family: "Kanit", system-ui, sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .01em;
  line-height: 1;

  color: rgba(255,255,255,.9);
  padding: 8px 14px;

  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;

  transition: background .15s ease, color .15s ease, transform .15s ease;
}

.logx-pricing-scope .logx-billing-btn:hover{
  transform: translateY(-1px);
}

.logx-pricing-scope .logx-billing-btn.is-active{
  background: #fff;
  color: #07080b;
  border-radius: 6px;
}

.logx-pricing-scope .logx-billing-save{
  font-size: 14px;
  font-weight: 500;
  opacity: .9;
}

/* =========================
   MOBILE: SWIPE (SEM BOTÕES)
   - vira faixa horizontal arrastável
========================= */
@media (max-width: 980px){

  /* toggle full width continua ok */
  .logx-pricing-scope .logx-billing-toggle-inner{
    width: 100%;
    justify-content: space-between;
  }
  .logx-pricing-scope .logx-billing-btn{
    width: 50%;
    display: inline-flex;
    justify-content: center;
  }

  /* GRID vira “carrossel” por swipe */
  .logx-pricing-scope .logx-pricing-grid{
    display: flex;
    gap: 14px;

    overflow-x: auto;
    -webkit-overflow-scrolling: touch;

    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;

    padding: 0 16px 8px 16px;
    margin: 0 -16px; /* faz o swipe ir até as bordas */
  }

  /* cada card ocupa “quase a tela toda” */
  .logx-pricing-scope .logx-price-card{
    flex: 0 0 86%;
    scroll-snap-align: start;
  }

  .logx-pricing-scope .logx-price{
    font-size: 52px;
  }

  /* esconde scrollbar */
  .logx-pricing-scope .logx-pricing-grid{
    scrollbar-width: none;
  }
  .logx-pricing-scope .logx-pricing-grid::-webkit-scrollbar{
    display: none;
  }
}

@media (max-width: 420px){
  .logx-pricing-scope .logx-price-card{
    padding: 16px;
    flex-basis: 90%;
  }

  .logx-pricing-scope .logx-includes{
    padding: 14px;
  }

  .logx-pricing-scope .logx-price{
    font-size: 46px;
  }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-1819016 */@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;500;600&display=swap');

/* COLUNA BASE */
.logx-plan-col{
  width: 260px;
  font-family: 'Kanit', system-ui, sans-serif;
  color: #fff;
}

/* COLUNA "FUNCIONALIDADES" (AZUL) */
.logx-plan-col--features{
  background: #1E4FF2;
  border-radius: 0; /* na referência é reto */
  padding: 22px 18px;
}

/* TÍTULO */
.logx-plan-head{
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.01em;
  margin: 0 0 18px 0;
}

/* LISTA */
.logx-plan-rows{
  display: flex;
  flex-direction: column;
}

/* LINHA */
.logx-plan-row{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;

  padding: 18px 0;              /* espaçamento vertical padrão */
  border-bottom: 1px solid rgba(255,255,255,0.22);
}

/* última linha sem divisor */
.logx-plan-row:last-child{
  border-bottom: 0;
}

/* primeira linha em destaque (como na imagem) */
.logx-plan-row.is-strong{
  font-size: 16px;              /* levemente menor pra caber em 2 linhas */
  font-weight: 500;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-a5eeaba *//* COLUNA STARTER */
.logx-plan-col--starter{
  background: #1E4FF2;
  color: #fff;
  width: 260px;
  padding: 2px 18px;
  font-family: 'Kanit', system-ui, sans-serif;
}

/* Cabeçalho centralizado */
.logx-plan-head--center{
  display: flex;
  justify-content: center;
  align-items: baseline;
  gap: 8px;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 16px;
}

.logx-plan-price{
  font-weight: 500;
  opacity: 0.9;
}

/* Botão */
.logx-plan-btn{
  display: flex;
  align-items: center;
  justify-content: center;

  height: 42px;
  margin-bottom: 22px;

  border-radius: 8px; /* pedido */
  border: 1px solid rgba(255,255,255,0.7);

  font-size: 15px;
  font-weight: 500;
  text-decoration: none;

  color: #ffffff;
  background: transparent;

  transition: background .18s ease, color .18s ease, transform .15s ease;
}

/* Hover do botão */
.logx-plan-btn:hover{
  background: #ffffff;
  color: #1E4FF2;
  transform: translateY(-1px);
}

/* Lista com ícones */
.logx-plan-rows--icons{
  display: flex;
  flex-direction: column;
}

/* Linha base (igual à coluna de funcionalidades) */
.logx-plan-rows--icons .logx-plan-row{
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 18px 0;
  border-bottom: 1px solid rgba(255,255,255,0.22);
}

/* última sem divisor */
.logx-plan-rows--icons .logx-plan-row:last-child{
  border-bottom: 0;
}

/* ÍCONE SIM */
.icon-yes::before{
  content: "✓";
  display: flex;
  align-items: center;
  justify-content: center;

  width: 22px;
  height: 22px;
  border-radius: 50%;

  background: #ffffff;
  color: #1E4FF2;
  font-size: 14px;
  font-weight: 700;
}

/* ÍCONE NÃO */
.icon-no::before{
  content: "–";
  display: flex;
  align-items: center;
  justify-content: center;

  width: 22px;
  height: 22px;
  border-radius: 50%;

  background: #ff3b3b;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4048885 *//* COLUNA PRO */
.logx-plan-col--pro{
  background: #1E4FF2;
  color: #fff;
  width: 260px;
  padding: 22px 18px;
  font-family: 'Kanit', system-ui, sans-serif;
}

/* Botão branco com texto preto */
.logx-plan-btn--white{
  background: #ffffff;
  color: #111111;
  border: 1px solid rgba(255,255,255,0.95);
}

/* Hover mantém padrão clean */
.logx-plan-btn--white:hover{
  background: #f5f6fa;
  color: #111111;
  transform: translateY(-1px);
}

/* CHECKS no Pro (iguais ao Starter, reaproveita classes) */
/* .icon-yes e .icon-no já definidos anteriormente *//* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-5e9f997 *//* COLUNA PRO */
.logx-plan-col--pro{
  background: #1E4FF2;
  color: #fff;
  width: 260px;
  padding: 22px 18px;
  font-family: 'Kanit', system-ui, sans-serif;
}

/* Botão branco com texto preto */
.logx-plan-btn--white{
  background: #ffffff;
  color: #111111;
  border: 1px solid rgba(255,255,255,0.95);
}

/* COLUNA ENTERPRISE */
.logx-plan-col--enterprise{
  background: #1E4FF2;
  color: #fff;
  width: 260px;
  padding: 22px 18px;
  font-family: 'Kanit', system-ui, sans-serif;
}


/* CHECKS no Pro (iguais ao Starter, reaproveita classes) */
/* .icon-yes e .icon-no já definidos anteriormente *//* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01e3f71 */.white-full{
  background: #fff;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}/* End custom CSS */