nav img {
    width: 190px;
    padding-right: 1.7rem;
}

/* ---------------MENU---------------- */
.navbar {
    font-size: 13px;
    transition: transform 0.3s ease-in-out;
}
.navbar.hidden {
    transform: translateY(-100%);
}

.nav-custom {
    background-color: var(--light-green);
}

.olas {
    display: flex;
    background-position: 0px 0;
    background-size: 50px;
    animation: olasIcono 5s linear infinite;
    background-repeat: repeat-x;
}

@keyframes olasIcono {
    to {
        background-position: -50px 0;
    }
}

.navbar-toggler-icon {
    background-color: var(--marronNavbar);
    background-image: url(/img/Lieas-olas.svg);
    width: 2rem;
    height: 32px;
}

.navbar-toggler {
    padding: 5px;
    border: none
}

.menu-custom {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    border-bottom: solid 3px var(--light-green);
}

.menu-custom:hover {
    background-color: var(--light-pink);
    border-bottom: solid 3px var(--super-dark-green);
    transition: 0.5s;
}

.menu-custom:active {
    background-color: var(--dark-pink);
    transition: 0.1s;
}

.active-menu {
    background-color: var(--light-pink);
    border-bottom: 3px solid var(--super-dark-green);
}

.turnos-button {
    color: var(--light-green);
    border: 2px solid var(--super-dark-green);
    background-color: var(--super-dark-green);
    padding: 0.7rem 2rem;
    border-radius: 999px;
    font-weight: 600;
    transition: 0.8s;
    text-decoration: none;
}

.turnos-button:hover {
    color: var(--super-dark-green);
    background-color: var(--light-green);
}

.checkgin-button {
    color: white;
    border: 2px solid var(--rosa-check-gin);
    background-color: var(--rosa-check-gin);
    padding: 0.7rem 2rem;
    border-radius: 999px;
    font-weight: 600;
    transition: 0.8s;
    text-decoration: none;
}

.checkgin-button:hover {
    color: var(--rosa-check-gin);
    background-color: var(--light-green);
}