.rd-navbar-brand {
	position: fixed;
	top: 10px;
	left: 10px;
	z-index: 1000; /* Asegura que esté encima de todo */
	}

	.rd-navbar-brand img {
	width: 60px; /* Ajusta el tamaño del logo */
	border-radius: 50%; /* Hace que el logo sea redondo */
	transition: opacity 0.3s ease-out; /* Suaviza las transiciones */
	}
	.rd-navbar-dropdown {
	display: none;
	position: absolute;
	background-color: #ffffff; /* Ajusta colores según el diseño */
	list-style: none;
	padding: 10px;
	box-shadow: 0px 4px 6px rgba(0,0,0,0.1);
	}

	.rd-nav-item:hover .rd-navbar-dropdown {
	display: block;
	}
	.rd-navbar-nav-wrap {
	margin-left: 60px; /* Ajusta el valor según necesites */
	}
	.hover-effect {
	transition: transform 0.3s ease-in-out;
	}

	.hover-effect:hover {
	transform: scale(1.1); /* Agranda la imagen un 10% */
	}
	.thumbnail-mary-figure img {
	width: 100%; /* Ajusta automáticamente al contenedor */
	height: 195px; /* Mantiene la altura definida */
	object-fit: cover; /* Recorta la imagen manteniendo proporciones */
	display: block;
	}