/* POINT UP - Oficina Virtual (página 563): alinhamentos, ritmo entre seções e margens. 19/10/2026. Carregado pelo WPCode 2573 (só pág. 563). */

/* 1. barra "Total estimado": escondida não ocupa espaço (antes reservava 140px no desktop e 63px no celular) */
html body.page-id-563 .pu-configurator:not(.pu-plano-escolhido) .summary-bar{position:absolute!important;left:0;right:0;bottom:0;margin:0!important;pointer-events:none}
html body.page-id-563 .pu-configurator{position:relative}

/* 2. títulos de seção: todos centralizados e no mesmo tamanho */
html body.page-id-563 .pu-configurator .section-title,html body.page-id-563 .pu-configurator .section-title h2{text-align:center!important}
html body.page-id-563 .elementor-element-98b7333,html body.page-id-563 .elementor-element-98b7333 .elementor-heading-title{text-align:center!important;width:100%}
html body.page-id-563 .elementor-element-5120963{width:100%!important;max-width:none!important;align-items:center}
@media (min-width:768px){html body.page-id-563 #pu-ia .top h2{font-size:34px!important;line-height:1.2!important}}
/* título novo da seção de vídeos (widget de título criado no Elementor) */
html body.page-id-563 .pu-ov-vid-tit{flex:0 0 100%!important;width:100%!important;max-width:100%!important;text-align:center}
html body.page-id-563 .pu-ov-vid-tit .elementor-heading-title{font-family:"Inter Tight",sans-serif!important;font-size:34px!important;font-weight:700!important;line-height:1.2!important;letter-spacing:-.01em;color:#151515!important;text-align:center!important;margin:0 0 8px!important}

/* 3. vídeos: dois Shorts verticais (9:16) lado a lado, mesmo tamanho */
html body.page-id-563 .elementor-element-3515229 > .e-con-inner{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;align-items:flex-start!important;gap:24px!important}
html body.page-id-563 :is(.elementor-element-fbf83a4,.elementor-element-2b9d2fd){flex:0 0 300px!important;width:300px!important;max-width:300px!important;padding:0!important}
html body.page-id-563 :is(.elementor-element-098982c,.elementor-element-7685eda){width:100%!important}
html body.page-id-563 :is(.elementor-element-098982c,.elementor-element-7685eda) .elementor-wrapper{aspect-ratio:9/16!important;height:auto!important;padding:0!important;border-radius:20px;overflow:hidden;background:#151515}
html body.page-id-563 :is(.elementor-element-098982c,.elementor-element-7685eda) .elementor-wrapper iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border-radius:20px!important}
html body.page-id-563 :is(.elementor-element-098982c,.elementor-element-7685eda) > .elementor-widget-container,html body.page-id-563 :is(.elementor-element-098982c,.elementor-element-7685eda){border-radius:20px;overflow:hidden}

/* 4. cartões de plano: cabeçalhos com a mesma altura (o 3º tem 2 linhas) para preço e lista alinharem */
@media (min-width:768px){html body.page-id-563 .plan-grid .plan-card .plan-card__head{min-height:64px!important;height:auto!important;display:block!important;align-content:center;box-sizing:border-box!important}}

@media (min-width:1025px){
  /* 5. ritmo: 96px entre seções / da borda de um painel ao conteúdo seguinte */
  html body.page-id-563 .pu-configurator main.wrap{padding-bottom:64px!important}
  html body.page-id-563 .pu-configurator #pu-paso3{margin-bottom:0!important}
  html body.page-id-563 #pu-ia .wrap{padding-top:76px!important;padding-bottom:56px!important}
  html body.page-id-563 .elementor-element-ac2cccc{padding-top:10px!important}
  html body.page-id-563 .elementor-element-e5d313c{padding-bottom:0!important}
  html body.page-id-563 .elementor-element-e5d313c > .e-con-inner{padding-bottom:36px!important}
  html body.page-id-563 .pu-benefits{padding-top:50px!important}
  html body.page-id-563 .pu-benefits > .pu-b-sec{margin-bottom:96px!important}
  html body.page-id-563 .pu-benefits > .pu-b-sec:last-child{margin-bottom:42px!important}
  /* 6. painéis escuros com a mesma largura e cantos dos painéis bege (24px das bordas, raio 40) */
  html body.page-id-563 .pu-benefits > :is(.pu-b-docs,.pu-aqui){max-width:none!important;width:auto!important;margin-left:-52px!important;margin-right:-52px!important;border-radius:40px!important;padding-left:56px!important;padding-right:56px!important}
  html body.page-id-563 .pu-benefits > .pu-b-docs > *{max-width:1004px;margin-left:auto!important;margin-right:auto!important}
  html body.page-id-563 .pu-benefits > .pu-aqui > *{max-width:1004px;margin-left:auto!important;margin-right:auto!important}
}

@media (max-width:767px){
  /* 7. calha única de 20px no celular */
  html body.page-id-563 .pu-configurator main.wrap{padding-left:20px!important;padding-right:20px!important}
  html body.page-id-563 #pu-ia .wrap{padding-left:10px!important;padding-right:10px!important}
  html body.page-id-563 .pu-benefits{padding-left:10px!important;padding-right:10px!important}
  html body.page-id-563 .pu-benefits > .pu-b-docs,html body.page-id-563 .pu-benefits #pu-aqui.pu-aqui--card{margin-left:0!important;margin-right:0!important}
  html body.page-id-563 .pu-faq{padding-left:10px!important;padding-right:10px!important}
  html body.page-id-563 .elementor-element-98b7333 .elementor-heading-title{font-size:26px!important;line-height:1.2!important}
  html body.page-id-563 .pu-ov-vid-tit .elementor-heading-title{font-size:26px!important}
  /* vídeos lado a lado também no celular */
  html body.page-id-563 .elementor-element-3515229 > .e-con-inner{gap:12px!important;padding-left:10px!important;padding-right:10px!important}
  html body.page-id-563 :is(.elementor-element-fbf83a4,.elementor-element-2b9d2fd){flex:1 1 0!important;width:auto!important;max-width:none!important;min-width:0}
  html body.page-id-563 :is(.elementor-element-098982c,.elementor-element-7685eda) .elementor-wrapper{border-radius:16px}
  /* 8. setas do carrossel de logos cobriam o 1º logo; no celular fica o deslizar + os pontos */
  html body.page-id-563 .elementor-element-84871e6 :is(.elementor-swiper-button,.elementor-swiper-button-prev,.elementor-swiper-button-next){display:none!important}
}