@media screen and (min-width: 768px) {
    .container {
        gap: 3.5rem;
    }

    .header-nav {
        display: flex;
        padding: 2rem 3.5rem;
        flex-direction: column;
        align-items: center;
        gap: 2rem;
        width: 100%; /* Corrigido para garantir que o nav ocupe toda a largura */
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999; /* Garante que o nav fique acima de outros elementos */
        background-color: var(--primary-bg-color); /* Corrigido para garantir opacidade e sobreposição */
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    }

    .nav__header {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        width: 100%;
    }
    
    .menu--desktop {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 2rem;
        width: 100%;
    }

    .menu__text {
        font-size: 1rem; /* 26px */
        background-color: var(--primary-text-color);
    }

    .menu__item {
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .menu__item:hover,
    .menu__item:focus {
        border-bottom: none;
    }

    .day-night {
        padding: 0;
    }

    .day-night-button .bi {
        font-size: 1.6rem; /* 20px */
    }

   .header-nav .cta-buttons {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: flex-start;
        position: relative;
        width: 100%;
    }

    header {
        gap: 3.5rem;
        padding: 14rem 3.5rem 3rem 3.5rem;
    }

    .header-nav--mobile {
        display: none; /* Esconde o menu mobile em telas maiores */
    }

    .header-imgs {
        height: 652px;
        width: 452.267px;
    }

    .header-imgs__onca {
        width: 452.267px;
        height: 640px;
    }

    .header-imgs__starburst {
        width: 197px;
        height: 187.419px;
        left: 420px;
        top: -190px;
        animation: starburst-in-large 1.2s cubic-bezier(0.77, 0, 0.175, 1) forwards;
    }

    .header-imgs__azulario {
        padding: 4rem;
    }

    main {
        gap: 3.5rem;
    }

    .presentation-title {
        font-size: 2.25rem;
    }

    .presentation {
        gap: 3.5rem;
        padding: 3.5rem;
    }

    .about-me {
        padding: 3.5rem;
        gap: 3.5rem;
        
    }

    .presentation-img {
        width: 17rem;
        height: auto;
        aspect-ratio: 1/1;
    }

    .about-me h2 {
        font-size: 2.25rem;
    }

    .about-me p {
        font-size: 1.8rem; /* 26px */
    }

    .social-midia {
        gap: 4rem;
        
    }

    .social-midia .midia-icon {
        font-size: 4rem;
    }

    .projects {
        padding: 2.5rem 2rem;
        gap: 3.5rem;
        height: auto;
    }

    .tattoo-care {
        gap: 4rem;
    }

    .tattoo-photos {
        display: flex;
        flex-direction: row;
        min-width: 100%;
        padding: 3.5rem;
        justify-content: flex-start;
        align-items: center;
        gap: 3.5rem;
        overflow-x: auto;
        scroll-behavior: smooth;
        -webkit-overflow-scrolling: touch; /* Suaviza o scroll em dispositivos móveis */
        animation: none; /* Desativa qualquer animação aplicada */

    }

    .cta-projects {
        gap: 3.5rem;
    }

    .cta-projects-text {
        font-size: 1.8rem;

    }

    .faq {
        padding: 3.5rem;
        gap: 3.5rem;
    }

    .faq h2 {
        font-size: 2.25rem;
    }

    .cta-faq {
        padding: 3.5rem;
        gap: 3.5rem;
    }

    footer {
        padding: 5rem 3.5rem;
        gap: 3.5rem;
    }

    .brand-text {
        padding: 4rem; /* Remove o padding para evitar espaçamento extra */
    }

    .text-and-social {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        align-self: stretch;
    }

    .adress-and-contact {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        gap: 3.5rem;
    }

    .footer-social-media .bi {
        font-size: 1.25rem;
    }

    .location {
        gap: 3.5rem;
    }

    .location-content {
        flex-direction: row;
        align-items: flex-start;
        gap: 48px;
        max-width: 100%;
    }
    
    .location-info {
        flex: 1;
        text-align: left;
    }
    
    .map-container {
        flex: 1;
        min-height: 300px;
    }

    .ending {
        padding: 3rem 3.5rem;
        gap: 3.5rem;
    }
    
    .fixed-whatsapp-button {
        bottom: 20px; /* Mais baixo em desktop, já que o menu mobile não está visível */
        right: 20px;
        width: 80px;
        height: 80px;
    }

}

@media screen and (min-width: 1080px) {
   .header-imgs__azulario {
        padding: 7rem;
    }

    .brand-text {
        padding: 1rem 7rem; /* Remove o padding para evitar espaçamento extra */
    }

     .tattoo-care-cards {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
        align-items: center;
        justify-content: space-between;
    }
}



@media screen and (min-width: 1200px) {
   h2.presentation-title {
        font-size: 1rem;
    }

    h2.projects-title {
        font-size: 1rem;
    }

    .tattoo-care {
        padding: 2.5rem 6rem;
    }
    
}

@media screen and (min-width: 1500px) {
    .tattoo-care {
        padding: 3.5rem 8rem;
    }
    
}