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

	V.Mayo 2021

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

/*======================
	00 mobile display
========================*/

.display-desktop-only{display: block}
.display-tablet-only{display: none}
.display-mobile-only{display: none}

.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}
/*======================
	01. Margins
========================*/
/* margin-top-bottom */
.mtb-0 {margin-top: 0px !important; margin-bottom: 0px !important; }
.mtb-m{margin-top: 10vh !important; margin-bottom: 10vh !important; }
.mtb-s{margin-top: 4vh !important; margin-bottom: 4vh !important; }
.mtb-l{margin-top: 15vh !important; margin-bottom: 15vh !important; }
.mtb-xl{margin-top: 20vh !important; margin-bottom: 20vh !important; }
/* margin-bottom */
.mb-xs{margin-bottom: 1vh !important; }
.mb-s{margin-bottom: 4vh !important; }
.mb-m{margin-bottom: 10vh !important; }
.mb-l{margin-bottom: 14vh !important; }
.mb-10{margin-bottom: 10px !important; }
.mb-15{margin-bottom: 15px !important; }
.mb-0{margin-bottom: 0px !important;}
/* margin-top */
.mt-l , div.mt-l {margin-top: 14vh !important;  }
.m-0{margin-top: 0px !important; margin-bottom:  0px !important; margin-left: 0px !important; margin-right: 0px !important;}
.mt-0{margin-top: 0px !important;}
.mt-30 { margin-top: 30px !important;  }
.mt-xs { margin-top: 2vh !important;  }
.mt-s { margin-top: 4vh !important;  }
.mt-m {margin-top: 10vh !important;}
.mt-half {margin-top: 90vh !important;}

/*======================
	02. Paddings
========================*/
/* padding-top-bottom */
.ptb-l{padding-top: 14vh !important; padding-bottom: 14vh !important; }
.ptb-m{padding-top: 10vh !important; padding-bottom: 10vh !important; }
.ptb-s{padding-top: 5em !important; padding-bottom: 5em !important; }
.ptb-0{padding-top: 0px !important; padding-bottom: 0px !important; }
/* padding-top */
.pt-0{padding-top:0px !important;}
.pt-xs{padding-top: 2vh !important; }
.pt-s{padding-top: 4vh !important; }
.pt-m{padding-top: 10vh !important; }
.pt-l{padding-top: 14vh !important; }
/* padding-bottom */
.pb-l{padding-bottom: 14vh !important; }
.pb-s{padding-bottom: 4vh !important; }
.pb-xs{padding-bottom: 2vh !important; }
.p-xs{padding: 2vh !important; }
/* padding-left */
.pl-m{padding-left: 10vh !important; }
.pl-l{padding-left: 14vh !important; }

/* padding-right */
.pr-m{padding-right: 10vh !important; }
.pr-l{padding-right: 14vh !important; }
.pr-xl{padding-right: 22vh !important; }

/* padding-globales */
.p-s{padding: 4vh !important; }
.p-m{padding: 8vh !important; }
.p-l{padding: 14vh !important; }


/*======================
	03. padding-margin-left-right
========================*/
/************************* padding-margin-left-right ********************/
.mlr-0{margin-left: 0px !important; margin-right: 0px !important; }
.mlr-m{margin-left: 4vh !important; margin-right: 4vh !important; }
.mlr-l{margin-left: 10vh !important; margin-right: 10vh !important; }
.mlr-xl{margin-left: 15vh !important; margin-right: 15vh !important; }


.mtb-l{margin-top: 10vh !important; margin-bottom: 10vh !important; }


.plr-m{padding-left: 4vh !important; padding-right: 4vh !important; }
.plr-l{padding-left: 10vh !important; padding-right: 10vh !important; }
.plr-xl{padding-left: 15vh !important; padding-right: 15vh !important; }

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

	05. Visibility

========================*/
.bg-white{background-color: white !important}
.bg-0{ background-color: transparent !important}
.display-no{ display: none; opacity: 0; }
.opacity-m{ opacity: 0.5}
/*======================

	06. borders 10

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

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

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

	07. Positions

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

	10. Responsive

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

@media only screen and (max-width: 768px){
		/* padding globales*/
	.p-m{padding: 2vh !important; }
.p-l{padding: 2vh !important; }
	/* sobreescribe/existe  solo en mobile*/
	.p-m-xs{padding:1vh }
	
	/* margin top bottom */
	.mtb-s{margin-top: 2vh !important; margin-bottom: 2vh !important; }
	
	.mtb-l{margin-top: 4vh !important; margin-bottom: 4vh !important; }
	.mtb-xl{margin-top: 4vh !important; margin-bottom: 4vh !important; }
	/* padding top bottom */
	
	.ptb-m{padding-top: 4vh !important; padding-bottom: 4vh !important; }
	

	.mb-m{margin-bottom: 4vh !important; }
	.mb-l{margin-bottom: 4vh !important; }
	.pt-0{padding-top: 0px !important;  }
	.pt-l {padding-top: 4vh !important;}
	.pb-l{padding-bottom: 4vh !important; }
	.mt-l , div.mt-l {margin-top: 4vh !important;  }
	/* padding left  */
	.pl-m{padding-left: 4vh !important; }
	.pl-l{padding-left: 4vh !important; }
	
	/* padding right */
	.pr-xl{padding-right: 4vh !important; }
	
	
/* padding-margin left right */
.plr-m{padding-left: 2vh !important; padding-right: 2vh !important; }
.plr-l{padding-left: 2vh !important; padding-right: 2vh !important; }
.plr-xl{padding-left: 2vh !important; padding-right: 2vh !important; }
	
.mlr-l{margin-left: 2vh !important; margin-right: 2vh !important; }
.mlr-xl{margin-left: 12vh !important; margin-right: 2vh !important; }
	
.mlr-m-0{margin-left: 0vh !important; margin-right: 0vh !important; }
	
	}

@media only screen and (max-width: 800px){

	.display-desktop-only{display: none}
	.display-tablet-only{display: block}
	.display-mobile-only{display: none}
	}

@media only screen and (max-width: 650px){
	
	.display-desktop-only{display: none}
	.display-tablet-only{display: none}
	.display-mobile-only{display: block}
	}