/* CRM white video hero v15 — pure white background — 2026-09-17
   Light first screen, responsive white-edition video, clear navigation and elevated CTA. */

.site-crm{
  --crm-hero-bg:#ffffff;
  --crm-hero-ink:#0b1220;
  --crm-hero-soft:#667085;
  --crm-fixed-top-desktop:7.5rem; /* 4.75rem header + 2.75rem subnav */
  --crm-fixed-top-mobile:4.75rem;
}

.site-crm .crm-product-film{
  position:relative!important;
  width:100%!important;
  height:calc(100vh - var(--crm-fixed-top-desktop))!important;
  height:calc(100svh - var(--crm-fixed-top-desktop))!important;
  min-height:620px!important;
  margin:var(--crm-fixed-top-desktop) 0 0!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--crm-hero-bg)!important;
  isolation:isolate!important;
}
@supports(height:100dvh){
  .site-crm .crm-product-film{height:calc(100dvh - var(--crm-fixed-top-desktop))!important}
}

.site-crm .crm-product-film::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(to bottom,rgba(255,255,255,.14) 0%,rgba(255,255,255,0) 24%),
    linear-gradient(to top,rgba(255,255,255,.52) 0%,rgba(255,255,255,0) 38%);
}

.site-crm .crm-product-film__video{
  position:absolute!important;
  inset:0!important;
  z-index:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center center!important;
  background:transparent!important;
}

.site-crm .crm-product-film__cta-wrap{
  position:absolute!important;
  z-index:4!important;
  left:50%!important;
  bottom:clamp(200px,22vh,260px)!important;
  transform:translateX(-50%)!important;
  width:max-content!important;
  max-width:calc(100% - 2rem)!important;
}
.site-crm .crm-product-film__cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:.72rem!important;
  min-height:3.4rem!important;
  padding:.9rem 1.35rem .9rem 1.5rem!important;
  border:1px solid rgba(11,18,32,.13)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.86)!important;
  color:var(--crm-hero-ink)!important;
  box-shadow:0 16px 44px rgba(15,23,42,.10)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  font-family:"Inter",ui-sans-serif,system-ui,sans-serif!important;
  font-size:.82rem!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),background-color .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.site-crm .crm-product-film__cta svg{
  width:1rem!important;
  height:1rem!important;
  flex:none!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1)!important;
}
.site-crm .crm-product-film__cta:hover,
.site-crm .crm-product-film__cta:focus-visible{
  transform:translateY(-3px)!important;
  background:#1948f0!important;
  color:#fff!important;
  border-color:#1948f0!important;
  box-shadow:0 18px 46px rgba(25,72,240,.22)!important;
}
.site-crm .crm-product-film__cta:hover svg,
.site-crm .crm-product-film__cta:focus-visible svg{transform:translateY(2px)!important}
.site-crm .crm-product-film__cta:focus-visible{outline:3px solid rgba(25,72,240,.2)!important;outline-offset:4px!important}

/* The white-edition hero needs a light navigation surface on CRM only. */
.site-crm .goolab-header.header{
  z-index:220!important;
  background:rgba(253,253,249,.92)!important;
  color:#08101f!important;
  border-bottom:1px solid rgba(8,16,31,.08)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px)!important;
  -webkit-backdrop-filter:blur(18px)!important;
}
.site-crm .goolab-header.header.scrolled{
  background:rgba(253,253,249,.97)!important;
  border-bottom-color:rgba(8,16,31,.10)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.07)!important;
}
.site-crm .goolab-header .brand img{filter:brightness(0) saturate(100%)!important}
.site-crm .goolab-header .nav-links>a,
.site-crm .goolab-header .marketing-mega-trigger,
.site-crm .goolab-header .crm-mega-trigger,
.site-crm .goolab-header .plans-mega-trigger{
  color:rgba(8,16,31,.62)!important;
}
.site-crm .goolab-header .nav-links>a:hover,
.site-crm .goolab-header .nav-links>a:focus-visible,
.site-crm .goolab-header .marketing-mega-trigger:hover,
.site-crm .goolab-header .marketing-mega-trigger:focus-visible,
.site-crm .goolab-header .marketing-mega-trigger[aria-expanded="true"],
.site-crm .goolab-header .crm-mega-trigger:hover,
.site-crm .goolab-header .crm-mega-trigger:focus-visible,
.site-crm .goolab-header .crm-mega-trigger[aria-expanded="true"],
.site-crm .goolab-header .plans-mega-trigger:hover,
.site-crm .goolab-header .plans-mega-trigger:focus-visible,
.site-crm .goolab-header .plans-mega-trigger[aria-expanded="true"]{color:#08101f!important}
.site-crm .goolab-header .nav-links>a::after{background:#1948f0!important}
.site-crm .goolab-header .btn-account{
  color:#08101f!important;
  background:#fff!important;
  border-color:rgba(8,16,31,.10)!important;
  box-shadow:0 8px 22px rgba(15,23,42,.07)!important;
}
.site-crm .goolab-header .nav-toggle{
  color:#08101f!important;
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(8,16,31,.12)!important;
}

.site-crm .crm-product-subnav{
  z-index:210!important;
  top:4.75rem!important;
  background:rgba(253,253,249,.94)!important;
  border-bottom:1px solid rgba(8,16,31,.08)!important;
  backdrop-filter:blur(16px)!important;
  -webkit-backdrop-filter:blur(16px)!important;
}
.site-crm .crm-product-subnav a{color:rgba(8,16,31,.58)!important}
.site-crm .crm-product-subnav a:hover,.site-crm .crm-product-subnav a:focus-visible{color:#08101f!important}
.site-crm .crm-product-subnav a:last-child{color:#1948f0!important}

.site-crm #recursos{scroll-margin-top:calc(var(--crm-fixed-stack,120px) + 16px)}

@media(max-width:959px){
  .site-crm .crm-product-film{
    height:calc(100vh - var(--crm-fixed-top-mobile))!important;
    height:calc(100svh - var(--crm-fixed-top-mobile))!important;
    min-height:620px!important;
    margin-top:var(--crm-fixed-top-mobile)!important;
    background-image:url('/assets/video/goolab-crm-white-mobile-v14-20260917.jpg')!important;
    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
  @supports(height:100dvh){
    .site-crm .crm-product-film{height:calc(100dvh - var(--crm-fixed-top-mobile))!important}
  }
  .site-crm .crm-product-film__cta-wrap{bottom:clamp(200px,22vh,245px)!important}
}

@media(min-width:960px){
  .site-crm .crm-product-film{
    background-image:url('/assets/video/goolab-crm-white-desktop-v14-20260917.jpg')!important;
    background-size:contain!important;
    background-position:center!important;
    background-repeat:no-repeat!important;
  }
}

@media(max-width:560px){
  .site-crm .crm-product-film{min-height:560px!important}
  .site-crm .crm-product-film__cta-wrap{bottom:200px!important}
  .site-crm .crm-product-film__cta{min-height:3.2rem!important;padding:.82rem 1.15rem .82rem 1.28rem!important;font-size:.78rem!important}
}

@media(prefers-reduced-motion:reduce){
  .site-crm .crm-product-film__video{display:none!important}
  .site-crm .crm-product-film__cta,.site-crm .crm-product-film__cta svg{transition:none!important}
}