/*
DOCUMENTACION:
m= resolucion movil
t= resolucion tablet
d= resolucion escritorio
r= derecha
l= izquierda
w= Ancho
h= Alto

*/


/*GENERAL*/
.extender {
	width: 100vw !important;
	margin-left: calc(-50vw + 50%) !important;
}

/*mobile*/
@media only screen and (max-width: 767px) {
	.extender-movil {
		width: 100vw !important;
		margin-left: calc(-50vw + 50%) !important;
	}
}

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

	.solo-pc{
		display: none !important;
	}

}

@media only screen and (min-width: 768px) {

	.solo-movil{
		display: none !important;
	}

}

@media only screen and (min-width: 1025px){

	.no-pc{
		display: none !important;
	}

}

@media only screen and (max-width: 767px) {
  
	.no-movil{
		display: none !important;
	}

}

.wf-test {
	background-color: red;
}

/*------------GENERAL*/

/*COLUMNAS-------------*/

/*DESKTOP*/
@media only screen and (min-width: 1025px) {

	.wf-w-50-d {
		width: 50% !important;
	}

	.wf-w-48-d {
		width: 48% !important;
	}

	.wf-w-45-d {
		width: 45% !important;
	}

	.wf-r-d{
		float: right !important;
	}

	.wf-l-d {
		float:left !important;
	}
}

/*movil*/
@media only screen and (max-width: 767px) {
	.wf-w-100-m {
		width: 100% !important;
	}

	.wf-mar-0-m{
		margin: 0 !important;
	}
	
	.wf-pad-0-m{
		padding: 0 !important;
	}
}