.elementor-kit-38{--e-global-color-primary:#F21D2F;--e-global-color-secondary:#8C8C8C;--e-global-color-text:#0D0D0D;--e-global-color-accent:#F20505;--e-global-color-004e5fa:#0D0D0D;--e-global-color-d13c883:#F20505;--e-global-color-5b2496e:#F21D2F;--e-global-color-539b138:#F2163E;--e-global-color-3ae53e7:#8C8C8C;--e-global-color-18c18e5:#C39A4A;--e-global-typography-primary-font-family:"Plus Jakarta Sans";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Plus Jakarta Sans";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Plus Jakarta Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Plus Jakarta Sans";--e-global-typography-accent-font-weight:500;}.elementor-kit-38 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 *//* ============================================================
   OPEN OFFICES — Bloco "Como nós funcionamos" (5 passos)

   ONDE COLAR:
   Elementor → hambúrguer → Configurações do site
   → CSS personalizado → SUBSTITUIR tudo por este arquivo → Atualizar.

   Versão sem posicionamento absoluto: funciona igual na página
   e dentro do widget Template (modelo salvo).
   ============================================================ */

.oo-passo{
  width:100%;
  text-align:center;
}

/* ---- "Saiba mais / Ver menos" (linha clicável) ---- */
.oo-passo > summary{
  list-style:none;
  cursor:pointer;
  outline:none;
  display:block;          /* ocupa a linha toda */
  width:100%;
  text-align:center;      /* centraliza o rótulo */
  margin-top:10px;        /* respiro do título */
  padding:0;
}
.oo-passo > summary::-webkit-details-marker{ display:none; }
.oo-passo > summary::marker{ content:""; }

.oo-passo .oo-mais{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  font-family:Montserrat, sans-serif;
  font-size:13px;
  font-weight:600;
  color:#a72f23;
  letter-spacing:.02em;
  transition:opacity .2s ease;
  white-space:nowrap;     /* impede quebrar "Saiba / mais" */
}
.oo-passo > summary:hover .oo-mais{ opacity:.75; }

.oo-passo .oo-mais::after{
  content:"+";
  font-size:16px;
  line-height:1;
  font-weight:700;
}
.oo-passo[open] .oo-mais::after{ content:"\2013"; }

.oo-passo .oo-mais span::before{ content:"Saiba mais"; }
.oo-passo[open] .oo-mais span::before{ content:"Ver menos"; }

/* ---- texto que abre ---- */
.oo-passo .oo-texto{
  font-family:Montserrat, sans-serif;
  font-size:14px;
  line-height:1.7;
  color:#2e282e;
  text-align:center;
  margin-top:10px;
  padding-top:14px;
  border-top:1px solid #e6e1e0;
  animation:ooFade .3s ease;
}

@keyframes ooFade{
  from{ opacity:0; transform:translateY(-6px); }
  to{ opacity:1; transform:translateY(0); }
}

@media (prefers-reduced-motion:reduce){
  .oo-passo .oo-texto{ animation:none; }
  .oo-passo .oo-mais{ transition:none; }
}

/* ============================================================
   VARIAÇÃO — se o card tiver FUNDO ESCURO
   Descomente para o texto ficar branco.
   ============================================================ */
/*
.oo-passo .oo-mais{ color:#fff; }
.oo-passo .oo-texto{
  color:#fff;
  border-top:1px solid rgba(255,255,255,.25);
}
*/



/* ============================================================
   OPEN OFFICES — Depoimentos estilo Google (widgets nativos)
   ONDE: Elementor → Configurações do site → CSS personalizado
   → REMOVER o CSS de depoimentos anterior (classes .oo-rev)
   → COLAR este AO FINAL (mantendo o CSS dos 5 passos).
   ============================================================ */

/* slides com a mesma altura */
.oo-g-carousel .swiper-slide{ height:auto; }
.oo-g-slide{ height:100%; }
.oo-g-card{ flex:1; }

/* card: sombra leve + "balão" apontando para o nome + logo Google */
.oo-g-card{
  position:relative;
  box-shadow:0 1px 3px rgba(0,0,0,.06);
  margin-bottom:14px;
}
.oo-g-card::after{
  content:""; position:absolute; left:24px; bottom:-10px;
  border-left:10px solid transparent; border-right:10px solid transparent;
  border-top:10px solid #fff;
}
.oo-g-card::before{
  content:"";
  position:absolute !important;
  top:18px !important; right:20px !important;
  left:auto !important; bottom:auto !important;   /* anula o left:0 do Elementor */
  width:21px !important; height:21px !important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.1H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 8 3.1l5.7-5.7C34.1 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.6-.4-3.9z'/%3E%3Cpath fill='%23FF3D00' d='M6.3 14.7l6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 8 3.1l5.7-5.7C34.1 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2c-2 1.5-4.5 2.4-7.2 2.4-5.2 0-9.6-3.3-11.3-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.1H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C37 38.2 44 33 44 24c0-1.3-.1-2.6-.4-3.9z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* selo azul de verificado ao lado das estrelas */
.oo-g-stars .elementor-star-rating__wrapper{ display:inline-flex; align-items:center; }
.oo-g-stars .elementor-star-rating__wrapper::after{
  content:""; width:15px; height:15px; margin-left:6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12' fill='%231A73E8'/%3E%3Cpath d='M7 12.5l3.2 3.2L17 9' stroke='%23fff' stroke-width='2.4' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* texto cortado em 4 linhas (o script adiciona o "Leia mais") */
.oo-g-txt p{
  margin:0;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4;
  overflow:hidden;
}
.oo-g-txt.is-open p{ display:block; -webkit-line-clamp:unset; }
.oo-g-txt .oo-g-more,
.oo-g-txt .oo-g-more:hover,
.oo-g-txt .oo-g-more:focus,
.oo-g-txt .oo-g-more:active{
  display:block; margin-top:8px; padding:0;
  border:0 !important; background:none !important;   /* anula o rosa #c36 do tema Hello */
  box-shadow:none !important; outline:none;
  font:inherit; font-size:13px; color:#8a8a8a !important;
  text-decoration:none; cursor:pointer;
}
.oo-g-txt .oo-g-more:hover{ color:#555 !important; }
.oo-g-txt .oo-g-more:focus-visible{ outline:1px dotted #999; outline-offset:2px; } /* acessibilidade no teclado */

/* nome e data colados, sem margens extras */
.oo-g-name .elementor-heading-title,
.oo-g-date .elementor-heading-title{ margin:0; line-height:1.35; }

/* setas no estilo do plugin */
.oo-g-carousel .elementor-swiper-button{
  width:34px; height:34px; border-radius:50%;
  background:#fff; box-shadow:0 1px 4px rgba(0,0,0,.18);
  display:flex; align-items:center; justify-content:center;
  color:#444; font-size:14px;
}
.oo-g-carousel .elementor-swiper-button svg{ width:14px; height:14px; fill:#444; }/* End custom CSS */