/*
	ETICC - Tema claro (alternativa al tema oscuro original)
	Se activa agregando la clase "theme-light" al <body> (ver assets/js/theme-toggle.js).
	Mantiene exactamente el mismo layout, contenido y tipografía; el acento de línea/puntos ahora es el violeta del logo (#7030A0)
	del tema original; únicamente invierte el panel lateral oscuro (#150118) por una versión clara.
*/

body.theme-light #wrapper:before {
	background-color: #F2EDF7;
}

body.theme-light #wrapper > section > header,
body.theme-light #wrapper > section > header * {
	color: #150118 !important;
}

body.theme-light #wrapper > section > footer,
body.theme-light #wrapper > section > footer * {
	color: #150118 !important;
}

/* Flecha "Next" de la intro: mismo trazo, en oscuro para que se vea sobre el panel claro */
body.theme-light a.arrow:before {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 512 512'%3E%3Cpath d='M442.53,346.28L293.65,495.16c-0.33,0.33-0.7,0.62-1.05,0.94c-9.16,9.77-22.15,15.9-36.6,15.9 c-14.44,0-27.43-6.13-36.59-15.88c-0.35-0.33-0.72-0.62-1.06-0.96L69.47,346.28c-19.62-19.62-19.62-51.44,0-71.05 c19.62-19.62,51.43-19.62,71.06,0l65.23,65.23V50.24C205.76,22.5,228.25,0,256,0s50.24,22.5,50.24,50.24v290.21l65.23-65.23 c19.62-19.62,51.43-19.62,71.05,0C462.15,294.84,462.15,326.66,442.53,346.28z' fill='%23150118' /%3E%3C/svg%3E");
}

/* Debajo de 1152px, el panel oscuro pasa a ser el fondo de cada header de sección (ver main.css) */
@media screen and (max-width: 1152px) {

	body.theme-light #wrapper > section > header {
		background-color: #F2EDF7;
	}

}

/* "TIC" en el título de la portada, en el violeta del logo (en vez de heredar el blanco/oscuro del panel) */

#wrapper > section.intro > header h2 .accent {
	color: #7030A0 !important;
}

/* Botón de cambio de tema */
/* Gris claro + ícono oscuro sobre el panel oscuro; se invierte (panel oscuro + ícono claro)
   sobre el panel claro, para tener siempre buen contraste contra el fondo donde cae. */

.theme-toggle {
	align-items: center;
	background-color: #E7E3ED;
	border: 0;
	border-radius: 100%;
	box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.35);
	box-sizing: border-box;
	color: #150118;
	cursor: pointer;
	display: flex;
	flex-shrink: 0;
	font-size: 0;
	height: 2.5rem;
	justify-content: center;
	line-height: 1;
	margin: 0;
	min-width: 0;
	padding: 0;
	position: fixed;
	right: 1.5rem;
	top: 1.5rem;
	transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out, transform 0.25s ease-in-out;
	white-space: nowrap;
	width: 2.5rem;
	z-index: 10001;
}

	.theme-toggle .label {
		display: none;
	}

	.theme-toggle:before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		font-size: 1.05rem;
		content: '\f186'; /* fa-moon: se muestra en tema oscuro (ofrece pasar a claro) */
	}

	body.theme-light .theme-toggle:before {
		content: '\f185'; /* fa-sun: se muestra en tema claro (ofrece volver a oscuro) */
	}

	body.theme-light .theme-toggle {
		background-color: #150118;
		color: #E7E3ED;
	}

	.theme-toggle:hover {
		transform: scale(1.1);
	}

	.theme-toggle:active {
		transform: scale(0.94);
	}

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

	.theme-toggle {
		height: 2.25rem;
		padding: 0;
		right: 1rem;
		top: 1rem;
		width: 2.25rem;
	}

		.theme-toggle:before {
			font-size: 0.9rem;
		}

}

/* Logo ETICC en el pie, junto a los datos de contacto */
/* Versión recortada sin fondo blanco (fondo transparente): se apoya directo
   sobre el panel, igual en tema oscuro y en tema claro. */

.footer-logo {
	display: inline-block;
	margin: 2.5rem 0 0 0;
}

	.footer-logo img {
		display: block;
		width: 8rem;
		height: auto;
	}

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

	.footer-logo {
		margin-top: 2rem;
	}

	.footer-logo img {
		width: 6.5rem;
	}

}