/*  Curso de CSS GRID: 4.- Posicionamiento
https://www.youtube.com/watch?v=iXTku78meNM&list=PLhSj3UTs2_yWsFd43wpLog5HUFzDgIbWj&index=5
*/

.cabecera {
	width: 90%;
	max-width: 1000px;
	margin: auto;
	display: grid;
	grid-gap: 4px;
	grid-template-columns: repeat(14, 1fr);
	grid-template-rows: repeat(3, 1fr);
}

	.cabecera .volver {
		grid-column-start: 1;
		grid-column-end: 5;
	}

	.cabecera .titulo {
		grid-column-start: 5;
		grid-column-end: -5;
	}

	.cabecera .revision {
		grid-column-start: -1;
		grid-column-end: -5;
	}

	.cabecera .excel {
		grid-column-start: 1;
		grid-column-end: 3;
	}

	.cabecera .nuevo {
		grid-column-start: 3;
		grid-column-end: 5;
	}

	.cabecera .buscador {
		grid-column-start: 5;
		grid-column-end: -5;
	}

	.cabecera .todo {
		grid-column-start: -5;
		grid-column-end: -3;
	}

	.cabecera .pendiente {
		grid-column-start: -3;
		grid-column-end: -1;
	}