.elementor-21 .elementor-element.elementor-element-cc66276{--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-21 .elementor-element.elementor-element-ddda5ae{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:-93px;--margin-right:76px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-924625b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:5px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-1283640{--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-21 .elementor-element.elementor-element-79eaf5d > .elementor-widget-container{padding:21px 0px 0px 49px;}.elementor-21 .elementor-element.elementor-element-ce12c00{--display:flex;--margin-top:101px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-afe57e6:not(.elementor-motion-effects-element-type-background), .elementor-21 .elementor-element.elementor-element-afe57e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-3fa6b81 ) 0%, #030E70 100%);}.elementor-21 .elementor-element.elementor-element-afe57e6 > .elementor-background-overlay{background-image:url("https://palmasnetsc.com.br/wp-content/uploads/2025/09/img_1.png");background-position:bottom center;background-repeat:no-repeat;opacity:0.2;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-21 .elementor-element.elementor-element-afe57e6{overflow:hidden;transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:27px;margin-bottom:-32px;padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-afe57e6, .elementor-21 .elementor-element.elementor-element-afe57e6 > .elementor-background-overlay{border-radius:5px 5px 5px 5px;}.elementor-21 .elementor-element.elementor-element-94bd82f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-c6abe1f{width:var( --container-widget-width, 98.185% );max-width:98.185%;--container-widget-width:98.185%;--container-widget-flex-grow:0;}.elementor-21 .elementor-element.elementor-element-c6abe1f > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-c6abe1f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-21 .elementor-element.elementor-element-c6abe1f img{width:100%;max-width:100%;height:158px;object-fit:contain;object-position:center center;}.elementor-21 .elementor-element.elementor-element-bf7575d > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-21 .elementor-element.elementor-element-e36c013 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-40b4ba3{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-ef87c89 > .elementor-element-populated{padding:2em 2em 2em 2em;}.elementor-21 .elementor-element.elementor-element-90865e7 .elementor-button{background-color:#01A317;}.elementor-21 .elementor-element.elementor-element-d7452b5 .elementor-icon-box-wrapper{align-items:center;}.elementor-21 .elementor-element.elementor-element-d7452b5{--icon-box-icon-margin:14px;}.elementor-21 .elementor-element.elementor-element-d7452b5.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;fill:#00972B;color:#00972B;}.elementor-21 .elementor-element.elementor-element-d7452b5.elementor-view-framed .elementor-icon, .elementor-21 .elementor-element.elementor-element-d7452b5.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-d7452b5.elementor-view-framed .elementor-icon{background-color:#00972B;}.elementor-21 .elementor-element.elementor-element-d7452b5 .elementor-icon{font-size:28px;border-radius:3px 3px 3px 3px;}.elementor-21 .elementor-element.elementor-element-d7452b5 .elementor-icon-box-title, .elementor-21 .elementor-element.elementor-element-d7452b5 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;}.elementor-21 .elementor-element.elementor-element-d7452b5 .elementor-icon-box-title{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-d7452b5 .elementor-icon-box-description{font-family:"Jost", Sans-serif;font-size:21px;font-weight:600;line-height:1.4em;text-shadow:0px 0px 9px rgba(0,0,0,0.3);color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-d52b0df{--display:flex;--margin-top:47px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-851a004{--display:flex;}.elementor-21 .elementor-element.elementor-element-39f307c8{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-21 .elementor-element.elementor-element-aa1a202 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-aa1a202{text-align:center;}.elementor-21 .elementor-element.elementor-element-aa1a202 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:55px;font-weight:700;line-height:68.63px;color:var( --e-global-color-5e30cec );}.elementor-21 .elementor-element.elementor-element-7b46bbd2 > .elementor-widget-container{padding:0px 150px 0px 150px;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-item{border-width:5px;border-color:#02010100;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-item .elementor-tab-content{border-width:5px;border-block-start-color:#02010100;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-item .elementor-tab-title.elementor-active{border-width:5px;border-block-end-color:#02010100;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-tab-title{background-color:var( --e-global-color-5e30cec );}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-icon, .elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-title{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-icon svg{fill:#FFFFFF;width:14px;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-active .elementor-accordion-icon, .elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-active .elementor-accordion-title{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-active .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-title{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-tab-title.elementor-active .elementor-accordion-icon i:before{color:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-tab-title.elementor-active .elementor-accordion-icon svg{fill:#FFFFFF;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-icon i{font-size:14px;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-title i{font-size:14px;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-title svg{width:14px;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-tab-content{background-color:#F7F7F7;color:#949494;font-family:"Poppins", Sans-serif;font-size:15px;font-weight:400;}.elementor-21 .elementor-element.elementor-element-9b9cdfe{--display:flex;}@media(min-width:768px){.elementor-21 .elementor-element.elementor-element-ddda5ae{--width:60%;}.elementor-21 .elementor-element.elementor-element-1283640{--width:50%;}.elementor-21 .elementor-element.elementor-element-94bd82f{width:16.422%;}.elementor-21 .elementor-element.elementor-element-bf7575d{width:59.139%;}.elementor-21 .elementor-element.elementor-element-ef87c89{width:23.771%;}}@media(max-width:1024px) and (min-width:768px){.elementor-21 .elementor-element.elementor-element-94bd82f{width:100%;}.elementor-21 .elementor-element.elementor-element-bf7575d{width:60%;}.elementor-21 .elementor-element.elementor-element-ef87c89{width:40%;}}@media(max-width:1024px){.elementor-21 .elementor-element.elementor-element-c6abe1f img{height:350px;}.elementor-21 .elementor-element.elementor-element-d7452b5 .elementor-icon-box-description{font-size:18px;}}@media(max-width:767px){.elementor-21 .elementor-element.elementor-element-bf7575d > .elementor-element-populated{padding:21px 21px 0px 21px;}.elementor-21 .elementor-element.elementor-element-ef87c89 > .elementor-element-populated{padding:21px 21px 21px 21px;}.elementor-21 .elementor-element.elementor-element-d7452b5 .elementor-icon{font-size:21px;}.elementor-21 .elementor-element.elementor-element-d7452b5 .elementor-icon-box-description{font-size:16px;}.elementor-21 .elementor-element.elementor-element-39f307c8{--padding-top:39px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-21 .elementor-element.elementor-element-aa1a202{text-align:center;}.elementor-21 .elementor-element.elementor-element-aa1a202 .elementor-heading-title{font-size:7.3vw;line-height:1.2em;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-accordion-title{font-size:4.1vw;line-height:1.3em;}.elementor-21 .elementor-element.elementor-element-7b46bbd2 .elementor-tab-content{font-size:3.7vw;}}/* Start custom CSS for html, class: .elementor-element-924625b *//************************************************************
🌟 PalmasNet – Banner alinhado à esquerda (protegido dentro da seção)
************************************************************/
#pn-banner-bare {
  margin-left: 0 !important;
  padding-left: clamp(12px, 2vw, 24px) !important;  /* leve respiro interno */
  transform: none !important;
  position: relative !important;
  left: 0;
  max-width: 640px;       /* garante que o conteúdo não “vaze” pra fora */
  box-sizing: border-box; /* respeita limites da seção */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc66276 *//************************************************************
  🌟 PALMASNET — CUSTOM CSS DA SEÇÃO
  -> cole este bloco em: Seção (com 2 colunas) > Avançado > Custom CSS
  -> HTML do banner fica na coluna esquerda (widget HTML)
  -> HTML (+JS) do slider fica na coluna direita (widget HTML)
************************************************************/

/* ===================== [COMUM DA SEÇÃO] ===================== */
.elementor-21 .elementor-element.elementor-element-cc66276{
  /* Variáveis e base */
  --bg-left:#0b1445;
  --bg-right:#1a2d6b;
  --yellow:#FFD000;
  --stroke:rgba(255,255,255,.18);
  --shadow:0 14px 28px rgba(2,6,23,.28);
  --consent:#A8C6FF;

  /* Gradiente do card do formulário (banner) */
  --card-grad1:#202c61;
  --card-grad2:#1a2453;

  /* Paleta do card do slider */
  --card-bg:#F3E9FF;
  --card-chip:#4C3D91;
  --card-text:#3B356B;
  --card-muted:#6E6A9B;
  --cta-bg:#F7C85A;
  --cta-text:#3C2E00;

  color:#fff;
  font-family:"Segoe UI", system-ui, -apple-system, sans-serif;

  /* Fundo da seção (ajuste se já existir outro) */
  background:linear-gradient(90deg,var(--bg-left),var(--bg-right));
  padding:56px 0;
}

/* ============================================================
   ===============  B L O C O   D O   B A N N E R  ============
   (coluna ESQUERDA)
   ============================================================ */

.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner{
  display:flex; flex-direction:column; gap:16px; max-width:620px;
}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner .kicker{color:#ffd84d;font-weight:800;font-size:14px}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner .title{margin:0;font-weight:900;line-height:1.1;font-size:clamp(24px,3.8vw,40px)}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner .title .y{color:var(--yellow)}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner .sub{color:#ffd84d;margin:4px 0 0;font:700 15px/1.3 "Segoe UI"}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner .desc{color:#b8c2e0;max-width:50ch;margin-top:6px}

/* Card do formulário */
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-form-card{
  width:100%; max-width:412px; border-radius:20px;
  background:linear-gradient(180deg,var(--card-grad1) 0%, var(--card-grad2) 100%);
  border:1px solid var(--stroke);
  box-shadow: var(--shadow), inset 0 1px 0 rgba(255,255,255,.05);
  padding:18px;
}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-form-title{margin:0 0 12px;color:#fff;font:800 16px/1 "Segoe UI"}

.elementor-21 .elementor-element.elementor-element-cc66276 .pn-row{display:grid;gap:8px;margin-bottom:12px}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-label{color:#eaf0ff;font:700 12px/1 "Segoe UI";opacity:.92}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-input{
  width:100%; padding:14px 16px; border-radius:12px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(255,255,255,.06); color:#fff; outline:none;
  font:600 14px/1 "Segoe UI";
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.02);
}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-input::placeholder{color:#cdd6f6}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-input:focus{border-color:#FFD000; box-shadow:0 0 0 3px rgba(255,208,0,.22)}

.elementor-21 .elementor-element.elementor-element-cc66276 .pn-consent{
  display:flex; align-items:flex-start; gap:10px;
  margin:10px 0 16px 0; color:var(--consent); font:600 11px/1.4 "Segoe UI";
}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-consent input[type="checkbox"]{accent-color:#FFD000; width:18px; height:18px; margin-top:2px}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-consent a{color:inherit; text-decoration:none; font-weight:inherit}

.elementor-21 .elementor-element.elementor-element-cc66276 .pn-btn{
  cursor:pointer; width:100%; border:0; border-radius:12px;
  padding:14px 18px; background:#FFD000; color:#010833;
  font:900 15px/1 "Segoe UI";
  box-shadow:0 6px 16px rgba(255,208,0,.28), inset 0 -2px 0 rgba(0,0,0,.12);
}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-btn:hover{transform:translateY(-1px)}


/* ============================================================
   ===============  B L O C O   D O   S L I D E R  ============
   (coluna DIREITA)
   ============================================================ */

/* Container do slider, alinhado à direita */
.elementor-21 .elementor-element.elementor-element-cc66276 .slider-scope{
  display:flex; align-items:flex-start; justify-content:flex-end;
}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-slider-card{
  width:100%; max-width:412px; border-radius:20px;
  background:linear-gradient(180deg,#202c61 0%, #1a2453 100%);
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 14px 28px rgba(2,6,23,.28);
  padding:18px; position:relative; overflow:hidden;
}

/* Estrutura interna */
.elementor-21 .elementor-element.elementor-element-cc66276 .price-slider{position:relative}
.elementor-21 .elementor-element.elementor-element-cc66276 .price-slider .track{display:flex; transition:transform .45s ease; will-change:transform}
.elementor-21 .elementor-element.elementor-element-cc66276 .price-slider .slide{flex:0 0 100%; padding:4px}

/* Card do plano */
.elementor-21 .elementor-element.elementor-element-cc66276 .plan-card{
  background:var(--card-bg); border-radius:22px; padding:22px;
  color:var(--card-text); box-shadow:0 10px 28px rgba(2,6,23,.22);
}
.elementor-21 .elementor-element.elementor-element-cc66276 .plan-chip{
  display:inline-flex; align-items:center; gap:8px;
  background:var(--card-chip); color:#fff; font:900 16px/1 "Segoe UI";
  padding:12px 18px; border-radius:999px; letter-spacing:.2px;
  box-shadow:inset 0 -2px 0 rgba(0,0,0,.20);
}
.elementor-21 .elementor-element.elementor-element-cc66276 .plan-list{margin:16px 0 18px; padding:0; list-style:none; color:var(--card-muted); font:600 14px/1.45 "Segoe UI"}
.elementor-21 .elementor-element.elementor-element-cc66276 .plan-list li{margin:8px 0}
.elementor-21 .elementor-element.elementor-element-cc66276 .plan-price{margin:6px 0 16px; color:#2b255c; font:900 28px/1.1 "Segoe UI"}
.elementor-21 .elementor-element.elementor-element-cc66276 .plan-cta{
  display:inline-block; background:var(--cta-bg); color:var(--cta-text);
  font:800 14px/1 "Segoe UI"; border:0; border-radius:12px; padding:12px 16px;
  box-shadow:0 6px 14px rgba(247,200,90,.35), inset 0 -2px 0 rgba(0,0,0,.12);
  text-decoration:none;
}
.elementor-21 .elementor-element.elementor-element-cc66276 .plan-cta:hover{transform:translateY(-1px)}

/* Navegação (setas) */
.elementor-21 .elementor-element.elementor-element-cc66276 .slider-nav{
  position:absolute; inset:auto 10px 10px auto; display:flex; gap:8px; z-index:3;
}
.elementor-21 .elementor-element.elementor-element-cc66276 .nav-btn{
  width:36px; height:36px; border-radius:999px;
  border:1px solid rgba(255,255,255,.35);
  background:rgba(255,255,255,.08); color:#fff;
  display:grid; place-items:center; cursor:pointer; backdrop-filter:blur(4px);
}
.elementor-21 .elementor-element.elementor-element-cc66276 .nav-btn:hover{background:rgba(255,255,255,.16)}
.elementor-21 .elementor-element.elementor-element-cc66276 .nav-btn svg{width:18px;height:18px}

/* Dots */
.elementor-21 .elementor-element.elementor-element-cc66276 .dots{display:flex; gap:6px; margin-top:10px; justify-content:center}
.elementor-21 .elementor-element.elementor-element-cc66276 .dot{width:8px; height:8px; border-radius:999px; background:rgba(0,0,0,.18); opacity:.5; cursor:pointer}
.elementor-21 .elementor-element.elementor-element-cc66276 .dot.active{background:#3e3a6e; opacity:1}

/* ===================== [RESPONSIVO] ===================== */
@media (max-width:1024px){
  .elementor-21 .elementor-element.elementor-element-cc66276{padding:36px 0}
  .elementor-21 .elementor-element.elementor-element-cc66276 .pn-form-card{max-width:100%}
  .elementor-21 .elementor-element.elementor-element-cc66276 .slider-scope{justify-content:flex-start}
  .elementor-21 .elementor-element.elementor-element-cc66276 .pn-slider-card{max-width:100%}
}
/* === SAFE AREA + RESPIRO LATERAL PARA A SEÇÃO === */
.elementor-21 .elementor-element.elementor-element-cc66276{
  /* respiro horizontal da seção */
  padding-inline: 32px;                 /* desktop */
}
.elementor-21 .elementor-element.elementor-element-cc66276 > .elementor-container,
.elementor-21 .elementor-element.elementor-element-cc66276 > .e-con-inner{
  max-width: 1180px;                    /* largura máxima do conteúdo */
  margin: 0 auto;                       /* centraliza */
  gap: 36px;                            /* espaço entre colunas */
}

/* === BANNER (coluna esquerda) – tira do canto esquerdo === */
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner{ margin-left: 6px }  /* pequeno respiro interno */

/* === SLIDER (coluna direita) – tira do canto direito === */
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-slider-card{
  margin-right: 16px;                   /* afasta da borda direita */
  padding: 22px;                        /* respiro interno um tiquinho maior */
  border-radius: 22px;
}

/* Setas e dots um pouco mais para dentro */
.elementor-21 .elementor-element.elementor-element-cc66276 .slider-nav{ right: 18px; bottom: 14px }
.elementor-21 .elementor-element.elementor-element-cc66276 .nav-btn{ box-shadow: 0 4px 10px rgba(0,0,0,.25) }

/* Garante que nada do slider seja cortado */
.elementor-21 .elementor-element.elementor-element-cc66276 .elementor-column,
.elementor-21 .elementor-element.elementor-element-cc66276 .e-con{ overflow: visible }

/* ====== RESPONSIVO ====== */
@media (max-width: 1024px){
  .elementor-21 .elementor-element.elementor-element-cc66276{ padding-inline: 24px }      /* tablet */
  .elementor-21 .elementor-element.elementor-element-cc66276 .pn-slider-card{ margin-right: 0 } /* sem “grude”, mas sem cortar */
}
@media (max-width: 768px){
  .elementor-21 .elementor-element.elementor-element-cc66276{ padding-inline: 16px }      /* mobile */
}
/* === Afastar o BANNER/FORM da borda esquerda === */
.elementor-21 .elementor-element.elementor-element-cc66276{
  /* aumenta a área segura do lado ESQUERDO */
  padding-left: clamp(28px, 6vw, 88px);
}

/* empurra só o bloco do banner um tiquinho a mais */
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner{
  margin-left: clamp(8px, 2vw, 32px);
}

/* em telas grandes, dá um respiro extra entre as colunas */
@media (min-width: 1200px){
  .elementor-21 .elementor-element.elementor-element-cc66276 > .elementor-container,
  .elementor-21 .elementor-element.elementor-element-cc66276 > .e-con-inner{ gap: 48px; }
}

/* no mobile, volta a ficar colado ao grid para não “apertar” demais */
@media (max-width: 768px){
  .elementor-21 .elementor-element.elementor-element-cc66276{ padding-left: 18px; }   /* seguro no celular */
  .elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner{ margin-left: 0; }
}
/* ++ Afastar MAIS o banner/form do lado esquerdo (mesmo passo do ajuste anterior) */
.elementor-21 .elementor-element.elementor-element-cc66276{
  padding-left: clamp(40px, 8vw, 128px);   /* antes: clamp(28px, 6vw, 88px) */
}
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner{
  margin-left: clamp(16px, 3vw, 48px);     /* antes: clamp(8px, 2vw, 32px) */
}

/* mantém o equilíbrio entre colunas em telas grandes */
@media (min-width: 1200px){
  .elementor-21 .elementor-element.elementor-element-cc66276 > .elementor-container,
  .elementor-21 .elementor-element.elementor-element-cc66276 > .e-con-inner{ gap: 56px; }    /* antes 48px */
}

/* mobile segue confortável */
@media (max-width: 768px){
  .elementor-21 .elementor-element.elementor-element-cc66276{ padding-left: 18px; }
  .elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner{ margin-left: 0; }
}
/* +++ Fazer o banner azul ocupar mais altura + tirar o branco de baixo +++ */
.elementor-21 .elementor-element.elementor-element-cc66276{
  /* ocupa (quase) a tela toda e ainda ganha respiro extra embaixo */
  min-height: 96vh;            /* ajuste se quiser mais/menos: 92–100vh */
  padding-bottom: 120px;       /* aumenta a “barriga” azul na base */
}

/* se o cabeçalho for fixo e estiver empurrando o banner, use isto no lugar do min-height acima: */
/* .elementor-21 .elementor-element.elementor-element-cc66276{ min-height: calc(100vh - 80px); }  <-- troque 80px pela altura do header */

/* caso ainda apareça uma faixinha branca por causa do espaçamento da PRÓXIMA seção,
   zera a margem da próxima seção (funciona tanto para section quanto container do Elementor) */
.elementor-21 .elementor-element.elementor-element-cc66276 + .elementor-section,
.elementor-21 .elementor-element.elementor-element-cc66276 + .e-con{
  margin-top: 0 !important;
}
/* Fundo com partículas só no background da seção */
.elementor-21 .elementor-element.elementor-element-cc66276{
  position:relative;
  overflow:hidden;
}

.elementor-21 .elementor-element.elementor-element-cc66276::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,#0b1445,#1a2d6b); /* mantém o degradê azul */
  z-index:0;
}

/* Partículas */
.elementor-21 .elementor-element.elementor-element-cc66276 .particle{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  z-index:0; /* atrás das caixas */
  animation:floatParticle linear infinite;
  opacity:.45;
}

.elementor-21 .elementor-element.elementor-element-cc66276 .particle.blue{ background:rgba(143,182,255,.35); }
.elementor-21 .elementor-element.elementor-element-cc66276 .particle.yellow{ background:rgba(255,208,0,.35); }

/* posições, tamanhos e velocidades */
.elementor-21 .elementor-element.elementor-element-cc66276 .particle:nth-child(1){ width:10px; height:10px; top:15%; left:20%; animation-duration:18s; }
.elementor-21 .elementor-element.elementor-element-cc66276 .particle:nth-child(2){ width:14px; height:14px; top:40%; left:50%; animation-duration:24s; }
.elementor-21 .elementor-element.elementor-element-cc66276 .particle:nth-child(3){ width:8px; height:8px; top:75%; left:80%; animation-duration:20s; }
.elementor-21 .elementor-element.elementor-element-cc66276 .particle:nth-child(4){ width:12px; height:12px; top:25%; left:70%; animation-duration:28s; }
.elementor-21 .elementor-element.elementor-element-cc66276 .particle:nth-child(5){ width:9px; height:9px; top:85%; left:35%; animation-duration:16s; }

@keyframes floatParticle{
  0%   { transform:translateY(0) scale(1); opacity:.4; }
  50%  { transform:translateY(-60px) scale(1.3); opacity:1; }
  100% { transform:translateY(0) scale(1); opacity:.4; }
}
/************************************************************
 🌟 PARTICULAS FLOAT — NÃO MEXE NO FUNDO ORIGINAL
************************************************************/
.elementor-21 .elementor-element.elementor-element-cc66276{
  position:relative;
  overflow:hidden; /* não deixa partículas escaparem */
}

/* camada exclusiva das partículas */
.elementor-21 .elementor-element.elementor-element-cc66276::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;              /* fica atrás do conteúdo */
  pointer-events:none;

  background-image:
    radial-gradient(rgba(255,208,0,.35) 1px, transparent 2px),
    radial-gradient(rgba(143,182,255,.35) 1px, transparent 2px);
  background-size: 220px 220px, 360px 360px;
  animation:pnMove 80s linear infinite;
}

/* garante que o conteúdo (caixas) fique por cima */
.elementor-21 .elementor-element.elementor-element-cc66276 > *{
  position:relative;
  z-index:1;
}

@keyframes pnMove{
  from{ background-position:0 0, 180px 180px; }
  to  { background-position:600px 1000px, 900px 1400px; }
}
/************************************************************
 🌟 PALMASNET — SEÇÃO BANNER + SLIDER (colados nos cantos)
************************************************************/

.elementor-21 .elementor-element.elementor-element-cc66276{
  --bg-left:#0b1445;
  --bg-right:#1a2d6b;

  position:relative;
  display:flex;
  justify-content:space-between; /* joga um pra cada lado */
  align-items:center;

  background:linear-gradient(90deg,var(--bg-left),var(--bg-right));
  padding:56px 0;   /* sem padding lateral (colado nos cantos) */
  min-height:96vh;
  overflow:hidden;
}

/* Fundo com partículas */
.elementor-21 .elementor-element.elementor-element-cc66276::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:0;
  background-image:
    radial-gradient(rgba(255,208,0,.35) 1px, transparent 2px),
    radial-gradient(rgba(143,182,255,.35) 1px, transparent 2px);
  background-size:220px 220px, 360px 360px;
  animation:pnMove 80s linear infinite;
}

@keyframes pnMove{
  from{ background-position:0 0, 180px 180px; }
  to  { background-position:600px 1000px, 900px 1400px; }
}

/* garante que o conteúdo fique acima do fundo */
.elementor-21 .elementor-element.elementor-element-cc66276 > *{
  position:relative;
  z-index:1;
}

/* ===== Coluna ESQUERDA (banner + form) ===== */
.elementor-21 .elementor-element.elementor-element-cc66276 .pn-banner{
  flex:1;
  max-width:600px;
  margin-left:0;         /* colado no canto esquerdo */
  padding-left:32px;     /* um respiro mínimo */
}

/* ===== Coluna DIREITA (slider) ===== */
.elementor-21 .elementor-element.elementor-element-cc66276 .slider-scope{
  flex:1;
  display:flex;
  justify-content:flex-end;
  max-width:420px;
  margin-right:0;        /* colado no canto direito */
  padding-right:32px;    /* um respiro mínimo */
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-5a1314e */<script>
document.addEventListener('DOMContentLoaded', function () {
  // se o formulário não existe, não faz nada
  const form  = document.getElementById('pnLeadHero');
  if (!form) return;

  const nome  = document.getElementById('pnNome');
  const whats = document.getElementById('pnWhats');
  const end   = document.getElementById('pnEndereco');
  const lgpd  = document.getElementById('pnConsent');
  const msgEl = document.getElementById('pnMsg');

  const NUM_WPP  = '554734383050'; // WhatsApp PalmasNet
  const AJAX_URL = (window.ajaxurl) ? window.ajaxurl : '/wp-admin/admin-ajax.php';

  function trim(s){ return (s||'').trim(); }
  function enc(s){ return encodeURIComponent(trim(s)); }

  function valida(){
    msgEl.textContent = '';
    let ok = true;
    [nome, whats].forEach(el=>{
      if(!trim(el.value)){ el.style.borderColor = '#ff8080'; ok=false; }
      else { el.style.borderColor = 'rgba(255,255,255,.18)'; }
    });
    if(!lgpd.checked){ msgEl.textContent = 'Marque a autorização de contato.'; ok=false; }
    return ok;
  }

  form.addEventListener('submit', async function(e){
    e.preventDefault();
    if(!valida()) return;

    msgEl.style.color = '#cfe2ff';
    msgEl.textContent = 'Enviando...';

    const fd = new URLSearchParams();
    fd.append('action', 'pn_send_lead');
    fd.append('nome',     trim(nome.value));
    fd.append('whats',    trim(whats.value));
    fd.append('endereco', trim(end.value));

    try{
      const resp = await fetch(AJAX_URL, {
        method: 'POST',
        headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' },
        body: fd.toString()
      });
      const data = await resp.json();
      if(!resp.ok || !data.success) throw new Error((data?.data?.msg)||'Erro ao enviar e-mail.');

      const texto = `Olá, tenho interesse na PalmasNet.%0A%0A`
        + `*Nome:* ${enc(nome.value)}%0A`
        + `*WhatsApp:* ${enc(whats.value)}%0A`
        + (trim(end.value) ? `*Endereço:* ${enc(end.value)}%0A` : ``)
        + `%0AEnviado pelo site (Home).`;
      const url = `https://wa.me/${NUM_WPP}?text=${texto}`;

      msgEl.style.color = '#9ef59e';
      msgEl.textContent = 'Pronto! Abrindo seu WhatsApp...';
      window.open(url, '_blank');
      form.reset();
    } catch(err){
      msgEl.style.color = '#ffd3d3';
      msgEl.textContent = err.message || 'Não foi possível enviar. Tente novamente.';
    }
  });
});
</script>/* End custom CSS */