.close-button {
    position: absolute;     /* Posiciona el botón fuera del flujo normal */
    top: 10px;              /* Ajusta la distancia desde la parte superior */
    right: 10px;            /* Ajusta la distancia desde la derecha */
    z-index: 1;             /* Asegura que el botón esté por encima del logo */
    background-color: rgba(255, 255, 255, 0.8);     /* Agrega un fondo semi-transparente */
    border-radius: 50%;     /* Hace el botón redondo */
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.3); /* Sombra sutil */
    transition: box-shadow 0.3s ease; /* Agrega una transición suave */
}
.close-button:hover {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.4); /* Sombra sutil al pasar el mouse */
}

.logo-container {
    position: relative;     /* Importante: establece el contexto para el posicionamiento absoluto */
    padding: 4px;           /* Añade un poco de espacio alrededor del logo */
}
.logo{
    width: 100%;
    max-height: 100px;
    object-fit: contain;
}
.router-link-exact-active {
    background-color: rgba(0, 0, 0, .05);
    border-radius: 5px;
    color: #1867c0 !important;
    caret-color: #1867c0 !important;
    font-style: italic;
    transition: .3s cubic-bezier(.25, .8, .5, 1);
}