.elementor-kit-67{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-67 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@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;}}/* Start custom CSS */a {
  font-family: inherit; /* Mantiene la tipografía original */
  font-size: inherit;  /* Mantiene el tamaño de la fuente original */
  color: #0f0;         /* Verde estilo hacker (puedes cambiarlo si quieres) */
  cursor: pointer;
  user-select: none;
  position: relative;
  display: inline-block;
  text-decoration: none; /* Evita que el texto se subraye por defecto */
}

a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 2px; /* grosor del subrayado */
  bottom: 0;
  left: 50%;
  background-color: currentColor; /* Usa el mismo color del texto */
  transition: width 0.3s ease, left 0.3s ease;
}

a:hover::after {
  width: 100%;
  left: 0;
}

a {
  font-family: inherit !important; /* Forzamos a que mantenga la fuente original */
  font-size: inherit !important;   /* Aseguramos que el tamaño de fuente no cambie */
}

.typing-effect-container {
  font-family: 'Courier New', Courier, monospace;  /* Tipografía tipo máquina */
  color: #0f0; /* Verde estilo hacker */
  line-height: 2.5; /* Espaciado entre líneas */
}

.typing-effect {
  display: block;  /* Asegura que cada línea se muestre como bloque */
  overflow: hidden;
  white-space: nowrap;
  width: 0;
  animation: typing 6s steps(40) forwards; /* Animación de escritura, sin desaparecer el texto */
  margin-bottom: 30px; /* Separación entre párrafos */
  font-size: 16px; /* Tamaño adecuado para h6 */
  opacity: 1; /* Mantener la opacidad */
  animation-delay: 0s; /* Inicialmente sin retraso */
}

/* Estilo del enlace @satoshivault21 */
.orange-link {
  color: orange !important; /* Asegura que el enlace sea naranja */
  text-decoration: none;
}

/* Estilo de los guiones como separadores */
.dashed {
  display: inline-block;
  color: #0f0; /* Verde estilo hacker */
  font-weight: bold; /* Hacer los guiones más visibles */
  font-size: 18px; /* Tamaño de los guiones */
  margin: 10px 0; /* Separación de los guiones de los párrafos */
}

/* Animación de escritura */
@keyframes typing {
  0% {
    width: 0;
    opacity: 1; /* Mantiene visible */
  }
  100% {
    width: 100%;
    opacity: 1; /* Mantiene visible */
  }
}/* End custom CSS */