@font-face {
    font-family: "Questrial-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Questrial-Regular.otf") format("opentype");
}

@font-face {
    font-family: "Fonarto";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Fonarto.otf") format("opentype");
}

@font-face {
    font-family: "Montserrat-Regular";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/Montserrat-Regular.otf") format("opentype");
}

body {
    font-family: "Questrial-Regular";
}

.politica {
    width: 80%;
    margin: 0 auto;
}
.politica p {
    font-size: 15px;
}

.navbar-collapse {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .contenedorarticulos {
        width: 100%;
        min-height: 500px;
        background: #dfe54f;
        padding-top: 200px;
        text-align: center;
    }
    .contenedorarticulos .contienearticulo {
        margin-bottom: -20px;
        padding-bottom: 50px;
    }
    .contenedorarticulos .contienearticulo .titulo {
        font-size: 30px;
        font-weight: bold;
    }
    .contenedorarticulos .contienearticulo .subtitulo {
        font-size: 25px;
        width: 80%;
        margin: 0 auto;
    }
    .contenedorarticulos .contienearticulo .contenido {
        width: 80%;
        margin: 20px auto;
        font-size: 18px;
    }
    .contenedorarticulos .contienearticulo .link {
        font-size: 20px;
    }
    .contenedorarticulos .contienearticulo .destacada {
        margin: 20px auto;
    }
    #contact input {
        width: 100%;
        margin: 0 auto;
    }
    #contact textarea {
        width: 100%;
    }
    #contact .boton-contacto {
        background-color: #ecef95;
        color: white;
        border: none;
        width: 150px;
        height: 50px;
        font-size: 30px;
        display: inline-block;
    }
    #contact .modal-body {
        padding: 15px 5%;
    }
    .flotante {
        display: scroll;
        text-align: center;
        position: fixed;
        bottom: 55px;
        left: 30px;
        width: 80px;
        height: 60px;
        font-size: 35px;
        /*background-color: rgba(99, 187, 204, 0.7);*/
        background-color: rgba(236, 239, 149, 0.7);
        color: white;
        padding-top: 10px;
        cursor: pointer;
    }
    .flotante:hover {
        color: #8dc63f;
    }
    .topmark {
        height: 1px;
        width: 100px;
        position: absolute;
        top: 150px;
        left: 0px;
        z-index: 1000;
    }
    .cont {
        margin: 0 auto 0 auto;
        max-width: 2500px;
    }
    #panelweb {
        font-family: "Fonarto";
        height: 150px;
        background-color: white;
        border-bottom: 0px;
        width: 100%;
        z-index: 5;
    }
    #panelweb #listaizq {
        float: left;
        font-size: 18px;
        padding-top: 100px;
        /*padding-left: 30%;*/
        width: 55%;
    }
    #panelweb #listaizq li {
        margin-right: 20px;
        float: right;
        z-index: 3;
    }
    #panelweb #listaizq a {
        margin-right: 20px;
        float: right;
        z-index: 3;
        color: black;
        text-decoration: none;
    }
    #panelweb #listaizq li:hover {
        color: #8dc63f;
        text-decoration: none;
    }
    #panelweb #listaizq .active {
        color: #8dc63f;
        text-decoration: none;
    }
    #panelweb #listader {
        float: left;
        font-size: 18px;
        padding-top: 100px;
        /*padding-right: 30%;*/
        width: 45%;
        z-index: 5;
    }
    #panelweb #listader li {
        margin-right: 20px;
        z-index: 3;
    }
    #panelweb #listader a {
        margin-right: 20px;
        float: left;
        z-index: 3;
        color: black;
        text-decoration: none;
    }
    #panelweb #listader li:hover {
        color: #8dc63f;
        text-decoration: none;
    }
    #panelweb #listader .active {
        color: #8dc63f;
        text-decoration: none;
    }
    #panelweb .logo {
        width: 190px;
        height: 85px;
        position: absolute;
        left: 48%;
        top: 10px;
        z-index: 3;
        background: url("../img/fruvex_logo.png");
        background-size: 100% 100%;
    }
    #panelweb .logo2 {
        width: 70px;
        height: 86px;
        position: absolute;
        left: 48%;
        top: -20px;
        z-index: 3;
        background: url("../img/logofruvex2.png");
        background-size: 100% 100%;
        opacity: 0;
        left: 0;
        right: 0;
        margin: 0 auto 0 auto;
    }
    #panelweb .curva {
        position: absolute;
        width: 225px;
        /*top: 30px; left: 42.5%;*/
        z-index: 1;
        opacity: 0;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 5px auto 0 auto;
    }
    #responsivo {
        display: none;
    }
    .divfot {
        background-color: #fdeed9;
        height: 230px;
    }
    .divfot .foot {
        float: left;
        text-align: center;
        width: 25%;
        margin-bottom: 40px;
    }
    .divfot .foot .chico {
        width: 5%;
        color: black;
        border: 2px solid black;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .divfot .foot a {
        color: black;
    }
    .divfot .copyright {
        width: 100%;
        height: 50px;
        text-align: center;
        float: left;
        margin: -10px;
        font-size: 18px;
    }
    .home {
        width: 100%;
    }
    .home .fresa {
        width: 76px;
        height: 86px;
        position: absolute;
        background: url("../img/fruta1.png");
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 350px auto 0 auto;
    }
    .home .hola {
        width: 1px;
        height: 1px;
    }
    .home .home1 {
        background: url("../img/destacada1.jpg");
        background-size: 100% 100%;
        width: 100%;
        height: 1080px;
        z-index: 1;
        padding-top: 320px;
        background-attachment: fixed;
    }
    .home .home1 .contenido1 {
        max-width: 1400px;
        height: 800px;
        margin: 0 auto;
    }
    .home .home1 .center {
        width: 150px;
        height: 150px;
        background: url("../img/iconoverde.png");
        background-repeat: no-repeat;
        margin: 0 auto 0 auto;
    }
    .home .home1 .texto h1 {
        margin: 0;
        color: #dfe54f;
        font-size: 52px;
        text-align: center;
        font-family: "Fonarto";
        text-shadow: 3px 3px #333;
    }
    .home .home1 .texto p {
        color: white;
        font-family: "Montserrat-Regular";
        font-size: 18px;
        text-align: center;
        text-shadow: 2px 2px #333;
        width: 40%;
        margin: 10px auto 0 auto;
    }
    .home .home1 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #dfe54f;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: #8dc63f;
        margin: 50px auto 0 auto;
        cursor: pointer;
    }
    .home .home2 {
        background: url("../img/destacada2.jpg");
        background-size: 100% 100%;
        width: 100%;
        height: 1080px;
        margin-top: -50px;
        z-index: 2;
        padding-top: 280px;
        background-attachment: fixed;
    }
    .home .home2 .contenido1 {
        max-width: 1400px;
        height: 800px;
        margin: 0 auto;
    }
    .home .home2 .center {
        width: 150px;
        height: 150px;
        background: url("../img/iconolattecosmico.png");
        background-repeat: no-repeat;
        margin: 0 auto 0 auto;
        background-size: 100%;
    }
    .home .home2 .linea {
        height: 70px;
        width: 10px;
        margin: -10px auto 0 auto;
        background-color: #fdeed9;
    }
    .home .home2 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #fdeed9;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: #dfe54f;
        margin: -5px auto 0 auto;
        cursor: pointer;
    }
    .home .home2 .texto2 h2 {
        color: white;
        font-size: 52px;
        font-family: "Fonarto";
        text-shadow: 3px 3px #333;
        text-align: center;
    }
    .home .home2 .bloquetexto {
        background-color: rgba(141, 198, 63, 0.7);
        width: 50%;
        height: 200px;
        color: white;
        font-size: 18px;
        font-family: "Montserrat-Regular";
        margin: 0 auto 0 auto;
        padding: 40px 20px;
        text-shadow: 2px 2px #333;
    }
    .home .home3 {
        background: url("../img/destacada3.jpg");
        background-size: 100% 100%;
        width: 100%;
        height: 1080px;
        z-index: 3;
        padding-top: 120px;
        background-attachment: fixed;
    }
    .home .home3 .contenido1 {
        max-width: 1400px;
        height: 800px;
        margin: 0 auto;
    }
    .home .home3 .center {
        width: 200px;
        height: 200px;
        background: url("../img/iconoescarcha.png");
        background-repeat: no-repeat;
        margin: 0 auto 0 auto;
        background-size: 100%;
    }
    .home .home3 .linea {
        height: 70px;
        width: 10px;
        margin: -40px auto 0 auto;
        background-color: #fdeed9;
    }
    .home .home3 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #fdeed9;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: #00d7ef;
        margin: -5px auto 0 auto;
        cursor: pointer;
    }
    .home .home3 .texto3 h2 {
        color: white;
        font-size: 52px;
        font-family: "Fonarto";
        text-shadow: 3px 3px #333;
        text-align: center;
    }
    .home .home3 .bloquetexto {
        background-color: rgba(0, 215, 239, 0.7);
        width: 50%;
        height: 200px;
        color: white;
        font-size: 18px;
        font-family: "Montserrat-Regular";
        margin: 0 auto 0 auto;
        padding: 55px 20px;
        text-shadow: 2px 2px #333;
    }
    .contacto {
        width: 100%;
        height: 1100px;
        padding-top: 200px;
        background-color: #8dc63f;
        padding-left: 5%;
        padding-right: 5%;
    }
    .contacto .circulo {
        text-align: center;
        border-radius: 50%;
        color: white;
        background-color: #414042;
        width: 350px;
        float: left;
        margin-right: 50px;
        padding-top: 50px;
        padding-bottom: 100px;
        height: 350px;
    }
    .contacto .circulo .oficina {
        font-size: 18px;
    }
    .contacto .circulo .direccion {
        font-size: 15px;
    }
    .contacto .circulo .icono {
        width: 65px;
        height: 12px;
        margin: 20px auto 20px auto;
        background: url("../img/iconoonduladoverde.png");
    }
    .contacto .circulo .tels {
        font-size: 18px;
    }
    .contacto .forma {
        width: 30%;
        float: left;
        text-align: center;
    }
    .contacto .forma .titulo {
        color: white;
        font-family: "Fonarto";
        font-size: 25px;
    }
    .contacto .forma .campos {
        color: white;
        text-align: left;
    }
    .contacto .forma input {
        width: 100%;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .contacto .forma textarea {
        width: 100%;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .contacto .forma .boton-enviar {
        background: url("../img/circulogrisondulado.png");
        color: white;
        text-align: center;
        width: 75px;
        height: 75px;
        border: none;
        background-size: 100%;
    }
    .quienes-somos {
        width: 100%;
        height: auto;
    }
    .quienes-somos .qs1 {
        margin-top: 150px;
        width: 100%;
        height: 500px;
        text-align: center;
        background: url("../img/empresadestacada.jpg");
        padding-top: 100px;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    .quienes-somos .qs1 .contenido1 {
        max-width: 1400px;
        height: 1300px;
        margin: 0 auto;
    }
    .quienes-somos .qs1 h1 {
        color: #ffcf59;
        font-family: "Fonarto";
        font-size: 50px;
        text-shadow: 2px 2px black;
    }
    .quienes-somos .qs1 p {
        color: white;
        font-size: 22px;
        width: 50%;
        margin: 0 auto;
        text-shadow: 2px 2px black;
    }
    .quienes-somos .qs1 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #fbb040;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: white;
        margin: 50px auto 0 auto;
        cursor: pointer;
    }
    .quienes-somos .qs2 {
        width: 100%;
        height: 1300px;
        text-align: center;
        background: url("../img/fondoamarillo.png");
        padding-top: 200px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .contenido1 {
        max-width: 1400px;
        height: 1300px;
        margin: 0 auto;
    }
    .quienes-somos .qs2 .separador {
        width: 200px;
        height: 15px;
        margin: 0 auto;
        background-color: #f1491c;
    }
    .quienes-somos .qs2 .texto {
        width: 50%;
        margin: 0 auto;
        margin-top: 30px;
        font-size: 18px;
    }
    .quienes-somos .qs2 .renglon {
        width: 80%;
        margin: 0 auto;
        height: 400px;
        text-align: center;
        margin-top: 150px;
        margin-bottom: 150px;
    }
    .quienes-somos .qs2 .renglon .circulo {
        width: 30%;
        height: 330px;
        border-radius: 50%;
        background-color: #414042;
        float: left;
        margin-right: 3%;
        padding-top: 50px;
    }
    .quienes-somos .qs2 .renglon .circulo .parrafo {
        width: 80%;
        color: white;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .quienes-somos .qs2 .renglon .circulo .naranja {
        color: #f1491c;
    }
    .quienes-somos .qs2 .renglon .circulo #icono1 {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("../img/icono1.png");
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .renglon .circulo #icono2 {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("../img/icono2.png");
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .renglon .circulo #icono3 {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("../img/icono3.png");
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .renglon .circulo .rayita {
        background: url("../img/guionondulado.png");
        width: 60px;
        height: 19px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs3 {
        width: 100%;
        height: 910px;
        text-align: center;
        background: url("../img/fondoverde.png");
        padding-top: 50px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs3 .contenido1 {
        max-width: 1400px;
        height: 910px;
        margin: 0 auto;
    }
    .quienes-somos .qs3 .vision {
        background: url("../img/circulogrisondulado.png");
        width: 145px;
        height: 145px;
        background-size: 100% 100%;
        color: white;
        margin: 0 auto;
        padding-top: 55px;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        font-family: "Fonarto";
    }
    .quienes-somos .qs3 .linea {
        width: 5px;
        height: 130px;
        background-color: #414042;
        margin: -20px auto 0 auto;
    }
    .quienes-somos .qs3 #lineachica {
        height: 180px;
    }
    .quienes-somos .qs3 .conthojas {
        width: 100%;
        height: 800px;
        background: url("../img/visionhojas.png");
        background-size: 50% 63%;
        background-repeat: no-repeat;
        background-position: center 215px;
    }
    .quienes-somos .qs3 .conthojas .circulo {
        height: 300px;
        width: 300px;
        color: white;
        text-align: center;
        border-radius: 50%;
        background-color: #414042;
        margin: 0 auto;
        padding-top: 100px;
        display: inline-block;
    }
    .quienes-somos .qs3 .conthojas .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 19px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    .quienes-somos .qs3 .conthojas .circulo .textoverde {
        color: #83b43e;
    }
    .quienes-somos .qs3 .conthojas .circulo .rayitaverde {
        background: url("../img/iconoonduladoverde.png");
        width: 66px;
        height: 12px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs4 {
        width: 100%;
        height: 750px;
        text-align: center;
        background: url("../img/fondoverde2.png");
        padding-top: 50px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs4 .contenido1 {
        max-width: 1400px;
        height: 810px;
        margin: 0 auto;
    }
    .quienes-somos .qs4 .mision {
        background: url("../img/circulogrisondulado.png");
        width: 145px;
        height: 145px;
        background-size: 100% 100%;
        color: white;
        margin: 0 auto;
        padding-top: 55px;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        font-family: "Fonarto";
    }
    .quienes-somos .qs4 .linea {
        width: 5px;
        height: 60px;
        background-color: #414042;
        margin: -20px auto 0 auto;
    }
    .quienes-somos .qs4 #lineachica {
        height: 60px;
    }
    .quienes-somos .qs4 #lineamedia {
        height: 310px;
        margin-top: -290px;
    }
    .quienes-somos .qs4 .conthojas {
        width: 100%;
        height: 940px;
        background: url("../img/hojasmision.png");
        background-size: 50% 50%;
        background-repeat: no-repeat;
        background-position: center 410px;
    }
    .quienes-somos .qs4 .conthojas .circulo {
        height: 300px;
        width: 300px;
        color: white;
        text-align: center;
        border-radius: 50%;
        background-color: #414042;
        margin: 0 auto;
        padding-top: 75px;
        display: inline-block;
    }
    .quienes-somos .qs4 .conthojas .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 17px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    .quienes-somos .qs4 .conthojas .circulo .textoverde2 {
        color: #c1c926;
    }
    .quienes-somos .qs4 .conthojas .circulo .rayitaverde {
        background: url("../img/iconoonduladoverde.png");
        width: 66px;
        height: 12px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs5 {
        width: 100%;
        height: 1500px;
        text-align: center;
        background-color: #f7931e;
        padding-top: 50px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs5 .objetivos {
        background: url("../img/circulogrisondulado.png");
        width: 200px;
        height: 200px;
        background-size: 100% 100%;
        color: white;
        margin: 0 auto;
        padding-top: 80px;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        font-family: "Fonarto";
    }
    .quienes-somos .qs5 .linea {
        width: 5px;
        height: 60px;
        background-color: #414042;
        margin: -20px auto 0 auto;
    }
    .quienes-somos .qs5 #lineachica {
        height: 60px;
    }
    .quienes-somos .qs5 #lineamedia {
        height: 245px;
        margin-top: -225px;
    }
    .quienes-somos .qs5 .conthojas {
        width: 100%;
        height: 900px;
        background: url("../img/hojasmision.png");
        background-size: 50% 57%;
        background-repeat: no-repeat;
        background-position: center 385px;
    }
    .quienes-somos .qs5 .conthojas .circulo {
        height: 300px;
        width: 300px;
        color: white;
        text-align: center;
        border-radius: 50%;
        background-color: #414042;
        margin: 0 auto;
        padding-top: 50px;
        display: inline-block;
    }
    .quienes-somos .qs5 .conthojas .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    .quienes-somos .qs5 .conthojas .circulo .textonaranja {
        color: #fbb040;
    }
    .quienes-somos .qs5 .conthojas .circulo .rayitaverde {
        background: url("../img/iconoonduladoverde.png");
        width: 66px;
        height: 12px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs5 .rengloncont {
        width: 100%;
        height: 700px;
        margin-top: 50px;
    }
    .quienes-somos .qs5 .rengloncont .renglon {
        height: 350px;
        width: 1000px;
        margin: 0 auto;
    }
    .quienes-somos .qs5 .rengloncont .renglon .circulo {
        background-color: #414042;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        color: white;
        float: left;
        margin-right: 45px;
        padding-top: 110px;
    }
    .quienes-somos .qs5 .rengloncont .renglon .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 20px;
        font-weight: bold;
    }
    .quienes-somos .qs5 .rengloncont .renglon .circulo .textonaranja {
        color: #fbb040;
    }
    .quienes-somos .qs5 .rengloncont .renglon #last {
        margin-right: 0px;
    }
    .productos {
        width: 100%;
        margin-top: 150px;
        min-height: 300px;
    }
    .productos .frescos {
        width: 100%;
        min-height: 300px;
        height: auto;
        display: inline-block;
        margin-bottom: -7px;
        background: #8dc63f;
        /*

                   background: url('../img/hojas-productos-frescos.png'); background-size: 250px 220px, 100%; background-position: 38px 10px, center; background-repeat: no-repeat, no-repeat;

                   */
    }
    .productos .frescos .columna {
        width: 20%;
        margin-left: 5%;
        margin-right: 0px;
        height: 100%;
        min-height: 300px;
        float: left;
        padding-top: 40px;
        background: url("../img/hojas-productos-frescos.png");
        background-position: top;
        background-repeat: no-repeat;
        background-size: 100% 235px;
    }
    .productos .frescos .columna .fruta {
        width: 150px;
        height: 150px;
        background: url("../img/iconolattecosmico.png");
        background-size: 100% 100%;
        padding-top: 35px;
        padding-left: 38px;
        margin: 0 auto;
    }
    .productos .frescos .columna .linea {
        width: 5px;
        height: 300px;
        background: #fdeed9;
        margin: 0 auto;
        margin-top: -5px;
    }
    .productos .frescos .columna .adorno {
        margin: 0 auto;
        color: #8dc63f;
        width: 40px;
        height: 40px;
        background: #fdeed9;
        border-radius: 50%;
        font-size: 25px;
        padding-left: 7px;
        padding-top: 5px;
    }
    .productos .frescos .columna .linea2 {
        width: 5px;
        height: 600px;
        background: #fdeed9;
        margin: 0 auto;
        margin-top: -5px;
        z-index: 2;
    }
    .productos .frescos .contenido {
        width: 70%;
        height: auto;
        float: left;
        padding-top: 20px;
        display: inline-block;
    }
    .productos .frescos .contenido h1 {
        font-family: "Fonarto";
        font-size: 45px;
        color: #fdeed9;
        margin: 0px;
    }
    .productos .frescos .contenido .frutas {
        width: 100%;
        min-height: 300px;
        height: auto;
        display: inline-block;
        margin-top: 50px;
        padding-top: 50px;
    }
    .productos .frescos .contenido .frutas .renglon {
        width: 100%;
        height: 260px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta {
        width: 180px;
        height: 180px;
        float: left;
        background: url("../img/fondo_blanco.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 40px;
        padding-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta img {
        width: 100px;
        height: 100px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta .texto {
        display: none;
    }
    .productos .frescos .contenido .frutas .renglon .fruta:hover {
        width: 180px;
        height: 180px;
        float: left;
        background: url("../img/fondo_blanco.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 40px;
        padding-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta:hover img {
        display: none;
    }
    .productos .frescos .contenido .frutas .renglon .fruta:hover .texto {
        display: block;
        text-align: center;
        width: 100px;
        margin-top: 30px;
        font-size: 20px;
    }
    .productos .congelados {
        width: 100%;
        min-height: 300px;
        background-color: #00d6ee;
        margin-top: 0px;
        display: inline-block;
        margin-bottom: -7px;
    }
    .productos .congelados .columna {
        width: 20%;
        margin-left: 5%;
        margin-right: 0px;
        height: 100%;
        min-height: 300px;
        float: left;
        background: url("../img/copos-frozen-productos.png");
        background-position: 0px 20px;
        background-repeat: no-repeat;
        background-size: 90% 235px;
    }
    .productos .congelados .columna .fruta {
        width: 150px;
        height: 150px;
        background: url("../img/iconoescarcha.png");
        background-size: 100% 100%;
        padding-top: 35px;
        padding-left: 38px;
        margin: 0 auto;
        margin-top: -35px;
    }
    .productos .congelados .columna .linea {
        width: 5px;
        height: 100px;
        background: #fdeed9;
        margin: 0 auto;
        margin-top: -20px;
    }
    .productos .congelados .contenido {
        width: 70%;
        height: auto;
        float: left;
        padding-top: 20px;
        display: inline-block;
    }
    .productos .congelados .contenido h1 {
        font-family: "Fonarto";
        font-size: 45px;
        color: #fdeed9;
        margin: 0px;
    }
    .productos .congelados .contenido .frutas {
        width: 100%;
        min-height: 300px;
        height: auto;
        display: inline-block;
        margin-top: 50px;
        padding-top: 50px;
    }
    .productos .congelados .contenido .frutas .rengloncon {
        width: 100%;
        height: 260px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta {
        width: 180px;
        height: 180px;
        float: left;
        background: url("../img/fondo_blanco.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 40px;
        padding-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta img {
        width: 100px;
        height: 100px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta .texto {
        display: none;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta:hover {
        width: 180px;
        height: 180px;
        float: left;
        background: url("../img/fondo_blanco.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 40px;
        padding-top: 40px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta:hover img {
        display: none;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta:hover .texto {
        display: block;
        text-align: center;
        width: 100px;
        margin-top: 30px;
        font-size: 20px;
    }
    .calendario {
        width: 100%;
        height: 830px;
        position: relative;
    }
    .calendario .principal {
        position: relative;
        width: 100%;
        height: 500px;
        background: url("../img/calendario_f_frescos.png");
        background-size: 100% 100%;
        z-index: 1;
        background-repeat: none;
        padding-top: 115px;
    }
    .calendario .principal .titulof {
        width: 100%;
        height: 80px;
        background: url("../img/margen_frescos.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .calendario .principal .tituloc {
        width: 100%;
        height: 80px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .calendario .principal .texto {
        color: white;
        font-family: "Fonarto";
        padding-left: 50px;
        font-size: 45px;
        padding-top: 0px;
    }
    .calendario .principal .carousel-control {
        background: none;
    }
    .calendario .principal .carousel-inner {
        height: 400px;
    }
    .calendario .principal .rededor {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frescos.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .calendario .principal .rededor .fruta_fresca {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .calendario .principal .rededor .fruta_fresca .mes {
        position: absolute;
        top: 250px;
    }
    .calendario .principal .rededor .fruta_fresca .mes img {
        width: 100%;
    }
    .calendario .principal .rededor .fruta_fresca #m1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .calendario .principal .rededor .fruta_fresca #m2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .calendario .principal .rededor .fruta_fresca #m3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .calendario .principal .rededor .fruta_fresca #m4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .calendario .principal .rededor .fruta_fresca #m5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .calendario .principal .rededor .fruta_fresca #m6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .calendario .principal .rededor .fruta_fresca #m7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .calendario .principal .rededor .fruta_fresca #m8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor .fruta_fresca #m9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor .fruta_fresca #m10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor .fruta_fresca #m11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor .fruta_fresca #m12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .calendario .principal .rededor_con {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frozen.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .calendario .principal .rededor_con .fruta_congelados {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .calendario .principal .rededor_con .fruta_congelados .mes {
        position: absolute;
        top: 250px;
    }
    .calendario .principal .rededor_con .fruta_congelados .mes img {
        width: 100%;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .calendario .botones {
        width: 100%;
        height: 75px;
        margin-top: -25px;
        z-index: 2;
    }
    .calendario .botones .boton {
        width: 33.333%;
        height: 75px;
        cursor: pointer;
        float: left;
        z-index: 2;
        font-family: "Fonarto";
        font-size: 30px;
        padding-top: 25px;
        text-align: center;
        margin-bottom: 30px;
    }
    .calendario .botones #frescos {
        background: url("../img/b_frescos.png");
        background-size: 100% 100%;
        z-index: 2;
    }
    .calendario .botones #congelados {
        background: url("../img/b_congelados.png");
        background-size: 100% 100%;
        z-index: 2;
    }
    .calendario .botones #todos {
        background: url("../img/b_todos.png");
        background-size: 100% 100%;
        z-index: 2;
    }
    .calendario .selector {
        width: 100%;
        height: 275px;
    }
    .calendario .selector .frescos {
        width: 100%;
        height: 240px;
        float: left;
        overflow-x: scroll;
        white-space: nowrap;
        padding: 15px 0px;
    }
    .calendario .selector .frescos .fruta {
        width: 135px;
        height: 135px;
        margin-left: 20px;
        display: inline-block;
        *dsplay: inline;
        /* For IE7*/
        *zoom: 1;
        /* For IE7*/
        white-space: normal;
        background: white;
        border-radius: 50%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: -60px;
        overflow: hidden;
        border: 10px solid #8dc63f;
    }
    .calendario .selector .frescos .fruta .nombre {
        display: none;
    }
    .calendario .selector .frescos .fruta img {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 0%;
    }
    .calendario .selector .frescos .fruta:hover {
        padding-top: 40px;
        background: url("../img/frescos.png");
        background-size: 100%;
    }
    .calendario .selector .frescos .fruta:hover img {
        display: none;
    }
    .calendario .selector .frescos .fruta:hover .nombre {
        display: block;
        font-size: 20px;
        text-align: center;
    }
    .calendario .selector .congelados {
        width: 100%;
        height: 240px;
        float: left;
        overflow-x: scroll;
        white-space: nowrap;
        padding: 15px 0px;
    }
    .calendario .selector .congelados .congelado {
        width: 135px;
        height: 135px;
        margin-left: 20px;
        display: inline-block;
        *dsplay: inline;
        /* For IE7*/
        *zoom: 1;
        /* For IE7*/
        white-space: normal;
        background: white;
        border-radius: 50%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: -60px;
        overflow: hidden;
        border: 10px solid #00d7ef;
    }
    .calendario .selector .congelados .congelado .nombre {
        display: none;
    }
    .calendario .selector .congelados .congelado img {
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 0%;
    }
    .calendario .selector .congelados .congelado:hover {
        padding-top: 40px;
        background: url("../img/frozen.png");
        cursor: pointer;
        background-size: 100%;
    }
    .calendario .selector .congelados .congelado:hover img {
        display: none;
    }
    .calendario .selector .congelados .congelado:hover .nombre {
        display: block;
        font-size: 20px;
        text-align: center;
    }
    .calendario .selector .todos {
        width: 100%;
        height: 240px;
        float: left;
        overflow-x: scroll;
        white-space: nowrap;
        padding: 15px 0px;
    }
    .calendario .selector .todos .fruta {
        width: 135px;
        height: 135px;
        margin-left: 20px;
        display: inline-block;
        *dsplay: inline;
        /* For IE7*/
        *zoom: 1;
        /* For IE7*/
        white-space: normal;
        background: white;
        border-radius: 50%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: -60px;
        overflow: hidden;
        border: 10px solid #8dc63f;
    }
    .calendario .selector .todos .fruta .nombre {
        display: none;
    }
    .calendario .selector .todos .fruta img {
        display: block;
        width: 100%;
        height: auto;
        margin-top: 0%;
    }
    .calendario .selector .todos .fruta:hover {
        padding-top: 40px;
        background: url("../img/frescos.png");
        background-size: 100%;
    }
    .calendario .selector .todos .fruta:hover img {
        display: none;
    }
    .calendario .selector .todos .fruta:hover .nombre {
        display: block;
        font-size: 20px;
        text-align: center;
    }
    .calendario .selector .todos .congelado {
        width: 135px;
        height: 135px;
        margin-left: 20px;
        display: inline-block;
        *dsplay: inline;
        /* For IE7*/
        *zoom: 1;
        /* For IE7*/
        white-space: normal;
        background: white;
        border-radius: 50%;
        margin-left: 2.5%;
        margin-right: 2.5%;
        margin-bottom: -60px;
        overflow: hidden;
        border: 10px solid #00d7ef;
    }
    .calendario .selector .todos .congelado .nombre {
        display: none;
    }
    .calendario .selector .todos .congelado img {
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 0%;
    }
    .calendario .selector .todos .congelado:hover {
        padding-top: 40px;
        background: url("../img/frozen.png");
        cursor: pointer;
        background-size: 100%;
    }
    .calendario .selector .todos .congelado:hover img {
        display: none;
    }
    .calendario .selector .todos .congelado:hover .nombre {
        display: block;
        font-size: 20px;
        text-align: center;
    }
    .descripcion-frescos {
        width: 100%;
        height: auto;
        position: relative;
    }
    .descripcion-frescos .principal {
        position: relative;
        width: 100%;
        height: 900px;
        background: url("../img/calendario_f_frescos.png");
        background-size: 100% 100%;
        z-index: 1;
        background-repeat: none;
        padding-top: 165px;
    }
    .descripcion-frescos .principal .titulof {
        width: 100%;
        height: 155px;
        background: url("../img/margen_frescos.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 100px;
    }
    .descripcion-frescos .principal .texto {
        color: white;
        font-family: "Fonarto";
        padding-left: 50px;
        font-size: 45px;
        padding-top: 70px;
    }
    .descripcion-frescos .principal .rededor {
        width: 500px;
        height: 500px;
        background: url("../img/fondo_meses_frescos.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 120px;
        z-index: 2;
        position: relative;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca {
        width: 300px;
        height: 300px;
        margin: 0 auto;
        margin-top: 150px;
        z-index: 3;
        position: relative;
        top: 105px;
        border-radius: 50%;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca .mes {
        position: absolute;
        top: 250px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca .mes img {
        width: 100%;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m1 {
        top: -111px;
        left: 148px;
        width: 128px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m2 {
        top: -78px;
        left: 223px;
        width: 145px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m3 {
        top: 17px;
        left: 281px;
        width: 120px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m4 {
        top: 146px;
        left: 283px;
        width: 117px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m5 {
        top: 222px;
        left: 227px;
        width: 140px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m6 {
        top: 278px;
        left: 148px;
        width: 127px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m7 {
        top: 278px;
        left: 25px;
        width: 124px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m8 {
        top: 221px;
        left: -69px;
        width: 143px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m9 {
        top: 143px;
        left: -106px;
        width: 123px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m10 {
        top: 13px;
        left: -106px;
        width: 125px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m11 {
        top: -78px;
        left: -72px;
        width: 145px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m12 {
        top: -111px;
        left: 21px;
        width: 130px;
    }
    .descripcion-frescos .contenido {
        position: relative;
        width: 100%;
        height: auto;
    }
    .descripcion-frescos .contenido .rayita {
        width: 10px;
        height: 125px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -25px;
    }
    .descripcion-frescos .contenido .circulo {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .titulo {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin-top: 50px;
    }

    /* DISEÑO DE PERFIL DE FRUTA */
        .descripcion-congelados .contenido .descripcion, .descripcion-frescos .contenido .descripcion{
            display: flex !important; 
            flex-wrap: wrap !important; 
            margin: 4rem 0px;
        }
        .descripcion-congelados .contenido .cont, .descripcion-frescos .contenido .cont {
            padding: 0px 2rem; 
            display: flex !important; 
            flex-wrap: wrap !important; 
            justify-content: end;
            width: 50%;
            margin: 0 auto;
            font-size: 18px;
            margin-top: 20px;
            text-align: center;
        }
        .descripcion-congelados .contenido .cont .content-text, .descripcion-frescos .contenido .cont .content-text{
            width: 75% !important; 
            max-height: 350px; 
            overflow: hidden;
            mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
            -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
        }
        .descripcion-congelados .contenido .cont .container-btn, .descripcion-frescos .contenido .cont .container-btn{
            width: 75% !important; 
            display: flex; 
            justify-content: start !important;
        }
        .descripcion-congelados .contenido .cont .container-btn .btn-success, .descripcion-frescos .contenido .cont .container-btn .btn-success{
            padding: 6px 4rem !important; 
            border-radius: 4px !important; 
            background-color: #CDC765; 
            border-color: #CDC765;
        }
        .descripcion-congelados .contenido .img-col, .descripcion-frescos .contenido .img-col{
            width: 50% !important;
            padding: 0px 2rem; 
            height: 400px !important
        }
        .descripcion-congelados .contenido .img-col .img-container, .descripcion-frescos .contenido .img-col .img-container{
            height: 100% !important; 
            width: 75% !important;
            text-align: center !important;
        }
        .descripcion-congelados .contenido .img-col .img-container img, .descripcion-frescos .contenido .img-col .img-container img{
            border-radius: 12px; 
            overflow: hidden;
            width: -webkit-fill-available;
            object-fit: contain;
        }
    /* FIN DISEÑO DE PERFIL DE FRUTA */

    .descripcion-frescos .contenido .calibre .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/hojas_calibre.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-frescos .contenido .calibre .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .calibre .rayita {
        width: 7px;
        height: 100px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-frescos .contenido .calibre .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .calibre .calibres {
        width: 600px;
        width: 100%;
        min-height: 200px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        flex-wrap: wrap !important;
        margin: 0 auto;
        margin-top: 50px;
        flex-direction: column;
        align-items: center;
        padding: 0px 24px;
        margin: 0 auto;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .calibre .calibres .empaque {
        width: 100px;
        height: 100px;
        padding-top: 40px;
        text-align: center;
    }
    .descripcion-frescos .contenido .calibre .calibres #bolsa {
        background: url("../img/arpilla.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #carton {
        background: url("../img/caja.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #plastico {
        background: url("../img/cajaplastico.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #cubeta {
        background: url("../img/cubeta.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #metal {
        background: url("../img/metaldrum.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #tote {
        background: url("../img/tote.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #gen {
        background: url("../img/generico.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-top: 20px;
    }
    .descripcion-frescos .contenido .almacenamiento .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/hojas_calibre.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-frescos .contenido .almacenamiento .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .almacenamiento .rayita {
        width: 7px;
        height: 100px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-frescos .contenido .almacenamiento .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .almacenamiento .texto, .descripcion-frescos .contenido .tablashorizontal .texto, .descripcion-frescos .contenido .varieties .texto {
        text-align: center;
        font-size: 25px;
    }
    .descripcion-frescos .contenido .presentaciones .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/hojas_calibre.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 100px;
        text-align: center;
    }
    .descripcion-frescos .contenido .presentaciones .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .presentaciones .rayita {
        width: 7px;
        height: 100px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-frescos .contenido .presentaciones .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .presentaciones .tablascont {
        width: 760px;
        margin: 0 auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .descripcion-frescos .contenido .presentaciones .tablascont .tablas {
        width: 170px;
        padding: 4px;
        background: #dfe44f;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo {
        width: 100%;
        height: 40px;
        color: white;
        background: url("../img/fondotitulosfrescos.jpg");
        background-size: auto 100%;
        font-size: 20px;
        margin-top: 0px;
        display: table;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon {
        width: 100%;
        height: 80px;
        color: black;
        text-align: center;
        background: white;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre {
        width: 100%;
        height: 60px;
        color: black;
        text-align: center;
        background: #ebee94;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-frescos .contenido .warning {
        width: 100%;
        height: 300px;
        background: url("../img/leyenda.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 120px;
    }
    .descripcion-frescos .contenido .warning p {
        width: 70%;
        font-family: "Montserrat-Regular";
        font-size: 30px;
        font-weight: bold;
        margin: 0 auto;
    }
    .descripcion-congelados {
        width: 100%;
        height: auto;
        position: relative;
    }
    .descripcion-congelados .principal {
        position: relative;
        width: 100%;
        height: 900px;
        background: url("../img/calendario_f_frozen.png");
        background-size: 100% 100%;
        z-index: 1;
        background-repeat: none;
        padding-top: 165px;
    }
    .descripcion-congelados .principal .titulof {
        width: 100%;
        height: 155px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 100px;
    }
    .descripcion-congelados .principal .texto {
        color: white;
        font-family: "Fonarto";
        padding-left: 50px;
        font-size: 45px;
        padding-top: 70px;
    }
    .descripcion-congelados .principal .rededor_con {
        width: 500px;
        height: 500px;
        background: url("../img/fondo_meses_frozen.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 120px;
        z-index: 2;
        position: relative;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados {
        width: 300px;
        height: 300px;
        margin: 0 auto;
        margin-top: 150px;
        z-index: 3;
        position: relative;
        background-size: 100% 100%;
        top: 105px;
        border-radius: 50%;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados .mes {
        position: absolute;
        top: 250px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados .mes img {
        width: 100%;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m1 {
        top: -111px;
        left: 148px;
        width: 128px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m2 {
        top: -78px;
        left: 223px;
        width: 145px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m3 {
        top: 17px;
        left: 281px;
        width: 120px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m4 {
        top: 146px;
        left: 283px;
        width: 117px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m5 {
        top: 222px;
        left: 227px;
        width: 140px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m6 {
        top: 278px;
        left: 148px;
        width: 127px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m7 {
        top: 278px;
        left: 25px;
        width: 124px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m8 {
        top: 221px;
        left: -69px;
        width: 143px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m9 {
        top: 143px;
        left: -106px;
        width: 123px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m10 {
        top: 13px;
        left: -106px;
        width: 125px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m11 {
        top: -78px;
        left: -72px;
        width: 145px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m12 {
        top: -111px;
        left: 21px;
        width: 130px;
    }
    .descripcion-congelados .contenido {
        position: relative;
        width: 100%;
        height: auto;
    }
    .descripcion-congelados .contenido .rayita {
        width: 10px;
        height: 125px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -25px;
    }
    .descripcion-congelados .contenido .circulo {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .titulo {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin-top: 50px;
    }
    /* .descripcion-congelados .contenido .cont {
        width: 60%;
        margin: 0 auto;
        font-size: 18px;
        margin-top: 20px;
        text-align: center;
    } */
    .descripcion-congelados .contenido .texto {
        text-align: center;
        font-size: 25px;
    }
    .descripcion-congelados .contenido .calibre .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/copos_frozen.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .calibre .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .calibre .rayita {
        width: 7px;
        height: 100px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-congelados .contenido .calibre .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .calibre .calibres {
        width: 100px;
        min-height: 200px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        margin: 0 auto;
        margin-top: 50px;
        flex-direction: column;
        align-items: center;
    }
    .descripcion-congelados .contenido .calibre .calibres .empaque {
        width: 100px;
        height: 100px;
        padding-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .calibre .calibres #bolsa {
        background: url("../img/arpilla.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #carton {
        background: url("../img/cajacong.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #plastico {
        background: url("../img/cajaplastico.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #cubeta {
        background: url("../img/cubetacong.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #metal {
        background: url("../img/metaldrumcong.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #tote {
        background: url("../img/tote_congelados.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #gen {
        background: url("../img/generico_congelados.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding-top: 20px;
    }
    .descripcion-congelados .contenido .almacenamiento .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/copos_frozen.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .almacenamiento .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .almacenamiento .rayita {
        width: 7px;
        height: 100px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-congelados .contenido .almacenamiento .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .almacenamiento .texto {
        text-align: center;
        font-size: 25px;
    }
    .descripcion-congelados .contenido .presentaciones .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/copos_frozen.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .presentaciones .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .presentaciones .rayita {
        width: 7px;
        height: 100px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-congelados .contenido .presentaciones .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .presentaciones .tablascont {
        width: 760px;
        margin: 0 auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .descripcion-congelados .contenido .presentaciones .tablascont .tablas {
        width: 170px;
        padding: 4px;
        background: #05afef;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo {
        width: 100%;
        height: 40px;
        color: white;
        background: url("../img/margen_frescos.png");
        background-size: auto 100%;
        font-size: 20px;
        margin-top: 0px;
        display: table;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon {
        width: 100%;
        height: 80px;
        color: black;
        text-align: center;
        background: white;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre {
        width: 100%;
        height: 60px;
        color: black;
        text-align: center;
        background: #00d7ef;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-congelados .contenido .formato {
        margin: 40px auto;
        width: 100%;
        text-align: center;
    }
    .descripcion-congelados .contenido .formato p {
        font-size: 25px;
        font-weight: bold;
    }
    .descripcion-congelados .contenido .warning {
        width: 100%;
        height: 300px;
        background: url("../img/leyenda.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 120px;
    }
    .descripcion-congelados .contenido .warning p {
        width: 70%;
        font-family: "Montserrat-Regular";
        font-size: 30px;
        font-weight: bold;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) and (min-width: 376px) {
    .contenedorarticulos {
        width: 100%;
        min-height: 500px;
        background: #dfe54f;
        padding-top: 50px;
        text-align: center;
    }
    .contenedorarticulos .contienearticulo {
        margin-bottom: 50px;
    }
    .contenedorarticulos .contienearticulo .titulo {
        font-size: 30px;
        font-weight: bold;
    }
    .contenedorarticulos .contienearticulo .subtitulo {
        font-size: 25px;
    }
    .contenedorarticulos .contienearticulo .contenido {
        width: 80%;
        margin: 20px auto;
        font-size: 18px;
    }
    .contenedorarticulos .contienearticulo .link {
        font-size: 20px;
    }
    .contenedorarticulos .contienearticulo .destacada {
        margin: 20px auto;
    }
    .flotante {
        display: none;
    }
    .cont {
        margin: 0 auto 0 auto;
        width: 100%;
    }
    #panelweb {
        display: none;
    }
    #responsivo {
        background: #fdeed9;
    }
    #responsivo .navbar-brand {
        padding: 0px;
        padding-left: 30px;
        padding-top: 10px;
    }
    #responsivo .logo {
        width: 85px;
        height: 35px;
        z-index: 3;
        background: url("../img/fruvex_logo.png");
        background-size: 100% 100%;
    }
    #responsivo .nav li {
        font-size: 25px;
    }
    .divfot {
        background-color: #fdeed9;
        height: 683px;
    }
    .divfot .foot {
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 40px;
    }
    .divfot .foot .chico {
        width: 5%;
        color: black;
        border: 2px solid black;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .divfot .foot a {
        color: black;
    }
    .divfot .copyright {
        width: 100%;
        height: 50px;
        text-align: center;
        float: left;
        margin: -10px;
        font-size: 18px;
    }
    .home {
        width: 100%;
    }
    .home .fresa {
        width: 76px;
        height: 86px;
        position: absolute;
        background: url("../img/fruta1.png");
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 185px auto 0 auto;
    }
    .home .hola {
        width: 1px;
        height: 1px;
    }
    .home .home1 {
        background: url("../img/destacada1.jpg");
        background-size: 100% 100%;
        width: 100%;
        height: 800px;
        z-index: 1;
        padding-top: 220px;
        background-attachment: fixed;
        margin-top: -65px;
    }
    .home .home1 .contenido1 {
        max-width: 1400px;
        height: 800px;
        margin: 0 auto;
    }
    .home .home1 .center {
        width: 150px;
        height: 150px;
        background: url("../img/iconoverde.png");
        background-repeat: no-repeat;
        margin: 0 auto 0 auto;
    }
    .home .home1 .texto h1 {
        margin: 0;
        color: #dfe54f;
        font-size: 45px;
        text-align: center;
        font-family: "Fonarto";
        text-shadow: 3px 3px #333;
    }
    .home .home1 .texto p {
        color: white;
        font-family: "Montserrat-Regular";
        font-size: 18px;
        text-align: center;
        text-shadow: 2px 2px #333;
        width: 70%;
        margin: 10px auto 0 auto;
    }
    .home .home1 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #dfe54f;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: #8dc63f;
        margin: 50px auto 0 auto;
        cursor: pointer;
    }
    .home .home2 {
        background: url("../img/destacada2.jpg");
        background-size: 100% 100%;
        width: 100%;
        height: 800px;
        margin-top: -50px;
        z-index: 2;
        padding-top: 80px;
        background-attachment: fixed;
    }
    .home .home2 .contenido1 {
        max-width: 1400px;
        height: 800px;
        margin: 0 auto;
    }
    .home .home2 .center {
        width: 150px;
        height: 150px;
        background: url("../img/iconolattecosmico.png");
        background-repeat: no-repeat;
        margin: 0 auto 0 auto;
        background-size: 100%;
    }
    .home .home2 .linea {
        height: 70px;
        width: 10px;
        margin: -10px auto 0 auto;
        background-color: #fdeed9;
    }
    .home .home2 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #fdeed9;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: #dfe54f;
        margin: -5px auto 0 auto;
        cursor: pointer;
    }
    .home .home2 .texto2 h2 {
        color: white;
        font-size: 45px;
        font-family: "Fonarto";
        text-shadow: 3px 3px #333;
        text-align: center;
    }
    .home .home2 .bloquetexto {
        background-color: rgba(141, 198, 63, 0.7);
        width: 85%;
        height: 200px;
        color: white;
        font-size: 15px;
        font-family: "Montserrat-Regular";
        margin: 0 auto 0 auto;
        padding: 10px 20px;
        text-shadow: 2px 2px #333;
    }
    .home .home3 {
        background: url("../img/destacada3.jpg");
        background-size: 100% 100%;
        width: 100%;
        height: 800px;
        z-index: 3;
        padding-top: 120px;
        background-attachment: fixed;
    }
    .home .home3 .contenido1 {
        max-width: 1400px;
        height: 800px;
        margin: 0 auto;
    }
    .home .home3 .center {
        width: 200px;
        height: 200px;
        background: url("../img/iconoescarcha.png");
        background-repeat: no-repeat;
        margin: 0 auto 0 auto;
        background-size: 100%;
    }
    .home .home3 .linea {
        height: 70px;
        width: 10px;
        margin: -40px auto 0 auto;
        background-color: #fdeed9;
    }
    .home .home3 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #fdeed9;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: #00d7ef;
        margin: -5px auto 0 auto;
        cursor: pointer;
    }
    .home .home3 .texto3 h2 {
        color: white;
        font-size: 45px;
        font-family: "Fonarto";
        text-shadow: 3px 3px #333;
        text-align: center;
    }
    .home .home3 .bloquetexto {
        background-color: rgba(0, 215, 239, 0.7);
        width: 85%;
        height: 200px;
        color: white;
        font-size: 18px;
        font-family: "Montserrat-Regular";
        margin: 0 auto 0 auto;
        padding: 10px 20px;
        text-shadow: 2px 2px #333;
    }
    .contacto {
        width: 100%;
        height: 1800px;
        padding-top: 100px;
        background-color: #8dc63f;
    }
    .contacto .circulo {
        text-align: center;
        border-radius: 50%;
        color: white;
        background-color: #414042;
        width: 350px;
        padding-top: 50px;
        padding-bottom: 100px;
        height: 350px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .contacto .circulo .oficina {
        font-size: 18px;
    }
    .contacto .circulo .direccion {
        font-size: 15px;
    }
    .contacto .circulo .icono {
        width: 65px;
        height: 12px;
        margin: 20px auto 20px auto;
        background: url("../img/iconoonduladoverde.png");
    }
    .contacto .circulo .tels {
        font-size: 18px;
    }
    .contacto .forma {
        width: 70%;
        text-align: center;
        margin: 0 auto;
        margin-top: 50px;
    }
    .contacto .forma .titulo {
        color: white;
        font-family: "Fonarto";
        font-size: 25px;
    }
    .contacto .forma .campos {
        color: white;
        text-align: left;
    }
    .contacto .forma input {
        width: 100%;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .contacto .forma textarea {
        width: 100%;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .contacto .forma .boton-enviar {
        background: url("../img/circulogrisondulado.png");
        color: white;
        text-align: center;
        width: 75px;
        height: 75px;
        border: none;
        background-size: 100%;
    }
    .quienes-somos {
        width: 100%;
        height: auto;
    }
    .quienes-somos .qs1 {
        margin-top: 50px;
        width: 100%;
        height: 500px;
        text-align: center;
        background: url("../img/empresadestacada.jpg");
        padding-top: 100px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .quienes-somos .qs1 .contenido1 {
        width: 100%;
        height: 1300px;
        margin: 0 auto;
    }
    .quienes-somos .qs1 h1 {
        color: #ffcf59;
        font-family: "Fonarto";
        font-size: 50px;
        text-shadow: 2px 2px black;
    }
    .quienes-somos .qs1 p {
        color: white;
        font-size: 20px;
        width: 95%;
        margin: 0 auto;
        text-shadow: 2px 2px black;
    }
    .quienes-somos .qs1 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #fbb040;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: white;
        margin: 50px auto 0 auto;
        cursor: pointer;
    }
    .quienes-somos .qs2 {
        width: 100%;
        height: 2300px;
        text-align: center;
        background: url("../img/fondoamarillo.png");
        padding-top: 200px;
        margin-top: -20px;
        background-size: cover;
        background-position: center center;
    }
    .quienes-somos .qs2 .contenido1 {
        width: 100%;
        height: 1300px;
        margin: 0 auto;
    }
    .quienes-somos .qs2 .separador {
        width: 200px;
        height: 15px;
        margin: 0 auto;
        background-color: #f1491c;
    }
    .quienes-somos .qs2 .texto {
        width: 75%;
        margin: 0 auto;
        margin-top: 30px;
        font-size: 18px;
    }
    .quienes-somos .qs2 .renglon {
        width: 80%;
        margin: 0 auto;
        height: 1000px;
        text-align: center;
        margin-top: 150px;
        margin-bottom: 150px;
    }
    .quienes-somos .qs2 .renglon .circulo {
        width: 330px;
        height: 330px;
        border-radius: 50%;
        background-color: #414042;
        padding-top: 50px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .quienes-somos .qs2 .renglon .circulo .parrafo {
        width: 80%;
        color: white;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .quienes-somos .qs2 .renglon .circulo .naranja {
        color: #f1491c;
    }
    .quienes-somos .qs2 .renglon .circulo #icono1 {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("../img/icono1.png");
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .renglon .circulo #icono2 {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("../img/icono2.png");
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .renglon .circulo #icono3 {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("../img/icono3.png");
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .renglon .circulo .rayita {
        background: url("../img/guionondulado.png");
        width: 60px;
        height: 19px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs3 {
        width: 100%;
        height: 910px;
        text-align: center;
        background: url("../img/fondoverde.png");
        padding-top: 50px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs3 .contenido1 {
        width: 100%;
        height: 910px;
        margin: 0 auto;
    }
    .quienes-somos .qs3 .vision {
        background: url("../img/circulogrisondulado.png");
        width: 145px;
        height: 145px;
        background-size: 100% 100%;
        color: white;
        margin: 0 auto;
        padding-top: 55px;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        font-family: "Fonarto";
    }
    .quienes-somos .qs3 .linea {
        width: 5px;
        height: 130px;
        background-color: #414042;
        margin: -20px auto 0 auto;
    }
    .quienes-somos .qs3 #lineachica {
        height: 180px;
    }
    .quienes-somos .qs3 .conthojas {
        width: 100%;
        height: 800px;
        background: url("../img/visionhojas.png");
        background-size: 100% 63%;
        background-repeat: no-repeat;
        background-position: center 215px;
    }
    .quienes-somos .qs3 .conthojas .circulo {
        height: 300px;
        width: 300px;
        color: white;
        text-align: center;
        border-radius: 50%;
        background-color: #414042;
        margin: 0 auto;
        padding-top: 100px;
        display: inline-block;
    }
    .quienes-somos .qs3 .conthojas .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 19px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    .quienes-somos .qs3 .conthojas .circulo .textoverde {
        color: #83b43e;
    }
    .quienes-somos .qs3 .conthojas .circulo .rayitaverde {
        background: url("../img/iconoonduladoverde.png");
        width: 66px;
        height: 12px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs4 {
        width: 100%;
        height: 750px;
        text-align: center;
        background: url("../img/fondoverde2.png");
        padding-top: 50px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs4 .contenido1 {
        width: 100%;
        height: 810px;
        margin: 0 auto;
    }
    .quienes-somos .qs4 .mision {
        background: url("../img/circulogrisondulado.png");
        width: 145px;
        height: 145px;
        background-size: 100% 100%;
        color: white;
        margin: 0 auto;
        padding-top: 55px;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        font-family: "Fonarto";
    }
    .quienes-somos .qs4 .linea {
        width: 5px;
        height: 60px;
        background-color: #414042;
        margin: -20px auto 0 auto;
    }
    .quienes-somos .qs4 #lineachica {
        height: 60px;
    }
    .quienes-somos .qs4 #lineamedia {
        height: 310px;
        margin-top: -290px;
    }
    .quienes-somos .qs4 .conthojas {
        width: 100%;
        height: 940px;
        background: url("../img/hojasmision.png");
        background-size: 100% 50%;
        background-repeat: no-repeat;
        background-position: center 410px;
    }
    .quienes-somos .qs4 .conthojas .circulo {
        height: 300px;
        width: 300px;
        color: white;
        text-align: center;
        border-radius: 50%;
        background-color: #414042;
        margin: 0 auto;
        padding-top: 75px;
        display: inline-block;
    }
    .quienes-somos .qs4 .conthojas .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 17px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    .quienes-somos .qs4 .conthojas .circulo .textoverde2 {
        color: #c1c926;
    }
    .quienes-somos .qs4 .conthojas .circulo .rayitaverde {
        background: url("../img/iconoonduladoverde.png");
        width: 66px;
        height: 12px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs5 {
        width: 100%;
        height: 2775px;
        text-align: center;
        background-color: #f7931e;
        padding-top: 50px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs5 .objetivos {
        background: url("../img/circulogrisondulado.png");
        width: 200px;
        height: 200px;
        background-size: 100% 100%;
        color: white;
        margin: 0 auto;
        padding-top: 80px;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        font-family: "Fonarto";
    }
    .quienes-somos .qs5 .linea {
        width: 5px;
        height: 60px;
        background-color: #414042;
        margin: -20px auto 0 auto;
    }
    .quienes-somos .qs5 #lineachica {
        height: 60px;
    }
    .quienes-somos .qs5 #lineamedia {
        height: 245px;
        margin-top: -225px;
    }
    .quienes-somos .qs5 .conthojas {
        width: 100%;
        height: 900px;
        background: url("../img/hojasmision.png");
        background-size: 100% 57%;
        background-repeat: no-repeat;
        background-position: center 385px;
    }
    .quienes-somos .qs5 .conthojas .circulo {
        height: 300px;
        width: 300px;
        color: white;
        text-align: center;
        border-radius: 50%;
        background-color: #414042;
        margin: 0 auto;
        padding-top: 50px;
        display: inline-block;
    }
    .quienes-somos .qs5 .conthojas .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    .quienes-somos .qs5 .conthojas .circulo .textonaranja {
        color: #fbb040;
    }
    .quienes-somos .qs5 .conthojas .circulo .rayitaverde {
        background: url("../img/iconoonduladoverde.png");
        width: 66px;
        height: 12px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs5 .rengloncont {
        width: 100%;
        height: 1800px;
        margin-top: 50px;
    }
    .quienes-somos .qs5 .rengloncont .renglon {
        height: 1000px;
        width: 100%;
        margin: 0 auto;
    }
    .quienes-somos .qs5 .rengloncont .renglon .circulo {
        background-color: #414042;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        color: white;
        padding-top: 110px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .quienes-somos .qs5 .rengloncont .renglon .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 20px;
        font-weight: bold;
    }
    .quienes-somos .qs5 .rengloncont .renglon .circulo .textonaranja {
        color: #fbb040;
    }
    .productos {
        width: 100%;
        margin-top: 50px;
        min-height: 300px;
    }
    .productos .frescos {
        width: 100%;
        min-height: 300px;
        background-color: #8dc63f;
        height: auto;
        display: inline-block;
        margin-bottom: -7px;
    }
    .productos .frescos .columna {
        display: none;
    }
    .productos .frescos .contenido {
        width: 95%;
        height: auto;
        padding-top: 20px;
        margin: 0 auto;
    }
    .productos .frescos .contenido h1 {
        font-family: "Fonarto";
        font-size: 35px;
        color: #fdeed9;
        margin: 0px;
    }
    .productos .frescos .contenido .frutas {
        width: 100%;
        min-height: 300px;
        height: auto;
        display: inline-block;
        margin-top: 50px;
        padding-top: 0px;
    }
    .productos .frescos .contenido .frutas .renglon {
        width: 100%;
        height: 260px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta {
        width: 135px;
        height: 135px;
        float: left;
        background: url("../img/fondo_blanco.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 30px;
        padding-top: 30px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta img {
        width: 80px;
        height: 80px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta .texto {
        display: none;
    }
    .productos .congelados {
        width: 100%;
        min-height: 300px;
        background-color: #00d6ee;
        height: auto;
        display: inline-block;
        margin-bottom: -7px;
    }
    .productos .congelados .columna {
        display: none;
    }
    .productos .congelados .contenido {
        width: 95%;
        height: auto;
        padding-top: 20px;
        margin: 0 auto;
    }
    .productos .congelados .contenido h1 {
        font-family: "Fonarto";
        font-size: 35px;
        color: #fdeed9;
        margin: 0px;
    }
    .productos .congelados .contenido .frutas {
        width: 100%;
        min-height: 300px;
        height: auto;
        display: inline-block;
        margin-top: 50px;
        padding-top: 0px;
    }
    .productos .congelados .contenido .frutas .rengloncon {
        width: 100%;
        height: 260px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta {
        width: 135px;
        height: 135px;
        float: left;
        background: url("../img/fondo_blanco.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 30px;
        padding-top: 30px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta img {
        width: 80px;
        height: 80px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta .texto {
        display: none;
    }
    .calendario {
        width: 100%;
        height: 860px;
        position: relative;
    }
    .calendario .principal {
        position: relative;
        width: 100%;
        height: 600px;
        background: url("../img/calendario_f_frescos.png");
        background-size: 100% 100%;
        z-index: 1;
        background-repeat: none;
        padding-top: 165px;
    }
    .calendario .principal .titulof {
        width: 100%;
        height: 80px;
        background: url("../img/margen_frescos.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .calendario .principal .tituloc {
        width: 100%;
        height: 80px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .calendario .principal .texto {
        color: white;
        font-family: "Fonarto";
        padding-left: 50px;
        font-size: 45px;
        padding-top: 0px;
    }
    .calendario .principal .carousel-control {
        background: none;
    }
    .calendario .principal .rededor {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frescos.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .calendario .principal .rededor .fruta_fresca {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .calendario .principal .rededor .fruta_fresca .mes {
        position: absolute;
        top: 250px;
    }
    .calendario .principal .rededor .fruta_fresca .mes img {
        width: 100%;
    }
    .calendario .principal .rededor .fruta_fresca #m1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .calendario .principal .rededor .fruta_fresca #m2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .calendario .principal .rededor .fruta_fresca #m3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .calendario .principal .rededor .fruta_fresca #m4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .calendario .principal .rededor .fruta_fresca #m5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .calendario .principal .rededor .fruta_fresca #m6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .calendario .principal .rededor .fruta_fresca #m7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .calendario .principal .rededor .fruta_fresca #m8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor .fruta_fresca #m9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor .fruta_fresca #m10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor .fruta_fresca #m11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor .fruta_fresca #m12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .calendario .principal .rededor_con {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frozen.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .calendario .principal .rededor_con .fruta_congelados {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .calendario .principal .rededor_con .fruta_congelados .mes {
        position: absolute;
        top: 250px;
    }
    .calendario .principal .rededor_con .fruta_congelados .mes img {
        width: 100%;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .calendario .botones {
        width: 100%;
        height: 210px;
        margin-top: -25px;
        z-index: 2;
        margin-bottom: 20px;
    }
    .calendario .botones .boton {
        width: 100%;
        height: 95px;
        cursor: pointer;
        float: left;
        z-index: 2;
        font-family: "Fonarto";
        font-size: 30px;
        padding-top: 25px;
        text-align: center;
    }
    .calendario .botones #frescos {
        background: url("../img/b_frescos.png");
        background-size: 100% 100%;
        z-index: 2;
    }
    .calendario .botones #congelados {
        background: url("../img/b_congelados.png");
        background-size: 100% 100%;
        z-index: 2;
    }
    .calendario .botones #todos {
        background: url("../img/b_todos.png");
        background-size: 100% 100%;
        z-index: 2;
    }
    .calendario .selector {
        display: none;
    }
    .descripcion-frescos {
        width: 100%;
        height: auto;
        position: relative;
    }
    .descripcion-frescos .principal {
        position: relative;
        width: 100%;
        height: 600px;
        background: url("../img/calendario_f_frescos.png");
        background-size: 100% 100%;
        z-index: 1;
        background-repeat: none;
        padding-top: 165px;
    }
    .descripcion-frescos .principal .titulof {
        width: 100%;
        height: 80px;
        background: url("../img/margen_frescos.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .descripcion-frescos .principal .tituloc {
        width: 100%;
        height: 80px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .descripcion-frescos .principal .texto {
        color: white;
        font-family: "Fonarto";
        padding-left: 50px;
        font-size: 45px;
        padding-top: 0px;
    }
    .descripcion-frescos .principal .carousel-control {
        background: none;
    }
    .descripcion-frescos .principal .rededor {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frescos.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca .mes {
        position: absolute;
        top: 250px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca .mes img {
        width: 100%;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .descripcion-frescos .contenido {
        position: relative;
        width: 100%;
        height: auto;
    }
    .descripcion-frescos .contenido .rayita {
        width: 10px;
        height: 125px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -25px;
    }
    .descripcion-frescos .contenido .circulo {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .titulo {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin-top: 50px;
    }

    /* PERFIL DE FRUTA */
        .descripcion-congelados .contenido .descripcion, .descripcion-frescos .contenido .descripcion{
            display: flex !important; 
            flex-wrap: wrap !important; 
            margin: 4rem 0px;
        }
        .descripcion-congelados .contenido .cont, .descripcion-frescos .contenido .cont {
            padding: 0px 2rem; 
            display: flex !important; 
            flex-wrap: wrap !important; 
            justify-content: end;
            margin: 0 auto;
            font-size: 18px;
            margin-top: 20px;
            text-align: center;
            order: 2 !important;
        }
        .descripcion-congelados .contenido .cont .content-text, .descripcion-frescos .contenido .cont .content-text{
            max-height: 380px; 
            overflow: hidden;
            mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
            -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
        }
        .descripcion-congelados .contenido .cont .container-btn, .descripcion-frescos .contenido .cont .container-btn{
            width: 100% !important; 
            display: flex !important; 
            justify-content: center !important;
        }
        .descripcion-congelados .contenido .cont .container-btn .btn-success, .descripcion-frescos .contenido .cont .container-btn .btn-success{
            padding: 6px 4rem !important; 
            border-radius: 4px !important; 
            background-color: #CDC765; 
            border-color: #CDC765;
        }
        .descripcion-congelados .contenido .img-col, .descripcion-frescos .contenido .img-col{
            width: 100% !important;
            padding: 0px 2rem; 
            height: 400px !important
        }
        .descripcion-congelados .contenido .img-col .img-container, .descripcion-frescos .contenido .img-col .img-container{
            height: 100% !important; 
            width: 100% !important;
            text-align: center !important;
        }
        .descripcion-congelados .contenido .img-col img, .descripcion-frescos .contenido .img-col img{
            border-radius: 12px; 
            overflow: hidden;
            width: -webkit-fill-available;
            object-fit: contain
        }
    /* END PERFIL DE FRUTA */

    .descripcion-frescos .contenido .calibre .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/hojas_calibre.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-frescos .contenido .calibre .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .calibre .rayita {
        width: 7px;
        height: 100px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-frescos .contenido .calibre .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .calibre .calibres {
        width: 100%;
        min-height: 200px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        flex-wrap: wrap !important;
        margin: 0 auto;
        margin-top: 50px;
        flex-direction: column;
        align-items: center;
        padding: 0px 24px;
        margin: 0 auto;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .calibre .calibres .empaque {
        width: 100px;
        height: 100px;
        padding-top: 40px;
        text-align: center;
        float: left;
    }
    .descripcion-frescos .contenido .calibre .calibres #bolsa {
        background: url("../img/arpilla.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #carton {
        background: url("../img/caja.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #plastico {
        background: url("../img/cajaplastico.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #cubeta {
        background: url("../img/cubeta.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #metal {
        background: url("../img/metaldrum.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .almacenamiento .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/hojas_calibre.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-frescos .contenido .almacenamiento .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .almacenamiento .rayita {
        width: 7px;
        height: 100px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-frescos .contenido .almacenamiento .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .almacenamiento .texto, .descripcion-frescos .contenido .tablashorizontal .texto, .descripcion-frescos .contenido .varieties .texto {
        text-align: center;
        font-size: 25px;
    }
    .descripcion-frescos .contenido .presentaciones {
        width: 100%;
        height: 1200px;
    }
    .descripcion-frescos .contenido .presentaciones .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/hojas_calibre.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 100px;
        text-align: center;
    }
    .descripcion-frescos .contenido .presentaciones .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .presentaciones .rayita {
        width: 7px;
        height: 100px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-frescos .contenido .presentaciones .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .presentaciones .tablascont {
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .descripcion-frescos .contenido .presentaciones .tablascont .tablas {
        width: 170px;
        padding: 4px;
        background: #dfe44f;
        float: left;
        margin-top: 20px;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo {
        width: 100%;
        height: 40px;
        color: white;
        background: url("../img/fondotitulosfrescos.jpg");
        background-size: auto 100%;
        font-size: 20px;
        margin-top: 0px;
        display: table;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon {
        width: 100%;
        height: 80px;
        color: black;
        text-align: center;
        background: white;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre {
        width: 100%;
        height: 60px;
        color: black;
        text-align: center;
        background: #ebee94;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-frescos .contenido .warning {
        width: 100%;
        height: 300px;
        background: url("../img/leyenda.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 120px;
    }
    .descripcion-frescos .contenido .warning p {
        width: 90%;
        font-family: "Montserrat-Regular";
        font-size: 20px;
        font-weight: bold;
        margin: 0 auto;
    }
    .descripcion-congelados {
        width: 100%;
        height: auto;
        position: relative;
    }
    .descripcion-congelados .principal {
        position: relative;
        width: 100%;
        height: 600px;
        background: url("../img/calendario_f_frozen.png");
        background-size: 100% 100%;
        z-index: 1;
        background-repeat: none;
        padding-top: 165px;
    }
    .descripcion-congelados .principal .titulof {
        width: 100%;
        height: 80px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .descripcion-congelados .principal .tituloc {
        width: 100%;
        height: 80px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .descripcion-congelados .principal .texto {
        color: white;
        font-family: "Fonarto";
        padding-left: 50px;
        font-size: 45px;
        padding-top: 0px;
    }
    .descripcion-congelados .principal .carousel-control {
        background: none;
    }
    .descripcion-congelados .principal .rededor_con {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frozen.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados .mes {
        position: absolute;
        top: 250px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados .mes img {
        width: 100%;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .descripcion-congelados .contenido {
        position: relative;
        width: 100%;
        height: auto;
    }
    .descripcion-congelados .contenido .rayita {
        width: 10px;
        height: 125px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -25px;
    }
    .descripcion-congelados .contenido .circulo {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .titulo {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin-top: 50px;
    }
    /* PERFIL DE FRUTA CONGELADA */
        .descripcion-congelados .contenido .cont {
            /* height: 140px; */
            margin-bottom: 2rem !important;
        }
        .descripcion-congelados .contenido .cont .content-text{
            height: 100% !important;
        }
    /* END PERFIL DE FRUTA CONGELADA */
    .descripcion-congelados .contenido .calibre .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/copos_frozen.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .calibre .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .calibre .rayita {
        width: 7px;
        height: 100px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-congelados .contenido .calibre .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .calibre .calibres {
        width: 100px;
        min-height: 200px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .calibre .calibres .empaque {
        width: 100px;
        height: 100px;
        padding-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .calibre .calibres #bolsa {
        background: url("../img/arpilla.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #carton {
        background: url("../img/cajacong.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #plastico {
        background: url("../img/cajaplastico.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #cubeta {
        background: url("../img/cubetacong.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #metal {
        background: url("../img/metaldrumcong.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .almacenamiento .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/copos_frozen.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .almacenamiento .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .almacenamiento .rayita {
        width: 7px;
        height: 100px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-congelados .contenido .almacenamiento .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .almacenamiento .texto {
        text-align: center;
        font-size: 25px;
    }
    .descripcion-congelados .contenido .presentaciones {
        width: 100%;
        height: 1200px;
    }
    .descripcion-congelados .contenido .presentaciones .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/copos_frozen.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 100px;
        text-align: center;
    }
    .descripcion-congelados .contenido .presentaciones .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .presentaciones .rayita {
        width: 7px;
        height: 100px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-congelados .contenido .presentaciones .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .presentaciones .tablascont {
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .descripcion-congelados .contenido .presentaciones .tablascont .tablas {
        width: 170px;
        padding: 4px;
        background: #05afef;
        float: left;
        margin-top: 20px;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo {
        width: 100%;
        height: 40px;
        color: white;
        background: url("../img/margen_congelados.png");
        background-size: auto 100%;
        font-size: 20px;
        margin-top: 0px;
        display: table;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon {
        width: 100%;
        height: 80px;
        color: black;
        text-align: center;
        background: white;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre {
        width: 100%;
        height: 60px;
        color: black;
        text-align: center;
        background: #00d7ef;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-congelados .contenido .warning {
        width: 100%;
        height: 300px;
        background: url("../img/leyenda.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 120px;
    }
    .descripcion-congelados .contenido .warning p {
        width: 90%;
        font-family: "Montserrat-Regular";
        font-size: 20px;
        font-weight: bold;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .formato {
        margin: 40px auto;
        width: 100%;
        text-align: center;
    }
    .descripcion-congelados .contenido .formato p {
        font-size: 25px;
        font-weight: bold;
    }
}

@media screen and (max-width: 375px) {
    .contenedorarticulos {
        width: 100%;
        min-height: 500px;
        background: #dfe54f;
        padding-top: 50px;
        text-align: center;
    }
    .contenedorarticulos .contienearticulo {
        margin-bottom: 50px;
    }
    .contenedorarticulos .contienearticulo .titulo {
        font-size: 30px;
        font-weight: bold;
    }
    .contenedorarticulos .contienearticulo .subtitulo {
        font-size: 25px;
    }
    .contenedorarticulos .contienearticulo .contenido {
        width: 80%;
        margin: 20px auto;
        font-size: 18px;
    }
    .contenedorarticulos .contienearticulo .link {
        font-size: 20px;
    }
    .contenedorarticulos .contienearticulo .destacada {
        margin: 20px auto;
    }
    .flotante {
        display: none;
    }
    .cont {
        margin: 0 auto 0 auto;
        width: 100%;
    }
    #panelweb {
        display: none;
    }
    #responsivo {
        background: #fdeed9;
    }
    #responsivo .navbar-brand {
        padding: 0px;
        padding-left: 30px;
        padding-top: 10px;
    }
    #responsivo .logo {
        width: 85px;
        height: 35px;
        z-index: 3;
        background: url("../img/fruvex_logo.png");
        background-size: 100% 100%;
    }
    #responsivo .nav li {
        font-size: 25px;
    }
    .divfot {
        background-color: #fdeed9;
        height: 630px;
    }
    .divfot .foot {
        float: left;
        text-align: center;
        width: 100%;
        margin-bottom: 40px;
    }
    .divfot .foot .chico {
        width: 5%;
        color: black;
        border: 2px solid black;
        margin-top: 5px;
        margin-bottom: 15px;
    }
    .divfot .foot a {
        color: black;
    }
    .divfot .copyright {
        width: 100%;
        height: 50px;
        text-align: center;
        float: left;
        margin: -10px;
        font-size: 18px;
    }
    .home {
        width: 100%;
    }
    .home .fresa {
        width: 76px;
        height: 86px;
        position: absolute;
        background: url("../img/fruta1.png");
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: 185px auto 0 auto;
    }
    .home .hola {
        width: 1px;
        height: 1px;
    }
    .home .home1 {
        background: url("../img/destacada1.jpg");
        background-size: cover;
        width: 100%;
        height: 800px;
        z-index: 1;
        padding-top: 220px;
        margin-top: -65px;
    }
    .home .home1 .contenido1 {
        max-width: 1400px;
        height: 800px;
        margin: 0 auto;
    }
    .home .home1 .center {
        width: 150px;
        height: 150px;
        background: url("../img/iconoverde.png");
        background-repeat: no-repeat;
        margin: 0 auto 0 auto;
    }
    .home .home1 .texto h1 {
        margin: 0;
        color: #dfe54f;
        font-size: 45px;
        text-align: center;
        font-family: "Fonarto";
        text-shadow: 3px 3px #333;
    }
    .home .home1 .texto p {
        color: white;
        font-family: "Montserrat-Regular";
        font-size: 18px;
        text-align: center;
        text-shadow: 2px 2px #333;
        width: 70%;
        margin: 10px auto 0 auto;
    }
    .home .home1 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #dfe54f;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: #8dc63f;
        margin: 50px auto 0 auto;
        cursor: pointer;
    }
    .home .home2 {
        background: url("../img/destacada2.jpg");
        background-size: cover;
        width: 100%;
        height: 800px;
        margin-top: -50px;
        z-index: 2;
        padding-top: 80px;
    }
    .home .home2 .contenido1 {
        max-width: 1400px;
        height: 800px;
        margin: 0 auto;
    }
    .home .home2 .center {
        width: 150px;
        height: 150px;
        background: url("../img/iconolattecosmico.png");
        background-repeat: no-repeat;
        margin: 0 auto 0 auto;
        background-size: 100%;
    }
    .home .home2 .linea {
        height: 70px;
        width: 10px;
        margin: -10px auto 0 auto;
        background-color: #fdeed9;
    }
    .home .home2 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #fdeed9;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: #dfe54f;
        margin: -5px auto 0 auto;
        cursor: pointer;
    }
    .home .home2 .texto2 h2 {
        color: white;
        font-size: 45px;
        font-family: "Fonarto";
        text-shadow: 3px 3px #333;
        text-align: center;
    }
    .home .home2 .bloquetexto {
        background-color: rgba(141, 198, 63, 0.7);
        width: 85%;
        height: 200px;
        color: white;
        font-size: 14px;
        font-family: "Montserrat-Regular";
        margin: 0 auto 0 auto;
        padding: 10px 20px;
        text-shadow: 2px 2px #333;
    }
    .home .home3 {
        background: url("../img/destacada3.jpg");
        background-size: cover;
        width: 100%;
        height: 800px;
        z-index: 3;
        padding-top: 120px;
    }
    .home .home3 .contenido1 {
        max-width: 1400px;
        height: 800px;
        margin: 0 auto;
    }
    .home .home3 .center {
        width: 200px;
        height: 200px;
        background: url("../img/iconoescarcha.png");
        background-repeat: no-repeat;
        margin: 0 auto 0 auto;
        background-size: 100%;
    }
    .home .home3 .linea {
        height: 70px;
        width: 10px;
        margin: -40px auto 0 auto;
        background-color: #fdeed9;
    }
    .home .home3 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #fdeed9;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: #00d7ef;
        margin: -5px auto 0 auto;
        cursor: pointer;
    }
    .home .home3 .texto3 h2 {
        color: white;
        font-size: 40px;
        font-family: "Fonarto";
        text-shadow: 3px 3px #333;
        text-align: center;
    }
    .home .home3 .bloquetexto {
        background-color: rgba(0, 215, 239, 0.7);
        width: 85%;
        height: 225px;
        color: white;
        font-size: 18px;
        font-family: "Montserrat-Regular";
        margin: 0 auto 0 auto;
        padding: 10px 20px;
        text-shadow: 2px 2px #333;
    }
    .contacto {
        width: 100%;
        height: 1750px;
        padding-top: 100px;
        background-color: #8dc63f;
    }
    .contacto .circulo {
        text-align: center;
        border-radius: 50%;
        color: white;
        background-color: #414042;
        width: 300px;
        padding-top: 50px;
        padding-bottom: 100px;
        height: 350px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .contacto .circulo .oficina {
        font-size: 18px;
    }
    .contacto .circulo .direccion {
        font-size: 15px;
    }
    .contacto .circulo .icono {
        width: 65px;
        height: 12px;
        margin: 20px auto 20px auto;
        background: url("../img/iconoonduladoverde.png");
    }
    .contacto .circulo .tels {
        font-size: 18px;
    }
    .contacto .forma {
        width: 70%;
        text-align: center;
        margin: 0 auto;
        margin-top: 50px;
    }
    .contacto .forma .titulo {
        color: white;
        font-family: "Fonarto";
        font-size: 25px;
    }
    .contacto .forma .campos {
        color: white;
        text-align: left;
    }
    .contacto .forma input {
        width: 100%;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .contacto .forma textarea {
        width: 100%;
        border-radius: 5px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .contacto .forma .boton-enviar {
        background: url("../img/circulogrisondulado.png");
        color: white;
        text-align: center;
        width: 75px;
        height: 75px;
        border: none;
        background-size: 100%;
    }
    .quienes-somos {
        width: 100%;
        height: auto;
    }
    .quienes-somos .qs1 {
        margin-top: 50px;
        width: 100%;
        height: 500px;
        text-align: center;
        background: url("../img/empresadestacada.jpg");
        padding-top: 50px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }
    .quienes-somos .qs1 .contenido1 {
        width: 100%;
        height: 1300px;
        margin: 0 auto;
    }
    .quienes-somos .qs1 h1 {
        color: #ffcf59;
        font-family: "Fonarto";
        font-size: 40px;
        text-shadow: 2px 2px black;
    }
    .quienes-somos .qs1 p {
        color: white;
        font-size: 20px;
        width: 95%;
        margin: 0 auto;
        text-shadow: 2px 2px black;
    }
    .quienes-somos .qs1 .botonmov {
        width: 50px;
        height: 50px;
        background-color: #fbb040;
        border-radius: 25px;
        font-size: 30px;
        text-align: center;
        padding-top: 10px;
        color: white;
        margin: 50px auto 0 auto;
        cursor: pointer;
    }
    .quienes-somos .qs2 {
        width: 100%;
        height: 2100px;
        text-align: center;
        background: url("../img/fondoamarillo.png");
        padding-top: 200px;
        margin-top: -20px;
        background-size: cover;
        background-position: center center;
    }
    .quienes-somos .qs2 .contenido1 {
        width: 100%;
        height: 1300px;
        margin: 0 auto;
    }
    .quienes-somos .qs2 .separador {
        width: 200px;
        height: 15px;
        margin: 0 auto;
        background-color: #f1491c;
    }
    .quienes-somos .qs2 .texto {
        width: 85%;
        margin: 0 auto;
        margin-top: 30px;
        font-size: 16px;
    }
    .quienes-somos .qs2 .renglon {
        width: 80%;
        margin: 0 auto;
        height: 1000px;
        text-align: center;
        margin-top: 150px;
        margin-bottom: 150px;
    }
    .quienes-somos .qs2 .renglon .circulo {
        width: 260px;
        height: 330px;
        background-color: #414042;
        padding-top: 50px;
        margin: 0 auto;
    }
    .quienes-somos .qs2 .renglon .circulo .parrafo {
        width: 80%;
        color: white;
        margin: 0 auto;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .quienes-somos .qs2 .renglon .circulo .naranja {
        color: #f1491c;
    }
    .quienes-somos .qs2 .renglon .circulo #icono1 {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("../img/icono1.png");
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .renglon .circulo #icono2 {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("../img/icono2.png");
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .renglon .circulo #icono3 {
        width: 50px;
        height: 50px;
        margin: 0 auto;
        background: url("../img/icono3.png");
        background-size: 100% 100%;
    }
    .quienes-somos .qs2 .renglon .circulo .rayita {
        background: url("../img/guionondulado.png");
        width: 60px;
        height: 19px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs3 {
        width: 100%;
        height: 910px;
        text-align: center;
        background: url("../img/fondoverde.png");
        padding-top: 50px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs3 .contenido1 {
        width: 100%;
        height: 910px;
        margin: 0 auto;
    }
    .quienes-somos .qs3 .vision {
        background: url("../img/circulogrisondulado.png");
        width: 145px;
        height: 145px;
        background-size: 100% 100%;
        color: white;
        margin: 0 auto;
        padding-top: 55px;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        font-family: "Fonarto";
    }
    .quienes-somos .qs3 .linea {
        width: 5px;
        height: 130px;
        background-color: #414042;
        margin: -20px auto 0 auto;
    }
    .quienes-somos .qs3 #lineachica {
        height: 180px;
    }
    .quienes-somos .qs3 .conthojas {
        width: 100%;
        height: 800px;
        background: url("../img/visionhojas.png");
        background-size: 100% 63%;
        background-repeat: no-repeat;
        background-position: center 215px;
    }
    .quienes-somos .qs3 .conthojas .circulo {
        height: 300px;
        width: 300px;
        color: white;
        text-align: center;
        border-radius: 50%;
        background-color: #414042;
        margin: 0 auto;
        padding-top: 100px;
        display: inline-block;
    }
    .quienes-somos .qs3 .conthojas .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 19px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    .quienes-somos .qs3 .conthojas .circulo .textoverde {
        color: #83b43e;
    }
    .quienes-somos .qs3 .conthojas .circulo .rayitaverde {
        background: url("../img/iconoonduladoverde.png");
        width: 66px;
        height: 12px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs4 {
        width: 100%;
        height: 750px;
        text-align: center;
        background: url("../img/fondoverde2.png");
        padding-top: 50px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs4 .contenido1 {
        width: 100%;
        height: 810px;
        margin: 0 auto;
    }
    .quienes-somos .qs4 .mision {
        background: url("../img/circulogrisondulado.png");
        width: 145px;
        height: 145px;
        background-size: 100% 100%;
        color: white;
        margin: 0 auto;
        padding-top: 55px;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        font-family: "Fonarto";
    }
    .quienes-somos .qs4 .linea {
        width: 5px;
        height: 60px;
        background-color: #414042;
        margin: -20px auto 0 auto;
    }
    .quienes-somos .qs4 #lineachica {
        height: 60px;
    }
    .quienes-somos .qs4 #lineamedia {
        height: 310px;
        margin-top: -290px;
    }
    .quienes-somos .qs4 .conthojas {
        width: 100%;
        height: 940px;
        background: url("../img/hojasmision.png");
        background-size: 100% 50%;
        background-repeat: no-repeat;
        background-position: center 410px;
    }
    .quienes-somos .qs4 .conthojas .circulo {
        height: 300px;
        width: 300px;
        color: white;
        text-align: center;
        border-radius: 50%;
        background-color: #414042;
        margin: 0 auto;
        padding-top: 75px;
        display: inline-block;
    }
    .quienes-somos .qs4 .conthojas .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 17px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    .quienes-somos .qs4 .conthojas .circulo .textoverde2 {
        color: #c1c926;
    }
    .quienes-somos .qs4 .conthojas .circulo .rayitaverde {
        background: url("../img/iconoonduladoverde.png");
        width: 66px;
        height: 12px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs5 {
        width: 100%;
        height: 2775px;
        text-align: center;
        background-color: #f7931e;
        padding-top: 50px;
        margin-top: -20px;
        background-size: 100% 100%;
    }
    .quienes-somos .qs5 .objetivos {
        background: url("../img/circulogrisondulado.png");
        width: 200px;
        height: 200px;
        background-size: 100% 100%;
        color: white;
        margin: 0 auto;
        padding-top: 80px;
        font-size: 30px;
        font-weight: 400;
        text-align: center;
        font-family: "Fonarto";
    }
    .quienes-somos .qs5 .linea {
        width: 5px;
        height: 60px;
        background-color: #414042;
        margin: -20px auto 0 auto;
    }
    .quienes-somos .qs5 #lineachica {
        height: 60px;
    }
    .quienes-somos .qs5 #lineamedia {
        height: 245px;
        margin-top: -225px;
    }
    .quienes-somos .qs5 .conthojas {
        width: 100%;
        height: 900px;
        background: url("../img/hojasmision.png");
        background-size: 100% 57%;
        background-repeat: no-repeat;
        background-position: center 385px;
    }
    .quienes-somos .qs5 .conthojas .circulo {
        height: 300px;
        width: 300px;
        color: white;
        text-align: center;
        border-radius: 50%;
        background-color: #414042;
        margin: 0 auto;
        padding-top: 50px;
        display: inline-block;
    }
    .quienes-somos .qs5 .conthojas .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 16px;
        font-weight: 300;
        margin-bottom: 30px;
    }
    .quienes-somos .qs5 .conthojas .circulo .textonaranja {
        color: #fbb040;
    }
    .quienes-somos .qs5 .conthojas .circulo .rayitaverde {
        background: url("../img/iconoonduladoverde.png");
        width: 66px;
        height: 12px;
        background-repeat: no-repeat;
        display: inline-block;
    }
    .quienes-somos .qs5 .rengloncont {
        width: 100%;
        height: 2000px;
        margin-top: 50px;
    }
    .quienes-somos .qs5 .rengloncont .renglon {
        height: 1000px;
        width: 100%;
        margin: 0 auto;
    }
    .quienes-somos .qs5 .rengloncont .renglon .circulo {
        background-color: #414042;
        width: 300px;
        height: 300px;
        border-radius: 50%;
        color: white;
        padding-top: 110px;
        margin: 0 auto;
        margin-bottom: 30px;
    }
    .quienes-somos .qs5 .rengloncont .renglon .circulo p {
        width: 85%;
        margin: 0 auto;
        font-size: 20px;
        font-weight: bold;
    }
    .quienes-somos .qs5 .rengloncont .renglon .circulo .textonaranja {
        color: #fbb040;
    }
    .productos {
        width: 100%;
        margin-top: 50px;
        min-height: 300px;
    }
    .productos .frescos {
        width: 100%;
        min-height: 300px;
        background-color: #8dc63f;
        height: auto;
        display: inline-block;
        margin-bottom: -7px;
    }
    .productos .frescos .columna {
        display: none;
    }
    .productos .frescos .contenido {
        width: 100%;
        height: auto;
        padding-top: 20px;
        margin: 0 auto;
    }
    .productos .frescos .contenido h1 {
        font-family: "Fonarto";
        font-size: 35px;
        color: #fdeed9;
        margin: 0px;
        margin-left: 20px;
    }
    .productos .frescos .contenido .frutas {
        width: 100%;
        min-height: 300px;
        height: auto;
        display: inline-block;
        margin-top: 50px;
        padding-top: 0px;
    }
    .productos .frescos .contenido .frutas .renglon {
        width: 100%;
        height: 260px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta {
        width: 120px;
        height: 120px;
        float: left;
        background: url("../img/fondo_blanco.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 25px;
        padding-top: 25px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta img {
        width: 70px;
        height: 70px;
    }
    .productos .frescos .contenido .frutas .renglon .fruta .texto {
        display: none;
    }
    .productos .congelados {
        width: 100%;
        min-height: 300px;
        background-color: #00d6ee;
        height: auto;
        display: inline-block;
        margin-bottom: -7px;
    }
    .productos .congelados .columna {
        display: none;
    }
    .productos .congelados .contenido {
        width: 100%;
        height: auto;
        padding-top: 20px;
        margin: 0 auto;
    }
    .productos .congelados .contenido h1 {
        font-family: "Fonarto";
        font-size: 35px;
        color: #fdeed9;
        margin: 0px;
        margin-left: 20px;
    }
    .productos .congelados .contenido .frutas {
        width: 100%;
        min-height: 300px;
        height: auto;
        display: inline-block;
        margin-top: 50px;
        padding-top: 0px;
    }
    .productos .congelados .contenido .frutas .rengloncon {
        width: 100%;
        height: 260px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta {
        width: 120px;
        height: 120px;
        float: left;
        background: url("../img/fondo_blanco.png");
        background-repeat: no-repeat;
        background-size: cover;
        padding-left: 25px;
        padding-top: 25px;
        margin-left: 20px;
        margin-right: 20px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta img {
        width: 70px;
        height: 70px;
    }
    .productos .congelados .contenido .frutas .rengloncon .fruta .texto {
        display: none;
    }
    .calendario {
        width: 100%;
        height: 860px;
        position: relative;
    }
    .calendario .principal {
        position: relative;
        width: 100%;
        height: 600px;
        background: url("../img/calendario_f_frescos.png");
        background-size: cover;
        z-index: 1;
        background-repeat: none;
        padding-top: 165px;
    }
    .calendario .principal .carousel-control {
        font-size: 40px;
    }
    .calendario .principal .titulof {
        width: 100%;
        height: 80px;
        background: url("../img/margen_frescos.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .calendario .principal .tituloc {
        width: 100%;
        height: 80px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .calendario .principal .texto {
        color: white;
        font-family: "Fonarto";
        padding-left: 50px;
        font-size: 45px;
        padding-top: 0px;
    }
    .calendario .principal .carousel-control {
        background: none;
    }
    .calendario .principal .carousel-inner {
        height: 400px;
    }
    .calendario .principal .rededor {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frescos.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .calendario .principal .rededor .fruta_fresca {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .calendario .principal .rededor .fruta_fresca .mes {
        position: absolute;
        top: 250px;
    }
    .calendario .principal .rededor .fruta_fresca .mes img {
        width: 100%;
    }
    .calendario .principal .rededor .fruta_fresca #m1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .calendario .principal .rededor .fruta_fresca #m2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .calendario .principal .rededor .fruta_fresca #m3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .calendario .principal .rededor .fruta_fresca #m4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .calendario .principal .rededor .fruta_fresca #m5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .calendario .principal .rededor .fruta_fresca #m6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .calendario .principal .rededor .fruta_fresca #m7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .calendario .principal .rededor .fruta_fresca #m8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor .fruta_fresca #m9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor .fruta_fresca #m10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor .fruta_fresca #m11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor .fruta_fresca #m12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .calendario .principal .rededor_con {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frozen.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .calendario .principal .rededor_con .fruta_congelados {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .calendario .principal .rededor_con .fruta_congelados .mes {
        position: absolute;
        top: 250px;
    }
    .calendario .principal .rededor_con .fruta_congelados .mes img {
        width: 100%;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .calendario .principal .rededor_con .fruta_congelados #mc12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .calendario .botones {
        width: 100%;
        height: 95px;
        margin-top: -25px;
        z-index: 2;
    }
    .calendario .botones .boton {
        width: 100%;
        height: 95px;
        cursor: pointer;
        float: left;
        z-index: 2;
        font-family: "Fonarto";
        font-size: 30px;
        padding-top: 25px;
        text-align: center;
    }
    .calendario .botones #frescos {
        background: url("../img/b_frescos.png");
        background-size: 100% 100%;
        z-index: 2;
    }
    .calendario .botones #congelados {
        background: url("../img/b_congelados.png");
        background-size: 100% 100%;
        z-index: 2;
    }
    .calendario .botones #todos {
        background: url("../img/b_todos.png");
        background-size: 100% 100%;
        z-index: 2;
    }
    .calendario .selector {
        display: none;
    }
    .descripcion-frescos {
        width: 100%;
        height: auto;
        position: relative;
    }
    .descripcion-frescos .principal {
        position: relative;
        width: 100%;
        height: 600px;
        background: url("../img/calendario_f_frescos.png");
        background-size: cover;
        z-index: 1;
        background-repeat: none;
        padding-top: 165px;
    }
    .descripcion-frescos .principal .titulof {
        width: 100%;
        height: 80px;
        background: url("../img/margen_frescos.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .descripcion-frescos .principal .tituloc {
        width: 100%;
        height: 80px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .descripcion-frescos .principal .texto {
        color: white;
        font-family: "Fonarto";
        padding-left: 50px;
        font-size: 45px;
        padding-top: 0px;
    }
    .descripcion-frescos .principal .carousel-control {
        background: none;
    }
    .descripcion-frescos .principal .rededor {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frescos.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca .mes {
        position: absolute;
        top: 250px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca .mes img {
        width: 100%;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .descripcion-frescos .principal .rededor .fruta_fresca #m12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .descripcion-frescos .contenido {
        position: relative;
        width: 100%;
        height: auto;
    }
    .descripcion-frescos .contenido .rayita {
        width: 10px;
        height: 125px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -25px;
    }
    .descripcion-frescos .contenido .circulo {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .titulo {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin-top: 50px;
    }

    /* PERFIL DE FRUTA */
        .descripcion-congelados .contenido .descripcion, .descripcion-frescos .contenido .descripcion{
            display: flex !important; 
            flex-wrap: wrap !important; 
            margin: 4rem 0px;
        }
        .descripcion-congelados .contenido .cont, .descripcion-frescos .contenido .cont {
            padding: 0px 2rem; 
            display: flex !important; 
            flex-wrap: wrap !important; 
            justify-content: end;
            margin: 0 auto;
            font-size: 18px;
            margin-top: 20px;
            text-align: center;
            order: 2 !important;
        }
        .descripcion-congelados .contenido .cont .content-text, .descripcion-frescos .contenido .cont .content-text{
            max-height: 400px; 
            overflow: hidden;
            mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
            -webkit-mask-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0));
        }
        .descripcion-congelados .contenido .cont .container-btn, .descripcion-frescos .contenido .cont .container-btn{
            width: 100% !important; 
            display: flex !important; 
            justify-content: center !important;
        }
        .descripcion-congelados .contenido .cont .container-btn .btn-success, .descripcion-frescos .contenido .cont .container-btn .btn-success{
            padding: 6px 4rem !important; 
            border-radius: 4px !important; 
            background-color: #CDC765; 
            border-color: #CDC765;
        }
        .descripcion-congelados .contenido .img-col, .descripcion-frescos .contenido .img-col{
            width: 100% !important;
            padding: 0px 2rem; 
            height: 250px !important
        }
        .descripcion-congelados .contenido .img-col .img-container, .descripcion-frescos .contenido .img-col .img-container{
            height: 100% !important; 
            width: 100% !important;
            text-align: center !important;
        }
        .descripcion-congelados .contenido .img-col img, .descripcion-frescos .contenido .img-col img{
            border-radius: 12px; 
            overflow: hidden;
            width: -webkit-fill-available;
            object-fit: contain;
        }
    /* END PERFIL DE FRUTA */

    .descripcion-frescos .contenido .calibre {
        width: 100%;
        height: auto;
    }
    .descripcion-frescos .contenido .calibre .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/hojas_calibre.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-frescos .contenido .calibre .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .calibre .rayita {
        width: 7px;
        height: 100px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-frescos .contenido .calibre .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .calibre .calibres {
        width: 100%;
        min-height: 200px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        flex-wrap: wrap !important;
        margin: 0 auto;
        margin-top: 50px;
        flex-direction: column;
        align-items: center;
        padding: 0px 24px;
        margin: 0 auto;
        margin-top: 50px;
        padding-left: 5%;
    }
    .descripcion-frescos .contenido .calibre .calibres .empaque {
        width: 140px;
        height: 140px;
        padding-top: 40px;
        text-align: center;
        float: left;
    }
    .descripcion-frescos .contenido .calibre .calibres #bolsa {
        background: url("../img/arpilla.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #carton {
        background: url("../img/caja.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #plastico {
        background: url("../img/cajaplastico.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #cubeta {
        background: url("../img/cubeta.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .calibre .calibres #metal {
        background: url("../img/metaldrum.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-frescos .contenido .almacenamiento .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/hojas_calibre.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-frescos .contenido .almacenamiento .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .almacenamiento .rayita {
        width: 7px;
        height: 100px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-frescos .contenido .almacenamiento .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .almacenamiento .texto, .descripcion-frescos .contenido .tablashorizontal .texto, .descripcion-frescos .contenido .varieties .texto {
        text-align: center;
        font-size: 25px;
    }
    .descripcion-frescos .contenido .presentaciones {
        width: 100%;
        height: 1500px;
    }
    .descripcion-frescos .contenido .presentaciones .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/hojas_calibre.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 100px;
        text-align: center;
    }
    .descripcion-frescos .contenido .presentaciones .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-frescos .contenido .presentaciones .rayita {
        width: 7px;
        height: 100px;
        background: #dfe54f;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-frescos .contenido .presentaciones .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #dfe54f;
        margin: 0 auto;
    }
    .descripcion-frescos .contenido .presentaciones .tablascont {
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .descripcion-frescos .contenido .presentaciones .tablascont .tablas {
        width: 170px;
        padding: 4px;
        background: #dfe44f;
        float: left;
        margin: 0 20%;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo {
        width: 100%;
        height: 40px;
        color: white;
        background: url("../img/fondotitulosfrescos.jpg");
        background-size: auto 100%;
        font-size: 20px;
        margin-top: 0px;
        display: table;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon {
        width: 100%;
        height: 80px;
        color: black;
        text-align: center;
        background: white;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre {
        width: 100%;
        height: 60px;
        color: black;
        text-align: center;
        background: #ebee94;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-frescos
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-frescos .contenido .warning {
        width: 100%;
        height: 300px;
        background: url("../img/leyenda.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 120px;
    }
    .descripcion-frescos .contenido .warning p {
        width: 90%;
        font-family: "Montserrat-Regular";
        font-size: 20px;
        font-weight: bold;
        margin: 0 auto;
    }
    .descripcion-congelados {
        width: 100%;
        height: auto;
        position: relative;
    }
    .descripcion-congelados .principal {
        position: relative;
        width: 100%;
        height: 600px;
        background: url("../img/calendario_f_frozen.png");
        background-size: 100% 100%;
        z-index: 1;
        background-repeat: none;
        padding-top: 165px;
    }
    .descripcion-congelados .principal .titulof {
        width: 100%;
        height: 80px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .descripcion-congelados .principal .tituloc {
        width: 100%;
        height: 80px;
        background: url("../img/margen_congelados.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        position: absolute;
        top: 50px;
    }
    .descripcion-congelados .principal .texto {
        color: white;
        font-family: "Fonarto";
        padding-left: 20px;
        font-size: 30px;
        padding-top: 0px;
    }
    .descripcion-congelados .principal .carousel-control {
        background: none;
    }
    .descripcion-congelados .principal .rededor_con {
        width: 300px;
        height: 300px;
        background: url("../img/fondo_meses_frozen.png");
        margin: 0 auto;
        background-size: 100% 100%;
        margin-top: 45px;
        z-index: 2;
        position: relative;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados {
        width: 195px;
        height: 195px;
        margin: 0 auto;
        margin-top: 50px;
        z-index: 3;
        position: relative;
        top: 53px;
        border-radius: 50%;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados .mes {
        position: absolute;
        top: 250px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados .mes img {
        width: 100%;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m1 {
        top: -66px;
        left: 96px;
        width: 83px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m2 {
        top: -43px;
        left: 146px;
        width: 90px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m3 {
        top: 16px;
        left: 182px;
        width: 74px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m4 {
        top: 96px;
        left: 184px;
        width: 72px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m5 {
        top: 146px;
        left: 147px;
        width: 90px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m6 {
        top: 184px;
        left: 97px;
        width: 79px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m7 {
        top: 183px;
        left: 19px;
        width: 78px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m8 {
        top: 146px;
        left: -43px;
        width: 92px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m9 {
        top: 96px;
        left: -66px;
        width: 79px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m10 {
        top: 13px;
        left: -66px;
        width: 79px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m11 {
        top: -45px;
        left: -43px;
        width: 92px;
    }
    .descripcion-congelados .principal .rededor_con .fruta_congelados #m12 {
        top: -66px;
        left: 15px;
        width: 83px;
    }
    .descripcion-congelados .contenido {
        position: relative;
        width: 100%;
        height: auto;
    }
    .descripcion-congelados .contenido .rayita {
        width: 10px;
        height: 125px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -25px;
    }
    .descripcion-congelados .contenido .circulo {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .titulo {
        text-align: center;
        font-size: 30px;
        font-weight: bold;
        margin-top: 50px;
    }
    /* PERFIL DE FRUTA CONGELADA */
        .descripcion-congelados .contenido .cont {
            /* height: 180px; */
            /* margin-bottom: 2rem !important; */
        }
        .descripcion-congelados .contenido .cont .content-text{
            height: 100% !important;
        }
    /* END PERFIL DE FRUTA CONGELADA */
    .descripcion-congelados .contenido .calibre .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/copos_frozen.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .calibre .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .calibre .rayita {
        width: 7px;
        height: 100px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-congelados .contenido .calibre .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .calibre .calibres {
        width: 100px;
        min-height: 200px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        margin-top: 150px;
    }
    .descripcion-congelados .contenido .calibre .calibres .empaque {
        width: 100px;
        height: 100px;
        padding-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .calibre .calibres #bolsa {
        background: url("../img/arpilla.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #carton {
        background: url("../img/cajacong.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #plastico {
        background: url("../img/cajaplastico.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #cubeta {
        background: url("../img/cubetacong.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .calibre .calibres #metal {
        background: url("../img/metaldrumcong.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }
    .descripcion-congelados .contenido .almacenamiento .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/copos_frozen.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 40px;
        text-align: center;
    }
    .descripcion-congelados .contenido .almacenamiento .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .almacenamiento .rayita {
        width: 7px;
        height: 100px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-congelados .contenido .almacenamiento .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .almacenamiento .texto {
        text-align: center;
        font-size: 25px;
    }
    .descripcion-congelados .contenido .presentaciones {
        width: 100%;
        height: 1200px;
    }
    .descripcion-congelados .contenido .presentaciones .icono {
        width: 300px;
        margin: 0 auto;
        background: url("../img/copos_frozen.png");
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 200px;
        margin-top: 100px;
        text-align: center;
    }
    .descripcion-congelados .contenido .presentaciones .icono img {
        width: 100px;
        height: 100px;
        display: inline-block;
        margin-top: 50px;
    }
    .descripcion-congelados .contenido .presentaciones .rayita {
        width: 7px;
        height: 100px;
        background: #00d7ef;
        margin: 0 auto;
        margin-top: -60px;
    }
    .descripcion-congelados .contenido .presentaciones .circulo {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #00d7ef;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .presentaciones .tablascont {
        width: 80%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .descripcion-congelados .contenido .presentaciones .tablascont .tablas {
        width: 170px;
        padding: 4px;
        background: #05afef;
        float: left;
        margin-top: 20px;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo {
        width: 100%;
        height: 40px;
        color: white;
        background: url("../img/margen_congelados.png");
        background-size: auto 100%;
        font-size: 20px;
        margin-top: 0px;
        display: table;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .titulo
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon {
        width: 100%;
        height: 80px;
        color: black;
        text-align: center;
        background: white;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .renglon
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre {
        width: 100%;
        height: 60px;
        color: black;
        text-align: center;
        background: #00d7ef;
        font-size: 17px;
        margin-bottom: 4px;
        display: table;
    }
    .descripcion-congelados
        .contenido
        .presentaciones
        .tablascont
        .tablas
        .nombre
        p {
        display: table-cell;
        vertical-align: middle;
    }
    .descripcion-congelados .contenido .warning {
        width: 100%;
        height: 300px;
        background: url("../img/leyenda.png");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        text-align: center;
        padding-top: 120px;
    }
    .descripcion-congelados .contenido .warning p {
        width: 90%;
        font-family: "Montserrat-Regular";
        font-size: 20px;
        font-weight: bold;
        margin: 0 auto;
    }
    .descripcion-congelados .contenido .formato {
        margin: 40px auto;
        width: 100%;
        text-align: center;
    }
    .descripcion-congelados .contenido .formato p {
        font-size: 25px;
        font-weight: bold;
    }
}

input[type="text"],
input[type="email"],
textarea {
    padding: 10px;
    margin: 10px 0 !important;
    border: 1px solid #ccc;
    font-size: 16px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: border-color 0.3s, box-shadow 0.3s;
}

textarea {
  resize: none;
}

input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus {
    border-color: #66afe9;
    box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
    outline: none;
}

.wa-button {
  box-shadow: 0 3px 5px -1px rgba(0,0,0,.2), 0 6px 10px 0 rgba(0,0,0,.14), 0 1px 18px 0 rgba(0,0,0,.12);
  cursor: pointer;
  text-align: center;
  background-color: #075E54;
  border-radius: 28px;
  padding: 8px 20px;
  color: #fff;
  text-decoration: none;
}

.wa-button:hover img {
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
}

.wa-button .wa-icon {
  position: relative;
}

.wa-icon img {
  width: 28px;
  height: 28px;

  -moz-transition: all 0.50s ease-out;
  -ms-transition: all 0.50s ease-out;
  -o-transition: all 0.50s ease-out;
  -webkit-transition: all 0.50s ease-out;
}

.wa-container {
  position: fixed;
  top: initial;
  bottom: 15px;
  right: 20px;
}

.wa-container a {
  color: #fff;
  text-decoration: none;
}

/*# sourceMappingURL=appPage.css.map */

/* ERROR */
.error-404{
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.error-404 h1 {
    color: white !important;
}
/* END ERROR */