.logo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    text-decoration: none;
}
/* Estilos para el contenedor de palabras */
.logo .words {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* Estilos para la palabra "urbanización" */
.logo .words > span {
    font-size: 15px;
    margin-bottom: -5px; /* Ajusta el espaciado vertical negativo para reducir el espacio hacia abajo */
}
/* Estilos para el em en "los olivos del norte" */
.logo .words em {
    font-size: 28px; /* Tamaño de fuente más grande para "los olivos del norte" */
}
/* Estilos para la imagen cuadrada en un círculo */
img {
    max-width: 100px; /* Ajusta el ancho máximo de la imagen según tus necesidades */
    height: auto;     /* Mantén la relación de aspecto original */
    display: block;   /* Centra la imagen en el contenedor */
    margin: 0 auto;   /* Centra la imagen horizontalmente */
    border-radius: 50%; /* Aplica un borde redondeado para formar un círculo */
}