/**
 * Pet Marketing - Responsividade
 * Adaptações de tela conforme padrão mobile first e responsivo
 */

/* Telas Grandes (Desktops Widescreen >= 1400px) */
@media (min-width: 1400px) {
    .hero-title {
        font-size: 3.85rem;
    }

    .hero-text-block {
        max-width: 600px;
    }

    .hero-section {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 38%, 
                rgba(255, 255, 255, 0.96) 48%, 
                rgba(255, 255, 255, 0.6) 60%, 
                rgba(255, 255, 255, 0) 74%
            ),
            url('../img/hero.webp');
    }

    .solucao-hero-marca-presenca {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 38%, 
                rgba(255, 255, 255, 0.96) 48%, 
                rgba(255, 255, 255, 0.6) 60%, 
                rgba(255, 255, 255, 0) 74%
            ),
            url('../img/hero-marca-presenca.jpg');
    }

    .solucao-hero-gestao {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 38%, 
                rgba(255, 255, 255, 0.96) 48%, 
                rgba(255, 255, 255, 0.6) 60%, 
                rgba(255, 255, 255, 0) 74%
            ),
            url('../img/hero-gestao.jpg');
    }

    .solucao-hero-marketing {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 38%, 
                rgba(255, 255, 255, 0.96) 48%, 
                rgba(255, 255, 255, 0.6) 60%, 
                rgba(255, 255, 255, 0) 74%
            ),
            url('../img/hero-mkt-aquisicao.jpg');
    }

    .solucao-hero-relacionamento {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 38%, 
                rgba(255, 255, 255, 0.96) 48%, 
                rgba(255, 255, 255, 0.6) 60%, 
                rgba(255, 255, 255, 0) 74%
            ),
            url('../img/hero-relacionamento.jpg');
    }
}

/* Laptops e Telas Médias (<= 1199px) */
@media (max-width: 1199.98px) {
    .hero-title {
        font-size: 3.1rem;
    }

    .hero-features-bar {
        gap: 24px;
    }

    .hero-section {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 42%, 
                rgba(255, 255, 255, 0.96) 52%, 
                rgba(255, 255, 255, 0.6) 66%, 
                rgba(255, 255, 255, 0) 80%
            ),
            url('../img/hero.webp');
    }

    .solucao-hero-marca-presenca {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 42%, 
                rgba(255, 255, 255, 0.96) 52%, 
                rgba(255, 255, 255, 0.6) 66%, 
                rgba(255, 255, 255, 0) 80%
            ),
            url('../img/hero-marca-presenca.jpg');
    }

    .solucao-hero-gestao {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 42%, 
                rgba(255, 255, 255, 0.96) 52%, 
                rgba(255, 255, 255, 0.6) 66%, 
                rgba(255, 255, 255, 0) 80%
            ),
            url('../img/hero-gestao.jpg');
    }

    .solucao-hero-marketing {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 42%, 
                rgba(255, 255, 255, 0.96) 52%, 
                rgba(255, 255, 255, 0.6) 66%, 
                rgba(255, 255, 255, 0) 80%
            ),
            url('../img/hero-mkt-aquisicao.jpg');
    }

    .solucao-hero-relacionamento {
        background-image: 
            linear-gradient(to right, 
                #FFFFFF 0%, 
                #FFFFFF 42%, 
                rgba(255, 255, 255, 0.96) 52%, 
                rgba(255, 255, 255, 0.6) 66%, 
                rgba(255, 255, 255, 0) 80%
            ),
            url('../img/hero-relacionamento.jpg');
    }

    .solucoes-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
    }
}

/* Tablets e Telas Menores (<= 991.98px) */
@media (max-width: 991.98px) {
    .site-header {
        padding: 4px 0;
        background-color: rgba(255, 255, 255, 0.92);
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    .navbar-collapse {
        background-color: var(--pm-white);
        padding: 16px 20px;
        border-radius: 16px;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
        margin-top: 12px;
        border: 1px solid var(--pm-border);
    }

    .nav-links-menu {
        text-align: center;
        gap: 8px;
    }

    .nav-links-menu .nav-link {
        padding: 10px 16px !important;
        border-radius: 8px;
    }

    .nav-links-menu .nav-link:hover {
        background-color: var(--pm-primary-light);
    }

    .hero-section {
        min-height: auto;
        padding-top: 120px;
        padding-bottom: 60px;
        background-image: 
            linear-gradient(to bottom, 
                rgba(255, 255, 255, 0.97) 0%, 
                rgba(255, 255, 255, 0.92) 65%, 
                rgba(255, 255, 255, 0.6) 88%, 
                rgba(255, 255, 255, 0.2) 100%
            ),
            linear-gradient(to right, 
                rgba(255, 255, 255, 0.95) 0%, 
                rgba(255, 255, 255, 0.8) 100%
            ),
            url('../img/hero.webp');
        background-position: center bottom;
    }

    .hero-row {
        min-height: auto;
    }

    .hero-text-block {
        max-width: 100%;
        text-align: center;
    }

    .hero-eyebrow {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-subtitle {
        margin-left: auto;
        margin-right: auto;
    }

    .hero-actions {
        justify-content: center;
    }

    .hero-features-bar {
        justify-content: center;
    }

    /* Ajustes da Seção Gerir no Tablet */
    .gerir-content-col {
        text-align: left;
    }

    .gerir-items-grid {
        gap: 12px;
    }

    .gerir-image-wrapper:empty {
        min-height: 0;
    }

    /* Ajustes da Seção O Que É no Tablet */
    .o-que-e-content-col {
        text-align: left;
    }

    .o-que-e-media-wrapper {
        max-width: 440px;
        margin: 0 auto;
    }

    /* Ajustes da Seção Soluções no Tablet */
    .solucoes-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .solucoes-header-cta {
        width: 100%;
    }

    .btn-solucoes-outline {
        width: 100%;
        justify-content: center;
    }

    /* Ajustes da Seção Depoimentos no Tablet */
    .depoimentos-header-text {
        max-width: 100%;
    }

    .testimonial-card-inner {
        padding: 32px 30px;
        gap: 24px;
    }

    .depoimentos-paw-badge {
        display: none;
    }

    /* Ajustes da Seção CTA Final no Tablet */
    .cta-final-box {
        border-radius: 24px;
    }

    .cta-dog-wrapper {
        justify-content: center;
    .cta-content-inner {
        padding: 24px 30px;
        text-align: center;
    }

    .cta-final-subtitle {
        margin-left: auto;
        margin-right: auto;
    }

    .cta-benefits-list {
        padding: 10px 30px 36px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    /* Rodapé no Tablet */
    .footer-top-row {
        flex-direction: column;
        text-align: center;
        gap: 28px;
    }

    .footer-brand-col {
        flex-direction: column;
        text-align: center;
        gap: 12px;
    }

    .footer-bottom-row {
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }
}

/* Smartphones (<= 575.98px) */
@media (max-width: 575.98px) {
    .header-logo {
        max-height: 44px;
    }

    .hero-title {
        font-size: 2.3rem;
        line-height: 1.15;
    }

    .hero-actions {
        flex-direction: column;
        width: 100%;
    }

    .btn-hero-primary,
    .btn-hero-secondary {
        width: 100%;
        justify-content: center;
    }

    .hero-features-bar {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
        width: 100%;
    }

    .hero-feature-name {
        font-size: 12px;
        white-space: normal;
    }

    .hero-feature-icon-wrapper svg {
        width: 28px;
        height: 28px;
    }

    /* Ajustes da Seção Gerir no Mobile */
    .gerir-title {
        font-size: 2.15rem;
        line-height: 1.18;
    }

    .gerir-items-grid {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .btn-gerir-primary {
        width: 100%;
        justify-content: center;
        text-align: center;
        padding: 13px 20px;
        font-size: 14px;
    }

    /* Ajustes da Seção O Que É no Mobile */
    .o-que-e-title {
        font-size: 2.15rem;
        line-height: 1.18;
    }

    .btn-o-que-e {
        width: 100%;
        justify-content: center;
        text-align: center;
        padding: 13px 20px;
        font-size: 14px;
    }

    .o-que-e-media-wrapper {
        max-width: 320px;
        margin: 0 auto;
    }

    /* Ajustes da Seção Pilares no Mobile */
    .pilares-title {
        font-size: 2.15rem;
        line-height: 1.18;
    }

    .pilar-card {
        padding: 24px 20px;
    }

    .pilar-card-desc {
        min-height: auto;
    }

    /* Ajustes da Seção Soluções no Mobile */
    .solucoes-title {
        font-size: 2.15rem;
        line-height: 1.18;
    }

    .solucoes-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .solucao-card-body {
        padding: 22px 18px 18px;
    }

    .solucao-card.no-img {
        min-height: auto;
        padding: 20px 18px;
    }

    /* Ajustes da Seção Depoimentos no Mobile */
    .depoimentos-title {
        font-size: 1.85rem;
    }

    .testimonial-card-inner {
        flex-direction: column;
        text-align: center;
        padding: 24px 18px;
        gap: 18px;
    }

    .testimonial-quote {
        font-size: 1rem;
    }

    /* Ajustes da Seção CTA Final no Mobile */
    .cta-final-box {
        border-radius: 20px;
    .cta-content-inner {
        padding: 20px 18px;
    }

    .cta-final-title {
        font-size: 1.65rem;
    }

    .btn-cta-final {
        width: 100%;
        justify-content: center;
    }

    .cta-benefits-list {
        grid-template-columns: 1fr;
        padding: 10px 20px 30px;
        gap: 14px;
    }

    .footer-nav {
        flex-wrap: wrap;
        justify-content: center;
        gap: 14px 18px;
    }

    .footer-nav a {
        font-size: 13.5px;
    }

    .btn-footer-cta {
        width: 100%;
        justify-content: center;
    }

    /* Ajustes da Página de Soluções no Mobile */
    .solucao-hero-section {
        padding-top: 105px;
        padding-bottom: 40px;
    }

    .solucao-hero-marca-presenca {
        min-height: auto;
        padding-top: 115px;
        padding-bottom: 50px;
        background-image: 
            linear-gradient(to bottom, 
                rgba(255, 255, 255, 0.97) 0%, 
                rgba(255, 255, 255, 0.92) 65%, 
                rgba(255, 255, 255, 0.6) 88%, 
                rgba(255, 255, 255, 0.2) 100%
            ),
            linear-gradient(to right, 
                rgba(255, 255, 255, 0.95) 0%, 
                rgba(255, 255, 255, 0.8) 100%
            ),
            url('../img/hero-marca-presenca.jpg');
        background-position: center bottom;
    }

    .solucao-hero-gestao {
        min-height: auto;
        padding-top: 115px;
        padding-bottom: 50px;
        background-image: 
            linear-gradient(to bottom, 
                rgba(255, 255, 255, 0.97) 0%, 
                rgba(255, 255, 255, 0.92) 65%, 
                rgba(255, 255, 255, 0.6) 88%, 
                rgba(255, 255, 255, 0.2) 100%
            ),
            linear-gradient(to right, 
                rgba(255, 255, 255, 0.95) 0%, 
                rgba(255, 255, 255, 0.8) 100%
            ),
            url('../img/hero-gestao.jpg');
        background-position: center bottom;
    }

    .solucao-hero-marketing {
        min-height: auto;
        padding-top: 115px;
        padding-bottom: 50px;
        background-image: 
            linear-gradient(to bottom, 
                rgba(255, 255, 255, 0.97) 0%, 
                rgba(255, 255, 255, 0.92) 65%, 
                rgba(255, 255, 255, 0.6) 88%, 
                rgba(255, 255, 255, 0.2) 100%
            ),
            linear-gradient(to right, 
                rgba(255, 255, 255, 0.95) 0%, 
                rgba(255, 255, 255, 0.8) 100%
            ),
            url('../img/hero-mkt-aquisicao.jpg');
        background-position: center bottom;
    }

    .solucao-hero-relacionamento {
        min-height: auto;
        padding-top: 115px;
        padding-bottom: 50px;
        background-image: 
            linear-gradient(to bottom, 
                rgba(255, 255, 255, 0.97) 0%, 
                rgba(255, 255, 255, 0.92) 65%, 
                rgba(255, 255, 255, 0.6) 88%, 
                rgba(255, 255, 255, 0.2) 100%
            ),
            linear-gradient(to right, 
                rgba(255, 255, 255, 0.95) 0%, 
                rgba(255, 255, 255, 0.8) 100%
            ),
            url('../img/hero-relacionamento.jpg');
        background-position: center bottom;
    }

    .solucao-item-card {
        flex-direction: column;
        gap: 14px;
        padding: 22px 18px;
    }

    .solucao-cta-card {
        padding: 28px 20px;
        border-radius: 20px;
    }

    .btn-solucao-main-cta {
        width: 100%;
        justify-content: center;
    }

    .por-que-card-wide {
        flex-direction: column;
        gap: 14px;
    }

    /* Ajustes do Accordion FAQ no Mobile */
    .custom-accordion .accordion-button {
        padding: 16px 18px;
        font-size: 0.98rem;
    }

    .custom-accordion .accordion-body {
        padding: 16px 18px;
        font-size: 0.92rem;
    }

    /* Ajustes do Botão Flutuante no Mobile */
    .whatsapp-float-wrapper {
        bottom: 18px;
        right: 18px;
    }

    .btn-whatsapp-float {
        width: 54px;
        height: 54px;
        font-size: 28px;
    }
}