.head-seccion img {
            padding: 22px;
            margin-top: 0px;
            /* margin-bottom: 28px; */
            width: 200px;
            height: 110px;
        }
        
        .Header {
            background-color: #00000088;
            padding: 10px 20px;
            height: 64px;
            box-shadow: 0 0 5px 2px rgba(0, 0, 0, .2);
        }
        
        .Header-container {
            height: 100%;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-width: 1200px;
            margin: 0 auto;
        }
        
        .header-scrolled {
            background-color: #fff;
        }
        
        .MenuResponsive-desktop ul {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            list-style: none;
            margin: 0;
        }
        
        .MenuResponsive-desktop li {
            position: relative;
            font-size: 1rem;
            padding: .4rem 1rem;
            -webkit-transition: background-color .25s, color .25s;
            transition: background-color .25s, color .25s;
        }
        
        .MenuResponsive-desktop li:hover {
            /* background-color: #5dc759; */
        }
        
        .MenuResponsive-desktop li:hover a {
            text-decoration: none;
        }
        
        .MenuResponsive-desktop li a {
            font-weight: 500;
            color: #ffffff;
            font-size: 18px;
        }
        
        .MenuResponsive-desktop ul li ul {
            display: none;
        }
        
        .MenuResponsive-desktop ul li ul li a {
            font-size: 15px;
        }
        
        .MenuResponsive-desktop ul li ul li ul li a {
            font-size: 12px;
        }
        
        .MenuResponsive-desktop ul li ul li ul {
            display: none !important;
        }
        
        .MenuResponsive-desktop ul li:hover ul {
            display: block;
            position: absolute;
            background-color: #0072ba;
            top: 40px;
            left: 0px;
            padding-left: 0px;
            width: 133px;
        }
        
        .active-item-menu {
            background-color: #53cf3d;
        }
        
        .active-item-menu a {
            color: white !important;
        }
        
        .MenuResponsive-desktop ul li ul li:hover ul {
            display: block !important;
            position: absolute;
            background-color: #0072ba;
            top: 0px;
            left: 133px;
            padding-left: 1px;
            width: 125px;
        }
        
        .MenuResponsive-movil button {
            border: 0;
            background-color: transparent;
            color: var(--color-header);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            outline: 0;
        }
        
        .PanelMenu-header {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 20px;
        }
        
        .PanelMenu-header a i {
            color: #fff !important;
        }
        
        .PanelMenu {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 99999;
            background-color: rgba(0, 0, 0, 0);
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            -webkit-transition: background-color .25s, -webkit-transform .25s .25s;
            transition: background-color .25s, -webkit-transform .25s .25s;
            transition: transform .25s .25s, background-color .25s;
            transition: transform .25s .25s, background-color .25s, -webkit-transform .25s .25s;
        }
        
        .is-active {
            -webkit-transition: background-color .25s .25s, -webkit-transform .25s;
            transition: background-color .25s .25s, -webkit-transform .25s;
            transition: transform .25s, background-color .25s .25s;
            transition: transform .25s, background-color .25s .25s, -webkit-transform .25s;
            -webkit-transform: translateX(0);
            transform: translateX(0);
            background-color: rgba(0, 0, 0, .6);
        }
        
        .PanelMenu-container {
            background-color: #2c2c2c;
            height: 100%;
            display: inline-block;
            padding: 20px 20px;
            color: #fff !important;
        }
        
        .PanelMenu-body ul li a {
            color: #fff !important;
        }

        .PanelMenu-body-contacto{
            border-top: 1px solid #686868;
            padding-top: 15px;
        }

        .PanelMenu-body-contacto a{
            color: #fff !important; 
            padding-left: 22px;
        }
        
        .Header-white {
            background-color: #fff;
        }
        
        .Header-white li a {
            color: #000;
            font-weight: 500;
        }
        
        .color-breadcrumbs {
            color: #0daa9b;
        }
        /*================  BANNER =======================*/
        
        .fondo-curva {
            position: absolute;
            height: 100%;
            width: 100%;
            z-index: 99;
        }
        
        .banner-home {
            margin-top: 0px;
        }
        
        .Banner {
            height: 450px;
            position: relative;
        }
        /**/
        
        .Banner-slider {
            height: 100%;
        }
        
        .Banner-item {
            height: 100%;
        }
        
        .Banner-image {
            width: 100%;
            height: 100%;
        }
        
        .Banner-content {
            position: absolute;
            bottom: 0;
            width: 100%;
            padding: 40px 15px;
            color: var(--color-white);
            background: 0 0;
        }
        
        .Banner-item img {
            height: 100%;
            width: 100%;
            /*   -o-object-fit: cover;
    object-fit: cover;*/
        }
        
        .Banner h2 {
            font-family: 'Magnolia-Script' !important;
            font-size: 54px;
            font-weight: normal;
            color: #ffffff;
        }
        
        .contenedor-controlados {
            /* margin-top: 15%;*/
            margin-left: 5%;
            margin-right: 5%;
            transform: translateY(250%);
        }
        
        .Banner-content a {
            color: #ffffff;
            background-color: #0787aa;
            font-size: var(--font-size-alt);
            padding: .4rem 2.5rem;
        }
        
        .my-previous-button {
            color: white !important;
            font-size: 50px;
            cursor: pointer;
        }
        
        .my-previous-button:hover {
            color: white !important;
            cursor: pointer;
        }
        
        .my-next-button {
            color: white !important;
            font-size: 50px;
            cursor: pointer;
        }
        
        .my-next-button:hover {
            color: white !important;
            cursor: pointer;
        }
        
        #mobiles {
            display: none;
            padding-top: 76px;
        }
        
        .item img {
            height: auto;
        }
        
        .item {
            text-align: center;
        }
        /* my code [inicio]*/
        
        .centrado {
            left: 0px;
            top: 0px;
            /*background: rgb(0 0 0 / 32%);*/
            width: 100%;
            height: 100%;
            padding: 40px 50px;
        }
        
        .centrado_sin_titulo {
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            padding: 40px 50px;
        }
        
        .text-banner {
            font-size: 16px;
            color: white;
            height: auto;
        }
        
        .text-banner a {
            background-color: #5dc759;
            color: #ffffff;
            border: 1px solid #5dc759;
            border-radius: 1.5rem;
        }
        
        .text-banner a:hover {
            background-color: #00000000;
            border: 1px solid #ffffff;
            color: #ffffff;
        }
        
        .text-principal h2 {
            font-family: 'Montserrat', sans-serif !important;
            font-weight: 800;
        }
        
        .bg-custom {
            background: black;
        }
        /* my code [FIN]*/
        
        .img-productos img {
            height: auto;
        }
        
        @media (max-width: 700px) {
            #mobiles {
                display: block;
            }
            .owl-stage-outer.owl-height {
                height: auto !important;
            }
            #escritorio {
                display: none;
            }
            .text-principal {
                width: 800px;
            }
            .text-principal h2 {
                font-size: 45px;
            }
            .text-banner{
                font-size: 20px;
            }
            .centrado{
                padding: 40px 32px;
            }
            .btn-banner-left {
                display: none!important;
            }
            .btn-banner-right {
                display: none!important;
            }
        }
        
        @media (min-width: 701px) {
            #escritorio {
                display: block;
                padding-top: 76px!important;
            }
            #escritorio .owl-stage-outer.owl-height {
                height: auto !important;
            }
            .text-principal {
                width: 800px;
            }
            .text-principal h2 {
                font-size: 55px;
            }
        }
        @media (max-width: 500px) {
            .text-center.text-principal > h2{
                font-size: 32px;
            }
            .text-center.text-principal > p.text-banner {
                font-size: 17px;
            }
            .centrado {
                padding: 30px 10px 0px 10px!important;
            }
        }

        /* ----------- dispositivos móviles ----------- */
        /*
        @media (max-width: 360px) {
            #escritorio {
                display: none;
            }
            #mobiles {
                display: block !important;
                margin-bottom: -150px;
            }
            .info-piscis {
                margin-top: -80px;
            }
        }
        
        @media (max-width: 500px) {
            #escritorio {
                display: none;
            }
            #mobiles {
                display: block !important;
            }
            .info-piscis {
                margin-top: 20px;
            }
        }
        
        @media (max-width: 700px) {
            #escritorio {
                display: none;
            }
            #mobiles {
                display: block !important;
            }
        }*/
        /* @media only screen and (max-width: 375px) {
            .my-previous-button {
                font-size: 25px;
            }
            .my-next-button {
                font-size: 25px;
            }
            .owl-carousel .owl-item img {
                display: block;
                max-height: 100% !important;
            }
            .contenedor-controlados {
                
                transform: translateY(250%);
            }
            .Banner {
                height: 350px;
                position: relative;
            }
            .primer-banner {
                display: none;
            }
        }
        
        @media only screen and (max-width: 600px) {
            .owl-carousel .owl-item img {
                display: block;
            }
            .contenedor-controlados {
                
            }
            .primer-banner {
                display: none;
                position: absolute;
            }
        }
        
        @media only screen and (max-width: 1000px) {
            .owl-carousel .owl-item img {
                display: block;
            }
            .contenedor-controlados {
                
            }
            .primer-banner {
                display: none;
                position: absolute;
            }
        }
        .owl-carousel .owl-item img {
            display: block;
           max-width: 100%;
        height: auto;
        width: auto;
         
        } 

        */
        
        .btn-banner {
            position: relative;
            display: inline-block;
            font-weight: 400;
            color: #212529;
            text-align: center;
            vertical-align: middle;
            line-height: 1.6;
            padding: .4rem 1rem;
            overflow: hidden;
            cursor: pointer;
        }
        
        .owl-item,
        .owl-stage,
        .owl-stage-outer {
            height: 100%;
        }
        /*==================== END BANNER ========================*/
        /*============================
========= SECCION HOME ========
===============================*/
        
        .info-piscis {
            background-color: #f8f8f8;
        }
        
        .info-piscis h1 {
            font-family: Myriad Pro;
            font-size: 37px;
        }
        
        .info-piscis p {
            /* font-family: Myriad Pro; */
            font-size: 16px;
            /* color: #8e8e8e; */
            font-weight: 500;
            line-height: 30px;
        }
        
        .productos h4 {
            font-size: 35px;
            color: #8d8d8d;
            font-family: Myriad Pro;
        }
        
        .productos a {
            font-family: Montserrat;
            font-size: 18px;
            font-weight: 600;
            color: #8c8c8c;
        }
        
        .productos a:hover {
            text-decoration: none;
        }
        /*===========================
===== END SECCION HOME ======
============================*/
        
        .clientes-logos h4 {
            font-size: 35px;
            color: #8d8d8d;
            font-family: Myriad Pro;
        }
        
        .Footer {
            background-color: #000;
        }
        
        .Footer * {
            color: #fff;
        }
        
        .Footer-top h6 {
            color: #fff;
            font-size: 16px;
            font-weight: 600;
        }
        
        .Footer-top p {
            color: #d4d3d3 !important;
            font-size: 12px;
            margin-bottom: 10px;
            font-weight: 500;
        }
        
        .Footer-top p a {
            color: #d4d3d3 !important;
            font-size: 14px;
            margin-bottom: 10px;
            font-weight: 500;
        }
        
        .Footer ul {
            margin: 0;
            list-style: none;
            margin-left: 0px;
            padding-left: 0px;
        }
        
        .Footer-top ul a {
            color: #d4d3d3;
            font-size: 14px;
        }
        
        .footer-section-contacto a img {
            width: 15px;
            height: 15px;
            margin-right: 10px;
        }
        
        .footer-section-contacto a {
            text-decoration: none;
        }
        
        .Footer-top i {
            color: #fff6f6 !important;
            font-size: 12px;
        }
        
        .redes-sociales li {
            height: 40px;
            width: 40px;
            text-align: center;
            margin-right: 15px;
        }
        
        .redes-sociales i {
            padding-left: 0px;
            font-size: 21px;
            padding-top: 7px;
            color: #8f8f8f !important;
        }
        
        .Footer .Footer-bottom {
            background-color: #000;
        }
        
        .Footer .Footer-bottom * {
            color: #fff;
            font-weight: 500;
            font-size: 12px;
        }
        
        .Footer .Footer-bottom .line-footer-bottom {
            border-top: 1px solid rgba(179, 179, 179, 0.527);
        }
        
        .Footer .Footer-bottom .desarollado small,
        .Footer .Footer-bottom .desarollado small a {
            color: #8f8f8f;
            font-size: 11px;
        }
        
        .sus-boletin p {
            font-size: 13px;
        }
        
        .sus-boletin .button-mail span {
            border-radius: 0px;
            background-color: #5dc759;
        }
        
        #nombre-boletin,
        #email-boletin {
            border-radius: 0px;
            border: 1px solid #fff;
            background-color: #000;
        }
        
        #escritorio {
            padding-top: 64px;
        }
        
        .cat-menu {
            position: fixed;
            top: 100px;
            right: 0;
            left: 0;
            z-index: 1030;
            background-color: #5dc759;
            padding: 0px 0px 0px 25px;
        }
        
        .cnav-menu li {
            padding: .5rem 2rem;
            text-transform: uppercase;
            letter-spacing: 1.3px;
        }
        
        .cnav-menu li>a {
            font-size: 15px;
        }
        
        .menu-contacto {
            /*margin-top: -20px;*/
        }
        
        .cat-menu-top {
            height: 100px;
        }
        
        .home-banner-content {
            max-width: 1200px;
            width: 100%;
            height: 100%;
            padding-top: 0px;
        }
        
        .home-banner-content>div {
            width: 50%;
        }
        
        .home-banner-content h2 {
            font-size: 45px;
            font-family: 'Montserrat', sans-serif !important;
            font-weight: 800;
        }
        
        .text-banner>.btn-home-banner {
            padding: .7em 1rem;
            font-size: .85rem;
            line-height: 1.5;
            border-radius: 0.8rem;
            font-weight: 800;
        }
        
        @media screen and (min-width: 1200px) {
            .home-banner-content {
                padding-left: 40px;
                padding-top: 5%!important;
            }
            .home-banner-content h2 {
                font-size: 60px;
            }
            .text-banner>.btn-home-banner {
                padding: .7em 1.8rem;
                font-size: 1.0rem;
            }
            .text-banner {
                font-size: 20px;
            }
        }
        
        @media screen and (min-width: 992px) {
            .Header {
                height: 100px;
            }
            #escritorio {
                padding-top: 116px!important;
            }
        }
        
        @media screen and (min-width: 600px) {
            .Banner {
                height: 590px;
            }
        }
        
        @media screen and (min-width: 900px) {
            .Banner-content {
                padding: 40px 50px;
                width: 50%;
            }
            .Banner-content h2 {
                font-size: 89px;
            }
        }
        
        @media screen and (min-width: 768px) {
            .Banner-content a {
                padding: .4rem 2.5rem;
                font-size: var(--font-size-alt);
            }
            .home-banner-content {
                max-width: 1200px;
                width: 100%;
                height: 100%;
                padding-top: 20px;
            }
        }
        
        #list-footer li p a {
            text-decoration: none !important;
        }
        
        #list-categorias li:hover {
            background: #009CDE;
        }
        
        .bienvenido-home {
            background-color: #2c2c2c;
            display: block;
            color: #fff;
            padding: 29px 24px 29px 24px;
            text-align: center;
        }
        
        .bienvenido-home p {
            display: block;
            font-size: 45px;
            margin-bottom: 0px;
        }
        
        .chavin-sac {
            position: relative;
            padding-top: 40px;
            margin-bottom: 45px;
        }
        
        .chavin-sac.bef::before {
            content: '';
            position: absolute;
            background-color: #000;
            width: 8%;
            height: 5px;
            top: 0px;
            left: 0px;
        }
        
        .chavin-sac p {
            display: block;
            font-weight: 800;
            color: #272824;
            font-size: 40px;
            margin-bottom: 0px;
        }
        
        .chavin-sac p span {
            position: relative;
            font-weight: 400;
        }
        
        .chavin-sac p .caja-coex {
            position: absolute;
            display: block;
            background-color: #5dc759;
            width: 30px;
            height: 30px;
            bottom: 0px;
            right: 0px;
        }
        
        .descripcion_chavin {
            color: #6B6B6B;
        }
        
        .title-product {
            color: #000 !important;
            font-weight: 500 !important;
        }
        
        .title-product span {
            position: relative;
            font-weight: 900;
        }
        
        .title-product span .caja-product {
            position: absolute;
            display: block;
            background-color: #5dc759;
            width: 18px;
            height: 25px;
            bottom: 0px;
            right: 0px;
        }
        
        .img-productos {
            position: relative;
            border: 1px solid #f2f2f2;
        }
        
        .img-productos:hover .middle-producto {
            position: absolute;
            background-color: #0000003b;
            width: 100%;
            height: 100%;
            left: 0;
            top: 0;
        }
        
        .contacto-banner {
            position: relative;
            margin-top: 40px;
            height: auto;
        }
        
        .title-banner-contacto {
            position: absolute;
            background-color: #2c2c2c;
            top: -35px;
            left: 50%;
            transform: translateX(-50%);
            z-index: 100;
            padding: 15px 0px 15px 0px;
        }
        
        .title-banner-contacto p {
            font-size: 35px;
            margin-bottom: 0px;
            color: #fff;
            font-weight: 500;
        }
        
        .title-banner-contacto p span {
            font-weight: 900;
        }
        
        .banner-contacto-opacity {
            left: 0px;
            top: 0px;
            background-color: rgba(0, 0, 0, 0.411);
            width: 100%;
            height: 100%;
        }
        
        .mision {
            background: #39244a;
        }
        
        .vision {
            background: #27b39d;
        }
        
        .contacto-formulario input[type="text"],
        .contacto-formulario input[type="email"],
        .contacto-formulario textarea {
            border-radius: 0px;
        }
        
        .contacto-formulario button,
        .contacto-formulario input[type="submit"] {
            background-color: #5dc759;
            color: #fff;
            padding: 5px 20px;
            font-size: 16px;
            border: 1px solid #5dc759;
        }
        
        .contacto-formulario button:hover,
        .contacto-formulario input[type="submit"]:hover {
            background-color: #5dc759;
        }
        
        .detalle-producto h1 {
            color: #272824;
        }
        
        .detalle-producto p {
            color: #272824;
        }
        
        .detalle-producto p span {
            color: #6B6B6B;
        }
        
        .detalle-producto a {
            padding: 5px 8px;
            border: 1px solid #28CF66;
            color: #28CF66;
            border-radius: 20px;
            font-weight: 600;
            text-decoration: none;
        }
        
        .detalle-producto a:nth-child(2) {
            border-color: #67A99A;
            color: #67A99A;
        }
        
        .banner-button-contacto p {
            color: #fff !important;
            font-size: 25px;
            margin-bottom: 40px;
        }
        
        .banner-button-contacto a {
            display: block;
            background-color: #5dc759;
            color: #fff;
            text-decoration: none;
            font-size: 25px;
            padding: 10px;
            margin: 0px auto;
        }
        
        .banner-button-contacto a:hover {
            background-color: #53cf3d;
        }
        
        .marker {
            background-repeat: no-repeat;
            background-image: url('../imgs/ubicacion-icon/ubicacion-chavin.png');
            width: 145px;
            height: 75px;
            cursor: pointer;
        }
        /*
        CREACION DEL SLIDER EN DESKTOP
         
        
        .contenedor-banner {
            width: 100%;
            margin: auto;
            overflow: hidden;
        }
        
        .contenedor-banner ul {
            padding: 0;
            display: flex;
            width: 100%;
            animation: cambio 5s infinite linear;
        }
        
        .contenedor-banner li {
            list-style: none;
            width: 100%;
        }
        
        @keyframes cambio {
            0% {
                margin-left: 0;
            }
            20% {
                margin-left: 0;
            }
            25% {
                margin-left: -100%;
            }
            45% {
                margin-left: -100%;
            }
            50% {
                margin-left: -200%;
            }
            70% {
                margin-left: -200%;
            }
            75% {
                margin-left: -200%;
            }
            100% {
                margin-left: 0;
            }
        }*/
        /*   
        #c-slider {
            margin: auto;
            width: 100%;
            max-width: 100%;
            position: relative;
            overflow: hidden;
        }
        
        #slider {
            display: flex;
            width: 300%;
        }
        
        #slider section {
            width: 100%;
        }
        
        #slider img {
            display: block;
            width: 100%;
            height: 100%;
        }
        
        #btn-prev,
        #btn-next {
            width: 40px;
            height: 40px;
            background: rgba(255, 255, 255, 0.5);
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            line-height: 40px;
            font-size: 22px;
            font-weight: bold;
            text-align: center;
            border-radius: 50%;
            font-family: monospace;
            cursor: pointer;
        }
        
        #btn-prev:hover,
        #btn-next:hover {
            background: rgba(255, 255, 255, 1);
        }
        
        #btn-prev {
            left: 10px;
        }
        
        #btn-next {
            right: 10px;
        }*/
        
        .Banner.Section {
            height: auto;
        }