/* Cliente Pro — escritorio real sin romper la experiencia móvil */
@media(min-width:768px){
 body{background:#eef1eb!important}.app-rest{max-width:1440px!important;margin:0 auto!important;background:var(--fondo)!important;min-height:100vh!important;box-shadow:0 0 60px rgba(20,33,10,.08)!important}.pantalla-rest{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;border-radius:0!important;overflow:visible!important}.pantalla-rest.scroll-y{height:auto!important;overflow:visible!important}
 #pantallaBienvenida{position:fixed!important;inset:0!important;max-width:none!important}.bienvenida-contenido{max-width:720px!important;margin:0 auto!important}.r-header{padding:18px 42px 10px!important}.r-carrusel{height:360px!important;max-width:1360px!important;margin:0 auto 8px!important;border-radius:0 0 28px 28px!important}.r-promo-banner{max-width:1360px!important;margin-left:auto!important;margin-right:auto!important}.r-hero{padding:30px 42px 16px!important;max-width:1360px!important;margin:0 auto!important}.r-hero-titulo-grande{font-size:clamp(38px,5vw,68px)!important;line-height:.96!important}.r-hero-sub-grande{font-size:17px!important;max-width:620px!important}.r-buscador{max-width:720px!important;margin:8px auto 14px!important}.r-filtros,.r-cat-dropdown,.r-categorias,.r-seccion-titulo,.r-platos,.r-scroll-h{max-width:1360px!important;margin-left:auto!important;margin-right:auto!important}.r-platos:not(.vista-lista){grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important;padding:8px 42px 34px!important}.r-platos:not(.vista-lista) .r-plato-card{min-height:100%!important}.r-platos:not(.vista-lista) .r-plato-foto-flotante{height:220px!important}.r-platos.vista-lista{max-width:1000px!important}.r-navbar{position:sticky!important;bottom:0!important;left:0!important;right:0!important;height:64px!important;max-width:none!important;border-radius:0!important}.r-footer{max-width:1360px!important;margin-left:auto!important;margin-right:auto!important}.r-sheet{left:50%!important;right:auto!important;width:min(620px,94vw)!important;transform:translate(-50%,110%)!important}.r-sheet.abierto{transform:translate(-50%,0)!important}.r-carrito-flotante{left:auto!important;right:42px!important;max-width:380px!important;border-radius:18px!important}.r-popup-card{max-width:520px!important}}
@media(min-width:1200px){.r-platos:not(.vista-lista){grid-template-columns:repeat(4,minmax(0,1fr))!important}.r-platos:not(.vista-lista) .r-plato-foto-flotante{height:235px!important}}

/* Fix navegación desktop: persistente, centrada y sin solapar contenido */
@media(min-width:768px){
  .r-navbar{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    width:min(1440px,100vw)!important;
    max-width:1440px!important;
    height:68px!important;
    transform:translateX(-50%)!important;
    z-index:120!important;
    border-radius:0!important;
    box-shadow:0 -8px 28px rgba(20,33,10,.12)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
  }
  body:has(#pantallaBienvenida.activa) .r-navbar,
  body.en-bienvenida .r-navbar{
    transform:translate(-50%,120%)!important;
  }
  .r-footer-espaciador{height:88px!important}
  .r-footer{padding-bottom:24px!important}
  .r-nav-btn{min-width:0!important}
  .r-navbar .r-nav-btn{display:flex!important;flex:1 1 0!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-direction:row!important}
  .r-navbar .r-nav-btn svg{width:20px!important;height:20px!important;flex-shrink:0!important}
  .r-navbar .r-nav-btn span{font-size:12px!important;font-weight:700!important;white-space:nowrap!important}
}

/* Desktop real: navegación superior + modales centrados */
@media (min-width:1024px){
  #pantallaMenu{padding-top:78px!important;}
  .r-header{top:78px!important;padding:16px 42px!important;}

  .r-navbar{
    position:fixed!important;
    top:0!important;
    bottom:auto!important;
    left:50%!important;
    right:auto!important;
    width:min(1440px,100vw)!important;
    max-width:1440px!important;
    height:78px!important;
    padding:10px 34px!important;
    transform:translateX(-50%)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    background:rgba(255,255,255,.96)!important;
    border-top:0!important;
    border-bottom:1px solid rgba(20,33,10,.08)!important;
    border-radius:0!important;
    box-shadow:0 8px 28px rgba(20,33,10,.07)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
    z-index:150!important;
  }
  .r-navbar .r-nav-btn{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:118px!important;
    height:52px!important;
    padding:0 18px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:14px!important;
    color:var(--texto-suave)!important;
    transition:background .18s,color .18s,transform .18s!important;
  }
  .r-navbar .r-nav-btn:hover{background:var(--panel-2)!important;color:var(--texto)!important;transform:translateY(-1px)!important;}
  .r-navbar .r-nav-btn.activo{background:color-mix(in srgb,var(--acento-fuerte,#ff8c42) 14%,#fff)!important;color:var(--acento-fuerte,#ff8c42)!important;}
  .r-navbar .r-nav-btn.activo::before{display:none!important;}
  .r-navbar .r-nav-btn svg{width:19px!important;height:19px!important;}
  .r-navbar .r-nav-btn span{font-size:13px!important;font-weight:800!important;}
  body:has(#pantallaBienvenida.activa) .r-navbar,
  body.en-bienvenida .r-navbar{transform:translate(-50%,-120%)!important;}

  .r-overlay{
    position:fixed!important;
    inset:0!important;
    border-radius:0!important;
    background:rgba(20,20,18,.38)!important;
    backdrop-filter:blur(3px)!important;
    -webkit-backdrop-filter:blur(3px)!important;
    z-index:180!important;
  }
  .r-sheet{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:50%!important;
    bottom:auto!important;
    width:min(680px,calc(100vw - 64px))!important;
    max-height:min(82vh,760px)!important;
    border-radius:26px!important;
    padding-bottom:18px!important;
    transform:translate(-50%,calc(-50% + 24px)) scale(.98)!important;
    opacity:0!important;
    visibility:hidden!important;
    box-shadow:0 32px 90px rgba(0,0,0,.28)!important;
    z-index:190!important;
  }
  .r-sheet.abierto{
    transform:translate(-50%,-50%) scale(1)!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .r-sheet-handle{display:none!important;}
  .r-sheet-header{padding:22px 24px 14px!important;border-bottom:1px solid var(--linea)!important;}
  .r-sheet-body{padding:18px 24px 6px!important;max-height:calc(82vh - 88px)!important;overflow-y:auto!important;}
  #rSheetCategorias{width:min(760px,calc(100vw - 64px))!important;}
  #rSheetMenuCompleto{width:min(1040px,calc(100vw - 64px))!important;max-height:86vh!important;}
  #rSheetDetalle{width:min(760px,calc(100vw - 64px))!important;}
  #rSheetCarrito{width:min(660px,calc(100vw - 64px))!important;}
  .r-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;}

  .r-carrito-flotante{
    position:fixed!important;
    left:auto!important;
    right:max(32px,calc((100vw - 1440px)/2 + 32px))!important;
    bottom:28px!important;
    width:auto!important;
    min-width:300px!important;
    max-width:390px!important;
    height:58px!important;
    border-radius:18px!important;
    z-index:140!important;
  }
  .r-footer-espaciador{height:24px!important;}
}

/* FIX DEFINITIVO DESKTOP: elimina el marco móvil heredado */
@media (min-width:1024px){
  html,body{
    width:100%!important;
    min-height:100%!important;
    height:auto!important;
    max-height:none!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
  }
  body{
    display:block!important;
    place-items:initial!important;
    background:#eef1eb!important;
  }
  body::before{display:none!important;content:none!important;}
  .app-rest{
    display:block!important;
    width:100%!important;
    max-width:1440px!important;
    height:auto!important;
    min-height:100vh!important;
    max-height:none!important;
    margin:0 auto!important;
    border-radius:0!important;
    overflow:visible!important;
    position:relative!important;
    box-shadow:0 0 60px rgba(20,33,10,.08)!important;
  }
  .pantalla-rest,
  .pantalla-rest.scroll-y,
  #pantallaMenu{
    width:100%!important;
    max-width:none!important;
    height:auto!important;
    min-height:100vh!important;
    max-height:none!important;
    overflow:visible!important;
    border-radius:0!important;
  }
  #pantallaMenu{padding-bottom:0!important;}
  #pantallaMenu.activa{display:block!important;}
  .r-header{width:100%!important;max-width:none!important;}
  .r-platos:not(.vista-lista){width:100%!important;}
}