.contenedor{
    margin:auto;
    padding: 60px 0;
    width: 90%;
    max-width: 1000px;
    text-align: center;
    overflow: hidden;
    
}
/*---------estilos hsitoria info-------------------*/
.titulo-his, .titulo-expo, .titulo-dep{
    color: rgb(219,144,.5);
    font-size: 35px;
    text-align: center;    
}
.subtitulo-his, .subtitulo-expo, .subtitulos-dep{
    text-align: center;
    color: rgb(219,144,.5);
    font-weight: 500;
}
.subtitulo-his::after, .subtitulo-expo::after, .subtitulos-dep::after{
    content: '';
    display: block;
    margin: auto;
    margin-top: 10px;
    width: 100px;
    height: 3px;
    background: rgb(219,144,.5);
    margin-bottom: 40px;
}
.text-his{
    text-align: justify;
    font-size: 17px;
}
.text{
    margin-top: 20px;
}
.acordeon-contenido{
    color: black;
    font-size: 17px;
}
/*-----------estilos de exportacion--------------------*/
.cont-expor{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}
.card-expor{
    width: 53%;
    border: 7px solid rgba(144, 238, 144, .2);
    border-radius: 0 20px 0 0;
}
.card-expor1{
    width: 42%;
}
.img-expor{
    width: 100%;
    height: 290px;
}
.imge{
    width: 78%;
    height: 300px;
}
.cimg4{
    width: 50%;
}
.img4{
    height: 310px;
}
.arreglo{
    width: 58%;
}
.arreglo1{
    width: 45%;
}
.titulo-exporta{
    color: rgb(219,144,.5);
    background: rgba(144, 238, 144, .2);
    border-radius: 0 13px 0 0;
}
.text-expor{
    color: white;
    padding: 7px 10px;
    font-size: 17px;
    text-align: justify;
}
/*------------estilos de exportacion departamento*/
.cont-dep{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    width: 100%;
    padding: 0 20px;
}
.card-dep{
    width: 48%;
    padding: 15px;
    background: #D3D3D3;
    box-shadow: 6px 6px 13px 2px rgba(0,0,0,0.8);
}
.img-dep{
    width: 100%;
}
.titulo-dep{
    font-size: 28px;
    margin: 10px 0;
}
.text-dep{
    text-align: justify;
}

/*------------responsive para 768px -----------------*/

@media screen and (max-width:768px){
    .card-expor{
        width: 100%;
        margin-bottom: 20px;
    }
    .card-expor1{
        width: 76%;
        object-fit: none;
        margin: auto;
    }
    .img-expor{
        height: 340px;
    }
    .cimg4{
        width: 90%;    
    }
    .img4{
        width: 100%;
        height: 370px;
    }
}
/*--------------responsive para 480 ----------*/
@media screen and (max-width: 500px){
    .card-expor1{
        width: 100%;
    }
    .img-expor{
        height: 300px;
    }
    .card-dep{
        width: 100%;
        margin-top: 30px;
    }
    .img4{
        height: 270px;
    }
}