#home {
    padding: 295px 0 220px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
#home .logotipo {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 16px;
}
#home .linha {
    height: 12px;
    background-color: var(--red-primary);
    opacity: 0;
}
#home .linha-grande.left {
    width: 200px;
    transform: translateX(-300px);
    animation: slideFromLeft 0.8s forwards;
}
#home .linha-grande.right {
    width: 200px;
    transform: translateX(300px);
    animation: slideFromRight 0.8s forwards 0.2s;
}
#home .linha-pequena.left {
    width: 94px;
    transform: translateX(-150px);
    animation: slideFromLeft 0.8s forwards 0.4s;
}
#home .linha-pequena.right {
    width: 94px;
    transform: translateX(150px);
    animation: slideFromRight 0.8s forwards 0.6s;
}
#home .linha-center {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}
#home .linha-pequena {
    width: 94px;
}
#home .titulo {
    font-family: var(--texto-logo);
    font-size: clamp(42px, 10vw, 96px);
    letter-spacing: clamp(3px, 1vw, 9.6px);
    color: var(--texto-white);
    display: flex;
}
#home .titulo .tight {
    letter-spacing: -1px;
}
#home .titulo span {
    opacity: 0;
    display: inline-block;
    vertical-align: bottom;
    transform: translateY(-100px);
    animation: letterFall 0.6s forwards;
}
#home .titulo span:nth-child(1) {
    animation-delay: 1s;
    }
#home .titulo span:nth-child(2) {
    animation-delay: 1.1s;
    }
#home .titulo span:nth-child(3) {
    animation-delay: 1.2s;
    }
#home .titulo span:nth-child(4) {
    animation-delay: 1.3s;
    }
#home .titulo span:nth-child(5),
#home .titulo span:nth-child(6) {
    animation-delay: 1.4s;
    }
#home .titulo span:nth-child(7) {
    animation-delay: 1.5s;
    }
#home .titulo span:nth-child(8) {
    animation-delay: 1.6s;
    }
#home .slogan-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#home .slogan,
#home .marca-registrada {
    font-family: var(--texto-comum);
    color: var(--texto-muted-foreground);
    opacity: 0;
    transform: translateY(50px);
    animation: slideUpFade 0.8s forwards;
}
#home .slogan {
    font-size: 20px;
    animation-delay: 1.8s;
}
#home .marca-registrada {
    font-size: 36px; margin-top: 8px;
    align-self: flex-end; animation-delay: 2s;
}
@keyframes slideFromLeft {
    to { transform: translateX(0); opacity: 1; }
}

@keyframes slideFromRight {
    to { transform: translateX(0); opacity: 1; }
}

@keyframes letterFall {
    to { transform: translateY(0); opacity: 1; }
}

@keyframes slideUpFade {
    to { transform: translateY(0); opacity: 1; }
}