/* Anfitrião Jari — celular e tablet com cara de aplicativo (só até 1024px) */
.ajapp-nav, .ajapp-cats, .ajapp-perfil, .ajc-menu .ajc-menu__cats { display: none; }
.ajapp-nav, .ajapp-cats, .ajapp-perfil { --a-lar: #e8590c; --a-lar2: #f47b20; --a-cl: #fff3e8; --a-tx: #222; --a-mu: #6a6a6a; font-family: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--a-tx); }
.ajapp-nav *, .ajapp-cats *, .ajapp-perfil * { box-sizing: border-box; }
.ajapp-cats[hidden], .ajapp-perfil[hidden] { display: none !important; }

@media (max-width: 1024px) {
	body.ajapp-on { padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important; }

	/* botão ao lado do logo */
	.ajc-menu .ajc-menu__btn, .ajc-menu .ajc-menu__anuncie { display: none !important; }
	.ajc-menu .ajc-menu__cats, .ajc-menu .ajc-menu__cats:hover, .ajc-menu .ajc-menu__cats:focus { display: inline-flex !important; align-items: center; gap: 10px; border: 1px solid #ddd !important; border-radius: 999px !important; padding: 5px 6px 5px 14px !important; background: #fff !important; color: #222 !important; cursor: pointer; box-shadow: none !important; font: inherit !important; line-height: 1 !important; width: auto; height: auto; }
	.ajc-menu .ajc-menu__cats[aria-expanded="true"] { box-shadow: 0 2px 10px rgba(0,0,0,.15) !important; }

	/* menu de baixo */
	.ajapp-nav { display: flex; position: fixed; left: 0; right: 0; bottom: 0; z-index: 99990; justify-content: space-around; align-items: center; height: calc(68px + env(safe-area-inset-bottom)); padding: 0 8px env(safe-area-inset-bottom); background: #fff; border-top: 1px solid #ebebeb; box-shadow: 0 -2px 12px rgba(0,0,0,.04); }
	.ajapp-nav a { display: grid; justify-items: center; gap: 3px; width: 96px; padding: 8px 0; color: #717171 !important; text-decoration: none !important; font-size: 12px; font-weight: 600; line-height: 1.1; -webkit-tap-highlight-color: transparent; }
	.ajapp-nav a svg { width: 26px; height: 26px; }
	.ajapp-nav a.is-on { color: var(--a-lar) !important; font-weight: 800; }

	/* Hospedagem / Serviços / Delivery */
	.ajapp-cats { display: block; position: fixed; inset: 0; z-index: 99995; }
	.ajapp-cats__fundo { position: absolute; inset: 0; background: rgba(0,0,0,.35); }
	.ajapp-cats__box { position: absolute; left: 12px; right: 12px; top: 76px; max-width: 520px; margin: 0 auto; background: #fff; border-radius: 20px; box-shadow: 0 16px 40px rgba(0,0,0,.22); padding: 10px; animation: ajappDesce .18s ease-out; }
	.ajapp-cat { display: flex; align-items: center; gap: 14px; padding: 12px; border-radius: 14px; color: var(--a-tx) !important; text-decoration: none !important; }
	.ajapp-cat:hover, .ajapp-cat.is-on { background: var(--a-cl); }
	.ajapp-cat__t { flex: 1; min-width: 0; }
	.ajapp-cat__t b { display: block; font-size: 16px; font-weight: 800; }
	.ajapp-cat__t small { display: block; color: var(--a-mu); font-size: 13px; line-height: 1.3; }
	.ajapp-ico { width: 46px; height: 46px; flex: none; border-radius: 14px; background: var(--a-cl); color: var(--a-lar); display: grid; place-items: center; }
	.ajapp-ico svg { width: 24px; height: 24px; }
	.ajapp-ico--cheio { width: 56px; height: 56px; border-radius: 16px; background: linear-gradient(135deg, var(--a-lar), var(--a-lar2)); color: #fff; }
	.ajapp-ico--cheio svg { width: 28px; height: 28px; }
	.ajapp-seta { width: 18px; height: 18px; flex: none; color: #aaa; display: grid; }
	.ajapp-seta svg { width: 18px; height: 18px; }

	/* tela do perfil */
	.ajapp-perfil { display: block; position: fixed; left: 0; right: 0; top: 0; bottom: calc(68px + env(safe-area-inset-bottom)); z-index: 99989; background: #fff; overflow-y: auto; -webkit-overflow-scrolling: touch; animation: ajappSobe .2s ease-out; }
	.ajapp-perfil__in { max-width: 620px; margin: 0 auto; padding: 22px 18px 30px; }
	.ajapp-perfil .ajapp-h1 { font-family: "Nunito Sans", system-ui, sans-serif !important; font-size: 34px !important; font-weight: 900 !important; margin: 8px 0 18px !important; color: var(--a-tx) !important; line-height: 1.1 !important; }
	.ajapp-cartao { display: grid; justify-items: center; gap: 2px; padding: 26px 20px; border-radius: 24px; box-shadow: 0 6px 24px rgba(0,0,0,.1); text-align: center; }
	.ajapp-av { position: relative; width: 104px; height: 104px; border-radius: 50%; background: #ffe8d6; color: var(--a-lar); display: grid; place-items: center; font-size: 44px; font-weight: 900; margin-bottom: 10px; overflow: hidden; }
	.ajapp-av img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
	.ajapp-cartao b { font-size: 28px; font-weight: 900; line-height: 1.15; word-break: break-word; }
	.ajapp-cartao small { color: var(--a-mu); font-size: 15px; }
	.ajapp-cta { display: flex; align-items: center; gap: 14px; margin: 14px 0 8px; padding: 18px; border-radius: 20px; box-shadow: 0 6px 24px rgba(0,0,0,.1); color: var(--a-tx) !important; text-decoration: none !important; }
	.ajapp-cta b { display: block; font-size: 17px; font-weight: 800; }
	.ajapp-cta small { display: block; color: #555; font-size: 13.5px; line-height: 1.35; }
	.ajapp-lista a { display: flex; align-items: center; gap: 16px; padding: 16px 2px; border-bottom: 1px solid #f0f0f0; color: var(--a-tx) !important; text-decoration: none !important; font-size: 17px; }
	.ajapp-lista a > svg { width: 24px; height: 24px; flex: none; }
	.ajapp-lista a > span:nth-child(2) { flex: 1; }
	html.ajapp-travado, html.ajapp-travado body { overflow: hidden !important; }

	/* Barras fixas das páginas (sacola do delivery, reservar serviço/experiência) sobem para cima do menu de baixo */
	body.ajapp-on .ajd .ajd-barra, body.ajapp-on .ajd .ajd-barra:hover { bottom: calc(80px + env(safe-area-inset-bottom)) !important; z-index: 99991 !important; }
	body.ajapp-on .aja .aja-mbar, body.ajapp-on .ajs-mbar { bottom: calc(68px + env(safe-area-inset-bottom)) !important; padding-bottom: 10px !important; z-index: 99991 !important; }
	body.ajapp-on .ajd-sacola { z-index: 99996 !important; }
	body.ajapp-on.ajapp-com-barra { padding-bottom: calc(150px + env(safe-area-inset-bottom)) !important; }
}
@keyframes ajappDesce { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: none; } }
@keyframes ajappSobe { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }