/*
Theme Name: Campus curiosea
Description: Tema mínimo para el campus de simuladores de curiosea. Portada con la marca y acceso al simulador.
Version: 1.0.1
Author: curiosea
*/

:root {
	--hueso: #FAF9F4;
	--blanco: #FFFFFF;
	--tinta: #141414;
	--gris: #5C5C56;
	--lima: #C7D129;
	--lima-oscuro: #56610D;
	--linea: #E7E5DA;
}

* { box-sizing: border-box; }

body.campus {
	margin: 0;
	background: var(--hueso);
	color: var(--tinta);
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
}

.campus-wrap {
	max-width: 720px;
	margin: 0 auto;
	padding: 64px 24px 48px;
}

.campus-marca {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 26px;
	letter-spacing: 0.01em;
	margin: 0 0 40px;
}
.campus-marca a { color: var(--tinta); text-decoration: none; }

.campus-card {
	background: var(--blanco);
	border: 1px solid var(--linea);
	border-radius: 16px;
	padding: 36px 32px;
	box-shadow: 0 6px 24px rgba(20, 20, 20, 0.05);
}

.campus-eyebrow {
	text-transform: uppercase;
	letter-spacing: 0.12em;
	font-size: 12px;
	font-weight: 700;
	color: var(--lima-oscuro);
	margin: 0 0 10px;
}

h1.campus-titulo {
	font-family: Georgia, 'Times New Roman', serif;
	font-size: clamp(1.9rem, 5vw, 2.6rem);
	line-height: 1.15;
	margin: 0 0 14px;
	font-weight: 400;
}

.campus-lede { color: var(--gris); margin: 0 0 26px; }

.campus-btn {
	display: inline-block;
	background: var(--lima);
	color: var(--tinta);
	border: 1px solid var(--lima);
	border-radius: 999px;
	padding: 12px 26px;
	font-weight: 700;
	text-decoration: none;
	transition: background .15s ease;
}
.campus-btn:hover, .campus-btn:focus { background: #b6c018; border-color: #b6c018; }

.campus-btn-ghost {
	display: inline-block;
	margin-left: 10px;
	padding: 12px 20px;
	border-radius: 999px;
	border: 1px solid var(--linea);
	color: var(--tinta);
	text-decoration: none;
	font-weight: 600;
}
.campus-btn-ghost:hover { border-color: var(--tinta); }

.campus-lista {
	list-style: none;
	padding: 0;
	margin: 30px 0 0;
	border-top: 1px solid var(--linea);
}
.campus-lista li {
	border-bottom: 1px solid var(--linea);
	padding: 14px 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
}
.campus-lista .campus-sim-nombre { font-weight: 700; }
.campus-lista .campus-sim-desc { color: var(--gris); font-size: 14.5px; display: block; font-weight: 400; }

.campus-hola { color: var(--gris); font-size: 14.5px; margin: 0 0 22px; }
.campus-hola a { color: var(--lima-oscuro); }

.campus-pie {
	margin-top: 34px;
	color: var(--gris);
	font-size: 13.5px;
}
.campus-pie a { color: var(--lima-oscuro); }

@media (max-width: 520px) {
	.campus-wrap { padding: 40px 18px 32px; }
	.campus-card { padding: 26px 20px; }
	.campus-btn-ghost { margin-left: 0; margin-top: 10px; }
}