.elementor-kit-9{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--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;}.elementor-kit-9 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.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 *//* ==========================================================
   SanaVida — CSS da marca

   COLE ESTE ARQUIVO EM:
   Elementor > (menu hamburguer) > Configurações do site >
   CSS personalizado

   Este campo aceita CSS puro, sem tags. Vale para todo o site,
   incluindo páginas internas e blog.

   NÃO cole este arquivo em Códigos personalizados: aquele campo
   espera HTML e imprimiria este texto na tela. Para lá existe o
   outro arquivo, o -codigos-personalizados.html.
   ========================================================== */

/* SanaVida — detalhes que o esquema atômico não cobre. Não excluir. */

/* Seta em círculo dentro dos botões */
.sv-seta{position:relative;padding-right:64px !important;}
.sv-seta::before{content:'';position:absolute;right:16px;top:50%;width:30px;height:30px;
  margin-top:-16px;border-radius:50%;background:rgba(242,235,221,.18);transition:transform .25s ease;}
.sv-seta::after{content:'';position:absolute;right:24px;top:50%;width:14px;height:14px;
  margin-top:-8px;background-color:currentColor;transition:transform .25s ease;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18 L18 6'/%3E%3Cpath d='M9 6 H18 V15'/%3E%3C/svg%3E") center/14px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 18 L18 6'/%3E%3Cpath d='M9 6 H18 V15'/%3E%3C/svg%3E") center/14px no-repeat;}
.sv-seta:hover::before,.sv-seta:hover::after{transform:translateX(3px);}
.sv-seta-vazio::before{background:rgba(138,90,43,.10);}
.sv-seta-escuro::before{background:rgba(42,36,32,.14);}

/* Marquee da faixa de práticas */
.sv-marquee{overflow:hidden;}
.sv-marquee-trilho{display:flex;width:max-content;animation:sv-scroll 42s linear infinite;}
.sv-marquee-grupo{display:flex;align-items:center;gap:32px;padding-right:32px;flex:none;}
.sv-marquee-grupo span{font-family:'Source Sans 3',sans-serif;font-weight:600;font-size:12px;
  text-transform:uppercase;letter-spacing:.2em;color:#6B6259;white-space:nowrap;}
.sv-marquee-grupo i{width:5px;height:5px;background:#8A5A2B;border-radius:50%;display:inline-block;}
@keyframes sv-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Acordeão do FAQ: o + vira x ao abrir */
.sv-faq .e-n-accordion-item-title-icon{transition:transform .3s ease;}
.sv-faq .e-n-accordion-item[open] .e-n-accordion-item-title-icon{transform:rotate(45deg);}

/* Entre 1025 e 1180px a barra ainda mostra o menu inteiro: logo + seis
   itens + botão com os 64px de respiro da seta não cabem. Abaixo de 1180
   o botão do cabeçalho perde a seta e volta ao respiro normal. */
@media (max-width:1180px){
  .sv-header-cta.sv-seta{padding-right:32px !important;}
  .sv-header-cta.sv-seta::before,.sv-header-cta.sv-seta::after{display:none;}
}

/* Cartões com elevação no hover */
.sv-eleva{transition:transform .25s ease, box-shadow .25s ease;}
.sv-eleva:hover{transform:translateY(-4px);box-shadow:0 10px 34px rgba(42,36,32,.08);}

@media (prefers-reduced-motion:reduce){
  .sv-marquee-trilho{animation:none;}
  .sv-eleva,.sv-seta::before,.sv-seta::after{transition:none;}
}

/* Ícones: o SVG preenche a caixa do elemento, nunca o contrário. */
.sv-ico{display:inline-flex;flex:none;line-height:0;}
.sv-ico svg{width:100%;height:100%;display:block;}

/* Papel do ícone: contorno ou preenchido. Não remover — sem estas duas
   regras, os ícones de contorno viram manchas sólidas no site. */
.sv-ico-linha svg,.sv-ico-linha svg *{fill:none !important;stroke:currentColor !important;}
.sv-ico-cheio svg,.sv-ico-cheio svg *{fill:currentColor !important;stroke:none !important;}/* End custom CSS */