@charset "UTF-8";
/* CSS Document */

*{font-family: "Open Sans", sans-serif;}
main{position:relative;top:80px;padding: 15px;max-width: 1200px;margin: auto;}
input[type="radio"]{
    appearance: auto;
    margin-right: 8px;
}
.listItemContent{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .7em;
    border-bottom: 1px solid;
    padding: 5px 0px;
    margin: 5px 0px;
    font-weight: bold;
    gap: 1em;
}
.listItemContent small{
    font-weight: normal;
    font-size: .8em;
}
.listItemContent > div{
    flex: 1;
    /* text-align: right; */
}
.listItemContent > div a{
  /* display: inline-flex; */
  /* color: var(--color-accent-dark); */
  font-size: 2em;
  background: var(--color-accent-darker);
  /* padding: 10px 12px; */
  /* border-radius: var(--radius-md); */
  /* box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25); */
}
.listItemContent > div a img{
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    padding: 5px;
}
.contSearch{
    background: url("../imagenes/back-book.jpg");
    background-size: cover;
    background-position: left center;
    border-radius: var(--radius-lg);
    padding: 40px 20px;
}
.register{
    max-width: 500px;
    margin: auto;
    background: var(--color-bg);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-lg);
    padding: 30px 20px;
}
.btAux3{
    margin: 20px 0px 0px;
}
    .btAux3 p{
    font-size: .7em;
    margin: 5px 0px;
}
    .btAux3 a{}
.theProdListhome{
    margin: 30px 0px;
}
.theProdListhome h3{
    font-size: 1.3em;
    font-weight: bold;
    margin: 40px 0px 30px;
}
.contProdList{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: minmax(100px, auto);
    gap: 1em;
    flex-wrap: wrap;
    margin: 10px 0px 10px 0px;
    justify-content: space-between;
}
.firstP{
    display: flex;
    justify-content: flex-start;
    gap: 1em;
    grid-gap: 1em;
    flex-direction: row;
}
.btAcListP{
    width: 50px;
    display: flex;
    justify-content: flex-end;
}
    .contProdList > div{display: flex;gap: 1em;grid-gap: 1em;padding: 10px;background: var(--color-bg);box-shadow: var(--shadow-sm);border-radius: var(--radius-lg);width: 100%;justify-content: space-between;align-items: center;/* width: 48%; */}
.imaProd img{min-width: 90px;object-fit: cover;box-shadow: var(--shadow-sm);}
.imaProd{
    width: 90px;
    height: 70px;
    display: flex;
    position: relative;
}
.imaProd img, .imaProdInt img{border-radius: var(--radius-md);width: 100%;}
.imaProdInt img{
    max-height: 340px;
    width: auto;
    margin: auto;
}
.txtProd{
    display: flex;
    flex-direction: column;
    gap: .5em;
    grid-gap: .2em;
}
.titProd{
    color: var(--color-accent-dark);
    font-weight: bold;
    font-size: var(--btn-font-size-md);
    font-size: .9em;
    line-height: 1em;
}
.priceProd{
    color: var(--color-contrast-medium);
    font-size: .7em;
    font-weight: normal;
}
.priceProd strong{
    font-weight:bold;
    color: var(--color-accent-dark);
}
.descProd{
    color: var(--cd-color-1);
    padding: 20px !important;
}
.status{
    font-size: .7em;
    border: 1px solid;
    padding: 10px;
    border-radius: var(--radius-lg);
    justify-content: center;
    font-weight: normal;
    box-shadow: var(--shadow-sm);
    margin-top: 10px;
}
.status strong{
    font-weight: bold;
}
.statusFinish{
    color: var(--color-success-dark);
    background-color: #dfffe4;
}
.statusNoStart{
    color: var(--color-error-light);
    background-color: #ffe8e8;);
}
.statusProcess{
    color: var(--color-warning-darker);););
    background-color: #fffbe2;
}


.icoProd{
    color: var(--color-accent-dark);
    background-color: var(--cd-color-1);
    border-radius: var(--radius-lg);
    display: inline-flex;
    width: 30px;
    height: 30px;
    justify-content: center;
    font-size: 1.5em;
    align-items: center;
    /* border: 4px solid var(--color-accent); */
    cursor: pointer;
}

iframe{
    width: 100%;
    border-radius: var(--radius-lg);
    height: 270px;
}
.contact-v2{
    padding: 0px 20px;
    max-width: 980px;
    margin: auto;
}
.cu6-container{
    text-align: center;
    margin: 40px auto;
    max-width: 600px;
    padding: 0px 20px;
}
.cu6-text-center{}
.sticky-feature__content-list li{
    color: var(--color-accent-dark);
}
.sticky-feature h2{
    color: var(--color-black);
    font-size: 2.2em;
    text-align: center;
}
.contSliderHome{
    /* padding: 50px 0px; */
    margin-bottom: 60px;
}
.contHwF{
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.welcomeBE{
    background-image: url(../imagenes/welcome.jpg);
    background-size: cover;
    padding: 140px 40px;
    background-position: bottom center;
    margin-top: 30px;
    border-radius: var(--checkbox-radio-size););
    box-shadow: var(--shadow-md);
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.welcomeBE > div{}
.titWBE{width: 40%;}
    .titWBE h1{
    color: var(--color-bg-lighter);
    text-shadow: var(--shadow-sm);
}
    .titWBE h2{
    color: var(--color-bg-lighter);
    text-shadow: var(--shadow-md);
}
.btWBE{
    display: flex;
    gap: .5em;
    align-items: center;
    width: 60%;
}
    .btWBE > div{
    flex: 1;
    width: 100%;
}
    .btWBE > div a{
   background.c: ;
   background: radial-gradient(circle at 100% 0, hsl(0deg 0% 100% / 85%) 0, hsla(0, 0%, 95%, .13) 183%);
   -webkit-backdrop-filter: blur(15px) saturate(86%);
   backdrop-filter: blur(5px) saturate(90%);
   padding: 40px 10px;);
   border-radius: var(--radius-lg);
   box-shadow: var(--shadow-md);
   display: flex;
   justify-content: center;
   align-items: center;
   gap: .5em;
   color: var(--color-accent-dark);
   transition: .3s;
   width: 100%;
}
 .btWBE > div a:hover{
    background: radial-gradient(circle at 100% 0, hsl(44.91deg 60.48% 52.94%) 0, hsl(0deg 0% 20% / 13%) 183%);
    transition: .3s;
 }
 .btWBE > div a i{
    color: var(--color-bg-lighter);
    font-size: 1.5em;
}
    .contHwF > div{
    flex: 1;
}
.titGral{
    padding: 20px 0px;
    text-align: left;
    width: 100%;
}
.titGral h2{
    color: var(--color-accent-dark);
    font-size: 1.6em;
}
.titGral h2 span{
   color: var(--color-warning-darker);
}
.titGral h3{
    color: var(--color-accent-dark);
    font-size: 1em;
}
.contProdDetail, .contProdDetail form{
    display: flex;
    gap: 1em;
    margin: 30px 0px 0px;
    width: 100%;
}
.imaProdDetail{
    flex: 20%;
}
    .imaProdDetail img{
    max-width: 240px;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}
.contDetailFull{
    margin-top: 30px;
}
.btActionP{flex: 20%;}
.descProdDetail{
    flex: 80%;
    background: var(--color-bg);
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-lg);
    padding: 30px 20px;
}
    .descProdDetail h3{
    font-size: 1em;
    margin-bottom: 20px;
}
    .descProdDetail p{
    font-size: .8em;
    color: var(--color-contrast-medium);
    margin: 20px 0px;
}
    .descProdDetail strong{
    font-weight: bold;
    /* color: var(--color-contrast-higher); */
}
    .descProdDetail ul, .descProdDetail ol{
    list-style: list;
    margin: 20px 0px 20px 40px;
    color: var(--color-contrast-medium);
    font-size: .8em;
}
    .descProdDetail li{}
    .descProdDetail a{
    color: var(--color-accent-dark);
    border-bottom: 1px solid;
}
.contAlertGB{
    margin: 20px 0px;
}
.alertGB{
    padding: 15px;
    font-size: .7em;
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25);
    border-radius: var(--radius-lg);
    margin: 0 0 10px;
} 
.theGoodQ{
    background-color: var(--color-success);
    color: var(--color-bg-lighter);
}
.theBadQ{
    background-color: var(--color-error-lighter);
    color: var(--color-bg-lighter);
}
.servBann4{
    display: flex;
    gap: 1em;
    max-width: 960px;
    margin: 40px auto;
    flex-wrap: wrap;
    padding: 0px 10px;
}
    .servBann4 > div{
    flex: 1;
}
.servBann4 a{text-align: center;}
.servBann4 img{max-width: 190px;height: auto;margin: auto;padding: 10px;}
.servBann4 h2{
    font-size: 1.2em;
}
.c1a{
    color: #c95bc1;
}
.c2a{
    color: #6ad2c9;
}
.c3a{
    color: #6bcb36;
}
.c4a{
    color: #ed517a;
}

.bannerHomeSlider {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  /* gap: 10px; */
  grid-auto-rows: minmax(100px, auto);
}
.oneC {
  grid-column: 1;
  grid-row: 1 / 3;
  background-image: url("../imagenes/b1.webp");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
  height: 620px;
}
.oneC > div, .twoC > div, .threeC > div{
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 82%);
    padding: 30px;
}
.contTitB{
    color: var(--color-bg);
    font-weight: bold;
    font-size: 2em;
}
.twoC {
    grid-column: 2;
    grid-row: 1;
    background-image: url(../imagenes/b2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
}
.threeC {
  grid-column: 2;
  grid-row: 2;
  background-image: url(../imagenes/b3.webp);
  background-size: cover;
  background-repeat: no-repeat;
  position:relative;
  background-position: center;
}
.menuAuxS{
    background: var(--color-accent-darker);
    display: flex;
    justify-content: center;
    gap: 1em;
    padding: 20px;
}
    .menuAuxS > div{display: flex;align-items: center;gap: .5em;flex: 1;justify-content: center;}
    .menuAuxS > div > div{}
    .menuAuxS > div > div i{
    color: var(--color-bg-light);
    font-size: 1.3em;
}
    .menuAuxS > div > div p{
    color: var(--color-bg-darker);
    font-size: .8em;
    
}
    .menuAuxS > div > div h3{
    color: var(--color-bg-light);
    font-size: .94em;
}


.imageIntAux{
    max-width: 340px;
    margin: auto;
}
    .imageIntAux > img{
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-lg);
}

.wait{
    color: white;
    font-size: .75em;
}
.icosSocialFooter{display: flex;justify-content: center;gap: 2em;}
    .icosSocialFooter a{
    font-size: 1.5em;
    color: var(--color-accent-darker);
}
.dataFooterCallA{
    display: flex;
    justify-content: center;
    gap: 2em;
    margin: 30px 0px;
    font-size: .9em;
}
    .dataFooterCallA a{
    color: var(--color-bg-lighter);
    font-weight: normal;
}
 .dataFooterCallA a i{
    color: var(--color-accent-darker);
    }

.contB2C{
    display: flex;
    max-width: 990px;
    margin: 70px auto 0px;
    gap: 1em;
    padding: 0px 10px;
}
    .contB2C > div{
    flex: 1;
    }
.contOneB2C{
    position: relative;
    height: 310px;
    overflow: hidden;
    border-radius: var(--radius-lg);
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25);
    display: block;
}
.contImaB2C{
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.contImaB2C img{object-fit: cover;min-height: 100%;}
.contTxShadow{
    padding: 50px 20px 10px 20px;
    position: absolute;
    bottom: 0px;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,.5) 0%, rgba(0,0,0,0) 82%);
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}
.contTxB2C{
    color: var(--color-bg);
}
.contIcoPlus{
    color: var(--color-accent-darker);
    font-size: 2em;
}


.h1Quote{}
    .h1Quote h1{
    text-align: center;
    font-size: .1em;
}
.slideshow__item p{
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    background-color: rgba(43, 47, 85, .8);
    padding: 10px;
    font-size: .9em;
    font-weight: bold;
    color: var(--color-bg-lighter);
}
.imaSimple{}
    .imaSimple img{
    border-radius: var(--radius-lg);
}
.contListAux1{
    max-width: 900px;
    margin: auto;
    padding: 0px 20px;
}
    .contListAux1 h2{
    color: var(--color-bg-light);
}
.wrapServ4{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em;
    margin: 30px auto;
}
.wrapServ4 > div{
    display: flex;
    align-items: center;
    gap: 1em;
}
.imaAdv2{}
    .imaAdv2 > div{
    width: 65px;
}
    .imaAdv2 > div img{
    width: 65px;
    height: 65px;
}
.txtAdv2{
    color: var(--color-bg-light);
    font-size: .9em;
}

.contactForm{
    max-width: 840px;
    margin: 40px auto;
    padding: 0px 20px;
}
input[type="button"], input[type="Submit"]{background: var(--color-accent-darker);display: block;width: 100%;color: var(--color-accent-dark);font-weight: bold;font-size: .8em;border-radius: var(--radius-md);line-height: 40px;box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25);font-family: "Open Sans", sans-serif;}
.contactForm h2{
    color: var(--color-bg-light);
}
.contFormC{
    display: flex;
    gap: 2em;
    align-items: center;
}
    .contFormC > div{/* flex: 1; */}
    .contFormC > div > img{
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}
.theform{
    display: flex;
    flex-direction: column;
    gap: .2em;
    margin: 0px;
    min-width: 280px;
    padding: 20px 0px;
    width: 100%;
}
    .theform > div{}
    .theform > div > label{color: var(--color-bg-light);font-size: .6em;}

.contTXsection{}
    .contTXsection h3{
    color: var(--color-bg-light);
    margin-bottom: 20px;
}
.contBServ3{
    background-size: cover;
}
.wrapServ3{
    max-width: 890px;
    margin: auto;
    padding: 50px 40px;
}
.wrapServ3 h2{
    color: var(--color-bg-light);
    font-weight: normal;
    margin-bottom: 40px;
}
    .wrapServ3 > div{
    display: flex;
    gap: 2em;
}
.backSDD1{
    background-image: url("../images/fdo-detail1.jpg");
}
.backSDD2{
    background-image: url("../images/fdo-detail2.jpg");
}
.subtitAux{
    max-width: 900px;
    margin: auto;
    padding: 40px 20px;
}
    .subtitAux h3{
    font-weight: normal;
    color: var(--color-bg-light);
    font-size: 1.5em;
}
.wrapServ3Ent{
    max-width: 890px;
    margin: auto;
    padding: 50px 40px;
}
    .wrapServ3Ent h2{
    color: var(--color-bg-light);
    font-weight: normal;
    margin-bottom: 40px;
}
.wrapServ3Ent > div{
    display: flex;
    grid-gap: 1em;
    justify-items: start;
    justify-content: start;
}
.oneS3D1{
    width: 70%;
}
    
    .oneS3D1 img{
    border-radius: var(--radius-md);
}
    .oneS3D1 > div{color: var(--color-bg-light);font-weight: bold;margin: 5px;}
.oneS3D2{
    display: inline-flex;
    color: var(--color-bg-dark);
}
.oneS3D2 h3{
    color: var(--color-bg-light);
}
.oneS3D2 p{
    font-size: .9em;
}
.oneS3D{
    display: flex;
    align-items: center;
    gap: 1em;
    color: var(--color-bg-light);
}
    .oneS3D > div{
    /* width: 80px; */
}
    .oneS3D > div img{
    width: 130px;
    height: auto;
}
.contSep{padding: 0px 20px;}
.bnnCap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 3em;
    max-width: 900px;
    margin: 0px auto 20px;
}
    .bnnCap > div{
}
    .imabnnCap{}
    .imabnnCap img{
    border-radius: var(--radius-md);
}
    .titbnnCap{
    font-weight: bold;
    color: var(--color-bg-lighter);
    margin: 5px 0px 10px;
    padding: 0px 0px 5px 0px;
    border-bottom: 2px solid var(--color-accent);
    font-size: 1.3em;
}



.contSectionServices{
    max-width: 850px;
    margin: auto;
    padding: 40px 20px;
}
.detailServices{
    margin: 50px 0px;
} 
.backS1{}
.wrapDetailS{
    display: flex;
    align-items: center;
}
.wrapDetailS > div{
    flex: 1;
}
.imaDetailS img{
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-xs);
}
.contListDetailS{
}
.contListDetailS > div{
    display: flex;
    flex-direction: column;
    gap: 1.2em;
}
.oneListS{
    display: flex;
    gap: .5em;
}
.oneListS > div{
    color: var(--color-bg);
    font-weight: bold;
}
.oneListS > div > span{
    display: block;
    font-weight: normal;
    font-size: .65em;
}
.lineDetailS{
    width: 10px;
}
.coloLDS1{
    background: rgb(255, 136, 0);
    background: linear-gradient(-180deg, rgba(255, 136, 0, 1) 10%, rgba(43, 47, 85, 1) 90%);
}

.headerIntGralServices{
    margin: 0px 0px 30px;
}
.headerIntGralServices h1{
    color: var(--color-bg-light);
    font-weight: normal;
}

.txSimpleServ{
    color: var(--color-bg-light);
}
    .txSimpleServ p,  .txSimpleServ p strong{}

.gridPhotos3-3{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    grid-auto-rows: minmax(100px, auto);
}
    .gridPhotos3-3 > div > img{
    box-shadow: var(--shadow-md);
}
.contTXsection2{}
    .contDots > div{
    position: relative;
    flex: 1;
}
    .contDots > div:after{
    content:"●";
    position: absolute;
    top: -2px;
    left: -20px;
    }
    .contDots > div p{
    color: var(--color-accent-dark);
}
    .contDots > div p strong{
    color: var(--color-accent-dark);
}
.contDots{
    display: flex;
    gap: 3em;
}
    
.wddSeparaEsp{margin-top: 40px;}
.detailMap{
    background: rgb(227,227,227);
    background: linear-gradient(50deg, rgba(227,227,227,1) 0%, rgba(255,255,255,1) 49%, rgba(194,200,221,1) 100%);
}
.contMap{
    max-width: 730px;
    margin: auto;
}

.detailFlags{
    position: absolute;
    top: 10px;
    right: 15%;
    width: 260px;
    height: auto;
}
	.detailFlags > div{}
	.detailFlags > div img{}
.logoAboutUs{
    display: flex;
    align-items: center;
    gap: 2em;
    margin: 20px 0px 0px;
}
    .logoAboutUs > div{}
    .logoAboutUs > div > img{}
.sectionWBack{
    background-image: url("../images/fdo-mundi.webp");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: hsl(229.2deg 44.64% 21.96%);
}
.headerIntGral{
    margin: auto;
    max-width: 900px;
    padding: 50px 10px 0px;
}
    .headerIntGral h1, .headerIntGral span{
    color: var(--color-bg);
}
    .headerIntGral h1{}
    .headerIntGral span{
    display: block;
    margin-left: 40px;
    font-size: 1.2em;
    font-weight: normal;
}
.contSliderHomeR{
    position: relative;
}
.imaSliderH{
    position: relative;
    height: auto;
}
.wrapCSliderH{
    position: absolute;
    z-index: 9;
    top: 30%;
    left: 10%;
    right: 10%;
}
.bannerTXIma{background-color: var(--color-accent-dark);}
.contTXIMA{
    display: flex;
    max-width: 1220px;
    margin: auto;
    align-items: center;
    background-color: var(--color-accent-dark);
    gap: 1em;
}
.main-footer__logo{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0px;
}
.footerCont{
    margin: 30px 0px;
    padding: 0px 20px;
}
.footerUL{
    display: flex;
    gap: 1em;
}
.footerLi{
    flex: 1;
    text-align: left;
}
.footerLi h4{
    color: var(--color-accent-darker);
    margin: 20px 0px 0px;
}
    .footerLi a{
    color: var(--color-bg-light);
    font-weight: normal;
    font-size: .8em;
    }
.footerLi a:hover{color:var(--color-accent-darker);}
    
    .footerLi small{
    font-size: .7em;
    color: var(--color-contrast-low);
}
.titMAS{
    padding: 30px;
    font-size: 1.4em;
}
.contImaMAS{
    max-width: 63%;
}
.otromas{
    background-image: url("../images/back-building.webp");
    background-size: cover;
    background-position: center center;
    padding: 20px 20px 50px 20px;
}
.contTXIMA > div{
    /* display: flex; */
    flex: 1;
}
.contTXIMA > div > p{
    margin: 20px 0px;
}
.txTI{
    padding: 0px 40px;
    color: var(--color-accent-lighter);
}
.imaTI{}



.titServicesB{
    padding: 20px;
    font-size: 1.3em;
    background: rgb(255,136,0);
    background: linear-gradient(50deg, rgba(255,136,0,1) 10%, rgba(43,47,85,1) 90%);
}
    .titServicesB div{color: var(--color-bg);font-size: 1.3em;margin: auto;}
.floatBt{
    position: fixed;
    display: flex;
    z-index: 999999;
    right: 0px;
    bottom: 20px;
    flex-direction: column;
    align-items: center;
    /* background-color: var(--color-bg-light); */
    padding: 8px 2px 8px 5px;
    border-radius: 10px 0px 0 10px;
    gap: .5em;
    /* background-color: rgba(37, 38, 40, .21); */
    /* background-image: radial-gradient(circle at 25%, hsla(0, 0%, 100%, .2), rgba(50, 50, 50, .2) 80%); */
    /* backdrop-filter: blur(14px); */
    }
.contBann1H{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right bottom;
    /* padding: 100px 10px 100px; */
    
    /* margin: 40px 0px 0px; */
}
.backDarkB{
    bavar(
    ckground-color: var(--color-accent-dark));
    padding: 130px 10px 130px;
}
.contGridSAux{
    background: url('../images/mosaico/fdo-grid.webp');
    background-size: contain;
}
    .subtAux2s{
    text-align: center;
    background: var(--color-accent-darker);
    font-weight: bold;
    color: var(--color-bg-lighter);
    padding: 10px;
    /* max-width: 510px; */
    /* border-radius: 50px; */
    /* margin: auto; */
}
    .theGridSA{
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    grid-gap: 0px;
    grid-auto-rows: minmax(100px, auto);
    margin: auto;
    width: 80%;
    padding: 10% 0px;
    }
    .theGridSA > div{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 20px;
    gap: .6em;
    }
    .theGridSA > div > .txtGA{
    font-weight: bold;
    font-size: .9em;
    text-align: center;
}
    .colorGA1{
    background: var(--color-accent);
}
    .colorGA1 > .txtGA{
    color: var(--color-bg-lighter);
}
    .colorGA2{
    background: var(--color-bg-lighter);
}
    .colorGA2 > .txtGA{
    color: var(--color-accent-dark);
}
    .colorGA3{
    background: var(--color-accent-dark);
}
    .colorGA3 > .txtGA{
    color: var(--color-accent);
}
    .colorGA4{
    background: var(--color-primary-lighter);
}
    .colorGA4 > .txtGA{}
    .icoGA{}
    .icoGA img{
    width: 60px;
    height: auto;
    }
.contData{
    max-width: 900px;
    margin: 20px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2em;
    padding: 20px;
}
.contD1{
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.contD1 > div{
    display: flex;
    gap: 1em;
}
.contD1 > div p{
        color: var(--color-bg-light);

}
.contD1 > div p a{
    color: var(--color-bg-light);
    border-bottom: 1px solid;
}
.icoDatC{
    width: 60px;
    height: 60px;
    display: contents;
}
.icoDatC img{
    width: 60px;
    height: 60px;
    border-radius: var(--radius-sm);
}
.mapC{}
    .mapC iframe{
    width: 100%;
    height: 320px;
}
.desEsp1{
    display: flex;
    max-width: 900px;
    margin: 80px auto;
    gap: 2em;
    padding: 0px 20px;
}
.desEsp1 > div{
    flex: 1 0 0;
}
.desEsp1 > div:first-child{
    color: var(--color-bg-lighter);
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.contImaSubAux{
    display: flex;
    gap: .5em;
}
.titCServ{
    text-align: center;
}
.titCServ h2{
    color: var(--color-accent-dark);
    font-size: 2em;
    margin: 0px;
    /* font-family: "Frank Ruhl Libre", serif; */
    font-weight: bold;
}
.titCServ h3{
    color: var(--color-bg);
    font-weight: normal;
    font-size: 2em;
    margin: 0px;
    font-family: "Frank Ruhl Libre", serif;
}
.columServ{
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
    .columServ > div{}
.details-list__item p{
    color: var(--color-contrast-medium);
}
.t-article-v4{}
    .t-article-v4 h1{
    color: var(--color-accent-dark) !important;
}
    .t-article-v4 p{
    color: var(--color-accent-dark) !important;
}
.contTXsection small{
    color: var(--color-accent-darker);
}
.text-component{
    max-width: 80%;
    margin: auto;
    /* text-align: left; */
}
    .text-component h1{
    color: var(--color-bg-lighter);
}
    .text-component p{
    color: var(--color-contrast-medium);
}
    .floatBt > div{
    /* font-size: 1.2em; */
}
    .floatBt > div a{
    /* padding: 3px 5px; */
    /* font-size: 1.4em; */
}
    .floatBt > div a img{
    width: 40px;
    height: auto;
}
    .wa_bt_c{
    background-color: #25d366;
    color: var(--color-bg-lighter);
    border-radius: var(--radius-sm);
}
.contTXsection h1{
    color: var(--color-bg-lighter);
}
.gap-xxxs{
    gap: .5em;
}
.bckGR1{
    /* background: rgb(43,47,85); */
    /* background: linear-gradient(90deg, rgba(43,47,85,1) 10%, rgba(44,140,201,1) 50%, rgba(43,75,121,1) 90%); */
    /* border-top: 1px solid var(--color-accent-darker); */
    /* border-bottom: 1px solid var(--color-accent-darker); */
    padding-bottom: 30px;
}
.nav_controlC1{
    background-color: var(--color-accent-darker) !important;
}
.mega-nav--mobile .nav_controlC1{padding: 10px !important;}
.theDiag{
    padding: 40px 0px 0px;
    max-width: 62rem;
    margin: auto;
}
.contDiag{}
.contDiag > div{
    grid-auto-rows: minmax(100px, auto);
    margin: auto;
    width: 95%;
    display: flex;
    justify-content: center;
}
.contDiag > div > div{flex: 1 0 0;}
.contDiag > .firstLineD{
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.contDiag > .secondLineD{
    width: 67%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.titOneDiag{
    color: var(--color-bg-lighter);
    font-size: 1em;
    text-align: center;
    max-width: 250px;
    margin: auto;
}
.imaOneDiag{
    text-align: center;
}
    .imaOneDiag img{
    max-width: 130px;
    margin: auto;
}
.wrapDiag{
    padding: 30px;
}
.posAux1{
    margin-top: 30px;
}
.contSubtAux{
    display: flex;
    align-items: stretch;
    justify-content: center;
}

    .contSubtAux > div{
    }
    
    .contSubtAux > div img{
    max-height: 50px;
}
.txtSubAux{
    background: rgb(255,143,0);
    background: linear-gradient(90deg, rgba(255,132,0,1) 0%, rgba(255,188,0,1) 50%, rgba(255,132,0,1) 100%);
}
.thetxtSA{
    padding: 10px 10px 0;
    font-weight: bolder;
    color: var(--color-bg-lighter);
    text-shadow: var(--shadow-sm);
    font-size: 1.2em;
}


.centers{
    padding: 30px 0px 20px;
}
.thecenters{
    display: flex;
    gap: 3em;
}
.onecenter{flex: 1;text-align: center;display: flex;flex-direction: column;background-color: var(--color-bg);border-radius: var(--radius-md);box-shadow: var(--shadow-sm);overflow: hidden;}
    .imgCenter{}
    .txtCenter{
    padding: 20px 0px;
    font-weight: bold;
}

.imaAuxCB{
    max-width: 980px;
    margin: auto;
}
    .imaAuxCB img{box-shadow: var(--shadow-md);}


.oneServInd{
    background: var(--color-accent);
    margin: 15px auto;
    max-width: 980px;
    padding: 20px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}
.oneServInd h1, .oneServInd h2, .oneServInd h3{
    color: var(--color-bg-lighter);
}

.contSlider{
    width: 100%;
    background-size: cover;
    background-position: top;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: left;
    justify-content: left;
    -ms-flex-align: center;
    align-items: center;
    }
    .fdohome{background-image: url(../imagenes/fdo-imahome2.webp);height: 660px;}
    .fdoInt{
    height: 610px;
}
.fdos1{background-image: url("../images/hs1.webp");}
.fdos2{background-image: url("../images/hs2.webp");}
.fdos3{background-image: url("../images/hs3.webp");}

.fdos1_en{background-image: url("../images/wf2.webp");}
.fdos2_en{background-image: url("../images/wf1.webp");}
.fdos3_en{background-image: url("../images/wf3.webp");}
.fdos4_en{background-image: url("../images/wf4.webp");}

.contFirstC{position: relative;}
        .firstCHome{
    /* max-width: 690px; */
    width: 100%;
    /* padding-left: 10%; */
    text-align: center;
 }
    .firstCInt{
    text-align: center;
    width: 100%;
    max-width: 800px;
    margin: 0px auto 0px;
    background-color: rgba(0,0,0,.3);
}
    .quoteSliderH{}
        .quoteSliderH h1{font-size: 1.4em;color: var(--color-bg-dark);/* letter-spacing: .07em; */font-size: 2.5em;}
        .quoteSliderH h1 img{
            max-width: 330px;
            }
        .quoteSliderH h2{font-size: 1.4em;color: var(--color-bg-dark);/* letter-spacing: .07em; *//* font-size: 2.5em; */}




.contCarrClient{
    /* background-color: var(--color-accent-dark); */
    display: none;
}
.elCarrC{
    text-align: center;
    padding: 50px 0px 70px;
    max-width: 1000px;
    margin: auto;
}
.subtCarr{
    color: var(--color-bg-darker);
}
.titCarr{
    font-size: 2.3em;
    margin-bottom: 20px;
    color: var(--color-bg);
    font-weight: bold;
}


.artIntSmall{
    display: inline-flex;
    justify-content: space-evenly;
    /* width: 100%; */
    gap: 1em;
    align-items: center;
    background-color: var(--color-accent);
    border-radius: var(--radius-md);
    padding: 0 20px 0px 0px;
}
    .artIntSmall img{
    max-width: 100px;
    }
    .artIntSmall p{
    font-size: .8em;
    font-weight: bolder;
    color: var(--color-bg);
}
    .artIntSmall img, .artIntSmall p{
    flex: 1 0 0;
}
.imaAuxSep{margin: 20px auto;border-radius: var(--radius-md);box-shadow: var(--shadow-sm);width: 80%;}

.text-points__item ul li{
    font-size: .8em;
}
.text-points__item h4{font-weight: bold;}
.conServiciosAux{
    margin: 40px auto;
    max-width: 600px;
    padding: 0px 20px;
}
    .conServiciosAux h2{
    margin: 0px 0px 20px;
}
.contPrices{
    display: flex;
    flex-direction: column;
}
    .contPrices > div{
    border-bottom: 1px solid silver;
    padding: 10px 0px;
}
.wrapPrices{
    display: flex;
    justify-content: space-between;
}
    .wrapPrices > div{}
.wrapPrices > div > p{font-size: .7em;}
.oneServicePrice{
    font-weight: bold;
    color: var(--color-accent);
}
.onePriceS{
    text-align: right;
}



textarea{
    width: 100%;
    height: 100px;
    border: 1px solid var(--color-accent-dark);
    border-radius: var(--radius-lg) !important;
    margin: 10px 0px;
    background: var(--color-bg-light) !important;
}

.thecomments{
    margin: 30px 0px;
    font-size: .8em;
}
.oneComment2{
    display: flex;
    flex-direction: column;
    gap: .3em;
    padding: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid var(--color-accent-light);
}
    .oneComment2 > div{}
.commentUser{}
.commentPro{
    display: flex;
    align-items: center;
    gap: .5em;
    background: var(--color-accent-lighter);
    padding: 10px;
    border-radius: var(--radius-md);
    margin-left: 30px;
}
.commentPro p{color: var(--color-accent);font-weight: bold;}
    .commentPro > div{}

.theServPro{
    margin: 20px 0px 30px;
}
.theServPro h2{
    padding: 10px;
}
table{
    box-shadow: var(--shadow-sm);
}
.contSection{
    border-radius: 0px 0px 40px 0px;
    display: flex;
    max-width: 990px;
    width: 100%;
    align-items: flex-start;
    align-content: center;
    justify-content: center;
    margin: auto;
    /* padding: 20px; */
    }
.textosimple{}
    .textosimple p{
    font-size: .8em;
    margin: 20px 0px;
    text-align: justify;
}
    .textosimple ul{}
    .textosimple li{
    text-align: justify;
    font-family: var(--font-primary);
    font-size: .8em;
    margin: 10px 0px;
}
.contTXsection ul{
    list-style: disc;
    margin: 0px 0px 0px 20px;
    font-size: .9em;
    color: var(--color-bg-darker);
}
.contTXsection ul li{
    margin: 10px 0px;
}
.marginTopAux{
    margin-top: 100px !important;
}
.sectionC1{background-color: var(--cd-color-1);gap: 3em;}
    .sectionC1 h2{color: var(--color-bg-lighter);font-size: var(--text-2xl);margin: 20px 0px;}
    .sectionC1 p{color: var(--color-bg-darker);margin-bottom: 20px;font-size: .9em;}
    .sectionC1 p strong{
    font-weight: bold;
    color: var(--color-bg-lighter);
}
.sectionC2{
    background-color: var(--cd-color-3);
}
.sectionC2 .contImaSection{
    background-color: var(--cd-color-3);
    border-radius: 0px 0px 20px 0px;
}
    .sectionC2 h2{
    font-size: 2.5em;
    color: var(--cd-color-1);
    line-height: 40px;
    margin-bottom: 10px;
}
    .sectionC2 p{
    color: var(--cd-color-1) !important;
}
.contImaSection{
    text-align: center;
    position: relative;
}
.contImaSection img{
    box-shadow: var(--shadow-md);
    border-radius: var(--radius-md);
}
.sectionC1 > div{
    flex: 1 1 0px;
}


.headerPro{display: flex;gap: 2em;max-width: 800px;}
.sectComm{
    margin: 30px 0px 0px 0px;
}
.thePro{
    margin: 30px auto;
    padding: 30px;
    max-width: 1280px;
    display: none;
}
.filter{
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin: 0 0 20px;
}
.filter > div{
}
.titleFil{
    font-family: 'Playfair Display', serif;
    font-size: 2em;
    color: var(--color-accent-dark);
}
.theFilt{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5em;
}
.theFilt label, .theFilt > div {
   flex: 1;
   text-align: right;
   margin: 0;
}


.wrapTP{
    display: flex;
    flex-wrap: wrap;
    /* gap: 1em; */
}
    .wrapTP > div{
    flex: 25% 0 0;
    padding: 10px;
}
    .wPort > div{
    flex: 20% 0 0;
}
.onePro{
    position: relative;
    display: block;
    width: 100%;
    height: 280px;
    overflow: hidden;
    border-radius: var(--radius-lg);
    box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.1), 0 0 0 1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.02), 0 0.3px 0.4px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.025), 0 1px 3px -1px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.2), 0 3.5px 6px hsla(var(--color-black-h), var(--color-black-s), var(--color-black-l), 0.12);
    transition: .3s;
}
.onePro:hover > .dataCardP{
    bottom: 0px;
    opacity: 1;
    transition: .3s;
}

.imaPres{width: 100%;height: 280px;display: block;overflow: hidden;}
    .imaPres > img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.dataCardP{
    position: absolute;
    bottom: -160px;
    padding: 30px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity: 1;
    gap: .3em;
    transition: .3s;
    width: 100%;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
}
    .dataCardP > div{}
    .dataCardP > div > img{
}
    .imatheP{
    width: 70px;
    height: 70px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: var(--shadow-md);
}
        .imatheP i{
    font-size: 2em;
    color: var(--color-accent-dark);
    position: relative;
    top: 16px;
    right: -13px;
}
        .imatheP > img{object-fit: cover;width: 100%;}
    .nameCardP{
    'Playfair Display', font-family: sans-serif;
    font-family: 'Playfair Display', serif;
    color: var(--color-bg);
    margin: 0 0 20px;
}
    .txtauxCarP{
    font-size: .8em;
    color: var(--color-bg);
}
    .icoCarP{}
        .icoCarP i{
    color: var(--color-bg);
}

.contBLOGB h1{
    color: var(--color-bg);
    margin: 10px 0px 50px;
    text-align: center;
}
.contBLOGB{
    /* padding: 40px 30px; */
    background: var(--color-accent);
}
.theBlog{
    display: flex;
    gap: 3em;
    max-width: 1024px;
    margin: auto;
    align-items: center;
}
    .theBlog > div{}
.txtBSlider{}
.titBS{
    color: var(--color-bg);
    font-size: 3em;
    font-weight: bold;
}
.txtDesBS{
    color: var(--color-bg-dark);
    margin: 0 0 20px;
    text-transform: uppercase;
    font-size: 1.3em;
    font-weight: bold;
}
.btDesBS{}
    .btDesBS a{
    background: var(--color-bg-lighter);
    color: var(--color-accent-darker);
}
.listBlog{}
    .listBlog > div{
    flex: 30% 0 0 !important;
    min-width: 250px;
}
.sep2C{
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    justify-content: space-between;
}
    .sep2C > div{
    flex: 1 0 0;
}
.oneBloEn{
    display: block;
    /* box-shadow: inset 0 1px 0 hsla(var(--color-white-h), var(--color-white-s), var(--color-white-l), 0.15), 0 1px 3px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25), 0 2px 6px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.1), 0 6px 10px -2px hsla(var(--color-primary-darker-h), var(--color-primary-darker-s), var(--color-primary-darker-l), 0.25); */
    transition: .3s;
    border-radius: var(--radius-md);
    overflow: hidden;
}
.oneBloEn:hover > .txtoneEn{
    background: var(--color-accent);
    color: var(--color-bg-dark);
    transition: .3s;
}
.imaoneBEN{
    overflow: hidden;
    height: 180px;
}
    .imaoneBEN img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.txtoneEn{
    /* background: var(--color-bg); */
    padding: 15px 10px;
    font-size: 1em;
    font-weight: normal;
    color: var(--color-bg);
}

.contB3{
    max-width: 700px;
    padding: 50px 30px;
    margin: auto;
}
.elB3{
    text-align: center;
}
    .elB3 p{
    color: var(--color-bg-darker);
    margin: 20px 0px;
    text-align: center;
}
.elB3 ol, .elB3 ul{
    text-align: left;
    margin: 10px 10px 10px 30px;
    font-size: .9em;
}
.elB3 ol{
    list-style: decimal;
}
.elB3 ul{
    list-style: disc;
}
.subtB3{
    color: var(--color-accent);
    font-weight: bold;
    display: none;
}
.titB3{
    font-size: 2.5em;
    color: var(--color-bg-lighter);
    font-weight: bold;
    line-height: 1em;
}
.btB3{
    justify-content: center !important;
}
.btB3 a{}
.b3CDark .titB3{
    color: var(--color-bg-lighter);
}
.b3CDark .elB3 p{
    color: var(--color-bg-dark);
}

.max-w{
    max-width: 1280px;
    margin: auto;
}
.separate-sec{
    padding: 50px 20px;
}
.invalid-feedback{
    font-size: .6em;
    color: #ff544d;
}

input[type="text"], input[type="tel"], input[type="email"], input[type="number"]{
    border: 1px solid var(--color-accent-dark);
    padding: 10px 15px;
    border-radius: var(--radius-md);
    width: 100%;
    background: var(--color-bg);
    font-size: var(--tx9-text-sm);
}
.imaSliderHome{
    position: absolute;
    z-index: 1;
}
.txtSlider{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: flex-start;background: transparent;z-index: 2;justify-content: center;border-radius: var(--radius-lg);}
.titSlider{
    max-width: 530px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    /* max-width: 660px; */
    padding: 0px 30px 0px 30px;
    text-align: center;
    align-items: center;
    background-color: rgb(38 38 38 / 21%);
    background-image: radial-gradient(circle at 25%, hsla(0, 0%, 100%, .2), rgb(134 134 134 / 20%) 80%);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    padding: 20px;
    border-radius: var(--radius-lg);
}
    
     .titSlider h2{
     margin: 0px 0px 10px;
     color: var(--color-bg);
     font-size: 2.5em;
     /* font-family: "Frank Ruhl Libre", serif; */
     font-weight: bold;
     }

.bt-align-left{text-align: left;padding: 15px 30px 30px;}
.titSlider p{
    color: var(--color-bg-dark);
    font-weight: normal;
    margin-bottom: 30px;
}
.btSlider{
    margin: 10px 0px;
    display: inline-flex;
    background-color: var(--color-accent);
    color: var(--color-accent-dark);
    padding: 15px 20px;
    border-radius: var(--radius-md);
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.subTit{
    text-align: center;
    margin: 30px 0px;
}
    .subTit h2{}

.cont-SectionP{
    text-align: center;
    display: flex;
    align-items: center;
    gap: 2em;
}
.cont-SectionP > div{
    flex: 1 0 0;
}
.contImaSP{
    /* padding: var(--dropdown-item-padding); */
    box-shadow: var(--shadow-lg);
    border-radius: var(--radius-lg);
    overflow: hidden;
}
    .contImaSP img{
    width: 100%;
}
.cont-SectionP h1{
    margin: 20px 0px;
}
.cont-SectionP p{
    color: var(--color-accent-dark);
}
.bckSP{}
.bsp1{}



/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
#msgDIV{
    font-size: .8em;
}
.cantCarr label{
    font-size: .7em;
}
.formData{
    display: flex;
    gap: .5em;
    margin-bottom: 20px;
}
    .formData > div{
    flex: 1;
}
.formData > div > label{
    font-size: .7em;
    display: block;
    color: var(--color-accent-dark);
    margin-bottom: 6px;
}
.main-footer{
    text-align: center;
    background-color: var(--color-accent-dark);
    padding-bottom: 20px;
    margin-top: 100px;
}
.main-footer a{
    color: var(--color-bg-lighter);
}
.main-footer span{
    color: var(--color-contrast-low);
    font-size: .8em;
}
.cartAllways{
    position: fixed;
    z-index: 99999;
    box-shadow: var(--shadow-md);
    bottom: 20px;
    left: 20px;
}
.contIntMin{
    max-width: 38em;
    margin: auto;
    padding: 15px;
}
.titAux{
    font-weight: bold;
    font-size: var(--text-2xl);
    color: var(--color-accent);
}
.avisoCartAll{
    display: flex;
    gap: 1em;
    color: var(--color-contrast-medium);
}
.noProducts{
    position: absolute;
    background: var(--color-accent-dark);
    top: -15px;
    right: 0px;
    padding: 2px 10px;
    border-radius: var(--radius-md);
}
.developedby{
    display: flex;
    align-items: center;
    gap: 1em;
    font-size: .7em;
    justify-content: center;
    padding: 30px 0px;
}
    .developedby a img{
    max-width: 25px;
    height: auto;
}
.footerIcon{
    display: flex !important;
    justify-content: center;
}
.footerIcon a{
    padding: 5px;
    margin: 5px;
}
    .footerIcon i{
    font-size: 1.6em;
}

.titProduct{
    font-weight: bolder;
    color: var(--color-accent);
}
.color1{
    color: var(--color-bg-lighter);
}
.color2{
    color: var(--color-accent-dark);
}
.txFooter{
    display: flex !important;
    flex-direction: column;
    /* color: var(--color-accent-darker) !important; */
}
.tableDesP{
    display: flex;
    align-items: flex-start;
    gap: 2em;
    margin-bottom: 3em;
}
.containerAcu{}
    .containerAcu h4{
    font-size: 1.3em;
}
    .containerAcu .grid{--grid-columns: 12;}
    .containerAcu figure{
    border: none;
    background-color: transparent;
    box-shadow: none;
}
    .containerAcu figure i{
    font-size: 3em;
    color: #e7007e;
}
.contact{
    margin: 40px 0px;
}
.contact a{
    font-weight: bold;
    color: var(--color-accent-dark);
}
.mapAcu{}
    .mapAcu iframe{
    width: 100%;
    box-shadow: var(--shadow-sm);
    border-radius: var(--radius-lg);
}
.titIntGral{
    margin: 30px 10px;
    text-align: center;
}
.titIntGral h1{
    margin: 20px 0px;
}
.titIntGral h3{}
.priceInt{display: inline-flex;background-color: var(--color-accent);margin: 20px 0px 40px 0px;justify-content: center;color: var(--color-bg-lighter);gap: 1em;padding: 20px;border-radius: var(--radius-lg);align-items: center;}
.priceInt > div > .prod-card__price{
    font-size: 1.5em;
    color: var(--color-accent-dark);
}
.priceInt > .prod-card__price{}
.priceInt > div{}
.contPriceAction{
    text-align: center;
}
.videoG{}
    .videoG iframe{
    width: 100%;
    height: 330px;
}
.btAddCart{
    background-color: var(--color-accent-dark);
    color: var(--color-bg-lighter);
    font-weight: bold;
    display: block;
    padding: 10px 20px;
    border-radius: var(--radius-lg);
    font-size: .9em;
    cursor: pointer;
}
.selectAll{}
    .selectAll label{
    display: block;
    font-size: .8em;
}
.cell1DP{
    flex: 1 0 0;
}
h4{
    font-size: .9em;
}
h4 a{
    color: var(--color-accent-lighter);
}
.zoom{
    /* padding: 10px; */
    display: flex;
    position: relative;
    /* max-width: 50%; */
}
.descProd ul li::before {
    content: "•";
    color: var(--color-accent-dark); /* or whatever color you prefer */
    font-size: 2.2em;
    position: relative;
    left: -10px;
    margin-left: -8px;
    top: 5px;
 }
.descProd{}
    .descProd h2{
    margin-bottom: 30px;
    font-size: 1.4em;
}
.contGalAux{
    color: var(--color-accent);
}
.contGalAux h2{font-size: 1.4em;}
    .descProd p{
    font-size: .9em;
    margin-bottom: 20px;
    color: var(--color-contrast-medium);
}
    .descProd strong{
    font-weight: bold;
}
    .descProd ul{margin: 20px 0px 20px 0px;}
    .descProd ul li {
    font-size: .9em;
    /* list-style: disc; */
    margin: 5px 0px 5px 20px;
    line-height: var(--line-height-sm);
}
    .descProd ol{}
    .descProd ol li {}

.gridFotos{
    background-color: var(--color-accent);
    display: flex;
    margin: 20px 0px;
    border-radius: var(--radius-lg);
    padding: 15px;
    text-align: center;
    gap: 1em;
    flex-wrap: wrap;
}
.gridFotos > div{display: flex;align-items: stretch;flex-wrap: wrap;flex: 1 0 0;}
.gridFotos > div > a {
}

.zoom img{
    border: 1px solid var(--color-accent);
    border-radius: var(--radius-md);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btSimple{
    display: block;
    font-weight: bold;
    text-decoration: underline !important;
    font-size: .8em;
}
select{
    background-color: var(--color-bg-lighter) !important;
    color: var(--color-accent-dark) !important;!i;!;
    /* padding: 5px 10px; */
    /* border-radius: var(--accordion-border-width); */
    width: 100%;
    font-size: .75em !important;!i;!;
}
.prod-card__price{
    font-weight: bold;
    font-size: 1em;
    color: var(--color-accent);
}

.banner__link img{
    width: 90px;
    margin: 0px auto 5px;
}
.linksProd{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    margin: 30px 0px;
    justify-content: center;
}
    .linksProd > div{
    -ms-flex: 0 0 50%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    float: none !important;
    padding: 10px;
    text-align: center;
}
    .linksProd > div > small{
    font-size: .8em;
}
    .linksProd > div > a{
    background-color: var(--color-accent);
    display: block;
    text-align: center;
    padding: 12px 5px;
    border-radius: 10px;
}
    .icoimaLink{
    display: block;
    text-align: center;
    margin: 0px 0px 10px;
    height: 45px;
}
    .icoimaLink i{
    color: #e8007e;
    font-size: 2.2em;
}
    .icoimaLink img{
    max-width: 110px;
    height: auto;
    margin: auto;
}

.txauxCenter{
    text-align: center;
    color: var(--color-accent);
}
.contImaSubBrand{
    margin: 30px 0px 30px 0px;
}
    .contImaSubBrand img{
    max-width: 200px;
    margin: auto;
}
.contPromoSlider{
    padding: 60px;
    display: flex;
    gap: 3em;
    justify-content: space-between;
    width: 100%;
    background-color: var(--color-bg);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    align-items: stretch;
}
.contPromoSlider > div {
    flex: 1 0 0;
}
    .contPromoSlider h1{
    font-size: 1em;
    margin-bottom: 10px;
}
.contImaPromo{
}
    .contImaPromo img{
    /* width: 90%; */
    border-radius: var(--radius-lg);
}
    .contPromoSlider h3{margin-bottom: 30px;font-size: .8em;}
    .contPromoSlider p{
    font-size: .8em;
}
    .contPromoSlider a{}
.contBtAux{
    text-align: center;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
}
.contBtAux a i{
    color: var(--color-accent-dark);
    margin: 0 10px 0 0;
}
.contNewInt a{
    color: var(--color-primary-darker);
    font-weight: bold;
    text-decoration: underline !important;
}
.compartir{
    margin-bottom: 50px;
}
.supTab{
    background: var(--color-accent-darker);
    display: flex;
    align-items: center;
}
.contSocialIcon, .contInfoCont{
    display: flex;
}
.contSocialIcon a i, .contInfoCont a i{
    font-size: 1.3em;
}
.contSocialIcon a, .contInfoCont a{
    color: var(--color-black);
    margin: 0px 2px;
    padding: 8px 5px;
    display: flex;
    font-size: .8em;
    align-items: center;
    gap: .3em;
}
.contSocialIcon a img, .contInfoCont a img{
    width: 25px;
    height: auto;
}
.contSocialIcon{}
.contInfoCont{
    justify-content: flex-end;
}
.supTab > div{
    flex: 1;
}
.search_gral{
    display: flex;
    flex-direction: column;
    padding: 40px 5%;
    align-items: center;
    width: 100%;
    background-color: var(--color-accent-darker);
}
    .search_gral > div{
    /* flex: 1; */
 }
    .btSearch{
    /* margin-left: 10px; */
}
.btSearch i{
    font-size: 1.3em;
}
        .btSearch button{
    display: inline-block;
    appearance: none;
    background-color: var(--color-accent-dark);
    color: var(--color-bg-light);
    padding: 10px 14px;
    border-radius: 0px 5px 5px 0px;
    line-height: 14px;
    height: 38px;
}
    .callActionBt{
    /* width: 30%; */
}
    .callActionBt > div{}
    .callActionBt a{
    background-color: var(--color-bg-light);
    padding: 15px 20px;
    display: inline-block;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
    min-width: 210px;
}
    .thesearch{
    display: flex;
    gap: .5em;
    justify-content: flex-end;
    }
    .thesearch > div{
    /* flex: 1; */
    width: auto;
    }
    .thesearch > div button{
    background: var(--color-accent-darker);
    color: var(--color-accent-dark);
    display: inline-flex;
    padding: 8px 10px;
    border-radius: var(--radius-md);
    }
    .thesearch > div label{
    /* display: block; */
    }
    .thesearch > div > input{
    height: 38px;
    }


/* LIVE */
.pulseLive{
    position: absolute;
    background-color: white;
    z-index: 999;
    top: 0px;
    bottom: 0;
    left: -34px;
    box-shadow: 4px 0px 8px rgba(0,0,0,.4);
    padding: 10px 0px 0px;
    transform: rotate(110deg);
    width: 95px;
}
.btmore{float: right;
    background-color: var(--color-accent);
    padding: 0px 15px;
    border-radius: 5px 5px 0px 0px;}
a{
    text-decoration: none !important;
    font-weight: bold;
}
.card-v8 > footer > div h4{
    font-weight: normal;
    color: var(--color-bg);
}
.alertStore{
    margin: 20px 0px 0px 0px;
    display: flex;
    align-items: center;
    gap: .5em;
    font-size: .8em;
    justify-content: center;
    background-color: var(--color-accent);
    color: var(--color-bg-lighter);
    padding: 10px 10px;
    border-radius: var(--radius-md);
    font-weight: bold;
}
    .alertStore img{
    max-width: 70px;
}
    
.h2Sp{
    color: var(--color-accent);
}
.iconSocial i{
    font-size: 1.5em;
    color: var(--color-primary-dark);
}
footer img{
    max-width: 220px;
    margin: auto;
    padding: 20px;
}
.liveico{
    border: 3px solid #ff9b1c;
    background-color: red;
    -webkit-border-radius: 30px;
    height: 20px;
    width: 20px;
    position: absolute;
    -webkit-animation: pulsate 1.3s ease-out;
    -webkit-animation-iteration-count: infinite;
    -ms-animation: pulsate 1.3s ease-out;
    -ms-animation-iteration-count: infinite;
    -moz-animation: pulsate 1.3s ease-out;
    -moz-animation-iteration-count: infinite;
    -o-animation: pulsate 1.3s ease-out;
    -o-animation-iteration-count: infinite;
    animation: pulsate 1.3s ease-out;
    animation-iteration-count: infinite;
    opacity: 0.0;
    display: inline-block;
    vertical-align: middle;
    margin: 0px 35px;
    }
    @-webkit-keyframes pulsate {
    0% {
        -ms-transform: scale(0.1, 0.1); opacity: 0.0;
        -webkit-transform: scale(0.1, 0.1); opacity: 0.0;
        -moz-transform: scale(0.1, 0.1); opacity: 0.0;
        transform: scale(0.1, 0.1); opacity: 0.0;

        }
    50% {opacity: 1.0;}
    100% {
        -ms-transform: scale(1.2, 1.2); opacity: 0.0;
        -webkit-transform: scale(1.2, 1.2); opacity: 0.0;
        -moz-transform: scale(1.2, 1.2); opacity: 0.0;
        transform: scale(1.2, 1.2); opacity: 0.0;
        }
}
                  
.liveicop{font-weight: 600;color: white;display: inline-block;vertical-align: middle;background-color: red;padding: 5px 15px;border-radius: 52px;}
.slideshow__item a{
    /* width: 100%; */
    font-weight: bold;
}

.txSint{
    color: var(--color-primary-darker);
    font-weight: bold;
    border-bottom: 1px solid;
    padding-bottom: 20px;
}
.contNotRel{
    margin: 40px auto;
    padding: 10px 15px;
    background-color: var(--color-primary-darker);
    border-radius: var(--radius-md);
    max-width: 460px;
}
.intAux{
    color: var(--color-accent);
    font-size: .8em;
}
.lanotaRel{
    width: 100%;
    display: flex;
    justify-content: space-around;
    gap: 1em;
}
    .lanotaRel figure, figcaption{
    display: table-cell;
    vertical-align: top;
    /* padding: 5px; */
    }
    .lanotaRel figure{
    width: 30%;
}
    .lanotaRel figcaption{
    margin: 0px;
}
    .lanotaRel img{
    width: 100%;
    height: auto;
}
.contTxNotRel{
    text-align: left;
}
    .contTxNotRel h2{
    font-size: 1em;
    color: var(--color-bg);
    margin: 0;
    }
.tagCont{
    padding: 20px;
    text-align: center;
    display: flex;
    gap: .5em;
    flex-wrap: wrap;
    justify-content: center;
}
    .tagCont a{
    background-color: var(--color-accent);
    color: var(--color-primary-dark);
    font-weight: bold;
    padding: 4px 18px;
    border-radius: 40px;
    font-size: .9em;
    display: block;
    margin: 3px 0px;
}
.secc-fecha{
    color: var(--color-bg-dark);
}
.catInt{
    background-color: var(--color-accent);
    padding: 2px 6px;
    border-radius: var(--radius-sm);
    display: inline-block;
    color: var(--color-primary-dark);
}
.autorInt{
    font-weight: 900;
    color: var(--color-primary-dark);
}
.piefotoAutor{
    background-color: var(--color-primary-darker);
    color: var(--color-bg-darker);
    font-size: .7em;
    /* display: flex; */
    /* justify-content: flex-end; */
    width: fit-content;
    float: right;
    padding: 1px 4px;
}

.contBannHH{
    max-width: 900px;
    margin: 20px auto;
}
    .contBannHH a{
    display: block;
    border: 1px solid var(--color-bg-dark);
    box-shadow: var(--shadow-lg);
}
    .contBannHH a img{}
.mega-nav--desktop .mega-nav__tabs-img img{
    border-radius: var(--radius-lg);
}

.allItems{
    text-align: center;
    margin-bottom: 50px;
}
    .allItems a{
    background: var(--color-primary-dark);
    color: var(--color-bg-light);
}
.contFirstNews{
    display: flex;
    align-items: flex-start;
    background-color: var(--color-primary);
    padding: 20px;
    gap: 1em;
}
    .oneC3{
    width: 33%;
    flex: 1;
}
.card-v2 a{
    height: 250px;
    display: block;
}
.firstNew{
    margin-bottom: 20px;
}
.contNotaCarr{
    width: 100%;
}
    .contNotaCarr > figure > figcaption label{
    font-size: .7em;
    color: var(--color-contrast-low);
}
    .contNotaCarr > figure > figcaption > div a{
    font-size: 1.4em;
    font-weight: 900;
    color: var(--color-bg-dark);
    line-height: 1.2em;
    margin-bottom: 10px;
}

.contImaCrr{
    overflow: hidden;
    position: relative;
    height: 330px;
    margin-bottom: 10px;
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-sm);
}
    .contImaCrr img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.gap1{
    gap: .5em;
}
.titSecc{
    color: var(--color-accent);
    margin-bottom: 10px;
    font-weight: bold;
}
.wLine{
    border-bottom: 1px solid;
}
.notGraph{
    position: relative;
    display: block;
    border-radius: 10px;
    overflow: hidden;
}
    .contImaGraph{
    /* position: absolute; */
}
.titGraph{position: relative;text-align: center;background-color: var(--color-accent-light);color: var(--color-primary-dark);bottom: 60px;padding: 20px;font-weight: bold;/* font-size: .9em; */width: 100%;border-radius: 0px 0px 10px 10px;}
.titGraph div{
    font-weight: 900;
}
.autorOp{
    display: flex;
    align-items: center;
    gap: .5em;
    position: relative;
    top: -25px;
}
.contImaautor{overflow: hidden;height: 45px;width: 45px;border-radius: 100%;box-shadow: var(--shadow-md);border: 2px solid var(--color-accent);}
    .contImaautor img{width: 100%;height: 100%;object-fit: cover;}
.nameOp{
    font-size: .7em;
    font-weight: 700 !important;
}
.contNotV{
    display: flex;
    flex-direction: column;
    gap: 1em;
    margin-bottom: 20px;
}
    .contNotV div{}
    .contNotV figure{
    display: flex;
    gap: 1em;
} 
    .contImaNV{
    /* width: 206px; */
}
    .contImaNV img{
    border-radius: var(--radius-sm);
    max-width: 120px;
}
    .contNotV figcaption{} 
    .contNotV figcaption label{
    font-size: .7em;
    color: var(--color-contrast-low);
} 
    .contNotV figcaption > div{color: var(--color-bg-light);font-size: .9em;font-weight: 900;margin-top: 5px;} 
.seccLabel{
    display: inline-block !important;
    background-color: var(--color-accent);
    color: var(--color-primary-dark);
    padding: 1px 5px;
    border-radius: var(--radius-sm);
    font-size: .9em;
    font-weight: bold !important;
    vertical-align: bottom;
}
.contNotaCarr2{
    box-shadow: var(--shadow-sm);
    display: block;
    overflow: hidden;
    border-radius: 10px;
}
    .contNotaCarr2 > figure > figcaption{
    padding: 20px;
    font-size: .9em;
}
    .contNotaCarr2 > figure > figcaption label{
    font-size: .7em;
    font-weight: normal;
}
.contNotaCarr2 > figure > figcaption div{
    margin-top:10px;
    font-weight: 900;
    color: var(--color-primary-dark);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.secondSecc{
    padding: 30px 20px;
}
.interPadd{
    padding: 40px 20px 10px 20px;
}
.maxW{max-width: 1060px;}
.maxW2{max-width: 1440px;}
.maxW, .maxW2{margin: auto;}
.bannerServices > section > div{--grid-columns: 12;}
.contImaCrr2{
    overflow: hidden;
    height: 160px;
}
.back-2{
    background-color: var(--color-accent-dark);
}
.back-2 h1{
    text-align: center;
}
.back-2 h2{
    color: var(--color-accent-darker) !important;
}
.back-2 h1, .back-2 h2{
    color: var(--color-bg-lighter);
}
.paddAux{
    padding: 10px 0px;
}
.mega-nav__logo{
    display: block;
}
    .mega-nav__logo img{
    /* max-width: 100%; */
    width: 100%;
    height: auto;
}

@media (max-width: 700px){
  
    .btWBE > div a{
    font-size: 1.3em;
}
    .titWBE{
    text-align: center;
    margin-bottom: 10px;
    width: 100%;
}
    .welcomeBE, .btWBE{
    display: flex;
    flex-direction: column;
    padding: 40px 20px;
    width: 100%;
}
    .priceProd{
    font-size: .85em;
}
    .theFilt{
    display: block;
    width: 100%;
}
    .contHwF{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.contProdDetail, .contProdDetail form{
   display: flex;
   flex-direction: column;
   }
    .imaProdDetail{
    width: 50%;
}
    .contProdList{
    display: flex;
    flex-direction: column;
}
        
    }