@media (min-width: 993px) {
    .navbar {
        flex-wrap: nowrap;
        padding: 0 var(--shell-footer-px);
    }

    .three-bars {
        display: none !important;
    }

    .navbar-collapse {
        display: flex !important;
        flex: 1 1 auto;
        min-width: 0;
    }

    .navbar-nav {
        width: 100%;
        justify-content: flex-start;
    }

    .nav-dropdown-menu {
        position: fixed;
    }
}

@media (max-width: 992px) {
    .navbar {
        flex-wrap: wrap;
        align-items: center;
        padding: 0 12px;
        gap: 0;
        height: auto;
        min-height: var(--shell-topbar-h);
    }

    .logotipo {
        flex: 1 1 auto;
        min-width: 0;
    }

    .navbar-end {
        order: 2;
    }

    .navbar-collapse {
        display: none;
        width: 100%;
        order: 3;
        padding: 0;
        border-top: 1px solid rgba(255, 255, 255, .08);
        margin-top: 8px;
    }

    .navbar-collapse.show {
        display: block;
        padding-bottom: 8px;
    }

    .navbar-nav {
        flex-direction: column;
        align-items: stretch;
        overflow-x: visible;
        overflow-y: visible;
        width: 100%;
        gap: 0;
    }

    .navbar-nav .nav-item {
        width: 100%;
    }

    .navbar-nav .nav-link {
        width: 100%;
        justify-content: center;
        padding: 10px 12px;
    }

    .nav-dropdown {
        width: 100%;
    }

    .nav-dropdown-menu {
        position: static;
        transform: none;
        visibility: hidden;
        opacity: 1;
        max-height: 0;
        overflow: hidden;
        border: none;
        box-shadow: none;
        padding: 0;
        transition: max-height .2s ease;
        pointer-events: auto;
        min-width: 0;
        max-width: none;
    }

    .nav-dropdown-menu::before {
        display: none;
    }

    .nav-dropdown.is-open .nav-dropdown-menu {
        visibility: visible;
        max-height: 480px;
        overflow-y: auto;
        margin-top: 2px;
        margin-bottom: 4px;
        border-radius: 6px;
        background: rgba(0, 0, 0, .2);
    }

    .nav-dropdown:hover .nav-dropdown-menu {
        visibility: hidden;
        max-height: 0;
    }

    .nav-dropdown.is-open:hover .nav-dropdown-menu {
        visibility: visible;
        max-height: 480px;
    }

    .nav-dropdown-link {
        padding: 10px 16px;
        text-align: left;
    }

    .three-bars {
        display: flex;
    }

    .btn-theme,
    .btn-lang {
        color: #fff;
    }

    .container {
        width: 100%;
        padding: 0 15px;
    }
}

@media (max-width: 768px) {
    .feedback-fab-wrap {
        bottom: 1rem;
        right: 1rem;
    }

    .feedback-fab {
        width: 3.25rem;
        height: 3.25rem;
        min-width: 3.25rem;
        min-height: 3.25rem;
    }
}

@media (max-width: 682px) {
    .container {
        width: 100%;
        padding: 2px 0;
    }

    footer.site-footer {
        padding: 12px 20px max(1rem, env(safe-area-inset-bottom, 0px));
    }

    footer .content ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        padding: 0;
        gap: 0;
    }

    footer .content ul li {
        display: inline;
        padding: 0 10px;
    }

    footer .content ul li:first-child {
        flex-basis: 100%;
    }

    footer .content ul li:not(:first-child):not(:last-child)::after {
        content: '|';
        margin-right: 5px;
    }

    #dropArea {
        padding: 5px;
        margin: 5px 0;
    }

    .area {
        padding: 5px !important;
        margin-top: 5px !important;
    }

    h1 {
        font-size: medium;
    }
    h2,
    h3,
    h4,
    h5 {
        font-size: medium;
    }
    input[type="text"],
    input[type="number"],
    select,
    textarea {
        padding: 2px;
        font-size: small;
    }

    .wrapper {
        padding: 0 10px 10px 10px;
        width: 100%;
    }
    .button {
        padding: 0.3rem 0.5rem;
        font-size: small;
        line-height: 1;
    }
}

@media (max-width: 340px) {
    .navbar {
        padding: 8px 10px;
    }

    footer .content ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        font-size: x-small;
    }

    footer .content ul li {
        display: block;
        padding: 0;
    }

    footer .content ul li::after {
        content: none !important;
    }

    .item {
        min-height: 132px;
        padding: 12px 8px;
    }

    .item > img {
        height: 72px;
    }

    .item h3 {
        font-size: 12px;
    }

    .section-head h2 {
        font-size: 11px;
    }

    .lista {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
        gap: 10px;
    }

    .search-container {
        padding: 5px;
        font-size: small;
        max-height: 62px;
    }

    .input-text {
        padding: 0.15rem 0.40rem;
        font-size: small;
        line-height: 1;
        margin: 0;
    }

    .wrapper {
        padding: 0 10px 10px 10px;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .wrapper-100 {
        padding: 2px;
        height: calc(100% - 80px);
        overflow-y: auto;
        overflow-x: hidden;
    }
}

@media (max-width: 992px) {
    .nav-lang .nav-dropdown-menu {
        right: 0;
        left: auto;
    }
}