/* Estilos de Animação */
.fade-in-section, .slide-in-section, .scroll-fade-item-100, .scroll-fade-item-50, .gallery-animation-container, .testimonials-animation-container {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.fade-in-section.visible, .slide-in-section.visible, .scroll-fade-item-100.visible, .scroll-fade-item-50.visible, .gallery-animation-container.visible, .testimonials-animation-container.visible {
    opacity: 1;
    transform: translateY(0);
}
.slide-in-section.from-left { transform: translateX(-40px); }
.slide-in-section.from-right { transform: translateX(40px); }
.slide-in-section.visible { transform: translateX(0); }

/* Animações do Hero */
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.animate-hero-intro { opacity: 0; animation: fadeIn 2s ease-out forwards; animation-delay: 300ms; }
.animate-hero-content { opacity: 0; animation: fadeIn 2s ease-out forwards; animation-delay: 1800ms; }

/* Estilo do Header Visível */
#main-header.header-visible {
    opacity: 1;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}
/* Ajusta o scroll para elementos com ID para compensar o header fixo */
#reviews {
    scroll-margin-top: 130px; /* Altura aproximada do seu header fixo */
}

/* Estilos para o ícone do WhatsApp no header */
.whatsapp-icon-default {
    filter: invert(15%) sepia(15%) saturate(900%) hue-rotate(345deg) brightness(95%) contrast(85%);
    transition: filter 0.2s ease-in-out;
}
.group:hover .whatsapp-icon-hover {
    /* Filtro para a cor 'primary' (#BB705D) */
    filter: invert(55%) sepia(11%) saturate(1918%) hue-rotate(324deg) brightness(91%) contrast(87%);
}

/* Estilos para o Carrossel da Galeria (Base) */
.gallery-carousel .swiper-button-next,
.gallery-carousel .swiper-button-prev {
    width: 30px;
    height: 30px;
    color: #847062; /* Cor 'text-light' */
    transition: color 0.3s ease;
    background-color: transparent;
    border-radius: 0;
    box-shadow: none;
    position: static; /* Padrão mobile, sobrescrito em media query */
    margin: 0;
    transform: none;
}

.gallery-carousel .swiper-button-next:hover,
.gallery-carousel .swiper-button-prev:hover {
    color: #BB705D; /* Cor 'primary' no hover */
}
.gallery-carousel .swiper-button-next::after,
.gallery-carousel .swiper-button-prev::after {
    font-size: 24px;
    font-weight: 900;
}
.gallery-carousel .swiper-pagination {
    position: static; /* Posição estática para ficar abaixo dos slides */
    margin-top: 2rem; /* Espaço entre os slides e as bolinhas */
}
.gallery-carousel .swiper-pagination-bullet {
    background-color: #EAD2C7; /* Cor inativa (primary-light) */
    opacity: 1;
}
.gallery-carousel .swiper-pagination-bullet-active {
    background-color: #BB705D !important; /* Cor 'primary' ativa */
}

/* Animação do Menu Mobile */
#mobile-menu {
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s ease-out;
    transform: translateX(100%);
    opacity: 0;
    pointer-events: none;
}
#mobile-menu.menu-open {
    transform: translateX(0);
    opacity: 1;
    pointer-events: auto;
}

/* Animação do Botão Flutuante do WhatsApp */
#whatsapp-fab {
    transform: translateY(1rem);
}
#whatsapp-fab.fab-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}
#whatsapp-fab.fab-visible:hover {
    transform: translateY(0) scale(1.1);
}


/* =========================================
   MEDIA QUERY: MOBILE (max-width: 768px)
   ========================================= */
@media (max-width: 768px) {
    /* Ajusta o botão do Hero para telas menores */
    #hero-cta-button {
        display: block; 
        padding-top: 1rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        font-size: 1rem;
        text-align: center;
        white-space: nowrap;
    }
    /* Aumenta a altura da linha do título no mobile */
    #hero-headline {
        line-height: 1.3;
    }
    /* Aumenta o tamanho do header no mobile */
    #main-header > div { padding-top: 0.875rem; padding-bottom: 0.875rem; }
    #main-header img { height: 2.75rem; }
    #main-header #menu-button svg { height: 2rem; width: 2rem; }
    /* Ajusta a posição do menu mobile */
    #mobile-menu {
        top: 80px; 
    }
    /* Ajusta o título do Hero para telas muito pequenas (< 380px) */
    @media (max-width: 380px) {
        #hero-headline { font-size: 2.5rem; }
    }
    /* "Diminui o zoom" e altera imagem de fundo do Hero no mobile */
    #hero-background {
        background-size: auto 100%;
        background-image: url('imagens/fundo-bloco1-mobile.webp') !important;
        background-size: cover;
    }

    /* Move o título e botão do Hero para cima no mobile */
    #home > div.absolute.top-\[55\%\] { top: 50%; }
    #home > div.absolute.bottom-28 { bottom: 9rem; }
    
    /* Ajusta scroll para seções */
    #reviews { scroll-margin-top: 80px; }
    #contact { scroll-margin-top: 30px !important; }

    /* Ajustes seção "experiências que transformam" */
    #services-intro h2 { font-size: 2rem; }
    #services-intro p { font-size: 1rem; line-height: 1.625; }

    #services .group h3 { font-size: 1.5rem; }
    #services .group p { font-size: 0.875rem; }
    #services .group .grid > div > span:last-child { font-size: 0.8rem; }
    #services .group a { font-size: 0.875rem; }

    #transformation-card h2 { font-size: 1.5rem; }
    #transformation-card p { font-size: 0.92rem; }
    #transformation-card a {
        font-size: 0.875rem;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    /* Carrossel de serviços mobile */
    .services-carousel .swiper-slide {
        width: 85%;
        opacity: 0.5;
        transform: scale(0.9);
        transition: opacity 0.4s ease, transform 0.4s ease;
    }
    .services-carousel .swiper-slide-active {
        opacity: 1;
        transform: scale(1);
    }
    .swiper-pagination-bullet {
        background-color: #EAD2C7;
        opacity: 1;
        width: 10px;
        height: 10px;
    }
    .swiper-pagination-bullet-active {
        background-color: #BB705D !important;
    }
    .services-carousel .swiper-pagination {
        position: static;
        margin-top: 2rem;
    }

    /* Ajustes seção "o que torna sua experiência inesquecível" */
    #about h2 { font-size: 2rem; line-height: 1.3; }
    #about .text-xl { font-size: 1rem; }
    #about .mb-16 { margin-bottom: 2rem; }

    #differentiators-container .h-16 { height: 3.2rem; }
    #differentiators-container .w-16 { width: 3.2rem; }
    #differentiators-container .h-8 { height: 1.5rem; }
    #differentiators-container .w-8 { width: 1.5rem; }
    #differentiators-container h4 { font-size: 1rem; }
    #differentiators-container .text-center > .rounded-2xl { border-radius: 0.75rem; }
    #differentiators-container { gap: 2.4rem; }
    #differentiators-container p { font-size: 0.875rem; }

    #experience-card h3 { font-size: 1.1rem; }
    #experience-card .text-lg { font-size: 0.9rem; }
    #experience-card .text-4xl {
        font-size: 2.1rem;
        line-height: 2.5rem;
    }
    #experience-card .grid .text-text-light {
        font-size: 0.9rem;
    }
    #experience-card > div {
        background-image: linear-gradient(to bottom right, #F8F2F0 55%, #F0F0EE) !important;
        box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.15) !important;
    }

    /* Cores específicas ícones diferenciais mobile */
    #differentiators-container > div:nth-child(2) .bg-\[\#f6f1ef\],
    #differentiators-container > div:nth-child(4) .bg-\[\#f6f1ef\],
    #differentiators-container > div:nth-child(6) .bg-\[\#f6f1ef\] {
        background-color: #F0F0EE;
    }
    #differentiators-container > div:nth-child(2) .text-primary,
    #differentiators-container > div:nth-child(4) .text-primary,
    #differentiators-container > div:nth-child(6) .text-primary {
        color: #859470;
    }

    /* Animação cards diferenciais mobile */
    .differentiator-card {
        opacity: 0;
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }
    .differentiator-card.from-left { transform: translateX(-30px); }
    .differentiator-card.from-right { transform: translateX(30px); }
    .differentiator-card.visible { opacity: 1; transform: translateX(0); }

    /* Linha de conexão diferenciais */
    .connector-line {
        position: absolute;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%) scaleY(0);
        transform-origin: top;
        width: 10px;
        height: 3.48rem;
        background: linear-gradient(to bottom, #efefef, #f7f7f7);
        transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
        transition-delay: 0.2s;
    }
    .differentiator-card.visible .connector-line {
        transform: translateX(-50%) scaleY(1);
    }

    /* Degradê fundo mobile */
    #sections-wrapper {
        background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 70%, #EAD2C7 100%) !important;
    }

    /* Ajustes "nossas criações" */
    #differentiators-container .differentiator-card { transform: scale(0.935); }
    #gallery h2 { font-size: 2rem; }
    #gallery p { font-size: 1rem; line-height: 1.625; }
    #gallery .text-center a { font-size: 0.875rem; }
    .gallery-carousel h3 { font-size: 1.7rem; }

    /* Setas da Galeria no Mobile */
    .gallery-carousel .swiper-button-next,
    .gallery-carousel .swiper-button-prev {
        position: absolute;
        top: 0.45rem; /* Alinha com título */
        width: 22px;
        height: 22px;
    }
    .gallery-carousel .swiper-button-next::after,
    .gallery-carousel .swiper-button-prev::after {
        font-size: 12px;
    }

    /* Ajustes "o que nossas clientes dizem" */
    #reviews h2 { font-size: 2rem; }
    #reviews .text-center > p { font-size: 1rem; line-height: 1.625; }
    #reviews h2 span { display: block; line-height: 1.3; }
    #reviews .max-w-md .text-text-light { font-size: 0.875rem; }
    #testimonials-container .text-text-light { font-size: 0.875rem; }
    #reviews .text-6xl { font-size: 4rem !important; }
    #reviews #rating-stars { margin-top: -0.5rem; margin-bottom: 0.75rem; }
    #reviews .text-center { margin-bottom: 1.5rem !important; }
    #reviews .max-w-md {
        padding-top: 1rem;
        padding-bottom: 1.5rem;
        transform: scale(0.8);
        margin-bottom: 0 !important;
    }
    #reviews .text-pink-500 { font-size: 0.75rem; }
    #reviews .text-pink-500 svg { width: 0.85rem; height: 0.85rem; }
    #testimonials-container img { width: 2.75rem; height: 2.75rem; }
    #testimonials-container .font-bold { font-size: 0.875rem; }

    /* Carrossel depoimentos mobile */
    .testimonials-carousel { padding-top: 1rem; }
    .testimonials-carousel .swiper-slide .bg-white { padding: 1rem; }
    .testimonials-carousel .swiper-slide {
        width: 65%;
        opacity: 0.5;
        transform: scale(0.85);
        transition: opacity 0.4s ease, transform 0.4s ease;
        padding-bottom: 2.5rem;
    }
    .testimonials-carousel .swiper-slide-active {
        opacity: 1;
        transform: scale(0.95);
    }
    .testimonials-carousel .swiper-pagination { bottom: 0 !important; }
    .testimonials-carousel .swiper-pagination-bullet-active { background-color: #BB705D !important; }
    .testimonials-carousel .text-text-light { font-size: 0.75rem !important; }
    .testimonials-carousel .font-bold { font-size: 0.8rem !important; }
    .testimonials-carousel img { width: 2.25rem !important; height: 2.25rem !important; }
    .testimonials-carousel .flex.text-yellow-400 svg { width: 0.8rem; height: 0.8rem; }
    .testimonials-carousel .swiper-pagination-bullet { background-color: #D9C1B6; }
    
    #reviews .text-center.mt-16 p { font-size: 0.875rem; }
    #reviews { margin-top: 4rem !important; }

    /* Ajustes "nossa essência" */
    #video h2 { font-size: 2rem; }
    #video p { font-size: 1rem; line-height: 1.625; }

    /* Ajustes "nossa equipe" */
    #team h2 { font-size: 2rem; }
    #team p { font-size: 1rem; line-height: 1.5; }
    #team #team-container-mobile .font-semibold { font-size: 0.8rem; }
    #team #team-container-mobile .text-sm { font-size: 0.7rem; }
    #team h4 { font-size: 1.1rem !important; line-height: 1.4; margin-bottom: 0.25rem; }
    #team #team-container-mobile .shadow-lg { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.28) !important; }
    #team #team-container-mobile .inline-flex.items-center > svg { transform: translateY(-2px); }
    #team { padding-bottom: 3.5rem !important; }
    #contact { padding-top: 3.5rem !important; }

    /* Ajustes "visite nosso espaço" */
    #contact h2 { font-size: 2rem; }
    #contact .text-center > p { font-size: 1rem; line-height: 1.625; }
    #contact .space-y-6 h3 { font-size: 1rem; }
    #contact .contact-accordion {
        padding-left: 1rem; padding-right: 1rem;
        padding-top: 1rem; padding-bottom: 1rem;
    }
    #contact .space-y-6 p, #contact .space-y-6 span { font-size: 0.875rem; }
    
    #contact .flex.items-center > .flex-shrink-0 { width: 43.2px; height: 43.2px; padding: 10.8px; }
    #contact .flex.items-center > .flex-shrink-0 > img { width: 21.6px; height: 21.6px; }
    #contact .bg-white\/80 > div > .mt-4 { margin-left: 15px; margin-right: 15px; }

    #visit-us-card h3 { font-size: 1.4rem; }
    #visit-us-card p { font-size: 0.92rem !important; }
    #visit-us-card a {
        font-size: 0.88rem !important;
        padding: 0.6rem 1.6rem !important;
    }

    /* Acordeão de Contato Mobile */
    .contact-accordion .accordion-content { max-height: 0; overflow: hidden; }
    .contact-accordion.active .accordion-content { max-height: 500px; }
    .contact-accordion .accordion-header { cursor: pointer; }
    .contact-accordion .accordion-header h3 { white-space: nowrap; }

    /* Seta do Acordeão */
    .contact-accordion .arrow { position: relative; height: 12px; width: 12px; }
    .contact-accordion .arrow::before,
    .contact-accordion .arrow::after {
        content: '';
        position: absolute;
        bottom: 0px;
        width: 0.15rem;
        height: 100%;
        background-color: #859470;
        transition: transform 0.3s ease-in-out;
        border-radius: 1px;
    }
    .contact-accordion .arrow::before { left: -4px; transform: rotate(-45deg); }
    .contact-accordion .arrow::after { left: 4px; transform: rotate(45deg); }
    .contact-accordion.active .arrow::before { transform: rotate(45deg); }
    .contact-accordion.active .arrow::after { transform: rotate(-45deg); }
}

/* =========================================
   MEDIA QUERY: DESKTOP GENERAL (min-width: 768px)
   ========================================= */
@media (min-width: 768px) {
    /* Setas da Galeria Desktop */
    .gallery-carousel .swiper-button-next,
    .gallery-carousel .swiper-button-prev {
        position: absolute;
        top: 22px;
        transform: translateY(-57%);
        margin-top: 0;
    }
    .gallery-carousel .swiper-button-prev { left: 20% !important; }
    .gallery-carousel .swiper-button-next { right: 20% !important; }

    /* Tamanho dos bullets da galeria */
    .gallery-carousel .swiper-pagination-bullet {
        width: 12px;
        height: 12px;
    }
}

/* =========================================
   MEDIA QUERY: NOTEBOOK (768px - 1440px)
   ========================================= */
@media (min-width: 768px) and (max-width: 1440px) {
    /* Hero Logo */
    #home .top-32 img { height: 8.232rem !important; }

    /* Hero Headline */
    #hero-headline { font-size: 4.2525rem !important; }

    /* Hero Button */
    #hero-cta-button {
        font-size: 1.3125rem !important;
        padding-left: 4.2rem !important;
        padding-right: 4.2rem !important;
        padding-top: 1.4rem !important;
        padding-bottom: 1.4rem !important;
    }

    /* Header adjustments */
    header .flex.items-center.space-x-4 span { display: none !important; }
    header nav a { font-size: 1.045rem !important; }
    header nav.space-x-10 > :not([hidden]) ~ :not([hidden]) { margin-left: 2rem !important; }
    header #main-header img.md\:h-16 { height: 3.4rem !important; }
    header #main-header > div { padding-top: 0.64rem !important; padding-bottom: 0.64rem !important; }
    header .flex.items-center.space-x-4 svg, header .flex.items-center.space-x-4 img { width: 22px !important; height: 22px !important; }
    header a.bg-button-primary {
        font-size: 0.85rem !important;
        padding: 0.64rem 1.275rem !important;
    }

    /* Botão Hero Posição */
    #home > div.absolute.bottom-28.md\:bottom-40 { bottom: 8rem !important; }

    /* Services Layout */
    #services .group.grid { gap: 1.8rem !important; }
    #services .group.grid:nth-child(1),
    #services .group.grid:nth-child(3) { grid-template-columns: 0.78fr 1.22fr !important; }
    #services .group.grid:nth-child(2),
    #services .group.grid:nth-child(4) { grid-template-columns: 1.22fr 0.78fr !important; }
    #services > div.max-w-7xl { max-width: 900px !important; }

    #services .group h3 { font-size: 1.5rem !important; }
    #services .group .text-primary.font-semibold { font-size: 0.96rem !important; }
    #services .group .text-text-light.text-lg { font-size: 0.96rem !important; line-height: 1.6 !important; }
    #services .group .grid-cols-2 span { font-size: 0.8rem !important; }
    #services .group a.font-semibold { font-size: 0.8rem !important; }
    #services-intro h2 { font-size: 2.4rem !important; }
    #services-intro p { font-size: 1rem !important; }

    /* Transformation Card */
    #transformation-card { margin-top: 6rem !important; }
    #transformation-card > div { padding: 1.6rem !important; max-width: 33.6rem !important; }
    #transformation-card h2 { font-size: 1.5rem !important; }
    #transformation-card p { font-size: 0.96rem !important; margin-bottom: 1.6rem !important; max-width: 30rem !important; }
    #transformation-card a { font-size: 0.8rem !important; padding: 0.6rem 1.6rem !important; }

    /* Spacing Reductions */
    #services { padding-top: 6.4rem !important; padding-bottom: 6.4rem !important; }
    #about { padding-top: 6.4rem !important; padding-bottom: 6.4rem !important; }
    #gallery { padding-bottom: 6.4rem !important; }

    /* About Section */
    #about h2 { font-size: 2.4rem !important; }
    #about > div > div > div > p { font-size: 1rem !important; }
    #about .mb-16 { margin-bottom: 3.2rem !important; }
    
    #differentiators-container { gap: 1.6rem !important; }
    #differentiators-container .h-16 { height: 3.2rem !important; }
    #differentiators-container .w-16 { width: 3.2rem !important; }
    #differentiators-container .h-8 { height: 1.6rem !important; }
    #differentiators-container .w-8 { width: 1.6rem !important; }
    #differentiators-container h4 { font-size: 1rem !important; }
    #differentiators-container p { font-size: 0.8rem !important; }

    #experience-card > div { padding: 2.4rem !important; }
    #experience-card h3 { font-size: 1.2rem !important; }
    #experience-card .text-lg { font-size: 0.96rem !important; }
    #experience-card .text-4xl { font-size: 2.4rem !important; }
    #experience-card .text-text-dark.mt-2 { font-size: 0.8rem !important; }

    /* Gallery Section */
    #gallery h2 { font-size: 2.4rem !important; }
    #gallery p { font-size: 1rem !important; }
    .gallery-carousel h3 { font-size: 1.8rem !important; }
    .gallery-carousel .grid { gap: 0.8rem !important; }
    #gallery .mt-12 a { font-size: 0.96rem !important; }

    /* Reviews Section */
    #reviews { margin-top: 4rem !important; }
    #reviews h2 { font-size: 2.4rem !important; }
    #reviews .text-center > p { font-size: 1rem !important; }
    
    #reviews .max-w-md { 
        padding: 1.5rem 1.6rem !important;
        max-width: 22rem !important;
        margin-bottom: 3.2rem !important; 
    }
    #reviews .max-w-md .text-6xl { font-size: 3.2rem !important; }
    #rating-stars svg { width: 1.2rem !important; height: 1.2rem !important; }
    #reviews .max-w-md .text-text-light { font-size: 0.8rem !important; }
    #reviews .text-sm { font-size: 0.7rem !important; }

    #testimonials-container { gap: 1.6rem !important; }
    #testimonials-container .p-8 { padding: 1.6rem !important; }
    #testimonials-container img { width: 2.4rem !important; height: 2.4rem !important; }
    #testimonials-container .font-bold { font-size: 0.8rem !important; }
    #testimonials-container .text-text-light { font-size: 0.8rem !important; }
    
    #reviews .mt-16 p { font-size: 0.8rem !important; }
    #reviews .mt-16 a { padding: 0.4rem 0.8rem !important; }
    #reviews .mt-16 .text-sm { font-size: 0.7rem !important; }
    #reviews .mt-16 svg { width: 0.8rem !important; height: 0.8rem !important; }

    /* Video Section */
    #video { padding-top: 4.8rem !important; padding-bottom: 4.8rem !important; }
    #video h2 { font-size: 2.4rem !important; }
    #video p { font-size: 1rem !important; }
    #video-wrapper svg { width: 8rem !important; height: 8rem !important; }

    /* Team Section */
    #team { padding-top: 4.8rem !important; padding-bottom: 4.8rem !important; }
    #team h2 { font-size: 2.4rem !important; }
    #team p { font-size: 1rem !important; }
    #team-container-desktop-row1, #team-container-desktop-row2 { gap: 1.6rem !important; max-width: 56rem !important; }
    #team h4.font-semibold { font-size: 1rem !important; }
    #team .font-semibold { font-size: 0.8rem !important; }
    #team .text-sm { font-size: 0.7rem !important; }

    /* Contact Section */
    #contact { padding-top: 4.8rem !important; }
    #contact h2 { font-size: 2.4rem !important; }
    #contact .text-center > p { font-size: 1rem !important; }
    #contact .lg\:h-\[550px\] { height: 440px !important; }
    
    .contact-accordion { padding: 1.2rem !important; }
    .contact-accordion h3 { font-size: 1rem !important; }
    .contact-accordion p, .contact-accordion span { font-size: 0.8rem !important; }
    .contact-accordion .w-6.h-6 { width: 1.2rem !important; height: 1.2rem !important; }
    .contact-accordion .p-3 { padding: 0.6rem !important; }
    .contact-accordion .md\:pl-\[60px\] { padding-left: 48px !important; }
    .contact-accordion .w-5.h-5 { width: 1rem !important; height: 1rem !important; }
    #contact .contact-accordion a[href*="whatsapp.com"] img { width: 15px !important; height: 15px !important; }

    #visit-us-card > div { padding: 2.4rem !important; }
    #visit-us-card h3 { font-size: 1.5rem !important; }
    #visit-us-card p { font-size: 0.96rem !important; }
    #visit-us-card a { font-size: 0.8rem !important; padding: 0.6rem 1.6rem !important; }

    /* Footer */
    footer { padding-top: 2rem !important; }
    footer .h-20 { height: 4rem !important; }
    footer a { font-size: 0.8rem !important; }
    footer .text-sm { font-size: 0.7rem !important; }

    /* Container Max-Width Adjustments for Notebook */
    #about > div.container.mx-auto.px-6 { max-width: 900px !important; }
    #differentiators-container { margin-left: -4rem !important; margin-right: -4rem !important; }
    #gallery > div.container.mx-auto.px-6 { max-width: 900px !important; }
    #reviews > div.container.mx-auto.px-6 { max-width: 900px !important; }
    #video > div.container.mx-auto.px-6 { max-width: 900px !important; }
    #team > div.container.mx-auto.px-6 { max-width: 1152px !important; }
    #contact > div.max-w-6xl.mx-auto.px-6 { max-width: 900px !important; }
    #contact { scroll-margin-top: 30px; }
}

/* =========================================
   MEDIA QUERY: FULL HD (1440px - 1920px)
   ========================================= */
@media (min-width: 1440px) and (max-width: 1920px) {
    /* Retira o texto "(54) 99651-3018" do menu superior, mantendo o ícone */
    header .flex.items-center.space-x-4 a[href*="whatsapp.com"] span {
        display: none !important;
    }
}

/* Ajuste de imagens para telas entre 1441px e 1920px */
@media (min-width: 1441px) and (max-width: 1920px) {
    /* Reduz imagens da seção "Serviços" em 20% */
    #services .group .overflow-hidden {
        width: 80%;
    }
    /* Aproxima imagens do texto (ímpares: imagem à esquerda, pares: imagem à direita) */
    #services .group:nth-child(odd) .overflow-hidden {
        margin-left: auto;
        margin-right: 0;
    }
    #services .group:nth-child(even) .overflow-hidden {
        margin-left: 0;
        margin-right: auto;
    }
    #services .group.grid {
        gap: 2rem;
    }
    /* Reduz imagens da seção "Nossas Criações" em 20% */
    #gallery .swiper-slide .grid {
        width: 80%;
        margin: 0 auto;
    }

    /* Reduz elementos do Hero em 15% */
    #home img[alt="Duo Concept Logo"] {
        height: 10rem;
    }
    #hero-headline {
        font-size: 5.16rem;
    }
    #hero-cta-button {
        font-size: 1.6rem;
        padding-top: 1.7rem;
        padding-bottom: 1.7rem;
        padding-left: 5.1rem;
        padding-right: 5.1rem;
    }

    /* Posiciona o botão um pouco mais para baixo */
    #home > div.absolute.bottom-28.md\:bottom-40 {
        bottom: 7rem !important;
    }

    /* Posiciona a logo um pouco mais para cima */
    #home > div.absolute.top-32.md\:top-40 {
        top: 8rem !important;
    }
}

/* Ajuste de posição do botão para 1440px e menores */
@media (min-width: 769px) and (max-width: 1440px) {
    #home > div.absolute.bottom-28.md\:bottom-40 {
        bottom: 5rem !important;
    }
    /* Posiciona a logo um pouco mais para cima */
    #home > div.absolute.top-32.md\:top-40 {
        top: 6.5rem !important;
    }
}

/* Oculta o texto "Passo Fundo, RS" em telas até 1600px */
@media (min-width: 769px) and (max-width: 1600px) {
    header .flex.items-center.space-x-4 a[href="#contact"] span {
        display: none !important;
    }
}

/* Deixa o menu superior mais fino em 1440px e menores */
@media (max-width: 1440px) {
    #main-header > div {
        padding-top: 0.8rem !important;
        padding-bottom: 0.8rem !important;
    }
    #main-header img {
        height: 3rem !important;
    }
    header a.bg-button-primary {
        padding-top: 0.4rem !important;
        padding-bottom: 0.4rem !important;
    }
}