/* Requadres°°
*/

@media all{
	.req00pdf,
	.req00doc,
	.req00video{
		margin: 0 0 var(--margin) 0;
		padding: 0;
		cursor: pointer;
		border-radius: var(--border-radius);
		transition: var(--transition);
	}
		.req00pdf{
			background: var(--color-primary-light) url('imatges/icona_pdf01.svg') left top no-repeat padding-box;
			background-size: auto 40px;
		}
		.req00doc{
			background: var(--color-primary-light) url('imatges/icona_doc01.svg') left top no-repeat padding-box;
			background-size: auto 40px;
		}
		.req00video{
			background: var(--color-primary-light) url('imatges/icona_video01.svg') left top no-repeat padding-box;
			background-size: auto 40px;
		}
	.req00pdf a,
	.req00doc a,
	.req00video a{
		display: block;
		padding: var(--margin-half) var(--margin) var(--margin-half) 42px;
		font-weight: bold;
		height: 100%;
		text-decoration: none;
	}
	.req00pdf:hover,
	.req00doc:hover,
	.req00video:hover{
		transform: scale(1.02);
	}
	.req00pdf:hover a,
	.req00doc:hover a,
	.req00video:hover a{
		color: var(--color-secondary);
	}
	
	/* Gerneral */
	.req00gen{
		margin: 0 0 var(--margin-half) 0;
		padding: 0;
		background-color: var(--color-primary-light);
		border-radius: var(--border-radius);
		transition: var(--transition);
		display: flex;
		gap: var(--margin-quarter);
	}
		.req00im{
			border-radius: var(--border-radius) 0 0 var(--border-radius);
			min-width: 18%;
			min-height: 40px;
		}
		.req00text{
			padding: var(--margin-half);
		}
		
	/* Perfil */
	.req00perfil{
		margin: 0 0 var(--margin-half) 0;
		padding: var(--margin-half);
		background-color: var(--color-primary-light);
		border-radius: var(--border-radius);
		transition: var(--transition);
	}
		.req00small{
			min-height: 42px;
		}
		.req00medium{
			min-height: 84px;
		}
		.req00perfil a{
			width: 100%;
			height: 100%;
			color: currentColor;
		}
	.req00color{
		color: var(--color-background);
		background-color: var(--color-primary);
	}
	.req00color a{
		color: var(--color-background);
	}
		.req00gen:hover,
		.req00perfil:hover{
			transform: scale(1.02);
		}
		.req00perfil .req00avatar{
			float: left;
			border-radius: 50%;
			background-color: var(--color-secondary-light);
		}
		.req00small .req00avatar{
			margin-right: var(--margin-half);
			width: 42px;
			height: 42px;
		}
		.req00medium .req00avatar{
			margin-right: var(--margin);
			width: 84px;
			height: 84px;
		}
}

@media all and (max-width: 750px){
	
}