/**
 * BXC Base - Estilos de escritorio.
 * Aplicar aquí los estilos específicos para desktop (>= 1280px).
 */

/* HEADER ------------------------------------------------------------ */
#bxc-header {
	min-height: 90vh;
	position: relative;
}

.bxc-navbar {
	position: fixed;
	width: 100%;
	z-index: 100;
}

.bxc-navbar__content {
	min-height: 32px;
	height: 5vh;
	max-height: 128px;
	background-color: rgba(255, 255, 255, 0.9);
	backdrop-filter: blur(6px);
	transition: height 0.4s ease;
	padding: 10px;
}

.bxc-navbar__content .bxc-row { height: 100%; }

.bxc-navbar__logo {
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	cursor: pointer;
}

.bxc-navbar.is-sticky .bxc-navbar__content { height: 32px; }
.bxc-navbar.is-sticky .bxc-navbar__logo { height: 100%; }

.bxc-navbar__menu { align-items: center; }
.bxc-navbar__menu-items { width: 100%; }
.bxc-navbar__menu .bxc-menu__item { margin-left: 10px; }

#bxc-header .bxc-hero {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	align-content: center;
}
#bxc-header .bxc-hero h1 { font-size: 5vh; }

/* BODY ------------------------------------------------------------ */
.bxc-target-top-margin { padding-top: 5vh; }

/* FOOTER ------------------------------------------------------------ */
.bxc-footer {
	background-color: var(--bxc-color-primary, #1c1c1c);
	padding: 5vh 0;
}
.bxc-footer .bxc-container * { color: #ccc; }
.bxc-footer__column { padding: 1rem; }