#home-section {
    background: url("../img/banner-hero.jpg") no-repeat center center;
    background-size: cover;
}

header {
    max-width: 100%;
    padding: 2.625rem 6.25rem;
    font: clamp( 1.3rem, 1.25vw, 1.5rem) "Inter-SemiBold", sans-serif;
    color: var(--branco);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.wrap-logo-menu {
    display: flex;
    gap: 4.25rem;
    align-items: center;
}

.menu ul {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 1.5rem;
}

.menu a {
    text-decoration: none;
    color: var(--branco);
}

.menu a.active {
    color: var(--amarelo);
    text-decoration: underline;
}

.menu a:hover {
    color: var(--amarelo);
    text-decoration: underline;
    cursor: pointer;
}

.menu:hover a.active {
    color: var(--branco);
    text-decoration: none;
}

.menu a.active:hover {
    color: var(--amarelo);
    text-decoration: underline;
}

.logo-content {
    display: flex;
}

.logo-content img {
    max-width: clamp(27rem, 25.41vw, 30.5rem);
}

.tel-menu-mobile {
    display: none;
}

.tel-header {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.tel-header a {
    text-decoration: none;
    color: var(--branco);
}

.content-home {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4.438rem;
    padding: 22.93rem 0 7.75rem 0;
}

.text-home {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    padding-left: 4.438rem;
    border-left: 3px solid var(--branco);
}

.text-home h1 {
    font: clamp(2rem, 2.5vw, 3rem) "Inter-Bold", sans-serif;
    letter-spacing: 6%;
    color: var(--amarelo);
}

.text-home p {
    font: clamp(1.3rem, 1.25vw, 1.5rem) "Inter-Regular", sans-serif;
    color: var(--branco);
    letter-spacing: 6%;
}

.menu-toggle {
    display: none;
}