/* Planes y recetas (Inspírate). Solo tokens de theme.json. */

.bcn-pagina-entrada {
	max-width: 48rem;
	margin: var(--wp--preset--spacing--40) auto var(--wp--preset--spacing--50);
}

.bcn-pagina-entrada__cabecera {
	margin-bottom: var(--wp--preset--spacing--30);
	text-align: center;
}

.bcn-pagina-entrada__cabecera h1 {
	margin: 0;
}

.bcn-pagina-entrada__imagen {
	margin: 0 calc(50% - 50vw) var(--wp--preset--spacing--30);
	max-height: 32rem;
	overflow: hidden;
}

.bcn-pagina-entrada__imagen img {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	border-radius: 0;
}

.bcn-pagina-entrada__contenido > * + * {
	margin-top: var(--wp--preset--spacing--20);
}

.bcn-pagina-entrada__contenido .bcn-lead {
	font-size: var(--wp--preset--font-size--grande);
	font-weight: 700;
}

.bcn-pagina-entrada__contenido h2 {
	margin-top: var(--wp--preset--spacing--40);
}

.bcn-datos {
	margin-left: 0;
	padding: var(--wp--preset--spacing--20);
	background-color: var(--wp--preset--color--crema);
	list-style: none;
}

.bcn-datos li {
	margin: 0;
}

.bcn-pagina-entrada__nav {
	margin-top: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--30);
	background-color: var(--wp--preset--color--blanco);
}

.bcn-siguiente h2 {
	margin: 0 0 var(--wp--preset--spacing--10);
}

.bcn-siguiente__titulo {
	font-family: var(--wp--preset--font-family--barlow-condensed);
	font-size: var(--wp--preset--font-size--titulo-m);
	font-weight: 700;
	text-transform: uppercase;
}

html body .bcn-pagina-entrada .bcn-boton {
	display: inline-block;
	padding: 0.9em 1.75em;
	background-color: var(--wp--preset--color--dorado);
	color: var(--wp--preset--color--negro);
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}

html body .bcn-pagina-entrada .bcn-boton:hover,
html body .bcn-pagina-entrada .bcn-boton:focus-visible {
	background-color: var(--wp--preset--color--negro);
	color: var(--wp--preset--color--blanco);
}

.bcn-pagina-entrada__enlaces {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	margin: var(--wp--preset--spacing--30) 0 0;
	font-weight: 600;
}

.bcn-pagina-entrada__enlaces a {
	color: var(--wp--preset--color--negro);
}