.cursor {
	cursor: pointer;
}

#lista-de-etiquetas {
	padding: 0px;
	margin: 0px;
}
#lista-de-etiquetas li {
	float: left;
	list-style-type: none;
	padding: 5px;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 4px;
	margin-left: 0px;
}
#lista-de-etiquetas li a {
	color: #999;
	text-decoration: none;
}

:root {
	font-size: 10px;
}

body {
	background-color: rgb(251, 251, 251);
}

.adm__gallery--tab {
	margin: 2rem auto;
}

.container__galleries {
	padding: 2rem;
	max-width: 130rem;
	margin: 0 auto;
	border-radius: 8px;
	margin-bottom: 0;
	overflow: hidden;
}

.galleries__header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 2rem;
	margin: 2rem;
}

.galleries__header h2 {
	font-size: 24px;
	font-weight: 700;
	margin: 0;
	color: #1f222f;
}

.galleries__header--btn > button {
	display: flex;
	place-content: center;
	place-items: center;
	gap: 0.4rem;
	padding: 1rem 2rem;
	border-radius: 4rem;
	font-size: 14px;
	font-weight: 500;
	color: #00a7e9;
	background-color: #00a7e919;
	transition: background-color 0.4s ease-in, color 0.4s ease-in;
	border: none;
}

.galleries__header--btn > button:hover {
	transition: background-color 0.4s ease-in-out, color 0.4s ease-in-out;
	background-color: #00a7e9;
	color: #fff;
}

.gallery__card h4 {
	font-size: 14px;
	font-weight: 500;
	padding: 0.4rem 1.2rem;
	color: #fbfbfb;
	background: rgba(12, 12, 12, 0.4);
	backdrop-filter: blur(4px);
	position: absolute;
	z-index: 3;
	top: 8px;
	left: 8px;
	width: calc(100% - 16px);
	margin: 0;
	border-radius: 12px;
	transition: display 0.4s ease-in;
	display: none;
}

.gallery__card--img {
	min-width: 100%;
	max-width: 100%;
	min-height: 22.4rem;
	max-height: 22.4rem;
	border-radius: 2rem;
	position: relative;
	overflow: hidden;
	border: 1px solid #514a5d23;
}

.gallery__card--img::before {
	content: "";
	background-color: transparent;
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease-in;
	cursor: move;
}

.gallery__card--img:hover::before {
	background-color: rgba(0, 0, 0, 0.2);
	transition: all 0.4s ease-in-out;
}

.gallery__card--img img {
	min-width: 100%;
	max-width: 100%;
	min-height: 22.4rem;
	max-height: 22.4rem;
	object-fit: cover;
}

.gallery__card--btns {
	display: none;
	gap: 1.2rem;
	position: absolute;
	z-index: 3;
	left: 50%;
	bottom: 1.2rem;
	transform: translateX(-50%);
	transition: display 0.4s ease-in;
}

.gallery__card:hover h4,
.gallery__card:hover .gallery__card--btns {
	display: flex;
	transition: display 0.4s ease-in;
}

.gallery__card--btn {
	min-width: 4rem;
	max-width: 4rem;
	min-height: 4rem;
	max-height: 4rem;
	border-radius: 50%;
	background: rgba(12, 12, 12, 0.4);
	backdrop-filter: blur(2px);
}

.gallery__card--btn > a {
	display: flex;
	place-content: center;
	place-items: center;
	min-width: 4rem;
	max-width: 4rem;
	min-height: 4rem;
	max-height: 4rem;
}

.content-box,
.site-content {
	max-width: 140rem;
	margin: 0 auto;
}

.galleries__body {
	display: flex;
	flex-wrap: wrap;
	place-content: center;
	place-items: center;
	gap: 2rem;
}

.card__cover h4 {
	font-size: 14px;
	font-weight: 700;
	padding: 0 0.8rem 0.8rem;
	color: #1f222f;
	max-width: 26rem;
}

.card__cover--bg-img {
	background: url("./resources/card__cover__bg.png") no-repeat;
	min-height: 20.2rem;
	max-height: 20.2rem;
	min-width: 29.6rem;
	max-width: 29.6rem;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}

.card__cover--bg-img::before {
	content: "";
	background-color: transparent;
	position: absolute;
	display: block;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: all 0.4s ease-in;
}

.card__cover--bg-img:hover::before {
	background-color: rgba(0, 0, 0, 0.2);
	transition: all 0.4s ease-in-out;
}

.card__cover--plus {
	display: none;
	place-content: center;
	place-items: center;
	min-height: 4rem;
	max-height: 4rem;
	min-width: 4rem;
	max-width: 4rem;
	border-radius: 50%;
	position: absolute;
	z-index: 3;
	top: 2rem;
	right: 2rem;
	background-color: #0011176e;
	color: #fff;
}

.card__cover--plus i {
	font-size: 1.8rem;
	line-height: normal;
}

.card__cover--bg-img:hover .card__cover--plus {
	display: flex;
}

.card__cover--bg {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 4px;
	border-radius: 20px;
	border: 1px solid #f0f0f0;
	background: rgba(18, 18, 18, 0.11);
	backdrop-filter: blur(20px);
	padding: 8px;
	min-height: 20.2rem;
	max-height: 20.2rem;
	min-width: 29.6rem;
	max-width: 29.6rem;
	user-select: none;
}

.card__cover--img img {
	min-height: 9rem;
	max-height: 9rem;
	min-width: 9rem;
	max-width: 9rem;
	border-radius: 1.2rem;
	object-fit: cover;
}

.container__manage--gallery {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 2rem;
	margin: 2rem;
}

/* globals */

.row {
	padding: 8px 0;
}

.form-group label {
	font-size: 13px;
	font-weight: 400;
	line-height: 16px;
	padding-left: 0.4rem;
	color: #343a3f;
}

input,
select,
input.form-control,
.form-group input,
.form-group select {
	font-size: 13px;
	font-weight: 400;
	color: var(--neutral-700);
	padding: 0.4rem 1.2rem;
	border-radius: 4px;
	border: 1px solid #ced4da;
	background-color: #fff;
	box-shadow: none;
}

input:hover,
input:focus,
input:active,
select:hover,
select:focus,
select:active,
input.form-control:hover,
input.form-control:focus,
input.form-control:active,
.form-group input:hover,
.form-group input:focus,
.form-group input:active,
.form-group select:hover,
.form-group select:focus,
.form-group select:active {
	box-shadow: none;
}

input:focus,
input.form-control:focus,
.form-group input:focus,
.form-group select:focus {
	color: #212529;
	background-color: #fff;
	border-color: #86b7fe;
	outline: 0;
	box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.25);
}

input::placeholder,
input.form-control::placeholder,
.form-group input::placeholder,
.form-group select::placeholder {
	color: #adb5bd;
}

input.form-control[disabled],
input.form-control[readonly],
fieldset[disabled] .form-control {
	background-color: #eee;
	border-color: #ced4da;
}

select,
.form-group select {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 0.75rem center;
	background-size: 16px 12px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* globals */