.elementor-kit-18{--e-global-color-primary:#E08008;--e-global-color-secondary:#E20D13;--e-global-color-text:#FFFFFF;--e-global-color-accent:#E08008;--e-global-color-e2594e4:#0A0D12;--e-global-color-ed174fe:#12171F;--e-global-color-dec34ac:#232A35;--e-global-color-c0c1141:#AAB2BF;--e-global-typography-primary-font-family:"Manrope";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Manrope";--e-global-typography-secondary-font-weight:600;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"IBM Plex Mono";--e-global-typography-accent-font-weight:500;--e-global-typography-856a5ff-font-family:"Manrope";--e-global-typography-856a5ff-font-weight:800;--e-global-typography-d5f8faa-font-family:"Manrope";--e-global-typography-d5f8faa-font-weight:600;--e-global-typography-123c1d8-font-family:"Inter";--e-global-typography-123c1d8-font-weight:400;--e-global-typography-b5179ca-font-family:"Inter";--e-global-typography-b5179ca-font-weight:500;--e-global-typography-cf27acd-font-family:"Manrope";--e-global-typography-cf27acd-font-weight:700;--e-global-typography-b694d70-font-family:"IBM Plex Mono";--e-global-typography-b694d70-font-weight:500;background-color:var( --e-global-color-e2594e4 );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-kit-18 e-page-transition{background-color:#FFBC7D;}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --Fondo:#0A0D12; --Linea:#232A35; --Boton-principal:#E08008; --Subtitulo:Manrope; --Texto-blanco:#ffffff; --Texto-atenuado:#AAB2BF; --Parrafos:Inter; --Titulares:Manrope; --Botones:Manrope; }
/* Start custom CSS */.acento{color:var(--e-global-color-primary)}
/* ===== HERO ANIMADO · Traders Zone ===== */
#hero{position:relative;isolation:isolate;overflow:hidden}

/* Degradado oscuro: asegura el contraste del texto */
#hero::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(10,13,18,.92) 0%,rgba(10,13,18,.78) 38%,rgba(10,13,18,.34) 54%,rgba(10,13,18,0) 72%),
    linear-gradient(180deg,rgba(10,13,18,.35) 0%,transparent 22%,transparent 70%,#0a0d12 100%);
}

/* Cortina: la foto aparece desde la oscuridad (una vez, 2,6 s) */
#hero::after{
  content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;
  background:#0a0d12;opacity:0;
  animation:tz-revela 2.6s cubic-bezier(.22,.61,.36,1) both;
}
@keyframes tz-revela{from{opacity:1}to{opacity:0}}

/* Capa de efectos (widget HTML con la clase tz-capas) */
#hero > .tz-capas{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
#hero > .tz-capas .elementor-widget-container{position:absolute;inset:0}

/* Contenido siempre por encima */
#hero > *:not(.tz-capas){position:relative;z-index:1}

/* Barrido de luz sobre las pantallas (una pasada, 2,2 s) */
.tz-sweep{
  position:absolute;top:-10%;bottom:-10%;left:30%;width:34%;
  background:linear-gradient(100deg,transparent 0%,rgba(255,170,60,0) 15%,rgba(255,185,90,.4) 50%,rgba(255,170,60,0) 85%,transparent 100%);
  transform:skewX(-14deg);mix-blend-mode:screen;opacity:0;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 62%,transparent 88%);
          mask-image:linear-gradient(180deg,transparent 0%,#000 28%,#000 62%,transparent 88%);
  animation:tz-barrido 2.2s ease-in-out 1.1s both;
}
@keyframes tz-barrido{
  0%{opacity:0;transform:skewX(-14deg) translateX(0)}
  15%{opacity:1}
  85%{opacity:1}
  100%{opacity:0;transform:skewX(-14deg) translateX(230%)}
}

/* Línea de precio (se dibuja una vez en 3 s y se queda) */
.tz-chart{position:absolute;left:0;bottom:0;width:60%;height:30%}
.tz-price{
  fill:none;stroke:url(#tz-grad);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;
  stroke-dasharray:1;stroke-dashoffset:1;opacity:.85;
  filter:drop-shadow(0 0 6px rgba(224,128,8,.55));
  animation:tz-dibuja 3s cubic-bezier(.65,0,.35,1) .9s forwards;
}
@keyframes tz-dibuja{to{stroke-dashoffset:0}}
.tz-area{fill:url(#tz-fill);opacity:0;animation:tz-aparece 1s ease 3s forwards}
.tz-dot{fill:#ffb347;opacity:0;animation:tz-aparece .5s ease 3.8s forwards}
@keyframes tz-aparece{to{opacity:1}}

/* Móvil */
@media (max-width:767px){
  #hero::before{
    background:linear-gradient(180deg,rgba(10,13,18,.92) 0%,rgba(10,13,18,.84) 58%,rgba(10,13,18,.3) 82%,#0a0d12 100%);
  }
  .tz-chart{width:100%;height:20%}
}

/* Reducir movimiento: se muestra directamente el estado final */
@media (prefers-reduced-motion:reduce){
  #hero::after{animation:none}
  .tz-sweep{animation:none;opacity:0}
  .tz-price{animation:none;stroke-dashoffset:0}
  .tz-area,.tz-dot{animation:none;opacity:1}
}/* End custom CSS */