@charset "utf-8";
.reticulabase {display: grid; position: absolute; z-index: 2;  
		grid-template-columns: repeat(12, calc((90dvw - (1 * 1vw)) / 12)); gap: 1vw; min-width: 100dvw;
		grid-template-rows: auto minmax(5svh, auto) auto minmax(12svh, auto) auto minmax(12svh, auto) auto minmax(20svh, auto); grid-row-gap: 0.5vw; 
		min-height: 100dvh; align-content: flex-start;}

.itemsreticulabase1A {padding: 0; grid-column: 1 / 13; align-content: center; padding-left: 1vh}
.itemsreticulabase2A {padding-left: 1vh; grid-column: 1 / 13; align-content: center}
.itemsreticulabase3A {padding: 1vh; grid-column: 1 / 7;}
.itemsreticulabase4A {padding-left: 1vh; grid-column: 7 / 13;}
.itemsreticulabase5A {padding-left: 1vh; grid-column: 1 / 13; }
.itemsreticulabase6A {border-bottom: solid #464646 1px; padding: 1vh; grid-column: 1 / 7;}
.itemsreticulabase7A {border-bottom: solid #464646 1px; padding: 1vh; grid-column: 7 / 13;}
.itemsreticulabase8A { padding: 1vh; grid-column: 1 / 7;}
.itemsreticulabase9A { padding: 1vh; grid-column: 7 / 13;}
.itemsreticulabase10A{border-bottom: solid #464646 1px; padding: 1vh; grid-column: 1 / 5;}
.itemsreticulabase11A{border-bottom: solid #464646 1px; padding: 1vh; grid-column: 5 / 9;}
.itemsreticulabase12A{border-bottom: solid #464646 1px; padding: 1vh; grid-column: 9 / 13;}
.itemsreticulabase13A{padding: 1vh; grid-column: 1 / 5;}
.itemsreticulabase14A{padding: 1vh; grid-column: 5 / 9;}
.itemsreticulabase15A{padding: 1vh; grid-column: 9 / 13;}


.banner {height: auto; align-content: left; padding-top: 2.5vh; padding-bottom: 2.5vh}
.bannerMov {display: none}

/* reticula del fondo */
.reticulabaseB {display: grid; position: fixed; z-index: 0;
	grid-template-columns: repeat(12, calc((98dvw - (11 * 1vw)) / 12)); gap: 1vw;
	grid-template-rows: repeat(12, calc((98dvw - (11 * 1vw)) / 12)); gap: 1vw; 
	margin-left: 1vw; align-content: flex-start;}
.itemsreticulabase1B {border: solid #464646 1px; padding: 0; height: auto; grid-column: 1 / 13; grid-row: span 1}
.itemsreticulabase2B {border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase3B {border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase4B {border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase5B {border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase6B {border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase7B {border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase8B {border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase9B {border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase10B{border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase11B{border: solid #464646 1px; padding: 0; height: auto}
.itemsreticulabase12B{border: solid #464646 1px; padding: 0; height: auto}


@media (max-width: 480px) {
	.reticulabase {grid-template-rows: auto minmax(5svh, auto) auto auto auto auto auto auto}
	.itemsreticulabase1A, .itemsreticulabase2A, .itemsreticulabase3A, .itemsreticulabase4A, .itemsreticulabase5A, .itemsreticulabase6A, .itemsreticulabase7A, .itemsreticulabase8A,	.itemsreticulabase9A, .itemsreticulabase10A, .itemsreticulabase11A,	.itemsreticulabase12A, .itemsreticulabase14A, .itemsreticulabase15A {grid-column: 1 / 13;}
	
	.itemsreticulabase5A {padding: 2.5vw}
	
	.itemsreticulabase12A, .itemsreticulabase14A {grid-column: 1 / 7;}
	.itemsreticulabase13A, .itemsreticulabase15A {grid-column: 7 / 13;}
	
	.itemsreticulabase7A, .itemsreticulabase11A, .itemsreticulabase14A {border: none}
	.itemsreticulabase8A,  .itemsreticulabase13A {border-bottom: solid #464646 1px;}
	
	.banner {display: none}
	.bannerMov {display: block; height: auto; align-content: left;}
}