/* ========================================= */
/* RESET */
/* ========================================= */

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

/* ========================================= */
/* BODY */
/* ========================================= */

body{
    background:#1f1f1f;
    font-family:Arial, Helvetica, sans-serif;
    display:flex;
    justify-content:center;
}

/* ========================================= */
/* CONTENEDOR PRINCIPAL */
/* ========================================= */

.menu-container{

    width:100%;
    max-width:430px;

    background:#ffffff;

    min-height:100vh;

    box-shadow:0 0 30px rgba(0,0,0,.45);

}

/* ========================================= */
/* SECCIONES */
/* ========================================= */

.menu-section{

    width:100%;

    margin-bottom:18px;

    border-radius:12px;

    overflow:hidden;

}

/* ========================================= */
/* IMAGENES */
/* ========================================= */

.menu-section img{

    display:block;

    width:100%;

    height:auto;

    user-select:none;

    -webkit-user-drag:none;

}

/* ========================================= */
/* LINKS */
/* ========================================= */

a{

    text-decoration:none;

    color:inherit;

}

/* ========================================= */
/* SCROLL */
/* ========================================= */

html{

    scroll-behavior:smooth;

}

/* ========================================= */
/* RESPONSIVE */
/* ========================================= */

@media (max-width:430px){

    .menu-container{

        max-width:100%;

        box-shadow:none;

    }

}