/**
 * TAGLINE.CSS
 * Estilos para a seção Tagline central
 * Depende de base.css para tokens
 */

/* ===== TAGLINE ===== */
.tagline {
    display: grid;
    place-items: center;
    padding: 64px 0;
    margin-top: 4rem;
}

.tagline__copy {
    font-family: var(--font-title);
    font-weight: 300;
    font-size: clamp(28px, 3.2vw, 40px);
    line-height: 1.4;
    text-align: center;
    color: var(--blue);
    margin: 0;
}

.tagline__line {
    display: block;
}

.tagline__line strong {
    font-weight: 400;
}

.tagline__line em {
    font-style: italic;
}

/* Responsividade */
@media (max-width: 768px) {
    .tagline {
        padding: 48px 0;
    }

    .tagline__copy {
        font-size: clamp(24px, 4vw, 32px);
    }
}

@media (max-width: 409px) {
    .tagline__copy{
        max-width: 258px;
    }
}