.elementor-kit-5{--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-5 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 { --background:#FFFFFF; --foreground:#1D2020; --card:#FFFFFF; --card-foreground:#1D2020; --popover:#FFFFFF; --popover-foreground:#1D2020; --primary:#096BAA; --primary-foreground:#FFFFFF; --secondary:#137477; --secondary-foreground:#FFFFFF; --accent:#FFE10A; --accent-foreground:#1D2020; --muted:#ECEEEE; --muted-foreground:#7D8C8C; --destructive:#EF4444; --destructive-foreground:#FFFFFF; --border:#DADDDD; --input:#BFC5C5; --ring:#0A9FFF; --sidebar:#F7F8F8; --sidebar-foreground:#414848; --sidebar-accent:#F3F8FC; --sidebar-accent-foreground:#096BAA; --sidebar-border:#DADDDD; --sidebar-ring:#0A9FFF; --chart-1:#0A9FFF; --chart-2:#1DE8ED; --chart-3:#FFE10A; --chart-4:#8ECDF6; --chart-5:#96ECEE; --success:#09AA7A; --surface-blue:#F6FAFD; --surface-teal:#F3F9F9; --placeholder:#757575; --font-display:Asap; --font-body:Open Sans; --space-1:8px; --space-2:16px; --space-3:24px; --space-4:40px; --space-5:64px; --layout-gutter-desktop:80px; --layout-gutter-tablet:48px; --layout-gutter-mobile:24px; --eyebrow-gap:16px; --font-size-display:72px; --font-size-heading-xl:64px; --font-size-heading-lg:42px; --font-size-heading-md:32px; --font-size-heading-sm:24px; --font-size-heading-xs:20px; --font-size-body:16px; --font-size-body-sm:14px; --font-size-label:12px; --tone-sky:#e3f3ff; --tone-sky-ink:#0065a6; --tone-mint:#e3fbea; --tone-mint-ink:#336975; --tone-sun:#fff5c4; --tone-sun-ink:#336975; --tone-lilac:#f2e6ff; --tone-lilac-ink:#6d40a6; --tone-cyan:#d9fcfc; --tone-cyan-ink:#0065a6; --tint-sky:#f4f9fd; --tint-mint:#f2fbf5; --tint-lilac:#faf5ff; --tint-sun:#fffbe9; --border-soft:#e3edf3; --rail:#dcebf3; --icon-bg:#e7f5fb; }
/* Start custom CSS *//* ===== KIT — CSS compartilhado das páginas internas (um arquivo, em cache) ===== */
.ns-phero-h em{font-style:italic;color:var(--chart-2)}
.ns-balance{text-wrap:balance}
.ns-icard:hover .ns-ico{transform:rotate(-6deg) scale(1.06);background-color:var(--tn,#d8f6f7)}
.ns-tint-sky .ns-icard,.ns-tint-mint .ns-icard,.ns-tint-lilac .ns-icard,.ns-tint-sun .ns-icard{border-color:transparent}
.ns-prose strong{font-weight:700}
@media (prefers-reduced-motion:reduce){.ns-ico,.ns-icard{transition:none}}

/* base tipográfica das páginas internas (body do protótipo: Asap, 1.6, azul) */
body:is(.elementor-page-677,.elementor-page-678,.elementor-page-679) .elementor{font-family:var(--font-display);line-height:1.6;color:var(--primary)}

/* lista com linha de progresso (steps): o preenchimento e o destaque do ícone acompanham o scroll, sem JS */
@supports (animation-timeline: view()) {
  .ns-steps { timeline-scope: none; }
  .ns-steps-fill { transform: scaleY(0); animation: ns-fill linear both; animation-timeline: view(); animation-range: cover 30vh cover calc(100% - 70vh + 120px); }
  .ns-step-ico { animation: ns-step-on linear both; animation-timeline: view(); animation-range: cover 30vh cover calc(30vh + 48px); }
}
@keyframes ns-fill { to { transform: scaleY(1); } }
@keyframes ns-step-on { to { transform: scale(1.08); } }

/* FAQ (e-accordion) das páginas internas */
.elementor .ns-faq > .e-accordion-item-base{display:block;background:#fff;border-radius:20px;border:1px solid var(--border-soft,#e3edf3);overflow:hidden;padding:0;width:100%}
.elementor .ns-faq .e-accordion-item-header-base{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;width:auto;box-sizing:border-box;font:600 19px/1.35 var(--font-display),sans-serif;color:var(--primary)}
.elementor .ns-faq .e-accordion-item-header-base::-webkit-details-marker{display:none}
.elementor .ns-faq .e-accordion-item-title-base{flex:1;display:block;padding:0;width:auto}
.elementor .ns-faq .e-accordion-item-title-base span{display:inline;font:inherit;color:inherit}
.elementor .ns-faq .e-accordion-item-icon-base{flex:none;width:22px;height:22px;padding:0;display:block;background:url("https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-arrow-down.png") center/contain no-repeat;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.elementor .ns-faq .e-accordion-item-icon-base *{display:none}
.elementor .ns-faq > .e-accordion-item-base[open] .e-accordion-item-icon-base{transform:rotate(180deg)}
.elementor .ns-faq .e-accordion-item-content-base{display:block;padding:0 26px 24px;font:400 16px/1.65 var(--font-body),sans-serif;color:var(--primary)}
.elementor .ns-faq .e-accordion-item-content-base p{font:inherit;color:inherit;margin:0}
.elementor .ns-faq .e-accordion-item-content-base a{color:var(--primary);font-weight:600;text-decoration:underline;text-underline-offset:3px}
@media (max-width:1024px){.elementor .ns-faq .e-accordion-item-header-base{font-size:17px;padding:18px 20px}.elementor .ns-faq .e-accordion-item-content-base{padding:0 20px 20px}}

/* detalhes: seta do botão, logos, cards de navegação, ícone flutuante da faixa azul */
.ns-btn-arrow::after{content:"";width:18px;height:18px;background:currentColor;-webkit-mask:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-ic-arrow-right.png) center/contain no-repeat;mask:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-ic-arrow-right.png) center/contain no-repeat;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.ns-btn-arrow:hover::after{transform:translateX(4px)}
.ns-brand{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.ns-icard:hover .ns-brand{transform:scale(1.04)}
.ns-nx .ns-arrow{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.ns-nx:hover .ns-arrow{transform:translateX(6px)}
.ns-float{animation:ns-float 7s ease-in-out infinite}
@keyframes ns-float{0%,100%{translate:0 0;rotate:-2deg}50%{translate:0 -14px;rotate:2deg}}
@media (prefers-reduced-motion:reduce){.ns-float{animation:none}}

/* três dimensões da pessoa (Proposta pedagógica) */
.ns-breathe{animation:ns-breathe 6s ease-in-out infinite}
.ns-breathe:nth-child(2){animation-delay:-2s}
.ns-breathe:nth-child(3){animation-delay:-4s}
@keyframes ns-breathe{0%,100%{scale:1}50%{scale:1.04}}
@media (prefers-reduced-motion:reduce){.ns-breathe{animation:none}}

/* caminho que se divide (single sex): 3 traços em máscara PNG, revelados pelo scroll */
@property --fx{syntax:'<percentage>';inherits:false;initial-value:100%}
.ns-fork-l{transform:translateY(-24px);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}
.ns-fork-1{-webkit-mask-image:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-fork-1.png),linear-gradient(90deg,#000 var(--fx),transparent var(--fx));mask-image:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-fork-1.png),linear-gradient(90deg,#000 var(--fx),transparent var(--fx))}
.ns-fork-2{-webkit-mask-image:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-fork-2.png),linear-gradient(90deg,#000 var(--fx),transparent var(--fx));mask-image:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-fork-2.png),linear-gradient(90deg,#000 var(--fx),transparent var(--fx))}
.ns-fork-3{-webkit-mask-image:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-fork-3.png),linear-gradient(90deg,#000 var(--fx),transparent var(--fx));mask-image:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-fork-3.png),linear-gradient(90deg,#000 var(--fx),transparent var(--fx))}
@supports (animation-timeline: view()) {
  .ns-fork-l{animation:ns-fx linear both;animation-timeline:view();animation-range:entry 30vh entry calc(100% + 30vh)}
  .ns-fork-1{--fx0:8.5%;--fx1:43%}
  .ns-fork-2,.ns-fork-3{--fx0:42%;--fx1:85.5%}
}
@keyframes ns-fx{from{--fx:var(--fx0)}to{--fx:var(--fx1)}}
#single-sex strong{color:#fff}
@media (prefers-reduced-motion:reduce){.ns-fork-l{animation:none}}

/* abas dos eixos (e-tabs) */
.elementor .ns-tabcard{animation:ns-tabin .5s cubic-bezier(.2,.7,.2,1) both}
.elementor .ns-tabcard:nth-child(2){animation-delay:.06s}.elementor .ns-tabcard:nth-child(3){animation-delay:.12s}
@keyframes ns-tabin{from{opacity:0;translate:0 16px}}
.elementor .ns-tabs > .e-tabs-menu-base{display:inline-flex;flex-direction:row;align-self:center;align-items:stretch;gap:6px;padding:6px;border-radius:999px;background:#fff;border:1px solid #dcebf3;margin-bottom:28px;width:auto;box-sizing:border-box}
.elementor .ns-tabs .e-tab-base{display:block;flex:none;padding:12px 22px;border-radius:999px;border:0;background:transparent;font:600 16px/normal var(--font-display),sans-serif;color:var(--primary);cursor:pointer;width:auto;transition:background .3s,color .3s}
.elementor .ns-tabs .e-tab-base span{font:inherit;color:inherit}
.elementor .ns-tabs .e-tab-base.e--selected{background:var(--primary);color:#fff}
.elementor .ns-tabs > .e-tabs-content-area-base{width:100%}
@media (max-width:1024px){.elementor .ns-tabs > .e-tabs-menu-base{display:flex;align-self:stretch;width:100%}.elementor .ns-tabs .e-tab-base{flex:1;padding:12px 10px;font-size:15px}}
.elementor .ns-tabs .e-tab-content-base{flex-direction:column;align-items:stretch;width:100%}
.elementor .ns-tabs,.elementor .ns-tabs > .e-tabs-content-area-base,.elementor .ns-tabs .e-tab-content-base{padding:0}
.elementor .ns-tabs{gap:0}
.elementor .ns-tabs .e-tab-base,.elementor .ns-tabs .e-tab-base span{white-space:normal}

/* jornada de etapas (Níveis de ensino): traço em máscara PNG com o gradiente do protótipo; ícone sobe/gira ao rolar */
.ns-journey-line{background-image:linear-gradient(90deg,#f3ff3f 10%,#55ffe0 28%,#3fa6ff 50%,#f3ff3f 50%,#55ffe0 68%,#3fa6ff 90%);-webkit-mask:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-journey.png) 0 0/100% 100% no-repeat;mask:url(https://orchid-emu-956471.hostingersite.com/wp-content/uploads/2026/10/nv-journey.png) 0 0/100% 100% no-repeat}
.ns-jstep .ns-ico{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.ns-jstep:hover .ns-ico{transform:rotate(4deg)}
@supports (animation-timeline: view()) {
  .ns-jstep .ns-ico{animation:ns-jon linear both;animation-timeline:view();animation-range:cover 30vh cover calc(30vh + 48px)}
}
@keyframes ns-jon{to{translate:0 -6px;rotate:-4deg}}
@media (max-width:1024px){.elementor .ns-journey{margin-inline:12px;width:auto}}

/* Níveis: âncoras com folga p/ header + nav fixa, e etapa ativa por scroll (sem JS) */
#bercario,#educacao-infantil,#primeiro-ano,#nautas,#nautilus{scroll-margin-top:96px}
.ns-snav-a{transition:background .3s,color .3s}
.ns-stages::-webkit-scrollbar,#nv-snav-in::-webkit-scrollbar{display:none}
@supports (animation-timeline: view()) {
  #bercario{view-timeline-name:--st1}#educacao-infantil{view-timeline-name:--st2}#primeiro-ano{view-timeline-name:--st3}#nautas{view-timeline-name:--st4}#nautilus{view-timeline-name:--st5}
  .ns-stages{timeline-scope:--st1,--st2,--st3,--st4,--st5}
  .ns-snav-a{animation:ns-snav-on linear;animation-range:cover 65vh cover calc(100% - 35vh)}
  #nv-sn0{animation-timeline:--st1}#nv-sn1{animation-timeline:--st2}#nv-sn2{animation-timeline:--st3}#nv-sn3{animation-timeline:--st4}#nv-sn4{animation-timeline:--st5}
}
@keyframes ns-snav-on{from,to{background-color:var(--primary);color:#fff}}
#nv-snav-in{scrollbar-width:none}
.elementor .ns-icard p a{color:inherit}

/* Blog (arquivo): pílula de categoria ativa pelo body class do WordPress, hover da miniatura e do título */
body.blog .ns-cat-blog,body.category-virtudes-e-carater .ns-cat-category-virtudes-e-carater,body.category-familia-e-vinculos .ns-cat-category-familia-e-vinculos,body.category-cultura-e-tempo-livre .ns-cat-category-cultura-e-tempo-livre,body.category-vida-dos-navegantes .ns-cat-category-vida-dos-navegantes{background-color:var(--primary);color:var(--primary-foreground)}
.ns-cat{transition:background .25s,color .25s}
.ns-cat:hover{background-color:rgba(9,107,170,.06)}
.ns-entry .ns-thumb img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ns-entry:hover .ns-thumb img{transform:scale(1.05)}
.ns-entry:hover .ns-etitle{text-decoration:underline;text-decoration-color:var(--chart-2);text-decoration-thickness:3px;text-underline-offset:6px}
.ns-entry .ns-eexcerpt{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ba-tabs{scrollbar-width:none}#ba-tabs::-webkit-scrollbar{display:none}
#ba-list-in .e-collection-loop-base{flex-direction:column;align-items:stretch;padding:0}
#ba-list-in .e-collection-loop-layout-base,#ba-list-in [role=listitem]{width:100%;padding:0}

/* Post do blog: tipografia do corpo (theme-post-content), citação em destaque, cartões relacionados */
.ns-post-body{font-family:var(--font-body);font-size:21px;line-height:1.7;color:var(--foreground);font-feature-settings:"kern","liga"}
.ns-post-body h2{font:600 32px/1.2 var(--font-display),sans-serif;letter-spacing:-.01em;color:var(--primary);margin:48px 0 16px}
.ns-post-body > .elementor-widget-container > h2:first-child,.ns-post-body h2:first-child{margin-top:0}
.ns-post-body p{margin:0}.ns-post-body p+p{margin-top:1.1em}
.ns-post-body blockquote{margin:40px 0 0;padding:28px 0 28px 28px;border-left:4px solid var(--chart-2)}
.ns-post-body blockquote p{font:italic 500 28px/1.4 var(--font-display),sans-serif;color:var(--primary)}
@media (max-width:640px){.ns-post-body{font-size:19px}.ns-post-body h2{font-size:27px}.ns-post-body blockquote p{font-size:23px}}
.ns-rcard:hover .ns-thumb img{transform:scale(1.05)}
.ns-rcard .ns-thumb img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.ns-rcard:hover .ns-rtitle{text-decoration:underline;text-decoration-color:var(--chart-2);text-decoration-thickness:3px;text-underline-offset:5px}
#bp-rall:hover .ns-arrow{transform:translateX(4px)}#bp-rall .ns-arrow{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
#bp-rel .e-collection-loop-base{flex-direction:column;align-items:stretch;padding:0}
#bp-rel [role=listitem]{width:100%;padding:0}
#bp-rel .e-collection-loop-layout-base{width:100%}
#bp-rel .e-collection-loop-base{width:100%}

/* faixa 1025–1200px: o protótipo usa gutter 48px, títulos menores e grades mais estreitas (o Elementor só tem breakpoint em 1024) */
@media (min-width:1025px) and (max-width:1200px){
  body{--layout-gutter-desktop:48px}
  .elementor .ns-phero-h.ns-phero-h{font-size:60px}
  .elementor .ns-title-sm.ns-title-sm{font-size:42px}
  .elementor h2[id$="-cta-h"]{font-size:42px}
  #qs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  [id^="nv-s"][id$="-grid"]{grid-template-columns:260px minmax(0,1fr);gap:48px}
}

/* Linha do tempo (Quem somos e Proposta pedagógica): trilho fino de 3px, centralizado nos ícones de 32px.
   O min-width:30px e o padding:10px padrão do container do Elementor deixavam a linha grossa. */
.elementor .ns-steps-rail.ns-steps-rail,.elementor .ns-steps-fill.ns-steps-fill{width:3px;min-width:0;padding:0;left:14.5px;border-radius:2px}

/* categorias do blog: pills em linha única; no tablet/celular rolam na horizontal, sem barra de rolagem */
.elementor .ns-cat{flex:0 0 auto!important;min-width:max-content;white-space:nowrap}
.elementor .ns-cat *{white-space:nowrap}
.elementor #ba-tabs{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}
.elementor #ba-tabs::-webkit-scrollbar{display:none}
@media (max-width:1024px){.elementor #ba-tabs{width:auto;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px}}/* End custom CSS */