.elementor-kit-7{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-d247571:#2F2F2F;--e-global-color-92ae01e:#D92E3D;--e-global-color-411402d:#000000;--e-global-color-e953bb3:#FFFFFF;--e-global-color-73a6b2a:#DDDDDD;--e-global-color-36be309:#F8FAFC;--e-global-color-314bb4e:#CFD5DE;--e-global-color-e014e5b:#757575;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;--e-global-typography-d7c60b6-font-family:"Nunito Sans";--e-global-typography-d7c60b6-font-size:50px;--e-global-typography-d7c60b6-font-weight:800;--e-global-typography-d7c60b6-font-style:italic;--e-global-typography-d7c60b6-letter-spacing:-0.3px;--e-global-typography-253e18d-font-family:"Nunito Sans";--e-global-typography-253e18d-font-size:15px;--e-global-typography-253e18d-font-weight:400;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===========================================================================
   CORRECAO: bloco responsivo das paginas de Solucao (CPT rs_solution)
   CAUSA-RAIZ: em wp-content/plugins/rs-gestao/assets/front/solution.css a linha
   1139 ha um seletor ".sol-root " orfao colado antes do comentario e do
   "@media (max-width:1024px)". Isso invalida a regra e o navegador DESCARTA o
   bloco @media inteiro — por isso .hero-grid nunca colapsava para 1 coluna e
   vazava 59px alem da viewport no celular.
   CORRECAO DEFINITIVA (no plugin): apagar ".sol-root " da linha 1139.
   =========================================================================== */

@media (max-width:1024px){
  .sol-root .hero-grid,
  .sol-root .sobre-grid,
  .sol-root .specs-wrap,
  .sol-root .vid-wrap,
  .sol-root .cta-inner{grid-template-columns:1fr !important;gap:40px !important}

  /* ATENCAO: o bloco original do plugin usava position:static aqui, mas .tag
     (SPAN absolute, bottom:20px) e ancorada neste elemento. Com static o
     bloco de contencao some e a tarjeta "Projeto, integracao e execucao em um
     so fluxo" voa para cima do titulo do hero. relative cancela o sticky do
     mesmo jeito E preserva a ancora. NAO trocar por static. */
  .sol-root .sobre-visual{position:relative !important;aspect-ratio:16/10 !important}

  .sol-root .steps::before{display:none !important}
  .sol-root .app-card,
  .sol-root .app-card.feat,
  .sol-root .app-card.wide{grid-column:auto !important}
  .sol-root section{padding:72px 0 !important}
}

/* Somente na faixa que o bloco de 640px do plugin nao cobre */
@media (min-width:641px) and (max-width:1024px){
  .sol-root .steps,
  .sol-root .bgrid,
  .sol-root .apps-grid,
  .sol-root .rel-grid,
  .sol-root .stats-grid{grid-template-columns:repeat(2,1fr) !important}
  .sol-root .hero-title{font-size:36px !important}
  .sol-root .sec-title,
  .sol-root .cta h2,
  .sol-root .frase-title{font-size:34px !important}
}

/* "Solucoes Relacionadas": itens flex nao encolhiam e .rel-nav (102px)
   estourava o pai de 312px, gerando 3px de scroll horizontal a 360px. */
@media (max-width:767px){
  .sol-root .rel-head{flex-wrap:wrap !important;gap:16px !important}
  .sol-root .rel-head > *{min-width:0 !important}
  .sol-root .rel-nav{flex-shrink:0 !important}
}

/* Legibilidade: micro-rotulos que estavam em 10-11px. */
@media (max-width:767px){
  .sol-root .pcard-tag,
  .sol-root .step-tag,
  .sol-root .live,
  .sol-root .gallery__badge{font-size:13px !important}
}/* End custom CSS */