.hero-section {
    position: relative;
    overflow: hidden;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}

.hero-bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
}

.hero-tag {
    position: absolute;
    opacity: 0.18;
    transform: scale(var(--s, 0.5)) rotate(var(--r, 0deg));
    animation: hero-float var(--dur, 6s) ease-in-out var(--delay, 0s) infinite alternate;
    transform-origin: center center;
}

.hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 800px;
    padding: 0 20px;
    box-sizing: border-box;
}

@keyframes hero-float {
    0% { translate: 0 0; }
    100% { translate: 0 calc(var(--drift, 5px)); }
}

.mobile-extra {
    display: none;
}

/* Responsividade */
@media (max-width: 768px) {
    .mobile-extra {
        display: block;
    }

    .hero-section {
        min-height: 80vh;
        padding: 60px 0 120px 0;
    }

    .hero-tag {
        transform: scale(calc(var(--s, 0.5) * 0.65)) rotate(var(--r, 0deg));
    }

    .hero-content h1 {
        font-size: 1.8rem;
        margin-bottom: 0.5rem;
    }

    .hero-content p {
        font-size: 1rem;
    }
}
