:root {
    --rse-orange: #ff6600;
    --rse-grey: #b7b7b7;
    --rse-text: #BFBFBF;
    --rse-shadow: 0 0.25vw 0.375vw -0.125vw rgba(0,0,0,.05), 0 0.625vw 0.938vw -0.188vw rgba(0,0,0,.10);
}

.explorar {
    justify-content: center;
    color: #ff6600 !important;
    width: 100%;
    font-family: Gotham-Book !important;
    font-size: 1.5vw !important;
    font-weight: 400 !important;
}

.rse-nav {
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.rse-nav__list {
    display: flex;
    align-items: center;
    gap: 1.5vw;
    background: #fff;
    border-radius: 9999px;
    padding: .625vw;
    box-shadow: var(--rse-shadow);
}

.rse-nav__item {
    list-style: none;
}

.rse-nav__link {
    display: flex;
    align-items: center;
    text-decoration: none;
    color: var(--rse-text) !important;
    border-radius: 9999px;
    gap: .875vw;
    transition: transform .18s ease,color .18s ease,background .18s ease;
}

    .rse-nav__link:hover {
        transform: translateY(-0.125vw);
    }

.rse-nav__icon-wrap {
    width: 4.688vw;
    height: 4.688vw;
    border-radius: 50%;
    display: grid;
    place-items: center;
    background: transparent;
    transition: background .18s ease,transform .18s ease;
}

.rse-nav__item:hover .rse-nav__icon-wrap {
    background: var(--rse-orange) !important;
}

.rse-nav__item:hover .rse-nav__icon {
    color: #fff !important;
}

    .rse-nav__item:hover .rse-nav__icon[src$=".svg"] {
        filter: brightness(0) invert(1) !important;
    }

.rse-nav__item.is-active .rse-nav__icon-wrap {
    background: var(--rse-orange) !important;
}

.rse-nav__icon {
    width: 2.5vw;
    height: 2.5vw;
    display: block;
    color: var(--rse-text) !important;
}

.rse-nav__item.is-active .rse-nav__icon {
    color: #fff !important;
}

.rse-nav__item .rse-nav__icon[src$=".svg"] {
    filter: none;
}

.rse-nav__item.is-active .rse-nav__icon[src$=".svg"] {
    filter: brightness(0) invert(1) !important;
}

.rse-nav__label {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left !important;
    color: var(--rse-text) !important;
    max-width: 0;
    max-height: 0;
    opacity: 0;
    transform: translateX(-0.375vw);
    overflow: hidden;
    transition: max-width 0.1s ease, max-height .22s ease, opacity .22s ease, transform .22s ease;
}


.label-line-1 {
    display: block;
    font-family: Gotham-Book !important;
    font-weight: 400 !important;
    font-size: 1.125vw !important;
    line-height: 1.2vw !important;
}

.label-line-2 {
    display: block;
    font-family: Gotham-Bold !important;
    font-weight: 700 !important;
    font-size: 1.5vw !important;
    line-height: 1.3vw !important;
}

.rse-nav__item:hover .rse-nav__label,
.rse-nav__item.is-active .rse-nav__label {
    max-width: 16.813vw;
    max-height: 2.875vw;
    opacity: 1;
    transform: translateX(0);
}

.rse-nav__caret {
    display: none;
}

.rse-nav__list--desktop {
    display: flex;
}

.rse-nav__head,
.rse-nav__panel {
    display: none;
}

/* MEDIA QUERY ORIGINAL (767px) - ESTILOS DUPLICADOS EN TAMAÑO (2x) */
@media (max-width:767px) {

    .rse-nav[aria-expanded="false"] {
        z-index: 0;
    }

    .rse-nav[aria-expanded="true"]::before {
        content: "";
        position: fixed;
        inset: 0;
        background: rgba(0,0,0,.45);
        pointer-events: all !important;
        z-index: 999;
    }

    .rse-nav__list--desktop {
        display: none;
    }

    .rse-nav {
        z-index: 1000;
    }

    .rse-nav__head {
        display: flex;
        width: 100%;
        position: relative;
        z-index: 999;
        justify-content: center;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    .rse-nav__list .rse-nav__list--head {
        margin: 0 !important;
    }

    .rse-nav__list--head {
        display: flex;
        flex-direction: column;
        gap: 1.2vw;
        border-radius: 2.4vw;
        background: transparent;
        box-shadow: none;
        margin: 0;
        padding: 0;
        align-items: center;
        width: 100%;
        margin-inline: auto;
    }

    .rse-nav__head .rse-nav__item {
        display: flex;
    }

    .rse-nav__head .rse-nav__link {
        width: 100% !important;
        justify-content: center;
        background: #fff;
        border-radius: 9999px;
        box-shadow: var(--rse-shadow);
        padding: 1.44vw 2.1vw;
        position: relative;
    }

    .rse-nav__head .rse-nav__item .rse-nav__icon-wrap {
        background: transparent !important;
        width: 4.8vw !important;
        height: 4.8vw !important;
    }

    .rse-nav__head .rse-nav__item .rse-nav__icon {
        color: var(--rse-orange) !important;
        width: 2.64vw !important;
        height: 2.64vw !important;
    }

        .rse-nav__head .rse-nav__item .rse-nav__icon[src$=".svg"] {
            filter: none !important;
        }

    .rse-nav__head .rse-nav__item.is-active .rse-nav__icon-wrap {
        background: var(--rse-orange) !important;
    }

    .rse-nav__head .rse-nav__item.is-active .rse-nav__icon {
        color: #fff !important;
    }

        .rse-nav__head .rse-nav__item.is-active .rse-nav__icon[src$=".svg"] {
            filter: brightness(0) invert(1) !important;
            width: 50% !important;
            height: 50% !important;
        }

    .rse-nav__head .rse-nav__link:hover {
        transform: none;
    }

    .rse-nav__head .rse-nav__caret {
        display: inline-block;
        margin-left: auto;
        width: 2.4vw;
        height: 2.4vw;
        color: var(--rse-orange) !important;
        transition: transform .2s ease;
    }

    .rse-nav[aria-expanded="true"] .rse-nav__head .rse-nav__caret {
        transform: rotate(180deg);
    }

    .rse-nav__panel {
        display: none;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        top: calc(100% + 1.2vw);
        max-width: 38.1vw;
        background: #fff;
        border-radius: 2.1vw;
        padding: 1.2vw;
        box-shadow: none;
        z-index: 1;
    }

    .rse-nav[aria-expanded="true"] .rse-nav__panel {
        display: block;
    }

    .rse-nav[aria-expanded="true"] .rse-nav__panel {
        z-index: 1001;
    }

    .rse-nav[aria-expanded="true"] .explorar,
    body:has(.rse-nav[aria-expanded="true"]) .explorar {
        position: relative;
        z-index: 1002;
        color: #fff !important;
    }

    .rse-nav__list--mobile {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 0vw !important;
        background: transparent;
        box-shadow: none;
        padding: 0;
        border-radius: 0;
        margin: 0 !important;
    }

    .rse-nav__panel .rse-nav__item {
        display: flex;
        width: 100%;
    }

    .rse-nav__panel .rse-nav__caret {
        display: none;
    }

    .rse-nav__panel .rse-nav__link {
        width: 100%;
        padding: 0.7512vw;
        background: transparent;
        border-radius: 1.2vw;
        box-shadow: none;
        transform: none;
    }

    .rse-nav__panel .rse-nav__icon-wrap {
        width: 4.2vw;
        height: 4.2vw;
        background: transparent !important;
    }

    .rse-nav__panel .rse-nav__icon {
        color: var(--rse-orange) !important;
        width: 50% !important;
        height: 50% !important;
    }

    .rse-nav__panel .rse-nav__label {
        max-width: 100%;
        max-height: 100%;
        opacity: 1;
        transform: none;
        color: var(--rse-text) !important;
        /* font-size: 5vw !important; */
    }

    .rse-nav__link:hover {
        transform: none;
    }

    .rse-nav__item:hover .rse-nav__icon-wrap {
        background: transparent;
    }

    .rse-nav__item:hover .rse-nav__icon {
        color: inherit !important;
    }

        .rse-nav__item:hover .rse-nav__icon[src$=".svg"] {
            filter: none !important;
        }

    .rse-nav__item:hover .rse-nav__label {
        max-width: none;
        max-height: none;
        opacity: 1;
        transform: none;
    }

    .rse-nav__item.is-active {
        margin-top: 1.2vw;
        min-width: 38.1vw;
    }
}

@media (hover: none), (pointer: coarse) {
    .rse-nav__link:hover {
        transform: none !important;
    }

    .rse-nav__item:hover .rse-nav__icon-wrap {
        background: transparent !important;
    }

    .rse-nav__item:hover .rse-nav__icon {
        color: inherit !important;
    }

        .rse-nav__item:hover .rse-nav__icon[src$=".svg"] {
            filter: none !important;
        }

    .rse-nav__item:hover .rse-nav__label {
        max-width: none !important;
        max-height: none !important;
        opacity: 1 !important;
        transform: none !important;
    }
}

.rse-nav__head .rse-nav__link:focus-visible,
.rse-nav__panel .rse-nav__link:focus-visible {
    outline: 0.125vw solid var(--rse-orange);
    outline-offset: 0.125vw;
    border-radius: .75vw;
}

@media (max-width:767px) {
    .rse-nav__list--desktop,
    .rse-nav__panel {
        box-shadow: none !important;
    }

    .rse-nav__head .rse-nav__link {
        box-shadow: var(--rse-shadow) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .rse-nav__link,
    .rse-nav__label,
    .rse-nav__head .rse-nav__caret {
        transition: none !important;
    }
}

/* MEDIA QUERY ORIGINAL (767px) - ESTILOS DUPLICADOS EN TAMAÑO (2x) */
@media all and (max-width: 767px) {
    .explorar {
        font-size: 3.57vw !important;
        line-height: 3.57vw !important;
    }

    .rse-nav__label {
        font-size: 3.57vw !important;
        line-height: 3.57vw !important;
    }

    .label-line-1, .label-line-2 {
        font-size: 3.57vw !important;
        line-height: 3.57vw !important;
        font-family: Gotham-Book !important;
    }

    .rse-nav__icon-wrap {
        width: 9.2004vw;
        height: 9.2004vw;
    }

    .rse-nav__icon {
        width: 4.90416vw;
        height: 4.90416vw;
    }

    .rse-nav__list--mobile {
        gap: 2.04vw;
    }

    .rse-nav__head .rse-nav__label {
        max-width: 35.95704vw;
        max-height: 8.976vw;
        opacity: 1;
        transform: none;
        white-space: normal;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

        .rse-nav__head .rse-nav__item:hover .rse-nav__label,
        .rse-nav__head .rse-nav__link:hover .rse-nav__label,
        .rse-nav__head .rse-nav__label:hover {
            max-width: none !important;
            max-height: 8.976vw !important;
            opacity: 1 !important;
            transform: none !important;
        }

    .rse-nav__panel {
        max-width: 88.77vw;
        border-radius: 3.57vw;
        padding: 2.04vw;
        top: calc(100% + 2.04vw);
    }

    .rse-nav__head .rse-nav__link {
        padding: 2.448vw 3.57vw;
        border-radius: 9999px;
    }

    .rse-nav__head .rse-nav__item .rse-nav__icon-wrap {
        width: 11.16vw !important;
        height: 11.16vw !important;
    }

    .rse-nav__head .rse-nav__item .rse-nav__icon {
        width: 4.488vw !important;
        height: 4.488vw !important;
    }

    .rse-nav__head .rse-nav__caret {
        width: 4.08vw;
        height: 4.08vw;
    }

    .rse-nav__panel .rse-nav__icon-wrap {
        width: 11.14vw;
        height: 11.14vw;
    }

    .rse-nav__panel .rse-nav__link {
        padding: 1.27704vw;
        border-radius: 2.04vw;
        gap: 1.7vw;
        width: 100%;
    }

    .rse-nav__item.is-active {
        min-width: 88.77vw;
        height: 15vw;
        margin-top: 2.04vw;
    }

    .rse-nav__head .rse-nav__link {
        box-shadow: 0 1.02vw 1.53vw -0.51vw rgba(0,0,0,.05), 0 2.55vw 3.825vw -0.765vw rgba(0,0,0,.10) !important;
        gap: 3vw;
    }

    .rse-nav__item:hover .rse-nav__label {
        max-width: none;
        max-height: 100%;
    }

    .rse-nav__item.is-active .rse-nav__label {
        max-width: none;
        max-height: 100%;
    }

    .rse-nav__item:hover .rse-nav__icon-wrap {
        background: none !important;
    }
}

@media (max-width: 767px) {
    .rse-nav__panel .rse-nav__label {
        display: inline-flex !important;
        flex-direction: row !important;
        white-space: nowrap !important;
    }

    .rse-nav__panel .label-line-1,
    .rse-nav__panel .label-line-2 {
        display: inline !important;
        line-height: inherit !important;
        margin-right: 1.3vw;
    }

        .rse-nav__panel .label-line-2::before {
            content: " ";
        }
}