html{
    scroll-behavior: smooth;
}
header{
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 1000 !important; /* Asegura que esté por encima del contenido */
    background-color: #fff;
}
/* ====== SECCIÓN CATÁLOGOS ====== */

.catalogos-section{

    width:100%;

    background:#fff;

    padding:40px 0;

    overflow:hidden;

}


/* CONTENEDOR */

.catalogos-container{

    width:90%;

    max-width:1250px;

    margin:0 auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:60px;

}


/* CONTENIDO */

.catalogos-content{

    width:58%;

}


.catalogos-content h2{

    margin:0 0 65px 0;

    color:#171c68;

    font-family:'Poppins', sans-serif;

    font-size:34px;

    font-weight:700;

    line-height:1.18;

}


/* TEXTO */

.catalogos-text{

    max-width:670px;

}


.catalogos-text p{

    margin:0 0 24px 0;

    color:#171c68;

    font-family:'Poppins', sans-serif;

    font-size:17px;

    font-weight:400;

    line-height:1.35;

}


/* IMAGEN */

.catalogos-image{

    width:42%;

    display:flex;

    justify-content:flex-end;

    align-items:center;

}


.catalogos-image img{

    display:block;

    width:100%;

    max-width:500px;

    height:auto;

    object-fit:contain;

}

/* ======= SECCION MENU DE MARCAS ======= */
.marcas-title{
    color: #171c68;
}
.marcas-desc{
    text-align: center;
}

/* =========================
   DISTRIBUIDORES
========================= */

.distribuidores-section{

    width:100%;

    background:#fff;

    padding:70px 0 55px;

    overflow:hidden;
    
    padding: 20px 0 200px 0;

}


/* CONTENEDOR */

.distribuidores-container{

    width:90%;

    max-width:1100px;

    margin:0 auto;

    text-align:center;

}


/* TÍTULO */

.distribuidores-container h2{

    margin:0 0 45px;

    color:#151968;

    font-family:'Poppins', sans-serif;

    font-size:30px;

    font-weight:700;

    line-height:1.2;

}


/* GRID DE LOGOS */

.distribuidores-grid{

    display:grid;

    grid-template-columns:repeat(3, 1fr);

    grid-template-rows:repeat(2, 120px);

    column-gap:45px;

    row-gap:25px;

    align-items:center;

    justify-items:center;

}


/* CONTENEDOR LOGO */

.distribuidor-logo{

    width:100%;

    height:120px;

    display:flex;

    align-items:center;

    justify-content:center;

}


/* IMÁGENES */

.distribuidor-logo img{

    display:block;

    max-width:230px;

    max-height:85px;

    width:auto;

    height:auto;

    object-fit:contain;

    transition:

        transform .35s ease,

        opacity .35s ease;

}


/* EFECTO HOVER */

.distribuidor-logo:hover img{

    transform:scale(1.06);

}


/* TEXTO */

.distribuidores-texto{

    max-width:760px;

    margin:55px auto 0;

    color:#5c5c5cce;

    font-family:'Poppins', sans-serif;

    font-size:15px;

    line-height:1.4;

    font-weight:400;

}