.titulo {
	text-align: center;
	color: #37C8AB;
	font-family: arial;
	font-size: 2vw;
}

.textRegistro {
	color: #FFFFFF;
	font-family: arial;
	padding-top: 10px;
	font-size: max(20px, 1.1vw);
}

.textDialogo {
	color: #FFFFFF;
	font-family: arial;
	padding-top: 10px;
	font-size: max(15px, 1.1vw);
}

dialog::backdrop {
	background: rgba(0, 0, 0, .6);
}

#dialogo {
	border: none;
	border-radius: 10px;
	text-align: center;
}

.dialogo {
	width: max(250px, 35%);
	position: absolute;
	top: 30%;
	left: 30%;
	transform: translate(-50%, -50%);
	background-color: #00222B;
	border: 1px solid #37C8AB;;
	border-radius: 5px;
	font-family: arial;
}

.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 32% max(170px, 14%) max(10px, 2%) max(200px, 20%)
		32%;
	grid-gap: 1vw;
	padding: 0.1vh;
}

@media screen and (max-width: 600px) {
	.grid-container {
		grid-template-columns: 1fr;
	}
}

.grid-container13 {
	display: grid;
	width: 100%;
	grid-template-columns: 50% 50%;
}

.grid-container-bt {
	display: grid;
	width: 100%;
	grid-template-columns: max(20px, 1.1vw) max(85px, 1.1vw);
}

.bn {
	width: max(110px, 8.5vw);
	height: max(35px, 1.5vw);
	position: relative;
	text-align: right;
	font-family: arial;
	font-size: max(15px, 1.1vw);
	color: grey;
	border: 1px solid #FFFFFF;
	border-radius: 1vh;
	transition: all 1s ease;
	cursor: pointer;
}

.bn:hover {
	color: #fff !important;
}

.bn-aceptar {
	background-color: #00222B;
}

.bn-aceptar-texto {
	text-align: right;
	font-size: max(18px, 1.3vw);
	background-color: rgba(255, 255, 255, 0);
	font-family: arial;
	transition: all 1s ease;
	cursor: pointer;
	border: none;
}

.tooltip {
	position: relative;
}

.tooltip .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 50%;
	margin-left: -60px;
	opacity: 0;
	transition: opacity 0.3s;
}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}