.elementor-3488 .elementor-element.elementor-element-8dfe39e{--display:flex;--min-height:819px;--margin-top:-167px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-3488 .elementor-element.elementor-element-74850b9{margin:-112px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--nav-menu-icon-size:49px;}.elementor-3488 .elementor-element.elementor-element-74850b9 .elementor-menu-toggle{margin-left:auto;background-color:#02010100;}.elementor-3488 .elementor-element.elementor-element-74850b9 .elementor-nav-menu--dropdown a, .elementor-3488 .elementor-element.elementor-element-74850b9 .elementor-menu-toggle{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-3488 .elementor-element.elementor-element-74850b9 .elementor-nav-menu--dropdown .elementor-item, .elementor-3488 .elementor-element.elementor-element-74850b9 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:1px;}.elementor-3488 .elementor-element.elementor-element-74850b9 .elementor-nav-menu--dropdown{border-style:none;}.elementor-3488 .elementor-element.elementor-element-74850b9 div.elementor-menu-toggle{color:#FFFFFF;}.elementor-3488 .elementor-element.elementor-element-74850b9 div.elementor-menu-toggle svg{fill:#FFFFFF;}.elementor-3488 .elementor-element.elementor-element-5edcbf8{--display:flex;}.elementor-3488 .elementor-element.elementor-element-b0e5793{width:100%;max-width:100%;margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3488 .elementor-element.elementor-element-88b57bf{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3488 .elementor-element.elementor-element-ef83b0e{--display:flex;--margin-top:-20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3488 .elementor-element.elementor-element-ef83b0e.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-3488 .elementor-element.elementor-element-765bb3b{width:100%;max-width:100%;}.elementor-3488 .elementor-element.elementor-element-0d24c09{--display:flex;}.elementor-3488 .elementor-element.elementor-element-ecb5519{margin:-23px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;}body.elementor-page-3488{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(max-width:767px){.elementor-3488 .elementor-element.elementor-element-8dfe39e{--width:659px;--min-height:276px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:1px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:-0px;}.elementor-3488 .elementor-element.elementor-element-8dfe39e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3488 .elementor-element.elementor-element-5edcbf8{--width:1600px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3488 .elementor-element.elementor-element-b0e5793{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 5px 0px 00px;}.elementor-3488 .elementor-element.elementor-element-b0e5793.elementor-element{--align-self:center;}.elementor-3488 .elementor-element.elementor-element-88b57bf{margin:-21px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3488 .elementor-element.elementor-element-ef83b0e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3488 .elementor-element.elementor-element-765bb3b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-3488 .elementor-element.elementor-element-0d24c09{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3488 .elementor-element.elementor-element-ecb5519{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-3488 .elementor-element.elementor-element-ecb5519.elementor-element{--align-self:center;}}/* Start custom CSS for html, class: .elementor-element-b0e5793 *//* ===== TEXTO EN MOVIMIENTO ===== */
.bg-marquee{
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
  margin-top: clamp(20px, 4vw, 50px);
  /* margen vertical para que no “muerda” bordes */
  padding-block: .15em;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}

.track{
  display: flex;
  align-items: center;
  width: max-content;
  animation: scroll-left var(--marquee-speed) linear infinite;
  will-change: transform;
  padding-inline: clamp(16px, 4vw, 64px);
  /* importante: permitir que el trazo sobresalga sin recortarse */
  overflow: visible;
}

.sequence{
  display: flex;
  flex: 0 0 auto;
  gap: var(--gap);
  white-space: nowrap;
  /* evitar recortes internos */
  overflow: visible;
}

.word{
  font-family: 'Anchor', sans-serif;
  font-size: clamp(70px, 13vw, 200px);
  text-transform: lowercase;
  /* más aire vertical para que no se corte la parte baja/alta de las letras */
  line-height: 1;
  letter-spacing: 0;
  display: inline-block;
  transform: translateZ(0);
  color: #fff;
  /* aire lateral para que el stroke no se corte en bordes derecho/izquierdo */
  padding-inline: .08em;
}

.word.outline{
  color: transparent;
  /* un pelín menos de grosor ayuda a no tocar caja */
  -webkit-text-stroke: 4px #fff;
  text-stroke: 4px #fff;
  /* dibuja primero el trazo y luego el relleno */
  paint-order: stroke fill;
}

/* ===== TABLET ===== */
@media (max-width: 1024px){
  .word{ font-size: clamp(56px, 12vw, 140px); }
  .word.outline{ -webkit-text-stroke: 3.5px #fff; text-stroke: 3.5px #fff; }
}

/* ===== MÓVIL ===== */
@media (max-width: 640px){
  .track{ padding-inline: clamp(24px, 8vw, 40px); overflow: visible; }
  .word{
    font-size: clamp(40px, 15vw, 92px);
    line-height: 1.05;   /* un poco más de altura en móvil */
    padding-inline: .1em; /* algo más de aire cuando el trazo es proporcionalmente grande */
  }
  .word.outline{ -webkit-text-stroke: 3px #fff; text-stroke: 3px #fff; }
}
/* opcional si notas mordisco en los extremos del carril */
.bg-marquee{
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 4%, #000 96%, transparent 100%);
}
@import url('https://use.typekit.net/vhu8mry.css'); /* Anchor */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@100;300;400;500;700&display=swap');

/* ===== CONTENEDOR FULL WIDTH ===== */
.aliauto-turquesa {
  --ali-turq: #00A996;
  --gap: clamp(24px, 6vw, 80px);
  --marquee-speed: 22s;

  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  background: var(--ali-turq);
  color: #fff;
  overflow: hidden;
  font-family: 'Hanken Grotesk', system-ui, sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-sizing: border-box;
}

/* ===== TEXTO EN MOVIMIENTO ===== */
.bg-marquee {
  position: relative;
  width: 100%;
  overflow: hidden;
  z-index: 1;
  pointer-events: none;
  margin-top: clamp(20px, 4vw, 50px);
  /* 💥 aire extra para no cortar descendentes */
  padding-block: 0.35em;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);
}

.track {
  display: flex;
  align-items: center;
  width: max-content;
  animation: scroll-left var(--marquee-speed) linear infinite;
  will-change: transform;
  padding-inline: clamp(16px, 4vw, 64px);
  overflow: visible;
}

.sequence {
  display: flex;
  flex: 0 0 auto;
  gap: var(--gap);
  white-space: nowrap;
  overflow: visible;
}

.gap { flex: 0 0 var(--gap); height: 1px; }

.word {
  font-family: 'Anchor', sans-serif;
  font-size: clamp(70px, 13vw, 200px);
  text-transform: lowercase;
  /* 💥 aumento de altura + padding inferior */
  line-height: 1.15;
  padding-bottom: 0.15em;
  letter-spacing: 0;
  display: inline-block;
  transform: translateZ(0);
  color: #fff;
  padding-inline: .08em;
  overflow: visible;
  paint-order: stroke fill;
}

.word.outline {
  color: transparent;
  -webkit-text-stroke: 4px #fff;
  text-stroke: 4px #fff;
}

.word.italic { font-style: italic; }

@keyframes scroll-left {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ===== TEXTO INFERIOR ===== */
.inner {
  position: relative;
  z-index: 2;
  max-width: 1100px;
  margin: clamp(40px, 5vw, 70px) auto clamp(40px, 5vw, 80px);
  padding: 0 clamp(2.5rem, 6vw, 4rem);
  text-align: center;
  box-sizing: border-box;
}

.inner p {
  max-width: 78ch;
  margin: 0.7rem auto;
  font-weight: 200;
  font-size: clamp(17px, 1.8vw, 22px);
  line-height: 1.35;
  color: #fff;
  opacity: 0;
  transform: translateY(25px);
  animation: slideUp 0.8s ease-out forwards;
}
.inner p:nth-child(2){ animation-delay: .08s; }
.inner p:nth-child(3){ animation-delay: .16s; }
.inner p:nth-child(4){ animation-delay: .24s; }

.inner b { font-weight: 700; color: #fff; }

@keyframes slideUp {
  0% { opacity: 0; transform: translateY(25px); }
  100% { opacity: 1; transform: translateY(0); }
}

/* ===== REDUCE MOVIMIENTO ===== */
@media (prefers-reduced-motion: reduce) {
  .track { animation: none; }
  .inner p { animation: none; opacity: 1; transform: none; }
}

/* ===== TABLET ===== */
@media (max-width: 1024px){
  .aliauto-turquesa {
    --gap: clamp(18px, 7vw, 56px);
    --marquee-speed: 26s;
  }
  .word { font-size: clamp(56px, 12vw, 140px); }
  .word.outline { -webkit-text-stroke: 3.5px #fff; text-stroke: 3.5px #fff; }
  .inner { 
    max-width: 900px;
    padding: 0 clamp(2rem, 5vw, 3rem);
  }
  .inner p { 
    font-size: clamp(16px, 2.1vw, 20px);
    max-width: 68ch;
  }
}

/* ===== MÓVIL ===== */
@media (max-width: 640px){
  .aliauto-turquesa { 
    --gap: clamp(12px, 6vw, 32px);
    --marquee-speed: 30s;
  }
  .bg-marquee {
    margin-top: clamp(12px, 5vw, 20px);
    -webkit-mask-image: none;
    mask-image: none;
  }
  .track {
    padding-inline: clamp(24px, 8vw, 40px);
  }
  .word { 
    font-size: clamp(40px, 15vw, 92px);
    line-height: 1.2;
    padding-bottom: 0.18em;
    padding-inline: .1em;
  }
  .word.outline { -webkit-text-stroke: 3px #fff; text-stroke: 3px #fff; }
  .inner { 
    margin: 1.4rem auto 1.8rem;
    padding: 0 clamp(1.5rem, 6vw, 2rem);
    text-align: left;
  }
  .inner p { 
    font-size: clamp(15px, 4.2vw, 17px);
    line-height: 1.5;
    max-width: 55ch;
  }
}/* End custom CSS */