/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
:root {
  --global-transition: all 0.3s ease-out;
  --but-wdth: 50;
}

@media (max-width: 768px) {
  :root #brx-content {
  }
  #globalFooter .brxe-container {
    --global-gutter: 20px !important;
  }
}
/* scroll lenis */
html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

html {
  scrollbar-width: none; /* Para navegadores basados en Firefox */
  -ms-overflow-style: none; /* Para Internet Explorer y Edge */
  scroll-behavior: initial;
}
::selection {
  color: white;
  background: #0066ff;
}
body::-webkit-scrollbar {
  display: none !important; /* Para navegadores basados en WebKit (Chrome, Safari, etc.) */
}
.scrollbar {
  position: fixed;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 10;
  mix-blend-mode: difference;
  /* padding: 24px 0; */
}

.scrollbar .inner {
  height: 100%;
  position: relative;
}
.theme-switcher {
  width: 10px;
  display: none;
}
.scrollbar .thumb {
  min-height: 50;
  width: 30px;
  background-color: #e9e9ea;
  position: absolute;
  right: 0px;
  border-radius: 10px;
  /* border: 1px solid black; */
  cursor: grab;
  margin-right: 7px;
}
/* TODO ^*/
.theme-switcher {
  display: none;
}
/* Define a transition duration during page visits */
html.is-changing .transition-fade {
  transition: opacity 0.25s;
  opacity: 1;
}
/* Define the styles for the unloaded pages */
html.is-animating .transition-fade {
  opacity: 0;
}

.menu-item {
  cursor: pointer;
  transition: all 0.5s cubic-bezier(0.33, 1, 0.68, 1) 0.1s !important;
}
.menu-item:hover {
  background-color: #33df50 !important;
}
.work-item_title {
  transition: all 0.1s ease-out;
  letter-spacing: 0px;
}
.work-item:hover .work-item_title {
  font-variation-settings: "wght" 600;
  letter-spacing: 0.02em;
}
/* .work-item .colabos-list {
  opacity: 0;
}
.work-item:hover .colabos-list {
  opacity: 1;
} */
/* .work-item .work-img img {
  transition: all 0.4s ease-out;
}
.work-item:hover .work-img img {
  filter: blur(15px);
} */

.service-card:hover {
  background-color: #5b5b5f;
}
.service-card:hover h3,
.service-card:hover div {
  color: #f6f6f7 !important;
}
.service-card:hover svg {
  mix-blend-mode: difference;
  filter: brightness(100);
}
/* .service-card:hover .service-card_decorator {
  top: -14px !important;
  opacity: 1;
}
.service-card_decorator {
  top: 0px;
  opacity: 0;
  transition: all 0.3s ease-in;
} */

#preloader {
  position: fixed;
  top: 0px;
  height: 100vh;
  width: 100vw;
  z-index: 9999;
  background-color: #1a1a1a;
}
/* #brx-content {
  opacity: 0;
} */
.preloader-content {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}

.preloader-logo svg {
  width: 300px;
  /* transform: translateY(-100%); */
  animation: floatAnimation 3s infinite;
  transform-origin: center center;
}
@keyframes floatAnimation {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.float {
  animation: floatAnimation 2s infinite;
}

.preloader-logo {
  transform-origin: center center;
}

/* work grid */
.work-item.work-item_full {
  width: 100%;
}

/*^footer*/
.footer-img {
  cursor: pointer;
}

.footer-img:hover .animated-logo {
  stroke-width: 5;
  stroke: #e9e9ea;
  transition: all 0.3s ease-out;
}

.animated-logo {
  transition: all 0.3s ease-in;
  stroke-width: 0;
  stroke: transparent; /* Esta es la clave */
}

/*marquees*/
.custom-marquee {
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    white 10%,
    white 90%,
    transparent 100%
  );
}

.custom-marquee {
  overflow: hidden;
}

/* .marquee-items-container {
  display: flex;
  flex-wrap: nowrap;
} */

.marquee-item {
  /* flex: 0 0 auto; */
  will-change: transform;
}

/* work */
#videoSection .video-section:nth-child(odd) .video-section_video {
  order: 2;
}
#videoSection .video-section:nth-child(odd) .video-section_video {
  margin-top: 90px;
  margin-bottom: 90px;
}

/*text animation*/
.hlines {
  overflow: hidden;
}
h1,
h2 {
  font-kerning: none;
  -webkit-text-rendering: optimizeSpeed;
  text-rendering: optimizeSpeed;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

/* Video Poster Pixelation Effect */
.featured-media.has-bg-video {
  position: relative;
  overflow: hidden;
}

.featured-media.has-bg-video .bricks-background-video-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.featured-media.has-bg-video .video-poster {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background-size: cover;
  background-position: center;
}