.upper-case{text-transform:uppercase;}
.cursor{cursor:pointer !important;}
.loader_send{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;overflow:visible;background:rgba(255,255,255,0.9) url('../img/generals/sending.gif') no-repeat center center;}
.btn-all-products .btm__ampliar{margin:auto;/}
.title_article-related h5{font-size:30px;padding:50px 0;margin:auto;}
#producto .redeP .share-facebook, #producto .redeP .share-whatsapp{margin:-10px 0px;}
.redeP{position:relative;}
.share-facebook{position:absolute;right:50px;}
.share-whatsapp{position:absolute;}
.container__text--preguntas h2{font-size:23px;text-align:center;margin:44px 0;}
.contenido span{cursor:pointer;padding:23px 0 13px;display:block;border-bottom:1px solid #d9e449;margin:0 0 20px;font-weight:500;}
.contenido span i{float:right;margin-right:12px;}
.contenido span .fa-minus{display:none;}
.contenido span.active+section{height:auto;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;}
.contenido span+section{padding:0;height:0;overflow:hidden;margin:0!important;transition:all .2s linear;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;font-family:'Lato', sans-serif;font-size:16px;font-weight:lighter;color:#9e9e9e;}
.contenido span.active .fa-plus{display:none;}
.contenido span.active .fa-minus{display:block;}
div.stars{display:inline-block;}
div.all-stars{float:left;}
.all-stars label{font-size:22px;}
input.star{display:none;}
input.star-1:checked~label.star:before{color:#2c3c5b;}
input.star-5:checked~label.star:before{color:#06a49d;text-shadow:0 0 5px#06a49d;}
input.star:checked~label.star:before{content:'\f005';color:#06a49d;transition:all .25s;}
label.star:before{content:'\f006';font-family:FontAwesome;}
label.star{float:right;padding:10px;font-size:26px;color:#444;transition:all .2s;line-height:2px;margin-top:0px;margin-right:-14px;}
.star5 input.starCom-5 ~ label.starCom:before{content:'\f005';color:#0ac5a8;text-shadow:0 0 5px #0ac5a8;}
label.starCom:before{content:'\f006';font-family:FontAwesome;}
input.starCom{display:none;}
label.starCom{float:right;padding:5px;font-size:15px;color:#444;transition:all .2s;line-height:2px;margin-top:17px;}
.star1 input.starCom-1 ~ label.starCom:before{color:#2c3c5b;content:'\f005';}
.star2 input.starCom-2 ~ label.starCom:before{color:#0ac5a8;content:'\f005';}
.star3 input.starCom-3 ~ label.starCom:before{color:#0ac5a8;content:'\f005';}
.star4 input.starCom-4 ~ label.starCom:before{color:#0ac5a8;content:'\f005';}
.star5 input.starCom-5 ~ label.starCom:before{content:'\f005';color:#0ac5a8;text-shadow:0 0 5px #0ac5a8;}
.stars.startComments{margin:0px -8px;}
.resulRese{display:inline-block;}
.resulRese img{margin-top:11px;}
.textRese h4{margin-top:6px;}

.button-next button {
    position: relative;
    width: 100% !important;
    padding: 0px 48px;
}
.conteForm.check-email {
    width: 100% !important;
}

.conteForm.check-email label {
    text-align: left !important;
}

.conteForm.check-email input:focus {
    -webkit-box-shadow: 0px 1px 0px 2px rgb(38 38 38);
    -moz-box-shadow: 0px 1px 0px 2px rgb(38 38 38);
    box-shadow: 0px 1px 0px 2px rgb(38 38 38);
}

.form-email input {
    margin-bottom: 7px;
}

.blogIntCont h3 {
    width: 60%;
}

.avatar {
    position: absolute;
    right: 90px;
    top: 22px;
    display: inline-flex;
}

.blogIntCont .avatar h5{
    font-size: 1.5em !important;
    margin-bottom: 0px !important;
    margin-left: 6px;
}

.foto {
    width: 60px;
    height: 60px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
}

.avatar .name {
    display: flex;
    align-items: center;
}

.avatar img{
    width: 100%;
    max-width: 100%;
    height: 60px;
    object-fit: cover;
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

@media screen and (max-width:375px) {

        .button-next {
            position: relative;
            top: 0;
            right: -1%;
        }

        .form-email input{
            font-size: 16px !important;;
        }

        .conteForm.check-email {
            width: 100%;
        }

        .conteForm.check-email input{
            margin: 5px -4px !important;
        }

        .conteForm.check-email label{
            margin: -36px 24px !important;
        }

        .blogIntCont h3 {
            width: 100%
        }

         .avatar {
            position: relative;
            top: -14px;
            right: 0;
            display: inline-flex;
        }
    }

    @media screen and (min-width:376px) and (max-width:425px) {

        .button-next {
            position: relative;
            top: 12px;
            right: -1%;
        }

        .form-email input{
            font-size: 16px !important;;
        }

        .conteForm.check-email {
            width: 100%;
        }

        .conteForm.check-email label{
            margin: -40px 38px !important;
        }

        .blogIntCont h3 {
            width: 100%
        }

         .avatar {
            position: relative;
            top: -14px;
            right: 0;
            display: inline-flex;
        }



    }

    @media screen and (min-width:426px) and (max-width:768px) {

        .button-next {
            position: absolute;
            top: 0;
            right: 2%;
        }

        .blogIntCont h3 {
            width: 100%
        }

         .avatar {
            position: relative;
            top: -14px;
            right: 0;
            display: inline-flex;
        }

    }

    @media screen and (min-width: 769px) and (max-width: 1024px){

        .button-next {
            position: absolute;
            top: 0;
            right: 10%;
        }

        .blogIntCont h3 {
            width: 100%
        }

         .avatar {
            position: relative;
            top: -14px;
            right: 0;
            display: inline-flex;
        }
    }

    @media screen and (min-width: 1025px) and (max-width: 1600px){

        .button-next {
            position: absolute;
            top: 0;
            right: 22%;
        }
    }

    @media screen and (min-width: 1601px){

        .button-next{
            position: absolute;
            top: 0;
            right: 22%;
        }
    }
    section.formasPago a{
        color: white;
    }
    body li {
        line-height: 1.4em;
    }