.grecaptcha-badge {
    display: none !important;
}

/* Estilos para Slider Sectores */

.slider-modelos {

    #anterior {
        font-size: 22px;
        display: inline-block;
        top: 25%;
        position: absolute;
        left: -4%;
        color: #002857;
        transition: all ease .35s;
        padding: 5px 15px;
        border-radius: 100px;
        &:hover {
            background: #848484;
            color: #fff;
        }
    }

    #siguiente {
        font-size: 22px;
        display: inline-block;
        top: 25%;
        position: absolute;
        right: -4%;
        color: #002857;
        transition: all ease .35s;
        padding: 5px 15px;
        border-radius: 100px;
        &:hover {
            background: #848484;
            color: #fff;
        }
    }
}

.slider-testimonios-new {
    .slick-slide {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 310px;
        margin: 0 30px;
    }

    #anterior {
        font-size: 22px;
        display: inline-block;
        top: 50%;
        position: absolute;
        left: -4%;
        color: #002857;
        transition: all ease .35s;
        padding: 5px 15px;
        border-radius: 100px;
        &:hover {
            background: #848484;
            color: #fff;
        }
    }

    #siguiente {
        font-size: 22px;
        display: inline-block;
        top: 50%;
        position: absolute;
        right: -4%;
        color: #002857;
        transition: all ease .35s;
        padding: 5px 15px;
        border-radius: 100px;
        &:hover {
            background: #848484;
            color: #fff;
        }
    }
}

.slider-promociones {

    .slick-slide {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 750px;
    }

    #anterior {
        font-size: 22px;
        display: inline-block;
        top: 50%;
        position: absolute;
        left: 7.5%;
        color: #fff;
        transition: all ease .35s;
        padding: 5px 15px;
        border-radius: 100px;
        z-index: 1;
        &:hover {
            background: #848484;
            color: #fff;
        }
    }

    #siguiente {
        font-size: 22px;
        display: inline-block;
        top: 50%;
        position: absolute;
        right: 7.5%;
        color: #fff;
        transition: all ease .35s;
        padding: 5px 15px;
        border-radius: 100px;
        z-index: 1;
        &:hover {
            background: #848484;
            color: #fff;
        }
    }
}



@media (min-width: 200px) and (max-width: 768px) {
    .slider-testimonios-new .slick-slide {
        height: auto !important;
        margin: 0;
    }

    .slider-promociones {
        #anterior {
            top: 85%;
            left: 20%;
        }

        #siguiente {
            top: 85%;
            right: 20%;
        }
    } 

    .slider-promociones .slick-slide {
        height: 620px !important;
    }  
}

.slider-otros-articulos {

    #anterior {
        font-size: 22px;
        display: inline-block;
        top: 42.5%;
        position: absolute;
        left: -4%;
        color: #002857;
        transition: all ease .35s;
        padding: 5px 15px;
        border-radius: 100px;
        &:hover {
            background: #848484;
            color: #fff;
        }
    }

    #siguiente {
        font-size: 22px;
        display: inline-block;
        top: 42.5%;
        position: absolute;
        right: -4%;
        color: #002857;
        transition: all ease .35s;
        padding: 5px 15px;
        border-radius: 100px;
        &:hover {
            background: #848484;
            color: #fff;
        }
    }
}

/**/

.slider-coorporativos {

    .slick-track {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        margin-left: 100% !important;
        margin-right: auto;
    }
}

/*  */

:root, [data-theme] {
    background-color: #fff !important;
}

/**/

.z-40 {
    z-index: 2 !important;
}

.z-100 {
    z-index: 3 !important;
}

/* Styles logo aparece y desaparece */

#logo {
    width: 0;
    opacity: 0;
    transition: width 1s, opacity .9s;
  }

  .verLogoClass {
    width: 240px !important;
    opacity: 100% !important;
  }