/* Lo que el tema de WordPress añade a estilos.css, la hoja del prototipo (web/sitio), que comparten:
   la cabecera con los menús de WordPress, el logo subido, la barra de administración y los grupos
   de botones que no están en un contenedor de la web. Se carga en la web y en el editor. */

/* Las acciones de la cabecera (entrar y empezar) son un menú de Apariencia > Menús. */
.cabecera-acciones .acciones {
	display: flex;
	align-items: center;
	gap: 4px;
}

.cabecera-acciones .acciones li {
	display: flex;
}

/* El logo subido en Personalizar > Identidad del sitio ocupa el sitio del símbolo. */
.logo-imagen {
	width: auto;
	height: 30px;
}

/* Con la barra de WordPress arriba (al entrar como administrador), la cabecera fija baja con ella. */
.admin-bar .cabecera {
	top: var(--wp-admin--admin-bar--height, 32px);
}

@media (max-width: 600px) {
	.admin-bar .cabecera {
		top: 0;
	}
}

/* Un grupo de botones nuevo, fuera de los contenedores de la web. */
:where(.wp-block-buttons) {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 16px 28px;
}

/* Cada botón va dentro de su caja (.wp-block-button); así su enlace mide lo mismo que en el
   prototipo, donde era hijo directo del grupo. */
div.wp-block-buttons > .wp-block-button {
	display: flex;
}

/* En el prototipo, el enlace de después de unos pasos queda a su margen más el de la lista. */
.pasos + .enlace-seccion {
	margin-top: 45px;
}