/* @override 
	http://web.mamp.xyz/maku/css/responsive.css?* */

/* ⬇ 360px and bigger | Phone — Portrait [360] */
@media screen and (min-width: 360px) {
	#Selector select.reporte { width: 112px; }
	#Selector select.semana { width: 124px; }
	#Selector button { width: 74px; }
}

/* ⬇ 375px and bigger | iPhone 6 » 8/X — Portrait [375] */
@media screen and (min-width: 375px) {
	#Selector select.reporte { width: 116px; }
	#Selector select.semana { width: 128px; }
	#Selector button { width: 80px; }
}

/* ⬇ 412px and bigger | Phone — Portrait [412] */
@media screen and (min-width: 412px) {
	#Selector select.reporte { width: 120px; }
	#Selector select.semana { width: 132px; }
	#Selector button { width: 88px; }
}

/* ⬇ 414px and bigger | iPhone 6+ » 8+ — Portrait [414] */
@media screen and (min-width: 414px) {
	#Selector button { width: 90px; }
}

/* ⬇ 568px and bigger | iPhone 5 — Landscape [568] */
@media screen and (min-width: 568px) {
	h1 span.semana { display: inline-block; margin-right: var(--base-tiny); }
	.table .cell.dia:nth-child(2)::before { content: 'Lunes'; }
	.table .cell.dia:nth-child(3)::before { content: 'Martes'; }
	.table .cell.dia:nth-child(4)::before { content: 'Miércoles'; }
	.table .cell.dia:nth-child(5)::before { content: 'Jueves'; }
	.table .cell.dia:nth-child(6)::before { content: 'Viernes'; }
	.table .cell.dia:nth-child(7)::before { content: 'Sábado'; }
	.table .cell.dia:nth-child(8)::before { content: 'Domingo'; }
	.table .cell.semana { margin-left: 14%; }
	.table .cell.semana, .table .cell.anual { width: 18%; }
}

/* ⬇ 600px and bigger | Tablet — Portrait [600] */
@media screen and (min-width: 600px) {
	#HeadBar { display: block; overflow: hidden; }
	#HeadBar .brand { float: left; padding-right: 0 !important; margin-top: 2px; }
	#HeadBar .brand, #Selector { padding-top: var(--base-tiny); padding-bottom: var(--base-tiny); }
	#Selector { float: right; padding-left: 0 !important; }
	#Selector select.reporte { width: 112px; }
	#Selector select.semana { width: 124px; }
	#Selector button { width: 48px; }
}

/* ⬇ 768px and bigger | iPad — Portrait [768] */
@media screen and (min-width: 768px) {
	:root {
		/* Max Width */
		--max-width: 1360px;
	}
	.table .row { border-radius: 0; margin-bottom: 2px; }
	.table .row.header { display: block; }
	.table .row:not(.header):nth-child(even) { background-color: var(--bg-light-color); }
	.table .cell.canal { border-bottom: none; background-color: inherit; color: var(--heading-main-color); font-size: var(--txt-main-size); font-family: acumin-pro-condensed, sans-serif;
	font-weight: 600;}
	.table.full-week .cell.canal { width: 18%; }
	.table.full-week .cell.dia { width: 6%; }
	.table.week .cell.canal { width: 20%; }
	.table.week .cell.dia { width: 8%; }
	.table .cell.semana { margin-left: 0; }
	.table .cell.semana, .table .cell.anual { width: 10%; }
	.table .cell.dia::before, .table .cell.semana::before, .table .cell.anual::before { content: '' !important; }
	.table .header .cell { color: var(--heading-main-color); font-family: acumin-pro-condensed, sans-serif; font-weight: 500; font-size: var(--txt-small-size); }
}

/* ⬇⬆ 768px to 889px */
@media screen and (min-width: 768px) and (max-width: 899px) {
	.table.full-week .header .cell.dia::before {
		color: var(--heading-main-color); font-size: var(--txt-main-size); line-height: var(--table-base-row-height);
	}
	.table.full-week .header .cell.dia:nth-child(2)::before { content: 'L' !important;; }
	.table.full-week .header .cell.dia:nth-child(3)::before { content: 'M' !important;; }
	.table.full-week .header .cell.dia:nth-child(4)::before { content: 'Mi' !important;; }
	.table.full-week .header .cell.dia:nth-child(5)::before { content: 'J' !important;; }
	.table.full-week .header .cell.dia:nth-child(6)::before { content: 'V' !important;; }
	.table.full-week .header .cell.dia:nth-child(7)::before { content: 'S' !important;; }
	.table.full-week .header .cell.dia:nth-child(8)::before { content: 'D' !important;; }
	.table.full-week .header .cell.dia span { display: none; }
}

/* ⬇ 900px and bigger | Tablet — Portrait [900] */
@media screen and (min-width: 900px) {
	.table.full-week .cell.canal { width: 19%; }
	.table.full-week .cell.dia { width: 7%; }
	.table.week .cell.canal { width: 23%; }
	.table.week .cell.dia { width: 9%; }
	.table .cell.semana, .table .cell.anual { width: 8%; }
}

/* ⬇ 1280px and bigger | 720p Screen [1280] */
@media screen and (min-width: 1280px) {
	:root {
		/* Padding & Spacing*/
		--base: 48px;
		--base-tiny: 16px;
		--base-xtra: 32px;
		/* Font Sizes */
		--txt-main-size: 20px;
		--txt-small-size: 18px;
		--h-one-size: 26px;
		--h-two-size: 24px;
		--h-three-size: 23px;
		--h-four-size: 22px;
		--h-five-size: 21px;
		--h-six-size: 20px;
		/* Tables */
		--table-base-row-height: 42px;
	}
	#Selector select.reporte { width: 116px; }
	#Selector button { width: 64px; }
	.table .header .cell, .table .cell.canal { font-family: acumin-pro, sans-serif; }
}