/* Web Startup — camada exclusiva da home correta.
   Escopo próprio para evitar interferência nas páginas internas em PHP. */
body.ws-home-page { background: #fff; }
body.ws-home-page .ws-home-wrapper { overflow: hidden; }
body.ws-home-page #header,
body.ws-home-page #primary-menu,
body.ws-home-page #page-menu,
body.ws-home-page #footer { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body.ws-home-page #primary-menu ul li a { text-decoration: none; }
body.ws-home-page img { max-width: 100%; height: auto; }
@media (max-width: 767px) {
  body.ws-home-page #slider h2 { font-size: 34px; line-height: 1.12; }
  body.ws-home-page #slider p { font-size: 16px !important; line-height: 1.55; }
  body.ws-home-page .section { padding-left: 0; padding-right: 0; }
}

body.ws-home-page #logo.ws-home-logo,
body.ws-home-page #logo.ws-home-logo a {
  width: 147px !important;
  max-width: min(147px, 42vw) !important;
  height: 100px !important;
  transition: width .35s ease, height .35s ease, max-width .35s ease, opacity .25s ease !important;
}
body.ws-home-page #logo.ws-home-logo img {
  width: 147px !important;
  max-width: min(147px, 42vw) !important;
  height: 100px !important;
  object-fit: contain !important;
  object-position: left center !important;
  image-rendering: auto !important;
  transition: width .35s ease, height .35s ease, max-width .35s ease, opacity .25s ease !important;
}
body.ws-home-page #header.sticky-header:not(.static-sticky) #logo.ws-home-logo,
body.ws-home-page #header.sticky-header:not(.static-sticky) #logo.ws-home-logo a,
body.ws-home-page #header.sticky-header:not(.static-sticky) #logo.ws-home-logo img {
  width: 88px !important;
  max-width: 88px !important;
  height: 60px !important;
}
@media (max-width: 767px) {
  body.ws-home-page #logo.ws-home-logo,
  body.ws-home-page #logo.ws-home-logo a,
  body.ws-home-page #logo.ws-home-logo img {
    width: 132px !important;
    max-width: 52vw !important;
    height: 90px !important;
  }
  body.ws-home-page #header.sticky-header:not(.static-sticky) #logo.ws-home-logo,
  body.ws-home-page #header.sticky-header:not(.static-sticky) #logo.ws-home-logo a,
  body.ws-home-page #header.sticky-header:not(.static-sticky) #logo.ws-home-logo img {
    width: 88px !important;
    max-width: 88px !important;
    height: 60px !important;
  }
}


/* Mantém o menu one-page da home encostado ao menu principal durante a rolagem. */
body.ws-home-page { --ws-home-page-menu-top: 40px; }
body.ws-home-page #page-menu.sticky-page-menu #page-menu-wrap,
body.ws-home-page #header.sticky-header ~ #page-menu.sticky-page-menu #page-menu-wrap,
body.ws-home-page #header.sticky-header ~ #content #page-menu.sticky-page-menu #page-menu-wrap {
  top: var(--ws-home-page-menu-top, 40px) !important;
}

/* Blindagem PageSpeed/Lighthouse: o legado visual antigo esconde #wrapper até JS liberar transição.
   Esta regra mantém a home renderizável e evita NO_FCP sem alterar layout. */
body.ws-home-page #wrapper.ws-home-wrapper,
body.ws-home-page.no-transition #wrapper,
body.ws-home-page #wrapper {
  opacity: 1 !important;
  -webkit-animation: none !important;
  animation: none !important;
}

/* Menu one-page alinhado ao menu principal no desktop e sem sobreposição no mobile. */
body.ws-home-page{--ws-home-page-menu-top:60px;}
body.ws-home-page #page-menu.sticky-page-menu #page-menu-wrap{top:var(--ws-home-page-menu-top,60px)!important;margin-top:0!important;}
body.ws-home-page #page-menu-wrap{margin-top:0!important;}
body.ws-home-page #header.sticky-header #header-wrap{top:0!important;}
@media(max-width:767px){
  body.ws-home-page{--ws-home-page-menu-top:60px;}
  body.ws-home-page #page-menu.sticky-page-menu #page-menu-wrap{top:var(--ws-home-page-menu-top,60px)!important;}
  body.ws-home-page #header-wrap{z-index:200!important;}
  body.ws-home-page #page-menu-wrap{z-index:198!important;}
}


/* Cabeçalho principal visível no mobile e one-page alinhado. */
body.ws-home-page #page-menu.sticky-page-menu #page-menu-wrap{margin-top:0!important;}
@media(max-width:767px){
  body.ws-home-page{--ws-home-page-menu-top:64px!important;}
  body.ws-home-page #header{display:block!important;visibility:visible!important;opacity:1!important;position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;height:64px!important;min-height:64px!important;background:#fff!important;z-index:1000!important;box-shadow:0 8px 20px rgba(0,0,0,.08)!important;}
  body.ws-home-page #header-wrap{display:block!important;visibility:visible!important;opacity:1!important;position:relative!important;top:0!important;left:0!important;right:0!important;height:64px!important;min-height:64px!important;background:#fff!important;z-index:1000!important;}
  body.ws-home-page #header .container{height:64px!important;min-height:64px!important;position:relative!important;}
  body.ws-home-page #primary-menu-trigger{display:block!important;visibility:visible!important;opacity:1!important;position:absolute!important;left:18px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1005!important;color:#111!important;}
  body.ws-home-page #logo.ws-home-logo{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;margin:0!important;}
  body.ws-home-page #logo.ws-home-logo,
  body.ws-home-page #logo.ws-home-logo a,
  body.ws-home-page #logo.ws-home-logo img{width:82px!important;max-width:82px!important;height:56px!important;}
  body.ws-home-page #top-cart{position:absolute!important;right:14px!important;top:50%!important;transform:translateY(-50%)!important;z-index:1005!important;}
  body.ws-home-page #page-menu.sticky-page-menu #page-menu-wrap{top:64px!important;}
  body.ws-home-page #page-menu-wrap{z-index:998!important;}
}

/* wsMobilePrimaryMenuPolish: restaura o estilo do menu principal da home quando o hamburger é aberto no mobile. */
@media (max-width: 767px) {
  body.ws-home-page.primary-menu-open #primary-menu > ul.show,
  body.ws-home-page #primary-menu > ul.show {
    display: block !important;
    position: fixed !important;
    top: 64px !important;
    left: 18px !important;
    right: 18px !important;
    width: auto !important;
    max-width: none !important;
    max-height: calc(100vh - 86px) !important;
    overflow-y: auto !important;
    margin: 0 !important;
    padding: 16px !important;
    background: rgba(255,255,255,.985) !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    border-radius: 0 0 24px 24px !important;
    box-shadow: 0 24px 48px rgba(0,0,0,.16) !important;
    z-index: 1200 !important;
    -webkit-backdrop-filter: blur(10px) !important;
    backdrop-filter: blur(10px) !important;
  }
  body.ws-home-page #primary-menu > ul.show > li {
    display: block !important;
    float: none !important;
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    background: #f5f5f5 !important;
    overflow: hidden !important;
    text-align: left !important;
  }
  body.ws-home-page #primary-menu > ul.show > li:last-child { margin-bottom: 0 !important; }
  body.ws-home-page #primary-menu > ul.show > li > a {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 52px !important;
    line-height: 1.15 !important;
    margin: 0 !important;
    padding: 18px 20px !important;
    border: 0 !important;
    color: #1c1c1c !important;
    background: transparent !important;
    text-align: left !important;
    text-decoration: none !important;
    font-family: Raleway, Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
  }
  body.ws-home-page #primary-menu > ul.show > li > a div {
    line-height: 1.15 !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  body.ws-home-page #primary-menu > ul.show > li.current,
  body.ws-home-page #primary-menu > ul.show > li:hover {
    background: #ebebeb !important;
  }
  body.ws-home-page #primary-menu > ul.show > li.current > a,
  body.ws-home-page #primary-menu > ul.show > li:hover > a {
    color: #000 !important;
  }
  body.ws-home-page.primary-menu-open #page-menu-wrap { z-index: 900 !important; }
  body.ws-home-page.primary-menu-open #header,
  body.ws-home-page.primary-menu-open #header-wrap { z-index: 1300 !important; }
}


/* Web Startup — vídeo mobile preservado e full height sem alterar composição */
body.ws-home-page .video-wrap video.ws-lazy-video{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
}
@media(max-width:767px){
  body.ws-home-page #slider,
  body.ws-home-page #slider.force-full-screen,
  body.ws-home-page #slider .force-full-screen,
  body.ws-home-page #slider .full-screen{
    min-height:100vh!important;
    height:100vh!important;
  }
  body.ws-home-page #slider .video-wrap,
  body.ws-home-page .section .video-wrap{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-height:100%!important;
    overflow:hidden!important;
    z-index:0!important;
    background-size:cover!important;
    background-position:center center!important;
    pointer-events:none!important;
  }
  body.ws-home-page #slider .container,
  body.ws-home-page .section .container{
    position:relative!important;
    z-index:2!important;
  }
  body.ws-home-page #slider .video-wrap video.ws-lazy-video,
  body.ws-home-page .section .video-wrap video.ws-lazy-video{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:0!important;
  }
  body.ws-home-page #slider .video-overlay,
  body.ws-home-page .section .video-overlay{
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
  }
}


/* Web Startup — impede fallback estático sobre os vídeos no mobile */
body.ws-home-page .video-wrap.no-placeholder .video-placeholder{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:767px){
  body.ws-home-page .video-wrap.no-placeholder video[data-ws-lazy-video]{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
  }
}