/* CSS: PHP Core */

/* Fuente */
@font-face {
	font-family: Eina;
	src:
		url(/fuentes/eina-01-light.eot?#iefix) 	format("embedded-opentype"),
		url(/fuentes/eina-01-light.woff2) 		format("woff2"),
		url(/fuentes/eina-01-light.woff) 		format("woff"),
		url(/fuentes/eina-01-light.ttf) 		format("truetype"),
		url(/fuentes/eina-01-light.svg) 		format("svg");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: Eina;
	src:
		url(/fuentes/eina-01-regular.eot?#iefix) format("embedded-opentype"),
		url(/fuentes/eina-01-regular.woff2) 	format("woff2"),
		url(/fuentes/eina-01-regular.woff) 		format("woff"),
		url(/fuentes/eina-01-regular.ttf) 		format("truetype"),
		url(/fuentes/eina-01-regular.svg) 		format("svg");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: Eina;
	src:
		url(/fuentes/eina-01-semibold.eot?#iefix)format("embedded-opentype"),
		url(/fuentes/eina-01-semibold.woff2) 	format("woff2"),
		url(/fuentes/eina-01-semibold.woff) 	format("woff"),
		url(/fuentes/eina-01-semibold.ttf) 		format("truetype"),
		url(/fuentes/eina-01-semibold.svg) 		format("svg");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: Eina;
	src:
		url(/fuentes/eina-01-bold.eot?#iefix) 	format("embedded-opentype"),
		url(/fuentes/eina-01-bold.woff2) 		format("woff2"),
		url(/fuentes/eina-01-bold.woff) 		format("woff"),
		url(/fuentes/eina-01-bold.ttf) 			format("truetype"),
		url(/fuentes/eina-01-bold.svg) 			format("svg");
	font-weight: 700;
	font-style: normal;
}

/* Body */
body {
	font-family: "Eina", Helvetica, Arial, sans-serif;
	background-color: #272636;
	color: white;
}

/* Code */
code[class*="language-"], pre[class*="language-"] {
	font-family: "Eina";
	font-weight: 500;
	background: #251e2f;
}

/* Nav */
nav {
	background-color: #272636;
	color: white;
}

nav {
	  height: 100vh;
	  overflow: auto;
}

/* Menu */
nav .menu {
	border: 0;
	width: 100%;
	margin: 0;
	border-radius: 0;
}
nav .menu li {
	border: 0;
}
nav .menu li a {
	color: white;
	transition: background-color 0.25s linear;
}
nav .menu li a.activo, nav .menu li a.activo:hover, nav .menu li a:hover {
	background-color: #1a1f20;/*#1a1f20;*/
}

/* Iconos */
nav ul li i, 
main h1 i,
blockquote i {
	margin-right: 0.75rem;
}

/* Main */
main {
	height: 100vh;
	overflow: auto;
}

/* Sections */
main section {
	padding: 0.5rem 2rem;
	margin-bottom: 1rem;
}

main section h2 {
	margin: 0;
}

main section.titulo {
	color: white;
	background-color: #27263699;
	position: sticky;
	top: 0;
}

main section.titulo .etiqueta {
	display: inline;
	margin-left: 1rem;
}

/* Tabla */
table tbody tr {
		background-color: #1a1f20;
		color: white;
	}

	table.fondo-alternado tbody tr:nth-child(even) {
	background: #1b1b1b;
}

table.fondo-hover tbody tr:hover {
	background-color: #171717;
}

/* Blockquote */
main blockquote.negro {
	cursor: pointer;
	user-select: none;
	border-color: hsl(0, 3%, 10%);
	background-color: #1a1f20;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Listas */
.lista-borde li {
	border-color: #1d1c1c;
}

.lista-fondo li:nth-child(even) {
    background-color: #1d1c1c;
}

.lista-fondo li, .lista-borde li {
    padding: 10px 10px;
}


/* Scroll Bar */
*::-webkit-scrollbar-thumb {
	background: #1c1e1f;
}
*::-webkit-scrollbar-track {
	background: #101010;
}