@charset "UTF-8";
/*======================

	Última versión: marzo 022
06. borders y backgrounds
 10 responsive

========================*/

.buttonDisabled{Cursor:text !important; Text-Decoration: None !important; } 
.noHover{pointer-events: none;}
.uppercase{text-transform: uppercase;}
.white , span.white , p.white { text-color:white !important;color:white !important}
.black , span.black , p.black { text-color:black !important;color:black !important}
.bg-grey-light{ background-color: #f8f8f8}

/*======================

	espacios
 <span class="a-empty-space hide_mobile" style="height: 250px"></span>
 <span class="a-empty-space hide_desktop" style="height: 130px"></span>
========================*/

.a-empty-space {
    display: block;
    width: 100%;
    float: revert;
    clear: both;
}

 

/*======================

	04. Margins

========================*/

:root { 
 

	
	--ValorL: 14vh;
	--ValorM: 10vh;
	--ValorS: 4vh;
	--ValorXS: 1vh;
	
	--ValorLMobile: 4vh;
	--ValorMMobile: 2vh;
}

/* margin-genérico */

.m-0{margin-top: 0px !important; margin-bottom:  0px !important; margin-left: 0px !important; margin-right: 0px !important;}

/* margin-bottom */

.mb-l{margin-bottom: var(--ValorL) !important; }
.mb-m{margin-bottom: var(--ValorM) !important; }
.mb-s{margin-bottom: var(--ValorS) !important; }
.mb-xs{margin-bottom: var(--ValorXS) !important; }
.mb-0{margin-bottom: 0px !important;}



/* margin-top */


.mt-l , div.mt-l {margin-top: var(--ValorL)  !important;  }
.mt-m {margin-top: var(--ValorM) !important;}
.mt-s { margin-top: var(--ValorS) !important;  }
.mt-xs { margin-top: var(--ValorXS) !important;  }
.mt-0{margin-top: 0px !important;}

/* margin-top bottom */

.mtb-l{margin-top: var(--ValorL) !important; margin-bottom: var(--ValorL) !important; }
.mtb-m{margin-top: var(--ValorM) !important; margin-bottom: var(--ValorM) !important; }
.mtb-s{margin-top: var(--ValorS) !important; margin-bottom: var(--ValorS) !important; }
.mtb-0 {margin-top: 0px !important; margin-bottom: 0px !important; }


/* margin-left right */
.mlr-m{margin-left: var(--ValorM) !important; margin-right: var(--ValorM) !important; }
.mlr-0{margin-left: 0px !important; margin-right: 0px !important; }


/************************************ padding genérico */

.p-m{padding: var(--ValorM) !important; }
.p-s{padding: var(--ValorS) !important; }
.p-xs{padding: var(--ValorXS) !important; }

/* padding-top */


.pt-l{padding-top: var(--ValorL)  !important; }
.pt-m{padding-top: var(--ValorM) !important; }
.pt-s{padding-top: var(--ValorS) !important; }
.pt-xs{padding-top: var(--ValorXS) !important; }
.pt-0{padding-top:0px !important;}

/* padding-bottom */

.pb-l{padding-bottom: var(--ValorL)  !important; }
.pb-s{padding-bottom: var(--ValorM) !important; }
.pb-s{padding-bottom: var(--ValorS) !important; }
.pb-xs{padding-bottom: var(--ValorXS) !important; }



/* padding-top bottom */

.ptb-l{padding-top: var(--ValorL)  !important; padding-bottom: var(--ValorL)  !important; }
.ptb-m{padding-top: var(--ValorM) !important; padding-bottom: var(--ValorM) !important; }
.ptb-s{padding-top: var(--ValorS) !important; padding-bottom: var(--ValorS) !important; }
.ptb-s{padding-top: var(--ValorXS) !important; padding-bottom: var(--ValorXS) !important; }
.ptb-0{padding-top: 0px !important; padding-bottom: 0px !important; }



/* padding-left right */


.plr-l{padding-left: var(--ValorL) !important; padding-right: var(--ValorL) !important; }
.plr-m{padding-left: var(--ValorM) !important; padding-right: var(--ValorM) !important; }
.plr-0{padding-left: 0px !important; padding-right: 0px !important; }

/* padding-left  */
.pl-l{padding-left: var(--ValorL)  !important; }
.pl-m{padding-left: var(--ValorM) !important; }




/*======================

	05. Visibility

========================*/


 .hide_desktop {display: none }
.display-no{ display: none; opacity: 0; }
.opacity-m{ opacity: 0.5}
/*======================

	06. borders y backgrounds

========================*/

.b-10{ border: 10px solid #ffffff !important}
.mw-100{ max-width: 100%}

.bg-white{background-color: white !important}
.bg-0{ background-color: transparent !important}
/*======================

	07. Positions

========================*/
.p-a{position: absolute}


/*======================

	08. Headings

========================*/



/*======================

	10. Responsive

========================*/

@media only screen and (max-width: 768px){
	
.hide_mobile { display: none}
.hide_desktop {display: block }
	
	.ptb-m{padding-top: var(--ValorMMobile) !important; padding-bottom: var(--ValorMMobile)!important; }
	
	.mtb-m{margin-top: var(--ValorMMobile) !important; margin-bottom: var(--ValorMMobile) !important; }
	.mtb-l{margin-top: var(--ValorLMobile) !important; margin-bottom: var(--ValorLMobile) !important; }
	
	.mt-l , div.mt-l {margin-top: var(--ValorLMobile) !important;  }
	
	.mb-m{margin-bottom: var(--ValorMMobile) !important; }
	.mb-l{margin-bottom: var(--ValorLMobile) !important; }
	
	.pt-0{padding-top: 0px !important;  }
	.pt-l {padding-top: var(--ValorLMobile) !important;}
	.pb-l{padding-bottom: var(--ValorLMobile) !important; }
	
	.pl-m{padding-left: 4vh !important; }
	.pl-l{padding-left: var(--ValorLMobile) !important; }
	
	.plr-m{padding-left: var(--ValorMMobile) !important; padding-right: var(--ValorMMobile) !important; }
	.plr-l{padding-left: var(--ValorLMobile)var(--ValorLMobile) !important; padding-right: var(--ValorLMobile) !important; }
	.plr-m-portfolio{padding-left: var(--ValorMMobile) !important; padding-right: var(--ValorMMobile) !important; }
	
	}