/*INICIA DETALLE DEL PRODUCTO*/
.detalle-producto-wrap {
    width: 100%; position: relative; background: url('../images/carrito/carrito-de-compras-bg.jpg') no-repeat center; background-size: cover;
    min-height: 780px;
}
.detalle-producto-cont {
    width: 85%; position: relative; margin: 0 auto; padding: 180px 0 100px; max-width: 1200px;
}
.regresar {
    font-size: 14px; color: #676767; font-weight: 500; margin-bottom: 30px;
    display: inline-block; cursor: pointer;
}
.regresar:hover {
  color: rgba(103, 103, 103, 0.60);
}
.detalle-producto-txt {
    width: 49%; display: inline-block; padding: 5px 0 15px 45px; position: relative;
    top: -30px;
}
.detalle-producto-right{
    width: 49%; display: inline-block; position: relative; vertical-align: bottom; padding: 0;
    height: 330px; overflow: hidden;
}
.detalle-producto-img {
    background-size: contain; width: 100%; height: 570px;
    background-position: center bottom; background-repeat: no-repeat;
}
.detalle-producto-item {
    background: #fff; border-radius: 10px; padding: 0; position: relative;
}
.titlePro{
    font-size: 45px; font-weight: 500; padding-left: 45px; box-sizing: border-box;
    position: relative; top: 16px; max-width: 640px; z-index: 5;
}
.detalle-producto-txt p {
    font-size: 17px;
}
.detalle-producto-marca {
    background-size: contain; width: 196px; height: 54px; background-position: 0 0; background-repeat: no-repeat;
}
.detalle-producto-caracteristicas ul {
    border-top:  1px solid rgba(204, 204, 204, 0.6); margin: 0 0 35px;
}
.detalle-producto-caracteristicas ul li{
    list-style-type: none; display: inline-block; width: 32%; vertical-align: top; border-right: 1px solid rgba(204, 204, 204, 0.6);
    min-height: 60px; padding: 10px;
}
.detalle-producto-caracteristicas ul li:last-child{
    border-right: 0px;
}
.detalle-producto-caracteristicas ul li p{
    font-size: 13px; padding: 0; position: relative;
}
.detalle-producto-caracteristicas ul li p span {
    font-size: 13px; margin-left: 10px; position:absolute; right: 5%; width: 20%; text-align: center; top: 0px;
}
.detalle-producto-item .total-price{
    position: absolute; bottom: 30px; left: 47px;
}
.detalle-producto-item .total-price p{
    color: #0050a3; font-size: 40px; font-weight: 500; display: inline-block; line-height: 60%;
    position: relative;
}
.detalle-producto-item .total-price p span {
    font-size: 11px; text-align: right; display: block;
}
.meses-sin-intereses {
    float: right; max-width: 180px; background: url('../images/detalle-producto/meses-sin-intereses.png') no-repeat right 0;
    padding-right: 40px; text-align: right;
}
.meses-sin-intereses p{
    font-size: 14px; color: #585858;
}
.meses-sin-intereses p span {
    font-weight: 500; color: #0050a3 !important;
}

.detalle-producto-item .quantity {
    position: absolute; right: 25px; top: 25px; z-index: 99;
}
.quantity input[type=number] {
    border: 1px solid #ccc; border-radius: 5px; padding: 5px 3px 5px 7px; width: 40px; font-size: 15px;
}
.btn-agregar {
    margin: 0; color: #fff; padding: 6px 14px;
}
.itemBrand{
    width: 200px; height: 65px; background-size: contain !important;
    background-repeat: no-repeat !important; background-position: left !important;
    margin: 0px;
}
/*TERMINA DETALLE DEL PRODUCTO*/

/*PRODUCTOS RELACIONADOS*/
.productos-relacionados {
  overflow-x: hidden; margin: 60px 0 0;
}
.productos-relacionados h3{
  font-size: 19px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: left;
}
.productos-relacionados h3 span {
    font-weight: 700;
}
.item-pro {
    text-align: center;
    display: inline-block;
    width: 100%;
    background: #fff;
    margin: 0;
    border-radius: 14px;
    position: relative;
    cursor: pointer;
}
.marca {
    display: inline-block;
    width: 48%;
    text-align: left;
    vertical-align: top;
    padding: 10px 0;
}

 .item-pro-top{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
 .marca h6 {
    font-weight: 400;
}

 .borde-izq {
    border-left: 1px solid #ccc;
    padding: 10px 0 10px 10px;
}
 .borde-izq p{
    font-size: 19px;
}

 .item-pro-bottom-col p {
    font-size: 9px;
    padding:  0;
    text-align: left;
}
 .item-pro-bottom-col p span{
    font-size: 14px;
    padding-left: 10px;
}

 .item-pro-bottom-col {
    display: inline-block;
    width: 48%;

}
.owl-item {
  display: inline-block;
}
.owl-nav [class*=owl-] {
    background: rgba(0, 0, 0, 0.42)!important;
}
.slide-prod-destacados .owl-nav {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -45px!important;
}
.slide-prod-destacados .owl-nav [class*=owl-]:hover {
    background: rgb(0, 0, 0)!important;
}
#alert{
    display: none;
}
.brand-eco {
    position: relative;
}
.ecologica {
    position: absolute; right: 0; max-width: 100px; top: 50%; transform: translateY(-50%);
}
/*=======MOVIL========*/

@media screen and (max-width: 1200px) {
    .titlePro {font-size: 35px;}
    .detalle-producto-img {
        height: 460px; background-position: center top;
    }
    .detalle-producto-right {width: 40%; height: 310px;}
    .detalle-producto-txt {width: 57%; padding: 15px 15px 15px 45px;}
    .detalle-producto-item .quantity {padding: 5px 10px 20px 20px;}
    .itemBrand {width: 130px; height: 40px;}
    .detalle-producto-item .total-price p {font-size: 32px;}
    .ecologica { max-width: 80px;}
}
@media screen and (max-width: 1132px) {
  .detalle-producto-cont{padding: 210px 0 100px;}
}
@media screen and (max-width: 1100px) {
    .detalle-producto-cont {width: 95%;}
    .detalle-producto-txt p {font-size: 14px;}
    .detalle-producto-caracteristicas ul li {padding: 10px 3px;}
}


@media screen and (max-width: 900px) {
    .detalle-producto-caracteristicas ul li {width: 100%; border-right: 0px; border-bottom: 1px solid #ccc; min-height: inherit; padding: 5px 3px;}
    .detalle-producto-caracteristicas ul li p {padding: 0; display: inline-block; padding-right: 14px;}
    .detalle-producto-txt p{padding: 0;}
    .detalle-producto-right {height: auto;}
    .detalle-producto-img {height: 355px;}
    .titlePro{font-size: 30px;}
    .detalle-producto-caracteristicas ul li p{
        font-size: 13px; padding: 0; position: relative; width: 100%; margin-right: 2%;
    }
    .detalle-producto-caracteristicas ul li p span {
        font-size: 13px; margin-left: 10px; position:absolute; right: 8%; text-align: center; top: 0px;
    }
    .itemBrand {width: 110px; height: 40px;}
    .titlePro {top: 10px;}
    .detalle-producto-txt {position: initial;}
    .detalle-producto-item .total-price {bottom: 0;}
    .ecologica {top: initial; margin-bottom: 10px; position: relative; transform:none;}
}

@media screen and (max-width: 700px) {
    .detalle-producto-cont {width: 75%; padding: 180px 0 70px;}
    .detalle-producto-txt {width: 100%; padding: 10px 40px 0; position: inherit; z-index: 99; margin: 280px 0 20px; background: rgba(255, 255, 255, 0.8)}
    .detalle-producto-right {width: 100%; position: absolute; top: 0; left: 0;}
    .detalle-producto-item .total-price {position: absolute; top: 30px; right: 25px; left:inherit; z-index: 999; height: 50px;}
    .detalle-producto-item .total-price p {font-size: 20px;}
    .detalle-producto-item .quantity {bottom: 0; top:inherit;}
    .meses-sin-intereses {float: none; }
    .detalle-producto-img {height: 255px;}
    .titlePro {z-index: 5; font-size: 22px; position: absolute; left: 40px; top: 30px; background: rgba(255, 255, 255, 0.46); border-radius: 5px; padding: 0; display: inline-block; max-width: 55%;}
    .detalle-producto-caracteristicas ul li p {display: block; margin: 5px 0; font-size: 15px; width: 100%;}
    .detalle-producto-caracteristicas ul li p span {float: right; font-weight: 500;}
    .detalle-producto-caracteristicas ul {margin: 0 0 20px;}
    .productos-relacionados h3 {width: 60%; margin-bottom: 10px; }
    .ecologica {max-width: 70px;}
}
@media screen and (max-width: 530px) {
    .meses-sin-intereses {
        max-width: 100%; text-align: left; padding: 10px 0 10px 40px; margin-bottom: 20px;
        background: url('../images/detalle-producto/meses-sin-intereses.png') no-repeat left center;
    }
    .titlePro {max-width: 50%;}
}
@media screen and (max-width: 480px) {
    .titlePro {    padding: 7px;}
}
@media screen and (max-width: 450px) {
    .detalle-producto-cont {width: 90%;}
}
@media screen and (max-width: 380px) {
    .detalle-producto-txt {padding: 10px 20px 0;}
    .detalle-producto-item .quantity {right: 3px;}
    .productos-relacionados h3 {font-size: 16px;}
}

.text_blue{
    color: #0050a3;
}
.p_0{
    padding: 0;
}