/**
 * Ayudas estructurales y de accesibilidad.
 *
 * @package Groowleck
 */

.screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: -1px;
	padding: 0;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	white-space: nowrap;
}

.screen-reader-text:focus {
	z-index: var(--groowleck-z-notification);
	inset-block-start: var(--groowleck-space-4);
	inset-inline-start: var(--groowleck-space-4);
	width: auto;
	height: auto;
	overflow: visible;
	margin: 0;
	padding: var(--groowleck-space-3) var(--groowleck-space-4);
	border-radius: var(--groowleck-radius-md);
	background: var(--groowleck-color-background);
	clip: auto;
	clip-path: none;
	color: var(--groowleck-color-text-heading);
	box-shadow: var(--groowleck-shadow-md);
}

.clearfix::after {
	display: table;
	clear: both;
	content: "";
}

.is-hidden {
	display: none !important;
}

.is-invisible {
	visibility: hidden !important;
}

.is-visible {
	visibility: visible !important;
}

.overflow-hidden {
	overflow: hidden !important;
}

.overflow-auto {
	overflow: auto !important;
}

.position-relative {
	position: relative !important;
}

.position-sticky {
	position: sticky !important;
}

.width-full {
	width: 100% !important;
}

.max-width-none {
	max-width: none !important;
}

.text-left {
	text-align: start !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: end !important;
}

.text-muted {
	color: var(--groowleck-color-text-muted) !important;
}

.text-accent {
	color: var(--groowleck-color-accent) !important;
}

.text-heading {
	color: var(--groowleck-color-text-heading) !important;
}

.font-medium {
	font-weight: var(--groowleck-font-weight-medium) !important;
}

.font-semibold {
	font-weight: var(--groowleck-font-weight-semibold) !important;
}

.font-bold {
	font-weight: var(--groowleck-font-weight-bold) !important;
}

.list-unstyled {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.no-wrap {
	white-space: nowrap !important;
}

.break-word {
	overflow-wrap: anywhere !important;
}

.aspect-video {
	aspect-ratio: 16 / 9 !important;
}

.object-cover {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover !important;
}