/* MAIN SITE CSS */

header {
	padding:0px 6em;
}

#cabecera .logo {
	margin-top:2px;
}

#cabecera a {
	color: #444;
}

#nav ul li {
	float:none !important;
}

#contenido .logo {
	font-size:6em;
	line-height:0.8em;
}

#cabecera li {
	margin-bottom:0rem;
}

nav {
	background-color:transparent !important;
	color:#444 !important;
}

/*
	La hamburguesa (nav a.sidenav-trigger) solo es visible a <=992px, que es el breakpoint
	de Materialize. El padding del header tiene que cambiar en ESE punto y a un valor
	constante, no a 800px y a 0: si no, entre 800 y 992 la hamburguesa hereda los 6em y se
	va muy a la derecha, y por debajo de 800 se pega al borde. 1.5rem = el mismo canal que
	el contenido. 2026-07-23
*/
@media only screen and (max-width: 992px) {

	header {
		padding:0px 1.5rem;
	}
}

@media only screen and (max-width: 800px) {

	nav li a {
		margin-left:0px !important;
		margin-right:0px !important;
	}
}

#columna li {
	float:none;
}

#timeline .section {
	/*padding:0px !important;*/
	padding:0px;
}

/* STEP GUIDES */
ol > li {
	margin:20px 0px;
}

ol > li img {
	margin:20px 0px;
	border: 1px solid #ddd;
}

/* FOOTER */
footer li {
	margin-bottom:0.5em;
}

/* REMOVE MATERIALIZE */
.box_form > select, .box_form div > select:not(.dependent-sub) {
	display:block !important;
}

div.box_functions_form code {
	border-radius:4px;
	border-style:solid;
	border-width:1px;
	border-color:#888;
	color:#444;
	padding:3px 4px;
}

ul.plain {
	margin-left: 50px;
}

ul.plain > li {
	list-style-type: circle !important;
}

p strong, li strong {
	font-weight:bold !important;
}

div > input {
	opacity: 1 !important;
	pointer-events:auto !important;
	position: relative !important;
}

div > input[type=radio] {
	margin-right: 10px !important;
}