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;
}

/* ======= HEADER INSERTOS ====== */
.header-insertos{
    display: flex;
    justify-content: center !important; 
}

/* ======= SECCION ======= */

.nosotros{
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding: 70px 30px;
}

/* TITULO */

.sub-tittle{
    text-align: center;
    margin-bottom: 60px;
}

.sub-tittle h2{
    color: #0a1369;
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    max-width: 900px;
    margin: auto;
}

/* CONTENIDO */

.nosotros-content{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 80px;
}

/* LOGO */

.imagen-ssimex{
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.imagen-ssimex img{
    max-width: 400px;
    height: auto;
}

/* DESCRIPCION */

.tittle-desc{
    flex: 1;
    color: #0a1369;
    font-size: 16px;
    line-height: 1.5;
    font-weight: bold;
}

.tittle-desc p{
    margin-bottom: 28px;
}

.tittle-desc p:last-child{
    margin-bottom: 0;
}
/*====================================
        MAS QUE UN DISTRIBUIDOR
====================================*/

.distribuidor{

    width:100%;
    background:#D9D9D9;
    padding:80px 30px;

}

.distribuidor-title{

    text-align:center;
    margin-bottom:60px;

}

.distribuidor-title h2{

    font-size:40px;
    color:#08136D;
    font-weight:700;
    margin-bottom:8px;

}

.distribuidor-title h3{

    font-size:24px;
    color:#08136D;
    font-weight:400;

}

.distribuidor-content{

    max-width:1200px;
    margin:auto;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:80px;

}

/* TEXTO */

.distribuidor-text{

    flex:1;

}

.distribuidor-text p{

    font-size:18px;
    color:#08136D;
    line-height:1.6;
    margin-bottom:35px;
    text-align:left;

}

/* LOGO */

.drh-logo{

    margin-top:40px;

}

.drh-logo img{

    width:170px;
    height:auto;
    transition:.3s;

}

.drh-logo img:hover{

    transform:scale(1.05);

}

/* IMAGEN */

.distribuidor-image{

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

}

.distribuidor-image img{

    width:100%;
    max-width:560px;
    height:auto;
    object-fit:contain;

}

/*====================================
    SERVICIO REACONDICIONAMIENTO
====================================*/

.reacondicionamiento{

    width:100%;
    height: 90%;
    padding:80px 0;

    background:
        linear-gradient(rgba(255, 255, 255, 0.80), rgba(255,255,255,0.80)),
        url("../img/imag2-min.jpeg");
    }

.reacondicionamiento-content{

    max-width:1200px;
    margin:auto;

    display:flex;
    text-align: center;
    align-items:center;
    justify-content:space-between;
    gap:90px;

}

/* TEXTO */

.reacondicionamiento-text{

    flex:1;
    padding-left: 200px;
}

.reacondicionamiento-title{

    margin-top: 60px;
    margin-bottom:60px;
    text-align:center;

}

.reacondicionamiento-title h2{

    color:#08136D;
    font-size:34px;
    font-weight:600;
    margin-bottom:10px;
    text-align:left;

}

.reacondicionamiento-title h3{

    color:#08136D;
    font-size:26px;
    font-weight:400;
    line-height:1.3;
    text-align:left;
    padding-left: 90px;

}

.reacondicionamiento-text p{

    font-size:18px;
    color:#08136D;
    line-height:1.6;
    margin-bottom:35px;
    text-align:left;

}

.reacondicionamiento-text p:last-child{

    margin-bottom:0;

}

/*=====================
      RESPONSIVE REACONDICIONAMIENTO
=====================*/

@media(max-width:992px){

    .reacondicionamiento-content{

        flex-direction:column-reverse;
        gap:60px;

    }

    .reacondicionamiento-title{

        text-align:center;

    }

    .reacondicionamiento-text p{

        text-align:center;

    }

    .reacondicionamiento-title h2{

        font-size:36px;

    }

    .reacondicionamiento-title h3{

        font-size:24px;

    }

}

@media(max-width:768px){

    .reacondicionamiento{

        padding:70px 20px;

    }

    .reacondicionamiento-title h2{

        font-size:30px;

    }

    .reacondicionamiento-title h3{

        font-size:22px;

    }

    .reacondicionamiento-text p{

        font-size:18px;

    }

    .reacondicionamiento-image img{

        max-width:330px;

    }

}
/*======================
      RESPONSIVE DISTRIBUIDOR
======================*/

@media(max-width:992px){

    .distribuidor-content{

        flex-direction:column-reverse;
        text-align:center;
        gap:50px;

    }

    .distribuidor-text p{

        text-align:center;

    }

    .distribuidor-title h2{

        font-size:36px;

    }

    .distribuidor-title h3{

        font-size:24px;

    }

}

@media(max-width:768px){

    .distribuidor{

        padding:60px 20px;

    }

    .distribuidor-title h2{

        font-size:30px;

    }

    .distribuidor-title h3{

        font-size:20px;

    }

    .distribuidor-text p{

        font-size:18px;

    }

    .distribuidor-image img{

        max-width:400px;

    }

}

/* RESPONSIVE */

@media (max-width: 900px){

    .nosotros-content{
        flex-direction: column;
        gap: 40px;
    }

    .sub-tittle h2{
        font-size: 32px;
    }

    .imagen-ssimex img{
        max-width: 340px;
    }

    .tittle-desc{
        font-size: 18px;
    }

}