.basyleo-ventana {
	position: relative;
	isolation: isolate;
	padding: 34px;
	background: rgba(26,26,26,.5);
	-webkit-backdrop-filter: blur(6px);
	backdrop-filter: blur(6px);
}

.basyleo-ventana::before {
	content: "";
	position: absolute;
	inset: -10px;
	z-index: -1;
	pointer-events: none;
	background-repeat: no-repeat;
	background-image: linear-gradient(to bottom,transparent,rgba(26,26,26,.5)),linear-gradient(to top,transparent,rgba(26,26,26,.5)),
		linear-gradient(to right,transparent,rgba(26,26,26,.5)),linear-gradient(to left,transparent,rgba(26,26,26,.5)),
		radial-gradient(circle at bottom right,rgba(26,26,26,.5),transparent),radial-gradient(circle at bottom left,rgba(26,26,26,.5),transparent),
		radial-gradient(circle at top right,rgba(26,26,26,.5),transparent),radial-gradient(circle at top left,rgba(26,26,26,.5),transparent);
	background-size: calc(100% - 20px) 10px,calc(100% - 20px) 10px,10px calc(100% - 20px),10px calc(100% - 20px),10px 10px,10px 10px,10px 10px,10px 10px;
	background-position: top center,bottom center,left center,right center,top left,top right,bottom left,bottom right;
}

dialog.basyleo-aviso,
dialog.basyleo-guardados {
	position: fixed;
	inset: 0;
	margin: auto;
	width: min(500px, calc(100% - 48px));
	max-width: calc(100% - 48px);
	max-height: 88vh;
	box-sizing: border-box;
	border: 0;
	border-radius: 0;
	color: #fff;
	font-family: inherit;
	overflow: visible;
}

dialog.basyleo-aviso[open],
dialog.basyleo-guardados[open] {
	display: flex;
	flex-direction: column;
}

dialog.basyleo-guardados {
	width: min(570px, calc(100% - 48px));
	padding-left: 44px;
	padding-right: 44px;
}

dialog.basyleo-aviso::backdrop,
dialog.basyleo-guardados::backdrop {
	background: rgba(0,0,0,.5);
}

.basyleo-aviso p,
.basyleo-guardados-lista {
	min-height: 0;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 2px 7px 2px 2px;
	scrollbar-width: thin;
	scrollbar-color: rgba(195,86,228,.55) transparent;
	-webkit-overflow-scrolling: touch;
}

.basyleo-aviso p::-webkit-scrollbar,
.basyleo-guardados-lista::-webkit-scrollbar { width: 7px; }
.basyleo-aviso p::-webkit-scrollbar-track,
.basyleo-guardados-lista::-webkit-scrollbar-track { background: transparent; }
.basyleo-aviso p::-webkit-scrollbar-thumb,
.basyleo-guardados-lista::-webkit-scrollbar-thumb {
	background: rgba(195,86,228,.55);
	border-radius: 4px;
}

.basyleo-texto-ventana,
.basyleo-aviso p,
.basyleo-guardados-lista button {
	color: #ddd;
	font-family: inherit;
	font-size: calc(16.065px * var(--basyleo-texto-ventana-escala, 1));
	overflow-wrap: anywhere;
}

.basyleo-aviso p {
	margin: 0 0 10px;
}

.basyleo-aviso-cabecera {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
}

.basyleo-aviso-con-cabecera p {
	margin: 30px 0 15px;
}

.basyleo-control-texto,
.basyleo-aviso button {
	box-sizing: border-box;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: transparent;
	color: #C356E4;
	font-family: Anton, Arial, Helvetica, sans-serif;
	font-size: 25px;
	cursor: pointer;
}

.basyleo-control-texto:not(:disabled):hover,
.basyleo-control-texto:not(:disabled):focus-visible,
.basyleo-aviso button:hover,
.basyleo-aviso button:focus-visible,
.basyleo-guardados-lista button:hover,
.basyleo-guardados-lista button:focus-visible {
	color: var(--resaltado-control-color, #F6D1FF);
}

.basyleo-aviso button { align-self: flex-end; }
.basyleo-guardados-cabecera { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.basyleo-titulo-ventana,
.basyleo-guardados h2 {
	margin: 0;
	font: 22px/1.2 Anton,Arial,Helvetica,sans-serif;
	color: #C356E4;
}
.basyleo-guardados-lista { display: grid; gap: 8px; margin-top: 30px; }
.basyleo-guardados-lista button {
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	text-align: left;
}
.basyleo-guardados-cerrar {
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	padding: 0;
	border: 0;
	background: transparent url("/Paleta2014/interfaz/cerrar.png?20261109a") center / 100% 100% no-repeat;
	cursor: pointer;
}
.basyleo-guardados-cerrar:hover,
.basyleo-guardados-cerrar:focus-visible { filter: brightness(var(--resaltado-control-brillo, 1.6)); }

.basyleo-aviso .basyleo-aviso-cerrar {
	flex: 0 0 32px;
	width: 32px;
	height: 32px;
	background: transparent url("/Paleta2014/interfaz/cerrar.png?20261109a") center / 100% 100% no-repeat;
}
.basyleo-aviso .basyleo-aviso-cerrar:hover,
.basyleo-aviso .basyleo-aviso-cerrar:focus-visible { filter: brightness(var(--resaltado-control-brillo, 1.6)); }