/* =========================================
   LUHNKÖ RESPONSIVE - VERSIÓN LIMPIA
   ========================================= */

html {
    width: 100%;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior-y: auto;
    -webkit-text-size-adjust: 100%;
}

body {
    width: 100%;
    min-height: 100vh;
    height: auto !important;
    max-height: none !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    overscroll-behavior: auto !important;
    touch-action: pan-x pan-y !important;

    -webkit-overflow-scrolling: touch;
}

main {
    width: 100%;
    height: auto !important;
    max-height: none !important;
    min-height: 100vh;

    overflow: visible !important;
}

img {
    max-width: 100%;
}


/* =========================================
   MENÚ MÓVIL
   ========================================= */

#luhnko-mobile-nav {
    display: none;
}

@media (max-width: 1279px) {

    /* No generar ningún segundo menú */
    #luhnko-mobile-menu-button,
    #luhnko-mobile-menu {
        display: none !important;
    }

    #luhnko-mobile-nav {
        display: block !important;

        position: fixed !important;
        top: 14px !important;
        right: 18px !important;

        width: 46px !important;
        height: 46px !important;

        z-index: 10000 !important;
    }

    #luhnko-mobile-nav > summary {
        display: flex !important;

        width: 46px !important;
        height: 46px !important;

        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;

        list-style: none !important;

        border: 1px solid #865d3c !important;
        background: #fff8f4 !important;
        color: #4A3022 !important;

        font-size: 25px !important;
        line-height: 1 !important;

        cursor: pointer !important;
    }

    #luhnko-mobile-nav > summary::-webkit-details-marker {
        display: none;
    }

    #luhnko-mobile-nav[open] > summary {
        background: #4A3022 !important;
        color: #fff8f4 !important;
    }

    #luhnko-mobile-nav > nav {
        display: none;
    }

    #luhnko-mobile-nav[open] > nav {
        display: flex !important;
        flex-direction: column !important;

        position: fixed !important;

        top: 72px !important;
        left: 14px !important;
        right: 14px !important;

        width: auto !important;
        max-height: calc(100vh - 90px);

        overflow-y: auto;

        padding: 12px 18px 18px;

        background: #fff8f4;
        border: 1px solid rgba(74,48,34,.18);
        box-shadow: 0 14px 35px rgba(40,25,20,.18);

        z-index: 9999;
    }

    #luhnko-mobile-nav nav a {
        display: block;

        padding: 14px 10px;

        color: #4A3022;
        text-decoration: none;

        border-bottom: 1px solid rgba(74,48,34,.10);
    }

    #luhnko-mobile-nav nav a.activo {
        font-weight: 700;
        border-left: 3px solid #865d3c;
        padding-left: 14px;
    }


    /* =====================================
       CONTENIDO MÓVIL
       ===================================== */

    h1 {
        font-size: clamp(2.6rem, 11vw, 4rem) !important;
        line-height: 1.06 !important;
    }

    h2 {
        line-height: 1.12 !important;
    }

    section {
        max-width: 100%;
    }

    [class~="h-screen"] {
        height: auto !important;
        min-height: 100vh !important;
    }
}


@media (min-width: 1280px) {

    #luhnko-mobile-nav {
        display: none !important;
    }
}