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

*{font-family: "Poppins", serif;}
main{position:relative;top:80px;padding-bottom:80px;}

iframe{
    width: 100%;
    border-radius: var(--radius-lg);
    height: 270px;
}
p{
    color: var(--color-accent-dark);
}
.btContactFix{
    position: fixed;
    z-index: 999999;
    bottom: 45%;
    right: 0px;
    display: flex;
    flex-direction: column;
    gap: .5em;
}
.btContactFix > a, .btContactFix > a:hover{
    font-size: 2.5em;
    color: white;
    border-radius: 10px 0px 0px 10px;
    box-shadow: 0 5px 8px rgb(0 0 0 / 20%);
    padding: 0px 10px 0px 10px;
}
.btWaContact{
    background-color: #21e427;
}

.darkT2{
    background-color: var(--color-accent-darker);
}
.darkT2 p{
    color: var(--color-accent-dark) !important;
}
.darkT{
    background-color: var(--color-accent-dark);
}
.darkT h1{
    color: var(--color-accent-darker);
}
.darkT p{
    color: var(--color-bg-darker);
}
.separatedW{
    padding: 100px 0px;
}
.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-darker);
}
.sticky-feature h2{
    color: var(--color-accent-darker);
    font-size: 2.2em;
    text-align: center;
}
.contSliderHome{
    padding: 50px 0px;
}
.titGral{
    margin: 30px;
    text-align: center;
}
.titGral h2{
    color: var(--color-error);
    font-size: 2.5em;
}
.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-dark);
}
.dataFooterCallA{
    display: flex;
    justify-content: center;
    gap: 2em;
    margin: 30px 0px;
    font-size: .9em;
}
    .dataFooterCallA a{
    color: var(--color-accent-dark);
    font-weight: normal;
}

.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-error);
    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-bg-light);font-weight: bold;font-size: 1em;border-radius: var(--radius-sm);line-height: 40px;}
.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: 30px;
    right: 0px;
}
.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-bg-light);
    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-position: right bottom;
    padding: 50px 10px 0px;
}
.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-darker);
    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-bg-darker);
}
    .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{
    min-width: 200px;
    display: block;
}


.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;
    padding: 10px 15px;
    border-radius: var(--radius-md);
    width: 100%;
    background: var(--color-bg);
}
.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);
    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;
}
    .formData > div{
    flex: 1;
}
.formData > div > label{
    font-size: .7em;
    display: block;
    color: var(--color-accent);
}
.main-footer{
    text-align: center;
    background-color: var(--color-accent-darker);
    padding-bottom: 20px;
}
.main-footer span{
    color: var(--color-bg-lighter);
    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;
    display: none;
 }
.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-accent-dark);
}
    .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) !important;
    padding: 5px 10px;
    border-radius: var(--radius-lg) !important;
    width: 100%;
}
.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-bg-darker);
    background-image: url('../images/banner.png') !important;
    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-accent-dark);
    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;
    width: auto;
    justify-content: flex-start;
    align-items: stretch;
    }
    .thesearch > div{
    flex: auto;
    width: auto;
    }
    .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);
}
.main-footer__logo img{
    max-width: 60px;
}
.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;
}


.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 5em 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-content h1{
    font-size: 1.3em;
    text-align: center;
    color: var(--color-accent-dark);
    margin-bottom: 20px;
}
.modal-content h2{
    text-align: center;
    font-size: 1em;
    margin-bottom: 10px;
}
.modal-content p{
    font-size: .9em;
    text-align: center;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: var(--color-bg);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 15px;
  outline: 0;
  box-shadow: 0 1px 40px rgba(0,0,0,.4);
  padding: 30px;
  empty-cells: ;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .btn-close {
  padding: 0.5rem 0.5rem;
  margin: -0.5rem -0.5rem -0.5rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  
    .modal-dialog {
    max-width: 480px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
.modal-fullscreen .modal-footer {
  border-radius: 0;
}

@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
}


@media (max-width: 800px){

.contDiag > .firstLineD, .contDiag > .secondLineD{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    flex-wrap: wrap;
}
.contDiag > div > div{
    flex: 50% 0 0;
    padding: 5px 5px;
}
.theGridSA{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 620px){
.oneS3D{display: flex;flex-direction: column;}
    .wrapServ3 > div{
    display: flex;
    /* flex-direction: column; */
}
    .wrapDetailS{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2em;
}
.wrapDetailS > .contListDetailS{}
    .detailFlags{
    right: 0%;
    width: 180px;
}
    .otromas{
    padding: 20px 20px 140px;
}
    .contImaMAS{
    max-width: 100%;
}
    .txTI{
    padding: 30px;
}
    .contTXIMA{
    display: flex;
    max-width: 1220px;
    margin: auto;
    align-items: center;
    background-color: var(--color-accent-dark);
    gap: 1em;
    flex-direction: column;
}
    .txtSlider{
}
    .footerUL{
    display: flex;
    gap: 1em;
    flex-direction: column;
}
}

@media (max-width: 440px){
    .sticky-feature h2{
    margin-bottom: 40px;
}
    .bannerHomeSlider{display: flex;flex-direction: column;}
    .bannerHomeSlider > div{
    height: 290px;
    }
    .oneC > div, .twoC > div, .threeC > div{
    /* position: relative; */
}
    .menuAuxS > div > div h3{
    display: none;
}
    .contB2C{
    display: flex;
    flex-direction: column;
}
    .wrapCSliderH{
    position: relative;
    margin: 10px;
    left: 0px;
    top: 0px;
}
    .contData{
    grid-template-columns: repeat(1, 1fr);
}
    .wrapServ4{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
}
    .contSep{
    grid-template-columns: repeat(3, 1fr) !important;
    grid-gap: 2em;
}
    .oneS3D1{
    width: 100%;
}
    .wrapServ3Ent > div{
    display: flex;
    flex-direction: column;
}
    .bnnCap{
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 1em;
    padding: 0px;
}
    .contFormC{
    display: flex;
    flex-direction: column;
    gap: 0;
}
    .oneS3D > div img{
    width: 68px;
}
    .contDots{
    display: flex;
    flex-direction: column;
    padding: 0px 50px;
    gap: 1em;
}
    .sep2C{
    display: flex;
    flex-direction: column;
}
    .txtSlider{
}
    .titSlider{
    max-width: 100%;
    background-color: var(--color-accent-darker);
}
    
    .titSlider h1{
    margin: 0px;
    color: var(--color-bg);
    font-size: 1.7em;
    }
     .titSlider h2{
     margin: 0px;
     color: var(--color-bg);
     font-size: 1.7em;
     font-weight: 400;
     }
.thetxtSA{
    font-size: .9em;
    padding: 15px 10px 0;
}
.imaOneDiag img{
    max-width: 100px;
}
.theGridSA{
    width: 95%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 2% 0px;
}
.desEsp1{
    display: flex;
    flex-direction: column;
}
.listBlog > div{
    flex: 1 0 0 !important;
}
    .headerPro{
    display: flex;
    flex-direction: column;
}
    .filter{
    display: flex;
    flex-direction: column;
}
    .sectionC1 > div{
    flex: 100%;
    /* text-align: center; */
}
    .contSection{
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
    .wrapTP > div{
    flex: 50% 0 0;
}
    .onePro, .imaPres{
    height: 180px;
}
    .theBlog{
    flex-direction: column;
}   
    
    #product-gallery li{
    width: 48%;
}
    .cont-SectionP{
    display: flex;
    flex-direction: column;
}
    .formData{
    display: flex;
    flex-direction: column;
    gap: 1em;
    /* max-width: 300px; */
    margin: auto;
}
    .priceInt{
    display: flex;
    flex-direction: column;
}
    .footerIcon i{
    font-size: 1.7em;
}
    .linksProd{
    flex-direction: column;
}
    .supTab{
    flex-direction: column;
}
    .tableDesP{
    flex-direction: column;
}
    .linksProd > div{
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    }
    
    .contPromoSlider{
    display: flex;
    flex-direction: column;
    padding: 20px;
}
    .search_gral{
    gap: 1em;
 }
    .thesearch{
    /* display: flex; */
    /* width: auto; */
}
    .thesearch > div{
    /* width: auto; */
    /* flex: auto; */
}
    .orderP1{order: 1;}
    .orderP2{order: 2;}
    .orderP3{
    order: 3;
}
.iconSocial i{
    font-size: 2em;
}
.mega-nav__logo{
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    !i;
    !;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
!i;!;}
    .mega-nav__logo img{}
.contFirstNews{flex-direction: column;}
.oneC3{
    width: 100%;
}  
    .mega-nav__logo > *{
    height: auto !important;
    width: 230px !important;
    position: relative;
    top: 3px;
}



}