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

*{font-family: 'Raleway', sans-serif;}
.tableDesP{
    display: flex;
    align-items: flex-start;
    gap: 2em;
}
dd{
    margin-bottom: 30px;
    /* font-size: .9em; */
}
.contD{
    text-align: center;
    margin-bottom: 30px;
}
	.contD img{
    margin: auto;
    width: 140px;
}
	.contD a{
    text-align: center;
    color: var(--color-success-light);
    font-weight: bold;
    display: inline-flex;
    border-radius: 10px;
    border: 1px solid;
    padding: 10px 20px;
    cursor: pointer;
    flex-direction: column;
}
.contTxIntAB{margin-top: 60px;margin-bottom: 60px;}
.contTxIntAB h2{
    color: var(--color-accent);
}
.btn i{
    margin: 0 10px 0px 0px;
}
.backDark{
    background-color: var(--color-accent-light);
}
.contBServices{
    margin: auto;
    padding: 0px 20px;
    max-width: 1200px;
}
.map iframe{
    width: 100%;
}
.contTxIntAB .grid{--grid-columns: 12;}
.imaProfile{
    border-radius: 100%;
    margin: 10px auto 0px auto;
    overflow: hidden;
    height: 150px;
    width: 150px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid white;
    box-shadow: var(--shadow-lg);
}
	.imaProfile img{
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}
.contBannTx{
    margin: 40px 0px;
    background-color: var(--color-accent-light);
}
.text-component ul{}
.text-component ul li{
    margin: 0 0 10px;
}
.theBTxt{
    max-width: 700px;
    width: 100%;
    margin: auto;
    padding: 90px 10px;
    text-align: center;
}
.thetxtbnn{
    font-weight: bold;
    color: var(--color-bg-light);
    font-size: 2em;
    text-shadow: var(--shadow-sm);
    margin: 0px 0px 20px;
}
.theBTxt p{
    color: var(--color-contrast-medium);
    font-size: 1.2em;
}


.theServices{
    display: flex;
    gap: 12px;
    justify-content: space-around;
}
.service{
    color: var(--color-contrast-higher);
    font-weight: bold;
    text-align: center;
}
.contImaServ{
    overflow: hidden;
    position: relative;
    height: 330px;
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}
	.contImaServ img{
    width: 100%;
    height:100%;
    object-fit:cover;
}
.titServie{
    font-size: 1.2em;
    padding: 20px 0px;
}
.containerAcu{}
	.containerAcu h4{
    font-size: 1.3em;
}
.titSectionBig{
    text-align: center;
    font-weight: bold;
    color: var(--color-accent);
    font-size: 2em;
    padding: 50px 20px 20px;
}
	.contact-v2{
    margin: 50px 0px;
}
	.containerAcu .grid, .contact-v2 .grid{--grid-columns: 12;}
	.containerAcu figure{
    border: none;
    background-color: transparent;
    box-shadow: none;
}
	.containerAcu figure i{
    font-size: 3em;
    color: #e7007e;
}
.contact{
    margin-bottom: 40px;
}
.contact a{
    font-weight: bold;
    color: var(--color-accent-lighter);
}
.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{
    text-align: center;
    margin-bottom: 30px;
}
.priceInt > .prod-card__price{
    font-size: 1.5em;
}
.videoG{}
	.videoG iframe{
    width: 100%;
    height: 330px;
}
.cell1DP{
    flex: 1 0 0;
}
h4{
    font-size: .9em;
}
h4 a{
    color: var(--color-accent-lighter);
}
.zoom{
    padding: 10px;
    display: block;
    position: relative;
    height: 190px;
}
.descProd ul li::before {
  	content: "•";
  	color: #e6007e; /* 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 h2{font-size: 1.4em;}
	.descProd p{
    font-size: .9em;
    margin-bottom: 20px;
    color: var(--color-contrast-higher);
}
	.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-contrast-higher);
    display: flex;
    margin: 20px 0px;
    border-radius: var(--radius-lg);
    padding: 15px;
    text-align: center;
    /* gap: 1em; */
    flex-wrap: wrap;
}
.gridFotos > div{flex: 50%;}
.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;
}
.prod-card__price{
    font-weight: bold;
    display: block;
}

.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;
}
.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);
    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-primary-dark);
    display: flex;
    align-items: center;
}
.contSocialIcon, .contInfoCont{
    display: flex;
}
.contSocialIcon a, .contInfoCont a{
    color: var(--color-contrast-medium);
    margin: 0px 2px;
    padding: 10px;
    display: inline-block;
}

.contSocialIcon{}
.contInfoCont{
    justify-content: flex-end;
}
.supTab > div{
    flex: 1;
}
.search_gral{
    display: flex;
    padding: 40px 5%;
    align-items: center;
    width: 100%;
    background-color: #ffc800;
}
	.search_gral > div{
    /* flex: 1; */
 }
	.btSearch{
    margin-left: 10px;
}
		.btSearch button{
    display: inline-block;
    appearance: none;
    background-color: var(--color-contrast-higher);
    color: var(--color-bg-light);
    padding: 6px 10px;
    border-radius: var(--radius-md);
}
	.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: 100%;
    align-items: center;
}
	.thesearch > div{
    flex: 1;
    width: 100%;
}
.thesearch > div label{
    /* display: block; */
}
/* 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;
}
.alertStore{
    margin: 20px 0px 0px 0px;
    display: flex;
    align-items: center;
    gap: .5em;
    font-size: .8em;
    justify-content: center;
    background-color: var(--color-accent);
    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: 180px;
}
.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%;
}

.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);
}
.paddAux{
    padding: 10px 0px;
}
.mega-nav__logo{
    display: block;
}
	.mega-nav__logo img{
    max-width: 300px;
    width: 100%;
    height: auto;
}

@media (max-width: 680px){
.theServices{
    flex-direction: column;}
}
@media (max-width: 414px){

	
	.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{
    flex-direction: column;
    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{}
	.mega-nav__logo img{}
.contFirstNews{flex-direction: column;}
.oneC3{
    width: 100%;
}  
	.mega-nav__logo > *{
    height: auto !important;
    width: 240px !important;
    position: relative;
    top: 3px;
}
}