.footerPeman {
        background-color: var(--orangePeman) !important;
    }

    .productButton {
        background-color: var(--orangePeman) !important;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        -webkit-box-shadow: 0 0 0 0px #ffae4a;
        -moz-box-shadow: 0 0 0 0px #ffae4a;
        box-shadow: 0 0 0 0px #ffae4a;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -ms-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .productButton:hover {
        -webkit-box-shadow: 0 0 0 5px #ffae4a;
    }

    .grow {
        transition: all .2s ease-in-out;
    }

    .grow:hover {
        transform: scale(1.1);
    }

    .leftprox {
        width: 25%;
    }

    .rightprox {
        width: 75%;
    }

    .carousel {
        padding: 1rem;
        padding-top: 20px;
        padding-bottom: -20px !important;
    }

    .flex-container {
        display: flex;
        flex-direction: row !important;
    }

    .flex-item-left {
        padding: 10px;
        flex: 30%;
    {#padding-bottom: 48px;#}
    }

    .flex-item-right {
        padding: 10px;
        flex: 70%;
    }

    .cattitle {
        color: #fff;
    }

    /* .slick-slide{
        width: 100% !important;
    }

    .slick-track{
        width: 100% !important;
    }

    .slick-list{
        padding: 0px !important;
    } */

    .arrowPeman {
        color: #3d3d3d;
    }

    .arrowPeman:hover {
        color: #cb5c30;
    }

    .modalMapaImagen {
        max-height: 35vh;
    }

    .modalReferencias {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 20px;
    }

    .referenciaNOA {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #e055a1;
        margin: 5px 10px;
    }

    .referenciaNEA {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #5b97d1;
        margin: 5px 10px;
    }

    .referenciaCentro {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #f28a09;
        margin: 5px 10px;
    }

    .referenciaSur {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background-color: #af55e0;
        margin: 5px 10px;
    }

    .modalInstructions {
        font-size: 14px;
    }

    @media (max-width: 1000px) {
        .flex-container {
            flex-direction: column !important;
        }

        .flex-item-left {
            flex: 10% !important;
        }

        .flex-item-right {
            flex: 90% !important;
        }
    }

    .TitleProductsPage {
        position: relative !important;
    }

    @media (min-width: 300px) {
        .carouselImage {
            width: 50% !important;
        }

        .cattitle {
            font-size: 2.2rem;
        }
    }

    @media (min-width: 576px) {
        .cattitle {
            font-size: 3rem;
        }
    }

    @media (min-width: 992px) {
        .carouselImage {
            width: 100% !important;
        }

        .cattitle {
            font-size: 4rem;
        }
    }