/* ---------------------------------  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{
    height: 400px;
    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;
}

.cover-img{
    object-fit: cover;
}

/* _________________ INDEX  _________________ */

@media only screen and (max-width:1200px) {
    #slider_paquetes{
        height: 350px;
    }
    #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: 350px;
    }
}

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

    #slider_paquetes{
        height: 300px;
    }
    #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: 300px;
    }
}

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

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

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

    #slider_paquetes{
        height: 250px;
    }
    #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;
}

/* _______________________________________ SEARCH BAR _______________________________________ */

input[type="search"] {
    -webkit-appearance: none !important;
    background-clip: padding-box;
    background-color: white;
    vertical-align: middle;
    border-radius: 0.25rem;
    border: 1px solid #e0e0e5;
    font-size: 1rem;
    width: 100%;
    line-height: 2;
    padding: 0.375rem 1.25rem;
    -webkit-transition: border-color 0.2s;
    -moz-transition: border-color 0.2s;
    transition: border-color 0.2s;
  }
  
  form.search-form {
    display: flex;
    justify-content: center;
  }
  input.search-field {
    margin-bottom: 0;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: auto;
    align-self: center;
    height: 51px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  input.search-submit {
    height: 51px;
    margin: 0;
    padding: 1rem 1.3rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    font-family: "Font Awesome 5 Free";
    font-size: 1rem;
  }
  
  .screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
  }
  
  .button-search_bar {
    display: inline-block;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.15;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    background: #f9d342;
    color: #292826;
    border: 1px solid transparent;
    vertical-align: middle;
    text-shadow: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    height: 50px;
    width: 50px;
  }
  
/* -------------------- */

.tooltip7 {
/*  position: relative;*/
/*  display: inline-block;*/
/*  border-bottom: 1px dotted black;*/
}

.tooltip7 .tooltip7text {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}

.tooltip7 .tooltip7text::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.tooltip7:hover .tooltip7text {
  visibility: visible;
  opacity: 1;
}