.productoWrap{
width: 70%;
margin: 0 auto;
}
.productoWrap .tituloSingle{
margin-top: 10rem;
text-align: center;
}
.displayProducto{margin-top: 10rem;display: flex;flex-direction: row;flex-wrap: wrap;}
.displayProducto .TitDesc{
width: 20%;
float: left;
display: flex;
flex-direction: column;
}
.displayProducto .TitDesc{
margin: auto;
}
.displayProducto .TitDesc p{
}
.displayProducto .ImgPrincipal{
width: 60%;
float: left;
text-align: center;
}
.displayProducto .ImgPrincipal .img1{
width: auto;
margin: 0 auto;
max-height: 300px;
text-align: center;
}
.displayProducto .img23{width: 20%;float: left;text-align: center;display: flex;flex-direction: column;margin: auto;} .displayProducto .img23 .img2{
width: 11rem;
margin: 0 auto;
border: 2px solid #aaa;
border-radius: 50%;
margin-top: 0rem;
height: 11rem !important;
background-position: center !important;
background-size: cover !important;
}
.displayProducto .img23 .img3{
width: 11rem;
margin: 0 auto;
border: 2px solid #aaa;
border-radius: 50%;
margin-top: 2rem;
height: 11rem !important;
background-position: center !important;
background-size: cover !important;
}
.displayProducto .img23 div:hover{
cursor: pointer;
border-color: rgb(243 188 178)!important;
box-shadow: 0px 0px 12px 8px var(--rosa);
}
.productoWrap .tituloOtros{
text-align: center;
margin-top: 10rem;
width: 100%;
margin-bottom: 6rem;
}
.Otros{
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.Otros .otro{
margin: auto;
width: 25%;
text-align: center;
margin-bottom: 5rem;
margin-top: 0;
}
.Otros .otro img{width: 60%; border: 1px solid transparent;}
.Otros a{
display: block;
transition: transform 0.1s;
}
.Otros a:hover{
display: block;
text-decoration: none;
}
.Otros .relacionadosDesk a:hover{
transform: scale(1.3);	
}
.Otros a:hover p{
color: var(--rosa);
}
.Otros .otro div{
display: flex;
flex: 1 0 auto;
align-items: flex-end;
justify-content: center;
margin-top: 1rem;
}
.Otros .otro div .nombreOtro{
border-top: 4px solid;
width: fit-content;
padding-top: 1rem;
text-align: center;
}
.wrapLista{
width: 60%;
margin: 0 auto;
}
.listTit{
background-color: var(--rosa);
}
.listaCat{
width: 100% !important;
}
.listTit .fas:hover{
cursor: pointer;
}
.relacionadosDesk{
display: block;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.relacionadosMovil{
width: 100%;
display: none !important;
}
@media (max-width: 1024px){
.wrapLista{width: 60%;}
}
@media (max-width: 860px){
.wrapLista{width: 70%;}
}
@media (max-width: 767px){
.wrapLista{
margin-top: 0;
width: 100%;
}
.productoWrap .tituloSingle{
margin-top: 13rem;
}
.displayProducto .TitDesc, .displayProducto .ImgPrincipal, .displayProducto .img23{
width: 100%;
margin-bottom: 3rem;
}
.text{
font-size: 2.2rem !important;
}
.displayProducto .img23{
flex-direction: row;
flex-wrap: wrap;
width: 30rem;
}
.displayProducto .img23 .img3{
margin-top: 0 !important;
}
.relacionadosDesk{
display: none;
}
.relacionadosMovil{
display: block !important;
}
.relacionadosMovil .owl-stage{
display: flex;
flex-direction: row;
}
.relacionadosMovil .owl-stage .owl-item{
}
.productoWrap .tituloOtros{
font-size: 4rem !important;
}
#Footer .container{
max-width: 100% !important;
}
.relacionadosMovil .owl-dots{
width: 100%;
margin: 0 auto;
display: block;
position: relative;
top: -1rem;
text-align: center;
}
.relacionadosMovil .owl-dot{
background-color: transparent !important;
box-shadow: none !important;
}
.relacionadosMovil .owl-prev{
left: -10%;
font-size: 8.2rem !important;
position: absolute;
top: 35rem;
border: 2px solid #000;
padding: 0.4em 0.6em;
width: 6rem;
height: 10rem;
box-shadow: none !important;
}
.relacionadosMovil .owl-next{
font-size: 8rem !important;
right: -10%;
position: absolute;
top: 35rem;
border: 2px solid #000;
padding: 0.4em 0.6em;
box-shadow: none !important;
width: 6rem;
height: 10rem;
}
.relacionadosMovil .owl-nav button span{
font-size: 4rem;
}
.relacionadosMovil .owl-dots button span{
font-size: 4rem;
background-color: transparent;
box-shadow: none !important;
color: #aaa;
}
.relacionadosMovil button.active span{
color: #000;
}
.displayProducto, .Otros{
margin-bottom: 7rem;
}
.Otros .owl-nav{
margin-top: 3rem;
}
.Otros .owl-prev, .Otros .owl-next{
top: unset;
bottom: 0;
}
}
@media (max-width: 480px){
.productoWrap{
width: 100%;
}
.displayProducto, .Otros{
width: 70%;
margin: 0 auto;
}
.catProducto .prods{
margin-left: 25% !important;
width: 65% !important;
}
.tituloSingle.tab{
width: 80%;
margin: 0 auto;
line-height: 1.4em;
}
.displayProducto{
margin-top: 9rem;
}
.Otros .owl-nav{
margin-top: 0rem;
}
}
@media (max-width: 380px){
.listaCat .list{
padding: 0 !important;
}
}.catalogoTit{
margin-top: 6rem;
margin-bottom: 4rem;
}
.listaCat:first-child{
background-color: var(--rosa);
flex-direction: revert;
}
.listaCat{
width: 43%;
margin: 0 auto;
border: 2px solid var(--rosa);
max-height: 40rem;
overflow: auto;
scroll-behavior: smooth;
}
.listaCat .tit{
background-color: var(--rosa);
color: #fff;
padding: 2rem 2rem;
margin: 0;
line-height: 1em;
}
.listaCat .tit p{width: 80%;float: left;text-align: center;margin: 0;line-height: 1em;}
.listaCat .tit .big2{
width: 100%;
text-align: center;
margin-bottom: 2rem;
}
.listaCat .tit .fas{font-size: 3rem;line-height: 1;}
.catProducto .prodTit .fas:hover{
background-color: var(--rosa);
color: #fff;
border-radius: 50%;
cursor: pointer;
}
.listaCat .list{
padding: 4rem;
padding-top: 2rem;
}
.list .catProducto{margin-top: 2rem;}
.catProducto .prodTit{display: flex;width: 63%;margin: 0 auto;}
.catProducto .prodTit img{margin: auto 0;width: 7rem;}
.catProducto .prodTit p{margin: auto;}
.catProducto .prodTit .fas{
margin: auto 0;
color: var(--rosa);
font-size: 3rem;
padding: 0.8rem 0.99rem;
}
.catProducto .prods{
width: 60%;
margin: 3% 0% 4% 35%;
display: none;
}
.catProducto .prods ul li{
color: #2c2c2d;
margin-bottom: 1em;
}
.catProducto .prods ul {
list-style: none;
}
.catProducto .prods ul li::before {
content: "\2022";
color: var(--rosa);
font-weight: bold;
font-size: 3rem;
display: inline-block;
width: 1em;
margin-left: -1em;
vertical-align: sub;
}
#BannerMid{
height: 27vw !important;
}
#BannerMid .mcb-wrap-inner, #BannerMid .column, #BannerMid .column_attr {
position: relative; -webkit-animation-duration: 2.5s;
-moz-animation-duration: 2.5s;
-ms-animation-duration: 2.5s;
-o-animation-duration: 2.5s;
animation-duration: 2.5s;
}
.titMid1{margin-top: 9vw;}
.titMid1 p{
font-size: 2vw !important;
}
.titMid2{margin-top: 2vw;}
.titMid2 p{font-size: 4vw;}
#Footer .container{	
border-top: 1px solid var(--rosa);
}
.prods ul li a:hover{
text-decoration: none;
background-color: var(--rosa);
color: #fff !important;
padding: 0.5rem;
}
@media (max-width: 1024px){
.listaCat{
width: 55%;
}
}
@media (max-width: 800px){
.prodTit{
width: 86% !important;
}
.prods{
width: 70% !important;
margin-left: 30% !important;
}
}
@media (max-width: 767px){
#Categorias .section_wrapper{
max-width: 90% !important;
}
.catalogoTit{
margin-top: 7rem !important;
}
.listaCat{
width: 70%;
}
#BannerMid{
height: 39rem !important;
}
#Footer .container{
max-width: 100% !important;
}
}
@media (max-width: 700px){
.titMid1 p{font-size: 3.5vw !important;}
.titMid2 p{
font-size: 4.5vw !important;
}
.mcb-wrap{
height: 100%;
}
#BannerMid .section_wrapper{
height: 100%;
} 
#BannerMid .mcb-wrap-inner{
width: 80%;
height: 40%;
left: 50%;
top: 50%;
transform: translate(-50%,-50%) !important;
position: absolute;
display: flex;
flex-direction: column;
}
.titMid1, .titMid2{
margin-top: unset;
}
#BannerMid .mcb-wrap-inner .column{
margin: auto !important;
}
}
@media (max-width: 580px){
.listaCat{
width: 90%;
} 
}
@media (max-width: 480px){
#Categorias .section_wrapper{
max-width: 100% !important;
padding: 0 !important;
}
.listaCat{
width: 100%;
}
.prods{
margin: 5% auto !important;
margin-left: 20% !important;
} 
#BannerMid{
height: 150rem !important;
background-size: cover; }
#BannerMid .mcb-wrap-inner .column:first-child{
margin-bottom: 0 !important;
}
#BannerMid .mcb-wrap-inner .column:nth-child(2){
margin-top: 0 !important;
}
.titMid1 p{font-size: 6vw !important;}
.titMid2 p{
font-size: 12vw !important;
line-height: 1.2em;
}
.listaCat .tit p{
padding-bottom: 2rem !important;
}
}
@media (max-width: 380px){
.prods{
margin-left: 12% !important;
}
}