/*
*	ESTE ARCHIVO FUE CREADO PARA INCORPORAR ESTILOS PERSONALIZADOS 
*	SE DEBEN INCORPORAR REGLAS DE ESTILO BASICAS QUE SEAN FACILES DE REUTILIZAR EN DIFERENTES SITIOS
*	INDEPENDIENTEMENTE DEL LUGAR
*/

/* ============== */
/* == TAMANNOS == */	
/* ============== */
.w-100px{
	width: 100px;
}

.w-150px{
	width: 150px;
}

.w-200px{
	width: 200px;
}

.h-100vh{
	height: 100vh
}

.mh-60px {
	max-height: 60px;
}

.mh-100px {
	max-height: 100px;
}

.min-h-100vh{
	min-height: 100vh
}

.input-big {
	height: 50px;
}


/* ===================== */
/* == GROSOR DE TEXTO == */	
/* ===================== */
.fw-1{
	font-weight: 100;
}
.fw-2{
	font-weight: 200;
}
.fw-3{
	font-weight: 300;
}
.fw-4{
	font-weight: 400;
}
.fw-5{
	font-weight: 500;
}
.fw-6{
	font-weight: 600;
}
.fw-7{
	font-weight: 700;
}
.fw-8{
	font-weight: 800;
}
.fw-9{
	font-weight: 900;
}

/* ============== */
/* == OVERFLOW == */
/* ============== */
.overflow-x-hidden{
	overflow-x: hidden; 
}

/* ============= */
/* == DISPLAY == */
/* ============= */
.d-contents{
	display: contents;
}
.d-contents-imp{
	display: contents !important;
}

/* ============ */
/* == BORDES == */
/* ============ */
.base-border{
	border: 1px solid var(--gris-bordes);
}

/* ===================== */
/* == POSICIONAMIENTO == */
/* ===================== */
.pos-absolute-center{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

/* ================ */
/* == COLUMN-GAP == */	
/* ================ */
.col-gap-1{
	column-gap: .25rem
}
.col-gap-2{
	column-gap: .5rem;
}
.col-gap-3{
	column-gap: 1rem;
}
.col-gap-4{
	column-gap: 1.5rem;
}
.col-gap-5{
	column-gap: 3rem;
}

/* =========== */
/* == OTROS == */
/* =========== */
.break-word{
	word-break: break-word;	
}
.break-spaces{
	white-space: break-spaces;	
}