/**
 * CPDP LMS — estilos compartidos para formularios públicos (sin sesión).
 *
 * Antes del 2026-07-14, el login (wp_login_form() dentro de
 * [cpdp_mi_aula] cuando el visitante no tiene sesión) y el formulario de
 * /inscribite/ ([cpdp_solicitar_inscripcion]) se renderizaban sin ningún
 * CSS propio: la apariencia de marca de Mi Aula vive en un <style> embebido
 * dentro de public/views/mi-aula.php, que solo se imprime para el alumno YA
 * logueado (render_shell()) — el formulario de login nunca pasa por ahí, y
 * el shortcode de inscripción se usa también en /inscribite/ como página
 * standalone, fuera del shell de Mi Aula. Esta hoja se encola siempre en el
 * frontend (ver CPDP_LMS_Core::enqueue_public_forms_style()) y solo aplica
 * a los elementos envueltos en la clase .cpdp-public-form, para no chocar
 * con el resto de los estilos del sitio ni con el tema.
 */
.cpdp-public-form {
	max-width: 460px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e4e5e9;
	border-radius: 10px;
	padding: 24px 26px;
	font-size: 14px;
}

.cpdp-public-form p {
	margin: 0 0 14px;
}

.cpdp-public-form label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #2a2c33;
	margin-bottom: 4px;
}

.cpdp-public-form input[type="text"],
.cpdp-public-form input[type="email"],
.cpdp-public-form input[type="password"],
.cpdp-public-form input[type="number"],
.cpdp-public-form input[type="file"],
.cpdp-public-form select {
	width: 100%;
	max-width: 100%;
	padding: 9px 12px;
	border: 1px solid #d0d2d8;
	border-radius: 6px;
	font-size: 13.5px;
	color: #2a2c33;
	background: #fff;
	box-sizing: border-box;
}

.cpdp-public-form input:focus,
.cpdp-public-form select:focus {
	outline: none;
	border-color: #DB241A;
	box-shadow: 0 0 0 3px rgba(219, 36, 26, 0.15);
}

.cpdp-public-form button,
.cpdp-public-form input[type="submit"],
.cpdp-public-form .button {
	display: inline-block;
	background: #DB241A;
	color: #fff !important;
	border: none;
	border-radius: 6px;
	padding: 10px 20px;
	font-size: 13.5px;
	font-weight: 600;
	cursor: pointer;
	text-decoration: none;
}

.cpdp-public-form button:hover,
.cpdp-public-form input[type="submit"]:hover,
.cpdp-public-form .button:hover {
	background: #b81d15;
}

.cpdp-public-form .login-remember,
.cpdp-public-form .login-remember label {
	font-weight: 400;
	display: flex;
	align-items: center;
	gap: 6px;
}

.cpdp-public-form small {
	color: #5a5e68;
	font-size: 12px;
}

@media (max-width: 600px) {
	.cpdp-public-form {
		padding: 18px 16px;
		border-radius: 0;
		border-left: none;
		border-right: none;
	}
}

/**
 * Contenedor del template propio del plugin (public/templates/full-width.php,
 * 2026-07-14) — sin el max-width/margin:auto que el tema le pone por
 * default a los bloques de contenido. El ancho real de cada pantalla lo
 * define su propio CSS interno (ej. .cpdp-mi-aula, .cpdp-public-form).
 */
.cpdp-full-width-main {
	max-width: none;
	margin: 0;
	padding: 24px 20px;
	box-sizing: border-box;
}