/**
 * BMO Typewriter Styles
 * Author: BMO-solutions
 * 
 * CSS Estructural y variables de animación
 */

.bmo-typewriter-container {
    display: inline-block;
    width: 100%;
}

.bmo-typewriter-text {
    display: inline;
}

/* Modificamos el cursor predeterminado inyectado por la librería JS */
.typed-cursor {
    opacity: 1;
    -webkit-animation: typedjsBlink 0.7s infinite;
    animation: typedjsBlink 0.7s infinite;
    font-weight: inherit; /* Hereda las opciones de typography desde el widget */
}

/* Base de renderizado de la animación de parpadeo */
@keyframes typedjsBlink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes typedjsBlink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}