/* ---------------------------------  MI CUENTA --------------------------------- */

/* _________________ BARRRA DE PROGRESO _________________ */
.progress-bar-doc {
    counter-reset: step-count-doc;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
}
  
.icon_progress_m {
    position: absolute;
    top: -25%;
    left: 0;
    right: 0;
    font-size: 1.3rem;
    color: #c0a359;
}

.progress-step-doc {
    text-align: center;
    position: relative;
}

.progress-step-doc:before, .progress-step-doc:after {
    background-color: #c0a359;
    content: "";
    height: 2px;
    position: absolute;
    top: 20px;
}

.progress-step-doc:after {
    left: 60%;
    width: 80%;
}

.progress-step-doc:last-of-type.is-active:after {
    background-color: #c0a359;
}

.progress-step-doc:last-of-type.is-active:after {
    background-color: #c0a359;
}

@media screen and (min-width: 640px) {
    .progress-step-doc:first-of-type:before {
      right: 60%;
      width: 50%;
    }
}

@media screen and (max-width: 640px) {
    .progress-step-doc:first-of-type:before, .progress-step-doc:last-of-type:after {
      background-color: white !important;
    }
}

.progress-step-doc:last-of-type:after {
    left: 60%;
    width: 40%;
}
.progress-step-doc .step-count-doc {
    background-color: #c0a359;
    height: 45px;
    width: 45px;
    margin: 0 auto;
    border-radius: 50%;
    color: white;
    line-height: 30px;
    z-index: 100;
    border: 7px solid white;
    font-size: 1rem;
    font-weight: 500;
}

.progress-step-doc .step-count-doc:before {
    counter-increment: step-count-doc;
    content: counter(step-count-doc);
}

.progress-step-doc.is-active .step-description-doc {
    font-weight: 500;
}

.progress-step-doc.is-active:after {
    background-color: #dad6ce;
}

.progress-step-doc.is-active ~ .progress-step-doc .step-count-doc{
    background-color: #dad6ce;
}

.progress-step-doc.is-active ~ .progress-step-doc .icon_progress_m{
    color: #dad6ce;
}

.progress-step-doc.is-active ~ .progress-step-doc:after{
    background-color: #dad6ce;
}

.step-description-doc {
    font-size: 0.8rem;
}

/* _________________ END BARRRA DE PROGRESO _________________ */

/* ---------------------------------------------------------------------------- */

/* --------------------------------- END MI CUENTA --------------------------------- */

.grey-transparent{
    color: rgb(152, 143, 129);
}

.single-input-cuenta{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

#table_datos_cot-ped{
    width:100%;
    table-layout:fixed;
}

.tdbreak {
    white-space: break-spaces;
}


/* _______________________________________ INFO PAQ, PRO, SER _______________________________________ */

.btn-whats-informa{
    width: 50px;
    height: 46px;
    line-height: 46px;
    display: inline-block;
    font-size: 20px;
    border: 1px solid #ddd;
    text-align: center;
}
.a-img-gallery{
    width: -webkit-fill-available;
    display: grid;
    align-items: center;
    justify-content: center;
}

#imagen_produc_informacion{
    max-height: 500px;
    min-height: 250px;
}

.img_cover_p{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.d_flex-center-div{
    display: flex;
    justify-content: center;
    align-items: center;
}

.card_servicios_width label{
    max-height: 70px;
    overflow: hidden;
}

/* _________________ SLIDER GALERÍA _________________ */
#imagen_grande_producto .slick-track,
#imagen_grande_producto .slick-list {
    max-height: 450px;
}

#imagen_chica_producto{
    margin-top: 1.5rem;
}
#imagen_grande_producto .slick-slide,
#imagen_grande_producto .slick-slide div,
#imagen_grande_producto .slick-slide div .easyzoom-style,
#imagen_grande_producto .slick-slide div .easyzoom-style a{
    height: 450px;
}

#modal_galeria_img .slick-slide{
    height: 100%;
    max-height: 450px;
}

#imagen_grande_producto .slick-slide div .easyzoom-style a img{
    max-height: 450px;
}

/* _________________ INDEX  _________________ */

.bg-img-slider-index a,
.bg-img-slider-index p{
    text-shadow: rgb(241, 241, 241) 3px 0px 0px, 
    rgb(241, 241, 241) 2.83487px 0.981584px 0px, 
    rgb(241, 241, 241) 2.35766px 1.85511px 0px, 
    rgb(241, 241, 241) 1.62091px 2.52441px 0px, 
    rgb(241, 241, 241) 0.705713px 2.91581px 0px, 
    rgb(241, 241, 241) -0.287171px 2.98622px 0px, 
    rgb(241, 241, 241) -1.24844px 2.72789px 0px, 
    rgb(241, 241, 241) -2.07227px 2.16926px 0px, 
    rgb(241, 241, 241) -2.66798px 1.37182px 0px, 
    rgb(241, 241, 241) -2.96998px 0.42336px 0px, 
    rgb(241, 241, 241) -2.94502px -0.571704px 0px, 
    rgb(241, 241, 241) -2.59586px -1.50383px 0px, 
    rgb(241, 241, 241) -1.96093px -2.27041px 0px, 
    rgb(241, 241, 241) -1.11013px -2.78704px 0px, 
    rgb(241, 241, 241) -0.137119px -2.99686px 0px, 
    rgb(241, 241, 241) 0.850987px -2.87677px 0px, 
    rgb(241, 241, 241) 1.74541px -2.43999px 0px, 
    rgb(241, 241, 241) 2.44769px -1.73459px 0px, 
    rgb(241, 241, 241) 2.88051px -0.838247px 0px;
}

@media only screen and (max-width:991px) {
    .product-details-content .price {
        font-size: 22px;
      }
}

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

    .product-details-content .price {
      font-size: 20px;
    }

    #slider_paquetes{
        height: 250px;
    }

    .bg-img-slider-index{
        background: radial-gradient(rgba(255, 255, 255, 0));
    }

    #slider_paquetes .slick-list,
    #slider_paquetes .slick-track,
    #slider_paquetes .slick-track .slick-slide,
    #slider_paquetes .slick-track .slick-slide div,
    #slider_paquetes .slick-track .slick-slide .img_seccion_index_1{
        height: 250px;
    }
    .card_info-cat{
        height: 200px;
    }
    .card_info-cat .info-card p{
        font-size: 16px;
    }
    .single-hero-slider-7.bg-img.overflow-hidden .hero-text-7{
        justify-self: center;
        display: grid;
        align-content: center;
    }
}

@media only screen and (max-width:576px) {
    #imagen_grande_producto .slick-track,
    #imagen_grande_producto .slick-list {
        max-height: 250px;
    }

    #imagen_grande_producto .slick-slide,
    #imagen_grande_producto .slick-slide div,
    #imagen_grande_producto .slick-slide div .easyzoom-style,
    #imagen_grande_producto .slick-slide div .easyzoom-style a{
        height: 250px;
    }

    .post-author-box .post-author-info {
        margin-left: 0;
        margin-top: 0px;
    }

    .overflow-desc-index{
        max-height: 100px;
        min-height: 70px;
    }

    .section-text-paquete .hero-text-7 h1{
        font-size: 24px;
        margin-top: 2rem;
    }

    .section-text-paquete .hero-text-7 p{
        font-size: 12px;
    }
    .btn--border-bottom{
        font-size: 14px;
    }

    #modal_galeria_img .slick-slide{
        height: 250px;
    }

    #imagen_grande_producto .slick-slide div .easyzoom-style a img{
        max-height: 250px;
    }
    .nom-card-cat-footer {
        top: 10px;
    }
    .nom-card-cat-footer {
        font-size: 10px;
    }

    .card_info-cat{
        height: 150px;
    }
    .card_info-cat .info-card p{
        font-size: 10px;
    }
}

.h-inherit{
    height: inherit;
}
.img_centrar_slider{
    max-height: 450px;
    margin: 0px;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

/* _________________ END SLIDER GALERÍA _________________ */



/* _______________________________________ ZOOM _______________________________________ */

figure.containerZoom img {
    background-color: white;
}

#btn-ahora-flotante{
    display: flex;
}

#mover-card-2{
    max-width: 70px;
}
.input-size_per.quickview-quality .cart-plus-minus {
    width: 70px;
    max-width: 70px;
}
  
.input-size_per.quickview-quality .cart-plus-minus input.cart-plus-minus-box {
    width: 70px;
    max-width: 70px;
}

.cant_producto_card_lateral {
    width: 20px;
    max-width: 20px;
}