.brands-page-container{
    max-width:1400px;
    margin:auto;
    padding:40px 30px 80px;
}

.brands-page-hero{
    text-align:center;
    margin-bottom:30px;
}


.brands-page-hero h1{
   font-size:3rem;
    font-weight:700;
    color:#fff;
    position:relative;

}
.brands-page-hero h1::after{
    content:"";
    display:block;
    width:80px;
    height:4px;
    margin:12px auto 0;
    background:var(--blue);
    border-radius:999px;
}

.brands-page-hero p{
    max-width:600px;
    margin:auto;
    color:#b8b8b8;
    line-height:1.7;
    font-size:.95rem;
}
.brands-page-hero h1{
    font-size:2.5rem;
    margin-bottom:10px;
}
/* =========================
   GRID
========================= */

.brands-page-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:24px;
}

/* =========================
   CARDS
========================= */

.brands-page-card{
    background:#ffffff;
    border-radius:16px;
    min-height:140px;

    display:flex;
    align-items:center;
    justify-content:center;

    padding:24px;
    overflow:hidden;
    box-sizing:border-box;

    transition:.25s ease;
}

.brands-page-card:hover{
    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,140,255,.15);
}

.brands-page-card img{
    display:block;
    width:auto;
    height:auto;

    max-width:100%;
    max-height:60px;

    object-fit:contain;
}

/* =========================
   LOGOS PROBLEMATICOS
========================= */

.brands-page-logo-pentair,
.brands-page-logo-honeywell{
    max-width:75% ;
    max-height:40px ;
}

/* =========================
   RESPONSIVE
========================= */
/* =========================
   TRUST SECTION
========================= */

.brands-page-trust{
    margin-top:px;
     margin-bottom:-20px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:24px;
}

.brands-page-trust-line{
    width:180px;
    height:2px;
    background:var(--blue);
}

.brands-page-trust-icon img{
    width:90px;
    height:90px;
    object-fit:contain;
    display:block;
}

.brands-page-trust-text{
    max-width:700px;
    margin:5px auto 0;

    text-align:center;

    color:#d0d0d0;
    font-size:1.1rem;
    line-height:1.8;
}

@media (max-width:1200px){

    .brands-page-grid{
        grid-template-columns:repeat(4,1fr);
    }

}

@media (max-width:992px){

    .brands-page-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media (max-width:768px){

    .brands-page-container{
        padding:90px 20px 60px;
    }

    .brands-page-hero{
        margin-bottom:50px;
    }

    .brands-page-hero h1{
        font-size:2.2rem;
    }

    .brands-page-grid{
        grid-template-columns:repeat(2,1fr);
        gap:10px;
    }

    .brands-page-card{
        min-height:100px;
        padding:16px;
    }

    .brands-page-card img{
        max-height:45px;
    }

    .brands-page-logo-pentair,
    .brands-page-logo-honeywell{
        max-height:32px 
    }
        .brands-page-trust{
        gap:12px;
        margin-top:40px;
    }

    .brands-page-trust-line{
        width:80px;
    }

    .brands-page-trust-icon svg{
        width:40px;
        height:40px;
    }

    .brands-page-trust-text{
        font-size:1rem;
        padding:0 20px;
    }

    @media (max-width:768px){

   .brands-page-trust-icon img{
    width:60px;
    height:60px;
}

}
}