/* ==========================================================
   Typed Text Sub
   Autor: Subgráfica
   ========================================================== */

/* =========================================
   CONTENEDOR PRINCIPAL
========================================= */

.typed-text-sub {

  display: flex;
  align-items: flex-start;
  gap: 0.25em;

  font-size: 2rem;
  line-height: 1.2;
  color: inherit;

  white-space: normal;
  max-width: 100%;
  overflow-wrap: break-word;

  position: relative;
  vertical-align: middle;

}

/* =========================================
   MODO LISTA
========================================= */

.typed-text-sub.typed-mode-list {

  min-height: calc(1.2em * 2);

}

/* =========================================
   MODO INLINE
========================================= */

.typed-text-sub.typed-mode-inline {

  min-height: 0;

  align-items: flex-start;

}

/* =========================================
   TEXTO ESCRITO
========================================= */

.typed-text-sub .typed-output {

  display: inline-block;

  min-width: 0.25em;

  max-width: 100%;

  white-space: normal;

  word-break: break-word;

  overflow-wrap: break-word;

  opacity: 1;

}

/* =========================================
   OUTPUT INLINE
========================================= */

.typed-text-sub.typed-mode-inline .typed-output {

  display: block;

  width: 100%;

}

/* =========================================
   CURSOR
========================================= */

.typed-text-sub .typed-output::after {

  content: "█";

  display: inline-block;

  margin-left: 2px;

  vertical-align: top;

  opacity: 1;

  animation: blink 0.15s steps(2) infinite;

}

/* No mostrar cursor si no hay texto */

.typed-text-sub .typed-output:empty::after {

  content: "";

}

/* =========================================
   ESTADOS
========================================= */

/* Sin cursor */

.typed-text-sub:not([data-conf*='"showCursor":true'])
.typed-output::after {

  content: "";

}

/* Cursor después de finalizar */

.typed-text-sub.is-finished:not([data-conf*='"cursorAfterFinish":true'])
.typed-output::after {

  content: "";

}

/* =========================================
   ANIMACIONES
========================================= */

@keyframes blink {

  50% {
    opacity: 0;
  }

}

/* =========================================
   VISUAL BUILDER (DIVI)
========================================= */

/* Mostrar texto real */

.et-fb .typed-text-sub .typed-strings {

  display: inline !important;

}

/* Líneas visibles */

.et-fb .typed-text-sub .typed-line {

  display: inline;

}

/* Ocultar output animado */

.et-fb .typed-text-sub .typed-output {

  display: none;

}

/* Sin cursor builder */

.et-fb .typed-text-sub .typed-output::after {

  content: "";

}

/* =========================================
   ALINEACIONES
========================================= */

.et_pb_text_align_left .typed-text-sub {

  justify-content: flex-start;
  text-align: left;

}

.et_pb_text_align_center .typed-text-sub {

  justify-content: center;
  text-align: center;

}

.et_pb_text_align_right .typed-text-sub {

  justify-content: flex-end;
  text-align: right;

}

/* =========================================
   GLITCH CHAR
========================================= */

.glitch-char {

  display: inline-block;

  font-weight: bold;

}

/* =========================================
   PERFORMANCE
========================================= */

.typed-text-sub * {

  transform: none !important;
  transition: none !important;

}