@charset "UTF-8";
/* Hero Agencia: tipografía Typekit (misma que Figma «Helvetica Regular») */
.kaser-agencia-hero {
  font-family: var(--kaser-font-sans);
}

.kaser-agencia-hero__intro-text {
  font-family: var(--kaser-font-sans);
  font-weight: 400;
  font-style: normal;
}

.kaser-agencia-hero__intro-text strong {
  font-weight: 700;
  font-style: italic;
}

.kaser-agencia-hero__intro-text.kaser-text-mask-reveal .kaser-text-mask-line {
  font-family: var(--kaser-font-sans);
  font-weight: inherit;
  font-style: inherit;
}

.page-agencia__nosotros .pin-spacer {
  background-color: #000000;
}

[data-kaser-hero-rolling] {
  display: block;
  white-space: nowrap;
}

.kaser-hero-rolling {
  position: relative;
  display: inline-block;
}

.kaser-hero-rolling__line {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  gap: 0;
}

.kaser-hero-rolling__line:first-child {
  position: relative;
}

.kaser-hero-rolling__char {
  display: inline-block;
  backface-visibility: hidden;
}

.kaser-nosotros-agencia-ticker {
  padding-block: clamp(24px, 4.5vh, 44px);
  min-height: 0;
}

@media (min-width: 640px) {
  .kaser-nosotros-agencia-ticker {
    padding-block: clamp(32px, 5vh, 56px);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .kaser-nosotros-agencia-ticker {
    padding-block: clamp(40px, 5.5vh, 68px);
  }
}
@media (min-width: 1024px) {
  .kaser-nosotros-agencia-ticker {
    padding-block: clamp(52px, 6.5vh, 90px);
  }
}
@media (min-width: 1280px) {
  .kaser-nosotros-agencia-ticker {
    padding-block: clamp(70px, 7.5vh, 112px);
  }
}
.kaser-nosotros-agencia-ticker .kaser-st-row {
  line-height: 1;
}

.kaser-nosotros-agencia-ticker .kaser-st-row + .kaser-st-row {
  margin-top: 0;
}

.kaser-nosotros-agencia-ticker__viewport {
  width: 100%;
}

.kaser-nosotros-agencia-ticker .kaser-st-wrapper {
  align-items: flex-start;
}

.kaser-nosotros-agencia-ticker .kaser-st-row {
  flex-shrink: 0;
  align-items: baseline;
  overflow: hidden;
  padding-block: 0.06em;
}

.kaser-nosotros-agencia-ticker .kaser-st-word {
  display: inline-block;
  white-space: nowrap;
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  transform-origin: center center;
}

.kaser-nosotros-agencia-ticker .kaser-st-char {
  display: inline-block;
  transform-origin: center center;
  will-change: transform, opacity;
}

@media (min-width: 640px) {
  .kaser-nosotros-agencia-ticker .kaser-st-word {
    font-size: clamp(3rem, 7vw, 5.5rem);
  }
}
@media (min-width: 1024px) {
  .kaser-nosotros-agencia-ticker .kaser-st-word {
    font-size: clamp(4rem, 8vw, 8rem);
  }
}
@media (min-width: 1280px) {
  .kaser-nosotros-agencia-ticker .kaser-st-word {
    font-size: 8rem;
  }
}
@media (min-width: 1536px) {
  .kaser-nosotros-agencia-ticker .kaser-st-word {
    font-size: 10rem;
  }
}
.kaser-metodo-trabajo-agencia {
  font-family: var(--kaser-font-sans);
}

.kaser-metodo-trabajo-loop {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #050505;
}

.kaser-metodo-trabajo-loop__stage {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
  background: #050505;
}

.kaser-metodo-trabajo-loop__stage.is-dragging {
  cursor: grabbing;
}

.kaser-metodo-trabajo-loop__stage::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(circle at 50% 45%, transparent 40%, rgba(0, 0, 0, 0.34) 100%);
  z-index: 4;
}

.kaser-metodo-trabajo-loop__image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateX(100%);
  transition: transform 0.75s ease;
  will-change: transform;
  z-index: 1;
}

.kaser-metodo-trabajo-loop__image.is-active {
  transform: translateX(0);
  z-index: 2;
}

.kaser-metodo-trabajo-loop__image.is-position-right {
  transform: translateX(100%);
}

.kaser-metodo-trabajo-loop__image.is-position-left {
  transform: translateX(-100%);
}

.kaser-metodo-trabajo-loop__image.is-entering-from-right {
  transform: translateX(0);
  z-index: 3;
}

.kaser-metodo-trabajo-loop__image.is-entering-from-left {
  transform: translateX(0);
  z-index: 3;
}

.kaser-metodo-trabajo-loop__image.is-leaving-to-left {
  transform: translateX(-100%);
  z-index: 2;
}

.kaser-metodo-trabajo-loop__image.is-leaving-to-right {
  transform: translateX(100%);
  z-index: 2;
}