/* Estilos para el efecto Typewriter */
.highlight {
    color: #28AECC;
    /* Tu color secundario (Cian) */
    position: relative;
    z-index: 1;
}

/* Subrayado opcional */
.highlight::after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 8px;
    background: rgba(40, 174, 204, 0.2);
    z-index: -1;
}

/* El cursor parpadeante */
.cursor {
    font-weight: 700;
    color: #28AECC;
    animation: blink 1s step-end infinite;
}

@keyframes blink {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }
}

/* Ajustes opcionales para el H1 en WP */
.wp-typewriter-title {
    /* Puedes añadir font-size aquí si necesitas sobrescribir el tema */
    font-weight: 700;
}