.uk-navbar .uk-icon-button{
    width: 3.5vw;
    height: 3.5vw;
}
.uk-navbar .uk-icon-button svg{
    width: 2vw;
    height: 2vw;
}

.tm-header .uk-navbar-left{
    justify-content: space-between;
    width: 100%;
}

.uk-navbar-nav > li.uk-active.natura > a::before,
.uk-navbar-nav > li.natura:hover > a::before,
.uk-navbar-nav > li.natura > a[aria-expanded="true"]::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23f5035e%22%20points%3D%220%209%205.03%204.35%2010%208.98%2010%205.62%205.03%201%200%205.63%200%209%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-navbar-nav > li.uk-active.paisatge > a::before,
.uk-navbar-nav > li.paisatge:hover > a::before,
.uk-navbar-nav > li.paisatge > a[aria-expanded="true"]::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23ffed00%22%20points%3D%220%209%205.03%204.35%2010%208.98%2010%205.62%205.03%201%200%205.63%200%209%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-navbar-nav > li.uk-active.turisme > a::before,
.uk-navbar-nav > li.turisme:hover > a::before,
.uk-navbar-nav > li.turisme > a[aria-expanded="true"]::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%2300b3ec%22%20points%3D%220%209%205.03%204.35%2010%208.98%2010%205.62%205.03%201%200%205.63%200%209%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}

.uk-navbar-nav > li.uk-active.gastronomia > a::before,
.uk-navbar-nav > li.gastronomia:hover > a::before,
.uk-navbar-nav > li.gastronomia > a[aria-expanded="true"]::before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2210%22%20height%3D%2210%22%20viewBox%3D%220%200%2010%2010%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23eb5e1f%22%20points%3D%220%209%205.03%204.35%2010%208.98%2010%205.62%205.03%201%200%205.63%200%209%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");
}


@media(max-width:640px){
    .uk-text-large {
        font-size: 25px;
    }
    .uk-text-lead {
        font-size: 25px;
    }
    html{
        font-size: 16px;
    }
    .uk-button{
        font-size: 18px;
        line-height: 33px;
    }


}


@media (min-width: 960px) {
    .uk-navbar-item, 
    .uk-navbar-nav > li > a, 
    .uk-navbar-toggle,
    .uk-navbar .uk-button{
        font-size: 1.4vw;
        min-height: 1.4vw;
    }
    .uk-navbar-nav,
    .uk-navbar-right {
        gap: 1.8vw;
    }
    .uk-logo{
        width: 24vw;
    }
    .uk-button{
        line-height: 2.5vw;
    }
  }

@media(max-width:960px){
    .uk-navbar-item, 
    .uk-navbar-nav > li > a, 
    .uk-navbar-toggle{
        font-size: 16px;
        min-height: 60px;
    } 
    .uk-navbar .uk-button{
        font-size: 16px;
    } 
}

@media(max-width:1150px){
    .uk-navbar-right > div:last-child{
        display: none;
    }
}


@media(min-width:1484px){
    .uk-logo{
        width: 358px;
    }
}

@media(min-width:1650px){
    .uk-navbar-item, 
    .uk-navbar-nav > li > a, 
    .uk-navbar-toggle,
    .uk-navbar .uk-button{
        font-size: 26px;
    } 
    .uk-navbar .uk-icon-button{
        width: 50px;
        height: 50px;
    }
    .uk-navbar .uk-icon-button svg{
        width: 30px;
        height: 30px;
    }
    .uk-button{
        line-height: 44px;
    }
}


@keyframes rotarimatge {
    from {
        transform: rotate(180deg); /* Inicia la rotació des de 0 graus */
    }
    to {
        transform: rotate(0deg); /* Acaba la rotació a 180 graus */
    }
}


@keyframes openLens {
    0% {
      clip-path: circle(0% at 50% 50%); 
      -webkit-clip-path: circle(0% at 50% 50%);
    }
    100% {
      clip-path: circle(75% at 50% 50%);
      -webkit-clip-path: circle(75% at 50% 50%); 
    }
  }