.elementor-kit-6{--e-global-color-primary:#022169;--e-global-color-secondary:#00ADE9;--e-global-color-text:#5C6885;--e-global-color-accent:#00ADE9;--e-global-color-hsice:#D8E5EF;--e-global-color-hsicelt:#EEF7FC;--e-global-color-hssnow:#F6F9FC;--e-global-color-hscream:#F5EFE4;--e-global-color-hswhite:#FFFFFF;--e-global-color-hsribbon:#EF3354;--e-global-color-hssky:#BCD8F9;--e-global-color-hsnavydp:#041635;--e-global-typography-primary-font-family:"Arimo";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Fira Sans";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Fira Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Arimo";--e-global-typography-accent-font-weight:700;}.elementor-kit-6 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;}}:root { --hs-navy:#022169; --hs-cyan:#00ADE9; --hs-muted:#5C6885; --hs-ice:#D8E5EF; --hs-ice-light:#EEF7FC; --hs-snow:#F6F9FC; --hs-cream:#F5EFE4; --hs-white:#FFFFFF; --hs-ribbon:#EF3354; --hs-sky:#BCD8F9; --hs-navy-deep:#041635; --hs-navy-soft:#123A7D; --hs-blue-text:#3158B5; --hs-slate:#4C6280; --hs-font-display:Arimo; --hs-font-text:Fira Sans; }
/* Start custom CSS *//* Hebraica School – CSS global (Elementor > Configurações do site > CSS personalizado)
   Botões principais: .hs-btn (pílula com círculo + seta) e .hs-submit (botão do formulário).
   O site não tem efeitos de entrada: tudo aparece direto. */

.hs-btn,
.hs-submit {
  transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease, color .3s ease !important;
}
.hs-btn::after,
.hs-submit::after {
  transition: transform .3s ease, background-color .3s ease;
}

/* hover: sobe 2px + sombra suave */
.hs-btn:hover,
.hs-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 24px rgba(2, 33, 105, .18);
}

/* cyan escurece levemente */
.hs-btn-cyan:hover,
.hs-submit:hover { background-color: #0A9FD8 !important; }

/* branco vira cyan com texto branco (o círculo fica branco com a seta navy) */
.hs-btn-white:hover { background-color: #00ADE9 !important; color: #FFFFFF !important; }
.hs-btn-white:hover::after {
  background-color: #FFFFFF !important;
  background-image: url(/wp-content/uploads/2026/10/icone-seta.png) !important;
}

/* o círculo da seta gira 45° / a seta do formulário avança 3px */
.hs-btn:hover::after { transform: rotate(45deg); }
.hs-submit:hover::after { transform: translateX(3px); }

/* sem contorno no clique; foco do teclado só via :focus-visible, fino */
.hs-btn:focus,
.hs-submit:focus { outline: none; }
.hs-btn:focus-visible,
.hs-submit:focus-visible {
  outline: 2px solid #00ADE9 !important;
  outline-offset: 3px;
  box-shadow: none !important;
}

/* Cards com hover leve (.hs-card-hover): sobe 4px + sombra */
.hs-card-hover { transition: transform .3s ease, box-shadow .3s ease !important; }
.hs-card-hover:hover { transform: translateY(-4px) !important; box-shadow: 0 16px 32px rgba(2, 33, 105, .16); }

@media (prefers-reduced-motion: reduce) {
  .hs-card-hover { transition: none !important; }
  .hs-card-hover:hover { transform: none !important; }
  .hs-btn, .hs-submit, .hs-btn::after, .hs-submit::after { transition: none !important; }
  .hs-btn:hover, .hs-submit:hover { transform: none !important; }
  .hs-btn:hover::after, .hs-submit:hover::after { transform: none; }
}

/* Hero no mobile (todas as páginas, section#inicio): texto centralizado em cima e foto embaixo, encostada nas laterais e na base.
   Espaços: 40px no topo (local/classe), tag→título 12, título→texto 16, texto→botão 24, 32px abaixo do botão.
   As fotos mobile das páginas internas (frames "Mobile …" do Figma) têm o topo azul-marinho: a margem negativa
   sobe essa faixa por trás do texto para a foto começar logo depois do botão (valor = altura da faixa azul / largura). */
@media (max-width: 767px) {
  body .elementor section#inicio { text-align: center; }
  body .elementor section#inicio .hs-col { align-items: center; gap: 0; }
  body .elementor section#inicio :is(.hs-hero-title, .hs-hero-text, .hs-eyebrow, .hs-tag, .hs-lead, h1, p) { text-align: center; }
  body .elementor section#inicio .hs-col > h1 { margin-top: 12px; }
  body .elementor section#inicio .hs-col > h1 + p { margin-top: 16px; }
  body .elementor section#inicio .hs-col > .hs-btn { margin-top: 24px; width: auto; align-self: center; }
  body .elementor section#inicio > .hs-inner { padding-bottom: 32px; }
  body .elementor .hs-page-hero-foto { width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: 740 / 802; margin-top: -22vw !important; margin-bottom: 0 !important; background-size: cover !important; background-position: 50% 100% !important; background-repeat: no-repeat !important; position: relative; z-index: 0; }
  body.page-id-124 .elementor .hs-page-hero-foto { margin-top: -40vw !important; }
  body.page-id-125 .elementor .hs-page-hero-foto { margin-top: -35vw !important; }
  body.page-id-200 .elementor .hs-page-hero-foto { margin-top: -28vw !important; }
  body.page-id-201 .elementor .hs-page-hero-foto { margin-top: -31vw !important; }
  body.page-id-202 .elementor .hs-page-hero-foto { margin-top: -35vw !important; }
}

/* Botão fixo inferior (só abaixo de 768px, aparece depois da hero): o widget global do footer cria o botão; aqui fica o espaço no fim da página
   para ele não cobrir o rodapé. */
@media (max-width: 767px) {
  body { padding-bottom: calc(64px + env(safe-area-inset-bottom, 0px)); } /* botão de 44px + 14px de margem + folga */
}

/* Menu hambúrguer (header 66, tablet e mobile): a lista abre por cima do conteúdo, ocupando a largura do header,
   em vez de ficar no fluxo (empurrava o logo para baixo e saía 150px pela lateral da tela). */
@media (max-width: 1024px) {
  .elementor-location-header .elementor-widget-nav-menu,
  .elementor-location-header .elementor-widget-nav-menu > .elementor-widget-container,
  .elementor-location-header [data-id="49f4172a"] { position: static !important; } /* a lista se posiciona pelo header inteiro (largura total) */
  .elementor-location-header .elementor-nav-menu--dropdown.elementor-nav-menu__container {
    position: absolute !important; top: 100% !important; left: 0 !important; right: 0 !important; width: auto !important;
    margin: 0 !important; z-index: 9997; font-family: 'Fira Sans', sans-serif; box-shadow: 0 18px 30px rgba(2, 33, 105, .12);
  }
}

/* Header fixo (header 66, todas as páginas): sticky no topo; a sombra entra ao rolar (.hs-header-rolou, snippet 76).
   As âncoras (#contato, #agende) param abaixo do header (--hs-header-h, medido pelo snippet 76). */
html { scroll-padding-top: var(--hs-header-h, 100px); }
.elementor-location-header { position: sticky; top: 0; z-index: 9990; transition: box-shadow .3s ease; }
body.admin-bar .elementor-location-header { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { body.admin-bar .elementor-location-header { top: 0; } }
.elementor-location-header.hs-header-rolou { box-shadow: 0 6px 24px rgba(2, 33, 105, .10); }/* End custom CSS */