/* SANTIM NOSSA HISTÓRIA — CSS exclusivamente estrutural.
 * Fontes, cores, tamanhos, botões, padding, fundos e bordas são editáveis no Elementor.
 * Evitar !important para garantir que o Elementor prevaleça. */
:where(.sth-site){overflow:clip}
:where(.sth-site) .sth-header{position:relative;z-index:30}
:where(.sth-site) .sth-hero-photo{position:relative;isolation:isolate}
:where(.sth-site) .sth-year-badge{position:absolute;right:-16px;bottom:-22px;z-index:2;box-shadow:0 10px 35px #00000009}
:where(.sth-site) :where(.sth-photo-hero,.sth-photo-factory){overflow:hidden}
:where(.sth-site) .sth-photo-hero{aspect-ratio:1.27}
:where(.sth-site) .sth-photo-factory{aspect-ratio:1.35}
:where(.sth-site) :where(.sth-photo-hero,.sth-photo-factory) .elementor-widget-container{height:100%;overflow:hidden}
:where(.sth-site) :where(.sth-photo-hero,.sth-photo-factory) img{width:100%;height:100%;object-fit:cover}
.sth-site .sth-menu-toggle{display:none}
:where(.sth-site) .sth-skip{position:absolute;left:-9999px;top:10px;z-index:99}
:where(.sth-site) .sth-skip:focus-within{left:14px}
@media(max-width:900px){
  .sth-site .sth-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:50;background:#fff;box-shadow:0 12px 28px #00000012;padding:17px 20px 24px;border-bottom:1px solid #e7e6e4}
  .sth-site .sth-nav.sth-nav-open{display:flex}
  .sth-site .sth-menu-toggle{display:block}
  .sth-site .sth-header-cta{display:none}
  :where(.sth-site) .sth-photo-hero{aspect-ratio:1.53}
  :where(.sth-site) .sth-photo-factory{aspect-ratio:1.4}
  :where(.sth-site) .sth-year-badge{right:0;bottom:-18px}
}
@media(prefers-reduced-motion:reduce){:where(.sth-site){scroll-behavior:auto}}