/* ===============================
   MENU - TARJETA HORIZONTAL
================================ */

.menu-card{
display:flex;
align-items:center;
padding:12px;
border-bottom:1px solid #eee;
background:white;
gap:15px;
}

/* ===============================
   FOTO DEL PLATO
================================ */

.menu-card-img img{
width:90px;
height:90px;
object-fit:cover;
border-radius:10px;
}

/* ===============================
   INFO DEL PLATO
================================ */

.menu-card-info{
flex:1;
}

.menu-card-nombre{
font-weight:700;
font-size:16px;
margin-bottom:4px;
}

.menu-card-desc{
font-size:14px;
color:#666;
}

/* ===============================
   PRECIO
================================ */

.menu-card-precio{
font-weight:700;
font-size:18px;
white-space:nowrap;
}

/* ==============================
   BARRA DE SECCIONES
============================== */

.menu-secciones{
z-index:1000;
border-bottom:1px solid #eee;
}

.menu-secciones a{
white-space:nowrap;
}

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

.menu-categoria{
scroll-margin-top:80px;
}

/* ===============================
MENU CATEGORIAS
=============================== */

.menu-titulo{
font-size:22px;
font-weight:700;
margin-top:30px;
margin-bottom:15px;
border-bottom:2px solid #eee;
padding-bottom:8px;
}

/* ===============================
ITEM MENU
=============================== */

.menu-item{
display:flex;
align-items:center;
gap:14px;
padding:10px;
margin-bottom:10px;
background:#fff;
border-radius:10px;
cursor:pointer;
}

.menu-item:hover{
background:#fafafa;
}

/* imagen */

.menu-img img{
width:70px;
height:70px;
object-fit:cover;
border-radius:8px;
}

/* info */

.menu-info{
flex:1;
}

/* precio */

.menu-precio{
font-weight:700;
font-size:18px;
white-space:nowrap;
}