/* SENTINEL OT - Typography */
h1,
h2,
h3 {
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: -0.02em;
    color: var(--color-text-primary);
}

.text--accent {
    color: var(--color-accent);
}

.text--gradient {
    background: linear-gradient(135deg, var(--color-accent) 0%, #a78bfa 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 15px rgba(167, 139, 250, 0.3));
    font-weight: 800;
}

.text--cyber-flash {
    color: #ffffff !important;
    text-shadow:
        0 0 5px #00f0ff,
        0 0 15px #00f0ff,
        0 0 30px #00f0ff,
        0 0 60px rgba(0, 240, 255, 0.5);
    font-weight: 700;
    animation: destello-pulse 2s infinite alternate;
}

.section__header {
    margin-bottom: var(--space-lg);
    max-width: 800px;
}

.section__tag {
    display: inline-block;
    font-family: var(--font-mono);
    font-size: 0.75rem;
    color: var(--color-accent);
    background: rgba(167, 139, 250, 0.1);
    border: 1px solid rgba(167, 139, 250, 0.2);
    padding: 0.35rem 0.75rem;
    border-radius: 9999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 600;
    margin-bottom: 1rem;
}

.section__title {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.section__desc {
    color: var(--color-text-secondary);
    font-size: 1.125rem;
}