.elementor-kit-566{--e-global-color-primary:#CE1126;--e-global-color-secondary:#006847;--e-global-color-text:#1D1D1B;--e-global-color-accent:#FFFDF5;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-566 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Variables de marca */ 
:root { --ml-green: #006847; --ml-red: #CE1126; --ml-cream: #FFFDF5; --ml-black: #1D1D1B; --ml-white: #FFFFFF; 
--ml-radius: 16px; --ml-shadow: 0 10px 30px rgba(0,0,0,0.08); 
} 
/* Fuente global */ 
body { 
font-family: 'Montserrat', sans-serif !important; 
background-color: var(--ml-cream) !important; 
color: var(--ml-black); 
} 
/* Títulos */ 
h1, h2, h3, h4, h5, h6 { 
font-family: 'Montserrat', sans-serif !important; 
margin: 0; 
} 
/* Botones base México Lindo */ 
.ml-btn { 
display: inline-flex; 
align-items: center; 
gap: 10px; 
background: var(--ml-red); 
color: var(--ml-white); 
font-family: 'Montserrat', sans-serif; 
font-weight: 700; 
font-size: 14px; 
text-transform: uppercase; 
letter-spacing: 1px; 
padding: 14px 28px; 
border-radius: 50px; 
text-decoration: none; 
transition: all 0.3s ease; 
box-shadow: 0 6px 20px rgba(206,17,38,0.25); 
} 
.ml-btn:hover { 
background: #a80f1f; 
gap: 14px; 
transform: translateY(-2px); 
} 
/* Botón verde secundario */ 
.ml-btn-green { 
background: var(--ml-green); 
box-shadow: 0 6px 20px rgba(0,104,71,0.25); 
} 
.ml-btn-green:hover { 
background: #005238; 
} 
/* Botón outline */ 
.ml-btn-outline { 
background: transparent; 
color: var(--ml-black); 
border: 2px solid var(--ml-black); 
box-shadow: none; 
} 
.ml-btn-outline:hover { 
border-color: var(--ml-red); 
color: var(--ml-red); 
background: transparent; 
} 
/* Tarjetas de platillo */ 
.ml-dish-card { 
background: var(--ml-white); 
border-radius: var(--ml-radius); 
overflow: hidden; 
box-shadow: var(--ml-shadow); 
transition: transform 0.3s ease, box-shadow 0.3s ease; 
display: flex; 
flex-direction: column; 
} 
.ml-dish-card:hover { 
transform: translateY(-6px); 
box-shadow: 0 18px 40px rgba(0,0,0,0.12); 
} 
.ml-dish-card img { 
width: 100%; 
height: 220px; 
object-fit: cover; 
} 
.ml-dish-card .content { 
padding: 20px; 
flex: 1; 
display: flex; 
flex-direction: column; 
} 
.ml-dish-card .title-row { 
display: flex; 
justify-content: space-between; 
align-items: flex-start; 
gap: 12px; 
margin-bottom: 8px; 
} 
.ml-dish-card h3 { 
color: var(--ml-green); 
font-size: 18px; 
font-weight: 700; 
line-height: 1.2; 
} 
.ml-dish-card .price { 
color: var(--ml-red); 
font-weight: 800; 
font-size: 18px; 
white-space: nowrap; 
} 
.ml-dish-card p { 
font-size: 14px; 
line-height: 1.5; 
color: var(--ml-black); 
opacity: 0.8; 
margin-bottom: 12px; 
flex: 1; 
} 
.ml-dish-card .badge { 
display: inline-block; 
background: rgba(0,104,71,0.08); 
color: var(--ml-green); 
font-size: 11px; 
font-weight: 700; 
text-transform: uppercase; 
letter-spacing: 0.5px; 
padding: 5px 10px; 
border-radius: 20px; 
width: fit-content; 
} 
/* Título de sección */ 
.ml-section-title { 
text-align: center; 
margin-bottom: 40px; 
} 
.ml-section-title h2 { 
color: var(--ml-red); 
font-size: 36px; 
font-weight: 800; 
text-transform: uppercase; 
letter-spacing: 2px; 
margin-bottom: 10px; 
} 
.ml-section-title p { 
color: var(--ml-black); 
font-size: 16px; 
opacity: 0.7; 
max-width: 600px; 
margin: 0 auto; 
} 
/* Barra de navegación sticky estilo Uber Eats */ 
.ml-nav { 
position: sticky; 
top: 0; 
z-index: 100; 
background: rgba(255,253,245,0.92); 
backdrop-filter: blur(12px); 
border-bottom: 1px solid rgba(0,0,0,0.06); 
padding: 14px 0; 
} 
.ml-nav .container { 
display: flex; 
align-items: center; 
justify-content: space-between; 
gap: 20px; 
} 
.ml-nav .logo img { 
height: 44px; 
} 
.ml-nav .links { 
display: flex; 
gap: 8px; 
overflow-x: auto; 
scrollbar-width: none; 
} 
.ml-nav .links::-webkit-scrollbar { display: none; } 
.ml-nav .links a { 
font-size: 13px; 
font-weight: 600; 
text-transform: uppercase; 
letter-spacing: 0.5px; 
color: var(--ml-black); 
background: transparent; 
padding: 8px 14px; 
border-radius: 50px; 
text-decoration: none; 
white-space: nowrap; 
transition: all 0.2s ease; 
} 
.ml-nav .links a:hover, 
.ml-nav .links a.active { 
background: var(--ml-red); 
color: var(--ml-white); 
} 
/* Hero pequeño */ 
.ml-hero { 
background: linear-gradient(135deg, var(--ml-green) 0%, #004d34 100%); 
color: var(--ml-white); 
text-align: center; 
padding: 80px 20px 60px; 
} 
.ml-hero h1 { 
font-size: 46px; 
font-weight: 900; 
text-transform: uppercase; 
letter-spacing: 3px; 
margin-bottom: 12px; 
} 
.ml-hero p { 
font-size: 18px; 
opacity: 0.9; 
max-width: 600px; 
margin: 0 auto 30px; 
} 
.ml-hero .ml-btn { 
background: var(--ml-white); 
color: var(--ml-red); 
} 
.ml-hero .ml-btn:hover { 
background: rgba(255,255,255,0.9); 
} 
/* Grid de platillos */ 
.ml-grid { 
display: grid; 
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); 
gap: 24px; 
} 
@media (max-width: 768px) { 
.ml-grid { grid-template-columns: 1fr; } 
.ml-hero h1 { font-size: 32px; } 
.ml-section-title h2 { font-size: 28px; } 
.ml-nav .links { gap: 6px; } 
}/* End custom CSS */