/* Estilos de los shortcodes heredados de ed-school-plugin. */

.bn-icon { display: inline-block; line-height: 1; vertical-align: middle; }
.bn-icon--right { margin-left: .4em; }

/* Icono dentro de un hexagono */
.bn-hexagon {
	align-items: center;
	background: var(--bn-hex-bg, #2a3d4d);
	clip-path: polygon(50% 0%, 93% 25%, 93% 75%, 50% 100%, 7% 75%, 7% 25%);
	color: var(--bn-hex-color, #fff);
	display: inline-flex;
	justify-content: center;
	height: var(--bn-hex-size, 75px);
	width: var(--bn-hex-size, 75px);
}
.bn-hexagon-wrap { display: block; }
.bn-hexagon-wrap.is-center { text-align: center; }
.bn-hexagon-wrap.is-right  { text-align: right; }
.bn-hexagon-wrap.has-line  { position: relative; }
.bn-hexagon-wrap.has-line::after {
	background: currentColor;
	content: "";
	display: block;
	height: 2px;
	margin: 1rem auto 0;
	opacity: .25;
	width: 46px;
}

/* Caja de contenido */
.bn-content-box { display: block; }
.bn-content-box.has-shadow { box-shadow: 0 2px 14px rgba(0,0,0,.12); }

/* Boton */
.bn-button {
	background: var(--bn-btn-bg, #2a3d4d);
	border-radius: 3px;
	color: var(--bn-btn-color, #fff);
	display: inline-block;
	font-weight: 600;
	line-height: 1.2;
	padding: 1rem 2rem;
	text-decoration: none;
	transition: filter .15s ease;
}
.bn-button:hover, .bn-button:focus { filter: brightness(.9); color: var(--bn-btn-color, #fff); }
.bn-button-wrap.is-center { text-align: center; }
.bn-button-wrap.is-right  { text-align: right; }

/* Video con reproduccion en dialogo */
.bn-video { display: inline-block; position: relative; }
.bn-video img { display: block; height: auto; max-width: 100%; }
.bn-video__play {
	align-items: center;
	background: rgba(0,0,0,.35);
	border: 0;
	color: var(--bn-play-color, #fff);
	cursor: pointer;
	display: flex;
	inset: 0;
	justify-content: center;
	position: absolute;
}
.bn-video__play svg { height: 64px; width: 64px; }
.bn-video__dialog { border: 0; padding: 0; width: min(90vw, 900px); }
.bn-video__dialog::backdrop { background: rgba(0,0,0,.75); }

/* Listado de entradas / eventos */
.bn-post-list { display: grid; gap: 1.5rem; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); list-style: none; margin: 0; padding: 0; }
.bn-post-list__item { border: 1px solid #e3e6e9; border-radius: 4px; overflow: hidden; }
.bn-post-list__body { padding: 1rem; }
.bn-post-list__title { font-size: 1.05rem; margin: 0 0 .35rem; }
.bn-post-list__date { color: #6b7175; font-size: .85rem; }