/*
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.2.0
Author: curiosea
*/

:root {
	--hueso: #F3FAF8;   /* menta claro (marca previa) */
	--blanco: #FFFFFF;
	--tinta: #21403B;   /* tinta suave */
	--gris: #557067;
	--lima: #12A594;    /* turquesa vivo (rellenos) */
	--lima-oscuro: #0D7568;   /* turquesa de texto (AA) */
	--linea: #D8E7E2;
}

* { box-sizing: border-box; }

body.campus {
	margin: 0;
	background: var(--hueso);
	color: var(--tinta);
	font-family: 'Nunito Sans', 'Segoe UI', system-ui, 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: 'Quicksand', 'Segoe UI', sans-serif;
	font-weight: 700;
	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: 'Quicksand', 'Segoe UI', sans-serif;
	font-weight: 700;
	font-size: clamp(1.9rem, 5vw, 2.6rem);
	line-height: 1.15;
	margin: 0 0 14px;
}

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

.campus-btn {
	display: inline-block;
	background: var(--lima);
	color: #FFFFFF;
	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; }
}