/*********************************MÓVIL*********************************/

html, body {
    overflow-x: hidden;
}


/*********************************FONTS*********************************/

@font-face{
    font-family: 'GraphikMedium';
    src: url('../fonts/GraphikMedium.woff2') format('woff2'),
        url('../fonts/GraphikMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;   
}

@font-face{
    font-family: 'GraphikRegular';
    src: url('../fonts/GraphikRegular.woff2') format('woff2'),
        url('../fonts/GraphikRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face{
    font-family: 'GraphikSemiBold';
    src: url('../fonts/GraphikSemibold.woff2') format('woff2'),
        url('../fonts/GraphikSemibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


/********************************* ONE PAGE *********************************/

.sin-padding{
    padding: 0;
}

/* NAVBAR */

.header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 35, 66, 0.5);
    z-index: 2;
}

.navbar .navbar-brand img{
    width: 140px;
}

.navbar .navbar-nav .nav-item .nav-link{
    color: rgb(255, 255, 255);
    font-family: 'GraphikRegular';
    font-size: 14px;
    transition: all .3s linear;
    cursor: pointer;
} 

.navbar .navbar-nav .nav-item .nav-link:hover{
    color: #008CCC;
    opacity: 0.5;
}

.nav-item{
    padding: 0px 30px;
}

.navbar-toggler {
    border: none;
    border-radius: 0;
}

.navbar-toggler-icon {
    width: 2.2rem;
    height: 2rem;
}


/* INICIO */

.imagen-inicio{
    background: url('../img/01/fondo_imagen.png');
    background-size: cover;
    height: 110vh;
}

.seccion-inicio{
    padding: 5rem 0;
}

.seccion-inicio .logo2 img{
    width: 325px;
}

.seccion-inicio .titulo-inicio h1{
    font-family: 'GraphikSemiBold';
    font-size: 38px;
    color: #ffff;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0;
}

.seccion-inicio .titulo-inicio h1 span{
    font-family: 'GraphikRegular';
}

.seccion-inicio .subtitulo-inicio h2{
    font-family: 'GraphikRegular';
    font-size: 25px;
    color: #ffff;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 8px;
}

.seccion-inicio .informacion-inicio .info-numeros h1{
    font-family: 'GraphikSemiBold';
    font-size: 45px;
    color: #008CCC;
    text-align: center;
}

.seccion-inicio .informacion-inicio .subtitulo-numeros p{
    font-family: 'GraphikRegular';
    font-size: 15px;
    color: #ffff;
    text-align: center;
    margin-bottom: 0;
}


/* PRODUCTOS */

.intro-productos{
    padding: 8rem 0;
}

.subtitulo-parte1 h2{
    font-family: 'GraphikMedium';
    font-size: 12px;
    color: #008CCC;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 4rem;
}

.titulo-parte1 h1, .titulo-productos h1{
    font-family: 'GraphikSemiBold';
    font-size: 35px;
    color: #002342;
    margin-bottom: 0;
}

.intro-productos .parte1 .parrafo-productos p{
    font-family: 'GraphikRegular';
    font-size: 14px;
    color: #002342;
    margin-bottom: 0;
    text-align: justify;
}

.intro-productos .parte2 img{
    width: 650px;
}


.seccion-productos{
    background: #EFEFEF;
    padding: 5rem 0 2rem;
}

.subtitulo-productos h2{
    font-family: 'GraphikMedium';
    font-size: 12px;
    color: #008CCC;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 4rem;
}

.seccion-productos .img-productos .card{
    background-color: transparent;
    border: 0;
}

.seccion-productos .img-productos{
    padding: 4rem 1rem 2rem;
}

.seccion-productos .subtitulo-productos img{
    width: 42%;
    height: 8px;
}

.img-productos .card .card-body p{
    font-family: 'GraphikRegular';
    font-size: 15px;
    color: #002342;
    margin-bottom: 0;
}


/* NOSOTROS */

.seccion-nosotros{
    padding: 5rem 0;
}

.titulo-nosotros h1 {
    font-family: 'GraphikSemiBold';
    font-size: 34px;
    color: #002342;
    margin-bottom: 0;
}

.subtitulo-nosotros h2{
    font-family: 'GraphikMedium';
    font-size: 12px;
    color: #008CCC;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 3.5rem;
}

.seccion-nosotros .subtitulo-nosotros img{
    width: 38%;
    height: 8px;
}

.seccion-nosotros .info-mision-vision{
    padding: 4rem 0 3rem;
}

.mision-vision .titulo-mision h1, .mision-vision .titulo-vision h1{
    font-family: 'GraphikSemiBold';
    font-size: 30px;
    color: #008CCC;
}

.mision-vision .parrafo-mision p, .mision-vision .parrafo-vision p{
    font-family: 'GraphikRegular';
    font-size: 13px;
    color: #002342;
    margin-bottom: 0;
}


.info-nosotros{
    background: url('../img/05/fondo_forma.png');
    background-size: cover;
    height: 110vh;
    padding: 16rem 0;
}

.subtitulo-nosotros2 h2{
    font-family: 'GraphikMedium';
    font-size: 12px;
    color: #008CCC;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 3rem;
}

.info-nosotros .parrafo-nosotros p{
    font-family: 'GraphikRegular';
    font-size: 28px;
    color: #FFFF;
    text-align: justify;
    margin-bottom: 0;
}

.info-nosotros .parrafo-nosotros p span{
    font-family: 'GraphikSemiBold';
}

.info-nosotros .subtitulo-nosotros2 img{
    width: 38%;
    height: 8px;
}


/* SUCURSALES */

.seccion-sucursales{
    padding: 3rem 0;
}

.titulo-sucursales h1 {
    font-family: 'GraphikSemiBold';
    font-size: 37px;
    color: #002342;
    margin-bottom: 0;
}

.subtitulo-sucursales h2{
    font-family: 'GraphikMedium';
    font-size: 12px;
    color: #008CCC;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 3rem;
}

.seccion-sucursales .subtitulo-sucursales img{
    width: 36%;
    height: 8px;
}

.mapa-estados{
    padding: 2rem 0 0;
}

.mapa-estados .estados .ciudades h2{
    font-family: 'GraphikSemiBold';
    font-size: 30px;
    color: #000;
    margin-bottom: 0;
}

.mapa-estados .estados .ciudades p{
    font-family: 'GraphikRegular';
    font-size: 18px;
    color: #008CCC;
    margin-bottom: 0;
}

.mapa-estados .mapa figure img{
    width: 750px;
}


/* CLIENTES */

.seccion-clientes{
    background: #EFEFEF;
    padding: 4rem 0;
}

.titulo-clientes h1 {
    font-family: 'GraphikSemiBold';
    font-size: 36px;
    color: #002342;
    margin-bottom: 0;
}

.subtitulo-clientes h2{
    font-family: 'GraphikMedium';
    font-size: 12px;
    color: #008CCC;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 4rem;
}

.seccion-clientes .subtitulo-clientes img{
    width: 42%;
    height: 8px;
}

.titulo-proveedores h1, .titulo-carrusel h1{
    font-family: 'GraphikSemiBold';
    font-size: 30px;
    color: #000;
} 

.carrusel-proveedores .carousel .carousel-cell{
    width: 330px;
    height: 250px;
}

.carrusel-clientes .carousel .carousel-cell{
    width: 335px;
    height: 250px;
}

.flickity-page-dots .dot {
    display: none;
}

.flickity-button {
    position: absolute;
    background: #002342;
    border: none;
    color: #FFFF;
    z-index: 4;
}

.flickity-button:hover {
    position: absolute;
    background: #002342;
    border: none;
    color: #FFFF;
}

.flickity-prev-next-button {
    width: 35px;
    height: 35px;
}

.flickity-button:focus {
    outline: 0;
    box-shadow: none;
}

.carrusel-proveedores .carousel .carousel-cell img, .carrusel-clientes .carousel .carousel-cell img{
    width: 200px;
}


/* NOTICIAS */

.seccion-noticias{
    padding: 5rem 0;
}

.titulo-noticias h1{
    font-family: 'GraphikSemiBold';
    font-size: 38px;
    color: #002342;
    margin-bottom: 0;
}

.subtitulo-noticias h2{
    font-family: 'GraphikMedium';
    font-size: 12px;
    color: #008CCC;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 4rem;
}

.seccion-noticias .subtitulo-noticias img{
    width: 38%;
    height: 8px;
}

.carrusel-noticias{
    padding: 5rem 0 0;
}

.carrusel-noticias .titulo-noticia h2{
    font-family: 'GraphikSemiBold';
    font-size: 26px;
    color: #002342;
    text-align: end;
}

.carrusel-noticias .parrafo-noticia p{
    font-family: 'GraphikRegular';
    font-size: 13px;
    color: #002342;
    text-align: end;
    margin-bottom: 0;
}

.carrusel-noticias .link-noticia{
    padding-left: 16rem;
}

.carrusel-noticias .link-noticia a{
    font-family: 'GraphikRegular';
    font-size: 14px;
    color: #008CCC;
    text-transform: uppercase;
    text-align: end;
}

.carrusel-noticias .link-noticia a:hover{
    color: #000;
}

.carrusel-noticias .img-noticia img{
    width: 550px
}


/* FOOTER */

.seccion-footer{
    background: url('../img/09/fondo09_imagen.png');
    background-size: cover;
    height: 60vh;
    padding: 6rem 0;
}

.subtitulo-footer h2{
    font-family: 'GraphikMedium';
    font-size: 12px;
    color: #008CCC;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 8rem;
}

.parte1-footer .subtitulo-footer img{
    width: 68%;
    height: 8px;
}

.otro-logo{
    padding-top: 2rem;
}

.parte1-footer .titulo-footer h1{
    font-family: 'GraphikSemiBold';
    font-size: 32px;
    color: #FFFF;
}

.parte2-footer .telefono a, .parte2-footer .direccion a{
    font-family: 'GraphikRegular';
    font-size: 15px;
    color: #FFFF;
    text-decoration: none;
    transition: all .3s linear;
}

.parte2-footer .telefono a:hover, .parte2-footer .direccion a:hover{
    color: #008CCC;
}

.seccion-footer .derechos{
    padding: 3rem 0 0;
}

.seccion-footer .derechos p{
    font-family: 'GraphikSemiBold';
    font-size: 13px;
    color: #FFFF;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
}


/********************************* RESPONSIVO WEB *********************************/

/* XXL */
@media(min-width: 1920px) {
    
    .navbar .navbar-brand img {
        width: 195px;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 16px;
    }

    .imagen-inicio {
        height: 53vw;
    }

    .seccion-inicio {
        padding: 10rem 0;
    }

    .seccion-inicio .logo2 img {
        width: 350px;
    }

    .seccion-inicio .titulo-inicio h1 {
        font-size: 45px;
    }

    .seccion-inicio .subtitulo-inicio h2 {
        font-size: 28px;
    }

    .seccion-inicio .informacion-inicio .info-numeros h1 {
        font-size: 48px;
    }

    .seccion-inicio .informacion-inicio .subtitulo-numeros p {
        font-size: 18px;
    }

    .titulo-parte1 h1, .titulo-productos h1, .titulo-nosotros h1, .titulo-sucursales h1, .titulo-clientes h1, .titulo-noticias h1 {
        font-size: 40px;
    }

    .intro-productos .parte1 .parrafo-productos p {
        font-size: 16px;
    }

    .subtitulo-parte1 h2 {
        font-size: 13px;
        padding-left: 7rem;
    }

    .seccion-productos {
        padding: 5rem 0 3rem;
    }

    .intro-productos .parte2 img {
        width: 705px;
    }

    .subtitulo-productos h2 {
        font-size: 13px;
        padding-left: 8rem;
    }

    .img-productos .card .card-body p {
        font-size: 16px;
    }

    .subtitulo-nosotros h2 {
        font-size: 13px;
        padding-left: 7rem;
    }

    .seccion-nosotros {
        padding: 6rem 0;
    }

    .seccion-nosotros .info-mision-vision {
        padding: 5rem 0 5rem;
    }

    .mision-vision .titulo-mision h1, .mision-vision .titulo-vision h1 {
        font-size: 35px;
    }

    .mision-vision .parrafo-mision p, .mision-vision .parrafo-vision p {
        font-size: 16px;
    }

    .info-nosotros {
        height: 53vw;
        padding: 24rem 0;
    }

    .info-nosotros .parrafo-nosotros p {
        font-size: 31px;
    }
    
    .subtitulo-nosotros2 h2 {
        font-size: 13px;
        padding-left: 10rem;
    }

    .seccion-sucursales {
        padding: 5rem 0;
    }

    .subtitulo-sucursales h2 {
        font-size: 13px;
        padding-left: 11rem;
    }

    .mapa-estados .estados .ciudades h2 {
        font-size: 34px;
    }

    .mapa-estados .estados .ciudades p {
        font-size: 20px;
    }

    .mapa-estados .mapa figure img {
        width: 765px;
    }

    .subtitulo-clientes h2 {
        font-size: 13px;
        padding-left: 3rem;
    }

    .titulo-proveedores h1, .titulo-carrusel h1 {
        font-size: 32px;
    }

    .subtitulo-noticias h2 {
        font-size: 13px;
        padding-left: 13rem;
    }

    .seccion-noticias {
        padding: 6rem 0;
    }

    .carrusel-noticias .titulo-noticia h2 {
        font-size: 30px;
    }

    .carrusel-noticias .parrafo-noticia p {
        font-size: 15px;
    }

    .carrusel-noticias .link-noticia a {
        font-size: 15px;
    }

    .carrusel-noticias .img-noticia img {
        width: 565px;
    }

    .subtitulo-footer h2 {
        font-size: 13px;
        padding-left: 11rem;
    }

    .parte1-footer .titulo-footer h1 {
        font-size: 36px;
    }

    .parte2-footer .telefono a, .parte2-footer .direccion a {
        font-size: 17px;
    }

    .seccion-footer .derechos p {
        font-size: 15px;
    }

    .seccion-footer {
        height: 28vw;
        padding: 11rem 0;
    }

    .seccion-footer .derechos {
        padding: 8rem 0 0;
    }
}

/* XL */
/* @media(min-width: 1200px) and (max-width: 1919px) {
    
    .navbar .navbar-brand img {
        width: 150px;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
    }

    .imagen-inicio {
        height: 53vw;
    }

    .seccion-inicio {
        padding: 5rem 0;
    }

    .seccion-inicio .logo2 img {
        width: 275px;
    }

    .seccion-inicio .titulo-inicio h1 {
        font-size: 30px;
    }

    .seccion-inicio .subtitulo-inicio h2 {
        font-size: 16px;
    }

    .seccion-inicio .informacion-inicio .info-numeros h1 {
        font-size: 30px;
    }

    .seccion-inicio .informacion-inicio .subtitulo-numeros p {
        font-size: 12px;
    }

    .titulo-parte1 h1, .titulo-productos h1, .titulo-nosotros h1, .titulo-sucursales h1, .titulo-clientes h1, .titulo-noticias h1 {
        font-size: 27px;
    }

    .intro-productos {
        padding: 6rem 0;
    }

    .intro-productos .parte1 .parrafo-productos p {
        font-size: 11px;
    }

    .subtitulo-parte1 h2 {
        font-size: 10px;
        padding-left: 4rem;
    }

    .seccion-productos {
        padding: 5rem 0 3rem;
    }

    .intro-productos .parte2 img {
        width: 550px;
    }

    .subtitulo-productos h2 {
        font-size: 10px;
        padding-left: 5rem;
    }

    .seccion-productos .subtitulo-productos img {
        width: 45%;
        height: 6px;
    }

    .seccion-productos .img-productos {
        padding: 4rem 3rem 2rem;
    }

    .img-productos .card .card-body p {
        font-size: 13px;
    }

    .subtitulo-nosotros h2 {
        font-size: 10px;
        padding-left: 4.5rem;
    }

    .seccion-nosotros .subtitulo-nosotros img {
        width: 37%;
        height: 6px;
    }

    .seccion-nosotros {
        padding: 5rem 0;
    }

    .seccion-nosotros .info-mision-vision {
        padding: 5rem 0 2rem;
    }

    .mision-vision .titulo-mision h1, .mision-vision .titulo-vision h1 {
        font-size: 30px;
    }

    .mision-vision .parrafo-mision p, .mision-vision .parrafo-vision p {
        font-size: 12px;
    }

    .info-nosotros {
        height: 53vw;
        padding: 12rem 0 0;
    }

    .info-nosotros .parrafo-nosotros p {
        font-size: 22px;
    }
    
    .subtitulo-nosotros2 h2 {
        font-size: 10px;
        padding-left: 4.5rem;
    }

    .seccion-sucursales {
        padding: 4rem 0;
    }

    .subtitulo-sucursales h2 {
        font-size: 10px;
        padding-left: 7rem;
    }

    .seccion-sucursales .subtitulo-sucursales img {
        width: 33%;
        height: 6px;
    }

    .mapa-estados .estados .ciudades h2 {
        font-size: 25px;
    }

    .mapa-estados .estados .ciudades p {
        font-size: 16px;
    }

    .mapa-estados .mapa figure img {
        width: 650px;
    }

    .subtitulo-clientes h2 {
        font-size: 10px;
        padding-left: 1.5rem;
    }

    .titulo-proveedores h1, .titulo-carrusel h1 {
        font-size: 25px;
    }
    
    .carrusel-proveedores .carousel .carousel-cell {
        width: 225px;
        height: 250px;
    }

    

    .carrusel-proveedores .carousel .carousel-cell img, .carrusel-clientes .carousel .carousel-cell img {
        width: 155px;
    }

    .subtitulo-noticias h2 {
        font-size: 10px;
        padding-left: 9rem;
    }

    .seccion-noticias .subtitulo-noticias img {
        width: 36%;
        height: 6px;
    }

    .seccion-noticias {
        padding: 5rem 0;
    }

    .carrusel-noticias {
        padding: 4rem 0 0;
    }

    .carrusel-noticias .titulo-noticia h2 {
        font-size: 24px;
    }

    .carrusel-noticias .parrafo-noticia p {
        font-size: 12px;
    }

    .carrusel-noticias .link-noticia a {
        font-size: 12px;
    }

    .carrusel-noticias .img-noticia img {
        width: 480px;
    }

    
    .seccion-footer {
        height: 30vw;
        padding: 7rem 0;
    }

    .subtitulo-footer h2 {
        font-size: 10px;
        padding-left: 7rem;
    }

    .parte1-footer .titulo-footer h1 {
        font-size: 25px;
    }

    .parte2-footer .telefono a, .parte2-footer .direccion a {
        font-size: 12px;
    }
    
    .seccion-footer .derechos {
        padding: 4rem 0 0;
    }

    .seccion-footer .derechos p {
        font-size: 12px;
    }
} */

@media (max-width: 1305px) {
    
    .titulo-parte1 h1, .titulo-productos h1, .titulo-nosotros h1, .titulo-sucursales h1, .titulo-clientes h1, .titulo-noticias h1 {
        font-size: 30px;
    }

    .subtitulo-parte1 h2 {
        font-size: 10px;
    }

    .intro-productos .parte1 .parrafo-productos p {
        font-size: 12px;
    }

    .intro-productos .parte2 img {
        width: 550px;
    }

    .subtitulo-productos h2 {
        font-size: 10px;
        padding-left: 2rem;
    }

    .subtitulo-nosotros h2 {
        font-size: 10px;
        padding-left: 2rem;
    }

    .info-nosotros .parrafo-nosotros p {
        font-size: 23px;
    }

    .subtitulo-nosotros2 h2 {
        font-size: 10px;
        padding-left: 4rem;
    }

    .subtitulo-sucursales h2 {
        font-size: 10px;
        padding-left: 4rem;
    }

    .mapa-estados .estados .ciudades h2 {
        font-size: 25px;
    }

    .mapa-estados .estados .ciudades p {
        font-size: 16px;
    }

    .mapa-estados .mapa figure img {
        width: 650px;
    }

    .subtitulo-clientes h2 {
        font-size: 10px;
        padding-left: 4rem;
    }

    .seccion-clientes .flickity-prev-next-button.previous {
        left: -40px;
    }

    .seccion-clientes .flickity-prev-next-button.next {
        right: -40px;
    }

    .carrusel-proveedores .carousel .carousel-cell img, .carrusel-clientes .carousel .carousel-cell img {
        width: 150px;
    }

    .subtitulo-noticias h2 {
        font-size: 10px;
        padding-left: 6rem;
    }

    .carrusel-noticias .titulo-noticia h2 {
        font-size: 24px;
    }

    .carrusel-noticias .parrafo-noticia p {
        font-size: 12px;
    }

    .carrusel-noticias .link-noticia a {
        font-size: 12px;
    }

    .carrusel-noticias .img-noticia img {
        width: 500px;
    }

    .seccion-footer {
        height: 30vw;
        padding: 6rem 0;
    }

    .subtitulo-footer h2 {
        font-size: 12px;
        padding-left: 5rem;
    }
}

/* LG */
@media(min-width: 992px) and (max-width: 1199px) {

    .navbar .navbar-brand img {
        width: 130px;
    }

    .navbar-toggler-icon {
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 12px;
    }

    .imagen-inicio {
        height: 53vw;
    }

    .seccion-inicio {
        padding: 5rem 0;
    }

    .seccion-inicio .logo2 img {
        width: 245px;
    }

    .seccion-inicio .titulo-inicio h1 {
        font-size: 28px;
    }

    .seccion-inicio .subtitulo-inicio h2 {
        font-size: 14px;
    }

    .seccion-inicio .informacion-inicio .info-numeros h1 {
        font-size: 28px;
    }

    .seccion-inicio .informacion-inicio .subtitulo-numeros p {
        font-size: 12px;
    }

    .titulo-parte1 h1, .titulo-productos h1, .titulo-nosotros h1, .titulo-sucursales h1, .titulo-clientes h1, .titulo-noticias h1 {
        font-size: 22px;
    }

    .intro-productos {
        padding: 4rem 0;
    }

    .intro-productos .parte1 .parrafo-productos p {
        font-size: 12px;
    }

    .subtitulo-parte1 h2 {
        font-size: 10px;
        padding-left: 3rem;
    }

    .subtitulo-parte1 .w-75 {
        width: 86% !important;
    }

    .seccion-productos {
        padding: 5rem 0 2rem;
    }

    .intro-productos .parte2 img {
        width: 450px;
    }

    .subtitulo-productos h2 {
        font-size: 10px;
        padding-left: 3.5rem;
    }

    .seccion-productos .subtitulo-productos img {
        width: 54%;
        height: 6px;
    }

    .seccion-productos .img-productos {
        padding: 4rem 3rem 2rem;
    }

    .img-productos .card .card-body p {
        font-size: 12px;
    }

    .subtitulo-nosotros h2 {
        font-size: 10px;
        padding-left: 3rem;
    }

    .seccion-nosotros .subtitulo-nosotros img {
        width: 44%;
        height: 6px;
    }

    .seccion-nosotros {
        padding: 4rem 0;
    }

    .seccion-nosotros .info-mision-vision {
        padding: 5rem 0 1rem;
    }

    .mision-vision .titulo-mision h1, .mision-vision .titulo-vision h1 {
        font-size: 30px;
    }

    .mision-vision .parrafo-mision p, .mision-vision .parrafo-vision p {
        font-size: 12px;
    }

    .info-nosotros {
        height: 53vw;
        padding: 10rem 0 0;
    }

    .info-nosotros .parrafo-nosotros p {
        font-size: 18px;
    }
    
    .subtitulo-nosotros2 h2 {
        font-size: 10px;
        padding-left: 3rem;
    }

    .info-nosotros .subtitulo-nosotros2 img {
        width: 42%;
        height: 6px;
    }

    .seccion-sucursales {
        padding: 4rem 0;
    }

    .subtitulo-sucursales h2 {
        font-size: 10px;
        padding-left: 5rem;
    }

    .seccion-sucursales .subtitulo-sucursales img {
        width: 38%;
        height: 6px;
    }

    .mapa-estados .estados .ciudades h2 {
        font-size: 20px;
    }

    .mapa-estados .estados .ciudades p {
        font-size: 15px;
    }

    .mapa-estados .mapa figure img {
        width: 550px;
    }

    .subtitulo-clientes h2 {
        font-size: 10px;
        padding-left: 5rem;
    }

    .seccion-clientes .subtitulo-clientes img {
        width: 55%;
        height: 6px;
    }

    .titulo-proveedores h1, .titulo-carrusel h1 {
        font-size: 25px;
    }
    
    .carrusel-proveedores .carousel .carousel-cell {
        width: 225px;
        height: 250px;
    }

    .carrusel-clientes .carousel .carousel-cell {
        width: 290px;
        height: 250px;
    }

    .carrusel-proveedores .carousel .carousel-cell img, .carrusel-clientes .carousel .carousel-cell img {
        width: 135px;
    }

    .subtitulo-noticias h2 {
        font-size: 10px;
        padding-left: 6rem;
    }

    .seccion-noticias .subtitulo-noticias img {
        width: 40%;
        height: 6px;
    }

    .seccion-noticias {
        padding: 4rem 0;
    }

    .carrusel-noticias {
        padding: 3rem 0 0;
    }

    .carrusel-noticias .titulo-noticia h2 {
        font-size: 22px;
    }

    .carrusel-noticias .parrafo-noticia p {
        font-size: 12px;
    }

    .carrusel-noticias .link-noticia a {
        font-size: 12px;
    }

    .carrusel-noticias .img-noticia img {
        width: 415px;
    }

    .seccion-footer {
        height: 30vw;
        padding: 5rem 0 0;
    }

    .subtitulo-footer h2 {
        font-size: 10px;
        padding-left: 5rem;
    }

    .parte1-footer .subtitulo-footer img {
        width: 52%;
        height: 6px;
    }

    .parte1-footer .titulo-footer h1 {
        font-size: 22px;
    }

    .parte2-footer .telefono a, .parte2-footer .direccion a {
        font-size: 12px;
    }
    
    .seccion-footer .derechos {
        padding: 3rem 0 0;
    }

    .seccion-footer .derechos p {
        font-size: 10px;
    }
}

/* MD */
@media(min-width: 768px) and (max-width: 991px) {

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    
    .navbar .navbar-brand img {
        width: 130px;
    }

    .navbar-toggler-icon {
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar .navbar-nav .nav-item {
        padding: 8px 0;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        text-align: center;
    }

    .imagen-inicio {
        height: 53vw;
    }

    .seccion-inicio {
        padding: 5rem 0 0;
    }

    .seccion-inicio .logo2 img {
        width: 170px;
    }

    .seccion-inicio .titulo-inicio h1 {
        font-size: 20px;
    }

    .seccion-inicio .subtitulo-inicio h2 {
        font-size: 12px;
        letter-spacing: 5px;
    }

    .seccion-inicio .informacion-inicio .info-numeros h1 {
        font-size: 20px;
    }

    .seccion-inicio .informacion-inicio .subtitulo-numeros p {
        font-size: 10px;
    }

    .titulo-parte1 h1, .titulo-productos h1, .titulo-nosotros h1, .titulo-sucursales h1, .titulo-clientes h1, .titulo-noticias h1 {
        font-size: 16px;
    }

    .intro-productos {
        padding: 4rem 0;
    }

    .intro-productos .parte1 .parrafo-productos p {
        font-size: 10px;
    }

    .subtitulo-parte1 h2 {
        font-size: 8px;
        padding-left: 2.5rem;
    }

    .subtitulo-parte1 .w-75 {
        width: 85% !important;
    }

    .seccion-productos {
        padding: 4rem 0 1rem;
    }

    .intro-productos .parte2 img {
        width: 300px;
    }

    .subtitulo-productos h2 {
        font-size: 8px;
        padding-left: 3.5rem;
    }

    .seccion-productos .subtitulo-productos img {
        width: 54%;
        height: 6px;
    }

    .seccion-productos .img-productos {
        padding: 4rem 3rem 1rem;
    }

    .img-productos .card .img-card .w-75{
        width: 100%!important;
    }

    .img-productos .card .card-body p {
        font-size: 10px;
    }

    .subtitulo-nosotros h2 {
        font-size: 8px;
        padding-left: 3rem;
    }

    .seccion-nosotros .subtitulo-nosotros img {
        width: 48%;
        height: 6px;
    }

    .seccion-nosotros {
        padding: 4rem 0;
    }

    .seccion-nosotros .info-mision-vision {
        padding: 5rem 0 1rem;
    }

    .mision-vision .titulo-mision h1, .mision-vision .titulo-vision h1 {
        font-size: 25px;
    }

    .mision-vision .parrafo-mision p, .mision-vision .parrafo-vision p {
        font-size: 11px;
    }

    .info-nosotros {
        height: 53vw;
        padding: 8rem 0 0;
    }

    .info-nosotros .parrafo-nosotros p {
        font-size: 13px;
    }
    
    .subtitulo-nosotros2 h2 {
        font-size: 8px;
        padding-left: 3rem;
    }

    .info-nosotros .subtitulo-nosotros2 img {
        width: 46%;
        height: 6px;
    }

    .seccion-sucursales {
        padding: 3rem 0;
    }

    .subtitulo-sucursales h2 {
        font-size: 8px;
        padding-left: 4.5rem;
    }

    .seccion-sucursales .subtitulo-sucursales img {
        width: 38%;
        height: 6px;
    }

    .mapa-estados .estados .ciudades h2 {
        font-size: 18px;
    }

    .mapa-estados .estados .ciudades p {
        font-size: 13px;
    }

    .mapa-estados .mapa figure img {
        width: 330px;
    }

    .seccion-clientes {
        background: #EFEFEF;
        padding: 4rem 0 0rem;
    }

    .subtitulo-clientes h2 {
        font-size: 8px;
        padding-left: 4rem;
    }

    .seccion-clientes .subtitulo-clientes img {
        width: 58%;
        height: 6px;
    }

    .titulo-proveedores h1, .titulo-carrusel h1 {
        font-size: 20px;
    }
    
    .carrusel-proveedores .carousel .carousel-cell {
        width: 225px;
        height: 240px;
    }

    .carrusel-clientes .carousel .carousel-cell {
        width: 290px;
        height: 240px;
    }

    .flickity-prev-next-button {
        width: 30px;
        height: 30px;
    }

    .carrusel-proveedores .carousel .carousel-cell img, .carrusel-clientes .carousel .carousel-cell img {
        width: 115px;
    }

    .subtitulo-noticias h2 {
        font-size: 8px;
        padding-left: 5.5rem;
    }

    .seccion-noticias .subtitulo-noticias img {
        width: 45%;
        height: 6px;
    }

    .seccion-noticias {
        padding: 4rem 0;
    }

    .carrusel-noticias {
        padding: 3rem 0 0;
    }

    .carrusel-noticias .titulo-noticia h2 {
        font-size: 15px;
    }

    .carrusel-noticias .parrafo-noticia p {
        font-size: 12px;
    }

    .carrusel-noticias .link-noticia {
        padding-left: 0;
    }

    .carrusel-noticias .link-noticia a {
        font-size: 12px;
    }

    .carrusel-noticias .img-noticia img {
        width: 315px;
    }

    .seccion-footer {
        height: 30vw;
        padding: 3rem 0 0;
    }

    .subtitulo-footer h2 {
        font-size: 8px;
        padding-left: 2rem;
    }

    .parte1-footer .subtitulo-footer img {
        width: 52%;
        height: 6px;
    }

    .parte1-footer .titulo-footer h1 {
        font-size: 18px;
    }

    .parte2-footer .telefono a, .parte2-footer .direccion a {
        font-size: 11px;
    }
    
    .seccion-footer .derechos {
        padding: 1rem 0 0;
    }

    .seccion-footer .derechos p {
        font-size: 9px;
    }
}

/* SM */
@media(min-width: 481px) and (max-width: 767.35px) {

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    
    .navbar .navbar-brand img {
        width: 130px;
    }

    .navbar-toggler-icon {
        width: 2rem;
        height: 2rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar .navbar-nav .nav-item {
        padding: 8px 0;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 14px;
        text-align: center;
    }

    .imagen-inicio {
        height: 53vw;
    }

    .seccion-inicio {
        padding: 6rem 0 0;
    }

    .seccion-inicio .logo2 img {
        width: 170px;
    }

    .seccion-inicio .titulo-inicio h1 {
        font-size: 22px;
    }

    .seccion-inicio .subtitulo-inicio h2 {
        font-size: 14px;
        letter-spacing: 5px;
    }

    .seccion-inicio .informacion-inicio .info-numeros h1 {
        font-size: 22px;
    }

    .seccion-inicio .informacion-inicio .subtitulo-numeros p {
        font-size: 10px;
    }

    .titulo-parte1 h1, .titulo-productos h1, .titulo-nosotros h1, .titulo-sucursales h1, .titulo-clientes h1, .titulo-noticias h1 {
        font-size: 16px;
    }

    .intro-productos {
        padding: 5rem 0;
    }

    .intro-productos .parte1 .parrafo-productos p {
        font-size: 10px;
    }

    .subtitulo-parte1 h2 {
        font-size: 8px;
        padding-left: 2.5rem;
    }

    .subtitulo-parte1 .w-75 {
        width: 85% !important;
    }

    .seccion-productos {
        padding: 4rem 0 1rem;
    }

    .intro-productos .parte2 img {
        width: 300px;
    }

    .subtitulo-productos h2 {
        font-size: 8px;
        padding-left: 3.5rem;
    }

    .seccion-productos .subtitulo-productos img {
        width: 58%;
        height: 6px;
    }

    .seccion-productos .img-productos {
        padding: 4rem 3rem 1rem;
    }

    .img-productos .card .img-card .w-75{
        width: 100%!important;
    }

    .img-productos .card .card-body p {
        font-size: 10px;
    }

    .subtitulo-nosotros h2 {
        font-size: 8px;
        padding-left: 3rem;
    }

    .seccion-nosotros .subtitulo-nosotros img {
        width: 48%;
        height: 6px;
    }

    .seccion-nosotros {
        padding: 4rem 0;
    }

    .seccion-nosotros .info-mision-vision {
        padding: 5rem 0 1rem;
    }

    .mision-vision .titulo-mision h1, .mision-vision .titulo-vision h1 {
        font-size: 25px;
    }

    .mision-vision .parrafo-mision p, .mision-vision .parrafo-vision p {
        font-size: 11px;
    }

    .info-nosotros {
        height: 53vw;
        padding: 8rem 0 0;
    }

    .info-nosotros .parrafo-nosotros p {
        font-size: 13px;
    }
    
    .subtitulo-nosotros2 h2 {
        font-size: 8px;
        padding-left: 3rem;
    }

    .info-nosotros .subtitulo-nosotros2 img {
        width: 46%;
        height: 6px;
    }

    .seccion-sucursales {
        padding: 3rem 0;
    }

    .subtitulo-sucursales h2 {
        font-size: 8px;
        padding-left: 4.5rem;
    }

    .seccion-sucursales .subtitulo-sucursales img {
        width: 42%;
        height: 6px;
    }

    .mapa-estados .estados .ciudades h2 {
        font-size: 18px;
    }

    .mapa-estados .estados .ciudades p {
        font-size: 13px;
    }

    .mapa-estados .mapa figure img {
        width: 330px;
    }

    .seccion-clientes {
        background: #EFEFEF;
        padding: 4rem 0 0rem;
    }

    .subtitulo-clientes h2 {
        font-size: 8px;
        padding-left: 4rem;
    }

    .seccion-clientes .subtitulo-clientes img {
        width: 58%;
        height: 6px;
    }

    .titulo-proveedores h1, .titulo-carrusel h1 {
        font-size: 20px;
    }
    
    .carrusel-proveedores .carousel .carousel-cell {
        width: 225px;
        height: 210px;
    }

    .carrusel-clientes .carousel .carousel-cell {
        width: 290px;
        height: 210px;
    }

    .flickity-prev-next-button {
        width: 30px;
        height: 30px;
    }

    .carrusel-proveedores .carousel .carousel-cell img, .carrusel-clientes .carousel .carousel-cell img {
        width: 115px;
    }

    .subtitulo-noticias h2 {
        font-size: 8px;
        padding-left: 5.5rem;
    }

    .seccion-noticias .subtitulo-noticias img {
        width: 45%;
        height: 6px;
    }

    .seccion-noticias {
        padding: 4rem 0;
    }

    .carrusel-noticias {
        padding: 3rem 0 0;
    }

    .carrusel-noticias .titulo-noticia h2 {
        font-size: 15px;
    }

    .carrusel-noticias .parrafo-noticia p {
        font-size: 12px;
    }

    .carrusel-noticias .link-noticia {
        padding-left: 0;
    }

    .carrusel-noticias .link-noticia a {
        font-size: 12px;
    }

    .carrusel-noticias .img-noticia img {
        width: 315px;
    }

    .seccion-footer {
        height: 30vw;
        padding: 3rem 0 0;
    }

    .subtitulo-footer h2 {
        font-size: 8px;
        padding-left: 2rem;
    }

    .parte1-footer .subtitulo-footer img {
        width: 52%;
        height: 6px;
    }

    .parte1-footer .titulo-footer h1 {
        font-size: 18px;
    }

    .parte2-footer .telefono a, .parte2-footer .direccion a {
        font-size: 11px;
    }
    
    .seccion-footer .derechos {
        padding: 2rem 0 0;
    }

    .seccion-footer .derechos p {
        font-size: 9px;
    }
}

@media (max-width: 542px) {

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    
    .navbar .navbar-brand img {
        width: 115px;
    }

    .navbar-toggler-icon {
        width: 2rem;
        height: 2rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar .navbar-nav .nav-item {
        padding: 5px 0;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 12px;
        text-align: center;
    }

    .imagen-inicio {
        background: url('../img/01/01_fondo.png');
        background-size: cover;
        height: 210vw;
    }

    .seccion-inicio {
        padding: 5rem 0 0;
    }

    .seccion-inicio .titulo-inicio h1 {
        font-size: 30px;
    }

    .seccion-inicio .linea-inicio img {
        width: 347px;
        height: 7px;
    }

    .seccion-inicio .alto {
        padding: 18rem 2rem;
    }

    .seccion-inicio .subtitulo-inicio h2 {
        font-size: 14px;
        letter-spacing: 5px;
        text-align: right;
    }

    .seccion-inicio .informacion-inicio .info-numeros h1 {
        font-size: 30px;
    }

    .seccion-inicio .informacion-inicio .subtitulo-numeros p {
        font-size: 12px;
    }

    .titulo-parte1 h1, .titulo-productos h1, .titulo-nosotros h1, .titulo-sucursales h1, .titulo-clientes h1, .titulo-noticias h1 {
        font-size: 17px;
    }

    .intro-productos {
        padding: 4rem 0;
    }

    .intro-productos .parte1 .parrafo-productos p {
        font-size: 11px;
    }

    .subtitulo-parte1 h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .subtitulo-parte1 .w-75 {
        width: 85% !important;
    }

    .seccion-productos {
        padding: 4rem 0 1rem;
    }

    .intro-productos .parte2 img {
        width: 300px;
    }

    .subtitulo-productos h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-productos .subtitulo-productos img {
        width: 86%;
        height: 6px;
    }

    .seccion-productos .img-productos {
        padding: 4rem 2rem 1rem;
    }

    .img-productos .card .card-body p {
        font-size: 10px;
        text-align: center;
    }

    .subtitulo-nosotros h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-nosotros .subtitulo-nosotros img {
        width: 48%;
        height: 6px;
    }

    .seccion-nosotros {
        padding: 4rem 0;
    }

    .seccion-nosotros .info-mision-vision {
        padding: 4rem 0 1rem;
    }

    .mision-vision{
        padding: 0 2rem 1rem;
    }

    .mision-vision .titulo-mision h1 {
        font-size: 25px;
        text-align: left;
    }

    .mision-vision .titulo-vision h1 {
        font-size: 25px;
        text-align: right;
    }

    .mision-vision .parrafo-mision p {
        font-size: 11px;
        text-align: left;
    }

    .mision-vision .parrafo-vision p {
        font-size: 11px;
        text-align: right;
    }

    .info-nosotros {
        background: url('../img/05/05_fondo.png');
        background-size: cover;
        height: 206vw;
        padding: 15rem 0;
    }

    .info-nosotros .parrafo-nosotros p {
        font-size: 15px;
    }
    
    .subtitulo-nosotros2 h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .info-nosotros .subtitulo-nosotros2 img {
        width: 46%;
        height: 6px;
    }

    .seccion-sucursales {
        padding: 4rem 0;
    }

    .subtitulo-sucursales h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-sucursales .subtitulo-sucursales img {
        width: 38%;
        height: 6px;
    }

    .mapa-estados .estados .ciudades h2 {
        font-size: 16px;
    }

    .mapa-estados .estados .ciudades p {
        font-size: 12px;
    }

    .mapa-estados .mapa figure img {
        width: 100%;
    }

    .seccion-clientes {
        background: #EFEFEF;
        padding: 4rem 0 0rem;
    }

    .subtitulo-clientes h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-clientes .subtitulo-clientes img {
        width: 58%;
        height: 6px;
    }

    .titulo-proveedores h1, .titulo-carrusel h1 {
        font-size: 20px;
    }
    
    .carrusel-proveedores, .carrusel-clientes{
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .carrusel-proveedores .carousel .carousel-cell {
        width: 210px;
        height: 220px;
    }

    .carrusel-clientes .carousel .carousel-cell {
        width: 220px;
        height: 220px;
    }

    .seccion-clientes .flickity-prev-next-button.previous {
        left: 10px;
    }

    .seccion-clientes .flickity-prev-next-button.next {
        right: 10px;
    }

    .flickity-prev-next-button {
        width: 25px;
        height: 25px;
    }

    .carrusel-proveedores .carousel .carousel-cell img, .carrusel-clientes .carousel .carousel-cell img {
        width: 90px;
    }

    .subtitulo-noticias h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-noticias .subtitulo-noticias img {
        width: 45%;
        height: 6px;
    }

    .seccion-noticias {
        padding: 4rem 0;
    }

    .carrusel-noticias {
        padding: 3rem 0 0;
    }

    .carrusel-noticias .titulo-noticia h2 {
        font-size: 17px;
        text-align: left;
    }

    .carrusel-noticias .parrafo-noticia p {
        font-size: 12px;
        text-align: left;
    }

    .carrusel-noticias .link-noticia {
        padding-left: 0;
    }

    .carrusel-noticias .link-noticia a {
        font-size: 12px;
    }

    .carrusel-noticias .img-noticia img {
        width: 315px;
    }

    .seccion-footer {
        background: url('../img/09/09_fondo.png');
        background-size: cover;
        height: 105vw;
        padding: 5rem 0;
    }

    .subtitulo-footer h2 {
        font-size: 10px;
        padding-left: 1rem;
    }

    .parte1-footer .subtitulo-footer img {
        width: 42%;
        height: 6px;
    }

    .parte1-footer .titulo-footer h1 {
        font-size: 25px;
    }

    .parte2-footer .telefono a, .parte2-footer .direccion a {
        font-size: 12px;
    }
    
    .seccion-footer .parte2-footer{
        padding-top: 2rem;
    }
    
    .seccion-footer .parte2-footer .direccion{
        padding-top: 2rem;
    }

    .seccion-footer .derechos {
        padding-top: 7rem;
    }

    .seccion-footer .derechos p {
        font-size: 9px;
        text-align: left;
    }
    
}

/* NORMAL */
@media(max-width: 480px) { 

    .navbar-toggler:focus {
        text-decoration: none;
        outline: 0;
        box-shadow: none;
    }
    
    .navbar .navbar-brand img {
        width: 115px;
    }

    .navbar-toggler-icon {
        width: 2rem;
        height: 2rem;
        --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }

    .navbar .navbar-nav .nav-item {
        padding: 5px 0;
    }

    .navbar .navbar-nav .nav-item .nav-link {
        font-size: 12px;
        text-align: center;
    }

    .imagen-inicio {
        background: url('../img/01/01_fondo.png');
        background-size: cover;
        height: 210vw;
    }

    .seccion-inicio {
        padding: 5rem 0 0;
    }

    .seccion-inicio .titulo-inicio h1 {
        font-size: 26px;
    }

    .seccion-inicio .linea-inicio img {
        width: 347px;
        height: 7px;
    }

    .seccion-inicio .alto{
        padding: 12rem 2rem;
    }

    .seccion-inicio .subtitulo-inicio h2 {
        font-size: 14px;
        letter-spacing: 5px;
        text-align: right;
    }

    .seccion-inicio .informacion-inicio .info-numeros h1 {
        font-size: 30px;
    }

    .seccion-inicio .informacion-inicio .subtitulo-numeros p {
        font-size: 12px;
    }

    .titulo-parte1 h1, .titulo-productos h1, .titulo-nosotros h1, .titulo-sucursales h1, .titulo-clientes h1, .titulo-noticias h1 {
        font-size: 17px;
    }

    .intro-productos {
        padding: 4rem 0;
    }

    .intro-productos .parte1 .parrafo-productos p {
        font-size: 11px;
    }

    .subtitulo-parte1 h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .subtitulo-parte1 .w-75 {
        width: 85% !important;
    }

    .seccion-productos {
        padding: 4rem 0 1rem;
    }

    .intro-productos .parte2 img {
        width: 300px;
    }

    .subtitulo-productos h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-productos .subtitulo-productos img {
        width: 86%;
        height: 6px;
    }

    .seccion-productos .img-productos {
        padding: 4rem 2rem 1rem;
    }

    .img-productos .card .card-body p {
        font-size: 10px;
        text-align: center;
    }

    .subtitulo-nosotros h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-nosotros .subtitulo-nosotros img {
        width: 48%;
        height: 6px;
    }

    .seccion-nosotros {
        padding: 4rem 0;
    }

    .seccion-nosotros .info-mision-vision {
        padding: 4rem 0 1rem;
    }

    .mision-vision{
        padding: 0 2rem 1rem;
    }

    .mision-vision .titulo-mision h1 {
        font-size: 25px;
        text-align: left;
    }

    .mision-vision .titulo-vision h1 {
        font-size: 25px;
        text-align: right;
    }

    .mision-vision .parrafo-mision p {
        font-size: 11px;
        text-align: left;
    }

    .mision-vision .parrafo-vision p {
        font-size: 11px;
        text-align: right;
    }

    .info-nosotros {
        background: url('../img/05/05_fondo.png');
        background-size: cover;
        height: 206vw;
        padding: 15rem 0;
    }

    .info-nosotros .parrafo-nosotros p {
        font-size: 15px;
    }
    
    .subtitulo-nosotros2 h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .info-nosotros .subtitulo-nosotros2 img {
        width: 46%;
        height: 6px;
    }

    .seccion-sucursales {
        padding: 4rem 0;
    }

    .subtitulo-sucursales h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-sucursales .subtitulo-sucursales img {
        width: 38%;
        height: 6px;
    }

    .mapa-estados .estados .ciudades h2 {
        font-size: 16px;
    }

    .mapa-estados .estados .ciudades p {
        font-size: 12px;
    }

    .mapa-estados .mapa figure img {
        width: 100%;
    }

    .seccion-clientes {
        background: #EFEFEF;
        padding: 4rem 0 0rem;
    }

    .subtitulo-clientes h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-clientes .subtitulo-clientes img {
        width: 58%;
        height: 6px;
    }

    .titulo-proveedores h1, .titulo-carrusel h1 {
        font-size: 20px;
    }
    
    .carrusel-proveedores .carousel .carousel-cell {
        width: 210px;
        height: 220px;
    }

    .carrusel-clientes .carousel .carousel-cell {
        width: 220px;
        height: 220px;
    }

    .flickity-prev-next-button {
        width: 25px;
        height: 25px;
    }

    .carrusel-proveedores .carousel .carousel-cell img, .carrusel-clientes .carousel .carousel-cell img {
        width: 90px;
    }

    .subtitulo-noticias h2 {
        font-size: 10px;
        padding-left: 0;
    }

    .seccion-noticias .subtitulo-noticias img {
        width: 45%;
        height: 6px;
    }

    .seccion-noticias {
        padding: 4rem 0;
    }

    .carrusel-noticias {
        padding: 3rem 0 0;
    }

    .carrusel-noticias .titulo-noticia h2 {
        font-size: 17px;
        text-align: left;
    }

    .carrusel-noticias .parrafo-noticia p {
        font-size: 12px;
        text-align: left;
    }

    .carrusel-noticias .link-noticia {
        padding-left: 0;
    }

    .carrusel-noticias .link-noticia a {
        font-size: 12px;
    }

    .carrusel-noticias .img-noticia img {
        width: 315px;
    }

    .seccion-footer {
        background: url('../img/09/09_fondo.png');
        background-size: cover;
        height: 110vw;
        padding: 4rem 0;
    }

    .subtitulo-footer h2 {
        font-size: 10px;
        padding-left: 1rem;
    }

    .parte1-footer .subtitulo-footer img {
        width: 42%;
        height: 6px;
    }

    .parte1-footer .titulo-footer h1 {
        font-size: 25px;
    }

    .parte2-footer .telefono a, .parte2-footer .direccion a {
        font-size: 12px;
    }
    
    .seccion-footer .parte2-footer{
        padding-top: 1rem;
    }
    
    .seccion-footer .parte2-footer .direccion{
        padding-top: 1.5rem;
    }

    .seccion-footer .derechos {
        padding-top: 3rem;
    }

    .seccion-footer .derechos p {
        font-size: 9px;
        text-align: left;
    }
}

@media (max-width: 396px) {
    
    .seccion-inicio .alto {
        padding: 11rem 2rem;
    }

    .seccion-footer {
        padding: 3rem 0;
    }
}

@media (max-width: 376px) {

    .seccion-footer {
        padding: 3rem 0;
    }
    
    .seccion-inicio .alto {
        padding: 10rem 2rem;
    }

    .seccion-footer .parte2-footer{
        padding-top: 1rem;
    }

    .seccion-footer .parte2-footer .direccion{
        padding-top: 1.5rem;
    }

    .seccion-footer .derechos {
        padding: 2rem 0 0;
    }
}