.panel-body {

	padding: 20px;

}



.opcion-recuperacion {

	display: flex;

	align-items: center;

	gap: 10px;

	padding: 10px;

	border: 1px solid #ddd;

	border-radius: 5px;

	margin-bottom: 10px;

	cursor: pointer;

	transition: background 0.3s;

}



.opcion-recuperacion:hover {

	background: #f5f5f5;

}



.radio-container {

	display: flex;

	align-items: center;

	gap: 10px;

	width: 100%;

}



.icono {

	font-size: 24px;

}



.info-resaltada {

	font-style: italic;

	font-weight: 700;

}



.mensaje-advertencia {

	font-size: 14px;

	color: #777;

	margin-top: 10px;

}



.botones-container {

	display: flex;

	justify-content: center;

	gap: 10px;

	margin-top: 15px;

}



.btn {

	padding: 10px 15px;

	text-align: center;

	font-size: 14px;

	border-radius: 5px;

	transition: all 0.3s;

}



.btn-danger {

	background-color: #d9534f;

	color: white;

	border: none;

}



.btn-danger:hover {

	background-color: #c9302c;

}



.btn-primary {

	background-color: #337ab7;

	color: white;

	border: none;

}



.btn-primary:hover {

	background-color: #286090;

}





.input-container {

  position: relative;

  width: 100%;

}



.input-container input {

  width: 100%;

  padding: 10px 40px 10px 10px; /* Espacio derecho para el ícono */

  height: 40px;

  border-radius: 5px;

  border: none;

}



.toggle-password {

  position: absolute;

  top: 58%;

  right: 27px;

  transform: translateY(-50%);

  cursor: pointer;

  color: #ccc;

  font-size: 16px;

}



@media screen and (max-width: 480px) {

	.toggle-password {

		top:66%;

	}

}