Maggs Sandu\u00edches | 40 anos de tradi\u00e7\u00e3o<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue&family=Inter:wght@300;400;500;600;700;800;900&family=Yellowtail&display=swap\" rel=\"stylesheet\">\n <style>\n :root {\n --red: #e30613; --red2: #ff2424; --yellow: #ffc400; --yellow2: #ffe066;\n --black: #0a0a0a; --text: #1a1a1a; --muted: #666; --white: #fff; --cream: #fff9ee;\n }\n *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\n html { scroll-behavior:smooth; }\n body { font-family:'Inter',sans-serif; color:var(--text); background:var(--white); overflow-x:hidden; }\n a { text-decoration:none; color:inherit; }\n img { display:block; max-width:100%; }\n .container { width:min(1180px,92%); margin:auto; }\n\n \/* TOPBAR *\/\n .topbar { background:var(--black); color:#aaa; font-size:11.5px; font-weight:500; }\n .topbar .inner { display:flex; align-items:center; justify-content:space-between; min-height:34px; gap:12px; }\n .topbar span:first-child { color:var(--yellow); }\n .topbar span strong { color:#fff; }\n\n \/* NAV *\/\n .nav { height:80px; background:rgba(10,10,10,.97); position:sticky; top:0; z-index:200; backdrop-filter:blur(20px); border-bottom:1px solid rgba(255,255,255,.06); }\n .nav .inner { height:100%; display:flex; align-items:center; justify-content:space-between; }\n .logo { width:82px; }\n .menu { display:flex; align-items:center; gap:26px; }\n .menu a:not(.cta) { font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.8px; color:#bbb; position:relative; padding:6px 0; transition:color .25s; }\n .menu a:not(.cta)::after { content:''; position:absolute; left:50%; bottom:0; width:0; height:1.5px; background:var(--yellow); transform:translateX(-50%); transition:width .3s; }\n .menu a:not(.cta):hover { color:#fff; }\n .menu a:not(.cta):hover::after { width:100%; }\n .nav-actions { display:flex; gap:10px; }\n\n \/* HAMBURGER *\/\n .hamburger { display:none; flex-direction:column; justify-content:center; gap:5px; width:40px; height:40px; border:none; background:transparent; cursor:pointer; padding:8px; }\n .hamburger span { display:block; height:2px; background:#fff; border-radius:2px; transition:transform .35s, opacity .25s, width .25s; width:100%; }\n .hamburger.open span:nth-child(1) { transform:translateY(7px) rotate(45deg); }\n .hamburger.open span:nth-child(2) { opacity:0; width:0; }\n .hamburger.open span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }\n\n \/* MOBILE MENU DRAWER *\/\n .mobile-menu {\n display:none;\n position:fixed; inset:0; z-index:190;\n background:rgba(0,0,0,.97);\n backdrop-filter:blur(24px);\n flex-direction:column;\n align-items:center; justify-content:center;\n gap:8px;\n opacity:0; pointer-events:none;\n transition:opacity .35s;\n }\n .mobile-menu.open { opacity:1; pointer-events:all; }\n .mobile-menu a:not(.cta) {\n font-family:'Bebas Neue',sans-serif; font-size:clamp(36px,10vw,52px);\n color:rgba(255,255,255,.7); letter-spacing:2px;\n transition:color .2s, transform .2s;\n transform:translateY(10px);\n opacity:0;\n }\n .mobile-menu.open a:not(.cta) { transform:none; opacity:1; }\n .mobile-menu.open a:nth-child(1) { transition-delay:.05s; }\n .mobile-menu.open a:nth-child(2) { transition-delay:.1s; }\n .mobile-menu.open a:nth-child(3) { transition-delay:.15s; }\n .mobile-menu.open a:nth-child(4) { transition-delay:.2s; }\n .mobile-menu.open a:nth-child(5) { transition-delay:.25s; }\n .mobile-menu a:not(.cta):hover { color:var(--yellow); }\n .mobile-menu-actions { display:flex; gap:12px; margin-top:24px; }\n .mobile-menu-actions .cta { opacity:0; transform:translateY(10px); transition:opacity .3s, transform .3s; }\n .mobile-menu.open .mobile-menu-actions .cta { opacity:1; transform:none; transition-delay:.3s; }\n\n \/* BUTTONS *\/\n .cta {\n --c1:var(--red); --c2:var(--red2); --glow:rgba(227,6,19,.55);\n position:relative; display:inline-flex; align-items:center; justify-content:center; gap:8px;\n padding:14px 24px; border-radius:999px;\n font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.5px;\n color:#fff; border:none; cursor:pointer; overflow:hidden; isolation:isolate;\n transition:transform .22s cubic-bezier(.34,1.56,.64,1), box-shadow .22s;\n background:linear-gradient(135deg,var(--c1),var(--c2));\n box-shadow:0 6px 24px var(--glow); white-space:nowrap;\n }\n .cta svg { width:16px; height:16px; flex-shrink:0; position:relative; z-index:2; transition:transform .3s; }\n .cta span { position:relative; z-index:2; }\n .cta::before { content:''; position:absolute; inset:0; z-index:1; background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%); transform:translateX(-100%); transition:transform .55s; }\n .cta::after { content:''; position:absolute; inset:-3px; border-radius:inherit; background:linear-gradient(135deg,var(--c1),var(--c2)); z-index:-1; opacity:0; filter:blur(10px); transition:opacity .3s; }\n .cta:hover { transform:translateY(-3px) scale(1.04); box-shadow:0 14px 36px var(--glow); }\n .cta:hover::before { transform:translateX(160%); }\n .cta:hover::after { opacity:.7; }\n .cta:hover svg { transform:rotate(-8deg) scale(1.15); }\n .cta:active { transform:scale(.97); }\n .cta-y { --c1:var(--yellow); --c2:var(--yellow2); --glow:rgba(255,196,0,.5); color:#1a0a00; }\n .cta-y::after { background:linear-gradient(135deg,var(--yellow),var(--yellow2)); }\n .cta-outline { background:transparent; border:1.5px solid rgba(255,255,255,.35); box-shadow:none; --glow:transparent; backdrop-filter:blur(12px); }\n .cta-outline::before { background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%); }\n .cta-outline::after { display:none; }\n .cta-outline:hover { border-color:rgba(255,255,255,.7); background:rgba(255,255,255,.08); box-shadow:0 8px 24px rgba(0,0,0,.3); }\n .cta-ghost { background:transparent; border:1.5px solid var(--red); color:var(--red); box-shadow:none; --glow:transparent; }\n .cta-ghost::after { display:none; }\n .cta-ghost:hover { background:rgba(227,6,19,.06); box-shadow:0 8px 20px rgba(227,6,19,.18); }\n @keyframes ctaPulse { 0%,100%{box-shadow:0 6px 24px var(--glow)}50%{box-shadow:0 10px 42px var(--glow),0 0 0 6px rgba(227,6,19,.12)} }\n @keyframes ctaPulseY { 0%,100%{box-shadow:0 6px 24px rgba(255,196,0,.45)}50%{box-shadow:0 10px 42px rgba(255,196,0,.7),0 0 0 6px rgba(255,196,0,.14)} }\n .cta-pulse { animation:ctaPulse 2.4s ease-in-out infinite; }\n .cta-pulse-y { animation:ctaPulseY 2.6s ease-in-out infinite; }\n .cta-pulse:hover,.cta-pulse-y:hover { animation:none; }\n .cta-full { width:100%; }\n\n \/* HERO *\/\n .hero { position:relative; min-height:calc(100vh - 80px - 34px); display:flex; align-items:center; background:url(\"https:\/\/site.maggs.com.br\/wp-content\/uploads\/2026\/06\/FRENTE-MAGGS-SAO-JOSE.jpg\") center\/cover no-repeat; overflow:hidden; }\n .hero-overlay { position:absolute; inset:0; background:linear-gradient(105deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.65) 55%,rgba(0,0,0,.18) 100%),radial-gradient(ellipse at 80% 0%,rgba(255,196,0,.22),transparent 40%); }\n .hero-bottom { position:absolute; bottom:0; left:0; right:0; height:100px; background:linear-gradient(to bottom,transparent,var(--white)); }\n .hero .container { position:relative; z-index:2; padding:70px 0 100px; }\n .hero-eyebrow { display:inline-flex; align-items:center; gap:10px; margin-bottom:22px; }\n .hero-eyebrow::before { content:''; width:10px; height:10px; border-radius:50%; background:var(--red); box-shadow:0 0 0 4px rgba(227,6,19,.25),0 0 0 8px rgba(227,6,19,.1); animation:dotPulse 2s ease-in-out infinite; }\n @keyframes dotPulse { 0%,100%{box-shadow:0 0 0 4px rgba(227,6,19,.25),0 0 0 8px rgba(227,6,19,.1)}50%{box-shadow:0 0 0 6px rgba(227,6,19,.35),0 0 0 14px rgba(227,6,19,.1)} }\n .hero-eyebrow span { font-size:11px; font-weight:800; color:var(--yellow); text-transform:uppercase; letter-spacing:1.5px; }\n .hero-eyebrow::after { content:''; width:60px; height:1.5px; background:var(--yellow); opacity:.5; }\n .hero h1 { font-family:'Bebas Neue',sans-serif; font-size:clamp(68px,10vw,130px); line-height:.9; color:var(--white); letter-spacing:1px; text-shadow:0 20px 60px rgba(0,0,0,.5); }\n .hero h1 .accent { font-family:'Yellowtail',cursive; color:var(--yellow); font-size:clamp(42px,6vw,76px); display:inline-block; letter-spacing:0; line-height:1.2; transform:rotate(-1.5deg); }\n .hero-sub { font-size:16px; line-height:1.8; color:rgba(255,255,255,.82); max-width:480px; margin:20px 0 34px; }\n .hero-actions { display:flex; gap:12px; flex-wrap:wrap; }\n .hero-badge { position:absolute; right:7%; bottom:120px; z-index:3; width:190px; height:190px; display:flex; align-items:center; justify-content:center; background:conic-gradient(from 0deg,rgba(255,196,0,.15),rgba(255,196,0,.05),rgba(255,196,0,.15)); border:1px solid rgba(255,196,0,.3); border-radius:50%; animation:badgeSpin 18s linear infinite; box-shadow:0 0 60px rgba(255,196,0,.15); }\n @keyframes badgeSpin { to{transform:rotate(360deg)} }\n .hero-badge-inner { display:flex; flex-direction:column; align-items:center; animation:badgeSpin 18s linear reverse infinite; }\n .hero-badge b { font-size:48px; font-family:'Bebas Neue',sans-serif; color:var(--yellow); line-height:1; }\n .hero-badge small { font-size:10px; color:rgba(255,255,255,.7); text-align:center; font-weight:600; text-transform:uppercase; letter-spacing:.5px; max-width:100px; }\n .particles { position:absolute; inset:0; overflow:hidden; pointer-events:none; }\n .particle { position:absolute; border-radius:50%; opacity:0; animation:particleFloat linear infinite; }\n @keyframes particleFloat { 0%{opacity:0;transform:translateY(0) scale(0)}20%{opacity:.7;transform:translateY(-30px) scale(1)}80%{opacity:.4}100%{opacity:0;transform:translateY(-120px) scale(.3)} }\n\n \/* SECTIONS *\/\n section { padding:90px 0; }\n .label { display:inline-flex; align-items:center; gap:8px; font-size:11px; font-weight:800; color:var(--red); text-transform:uppercase; letter-spacing:1.2px; margin-bottom:14px; }\n .label::before { content:''; width:20px; height:2px; background:var(--red); }\n h2 { font-family:'Bebas Neue',sans-serif; font-size:clamp(42px,5.5vw,72px); line-height:.95; letter-spacing:1px; }\n .muted { color:var(--muted); line-height:1.8; font-size:15px; margin-top:12px; }\n\n \/* HISTORY *\/\n .history-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center; }\n .history-text strong { display:block; margin-top:18px; font-size:14px; }\n .stats { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }\n .stat { background:var(--cream); border:1px solid #f0e0b0; border-radius:18px; padding:22px 18px; position:relative; overflow:hidden; transition:transform .28s,box-shadow .28s; }\n .stat::before { content:''; position:absolute; inset:0; background:linear-gradient(135deg,rgba(255,196,0,.1),transparent); opacity:0; transition:opacity .3s; }\n .stat:hover { transform:translateY(-6px); box-shadow:0 18px 44px rgba(0,0,0,.1); }\n .stat:hover::before { opacity:1; }\n .stat b { display:block; font-family:'Bebas Neue',sans-serif; font-size:42px; color:var(--red); line-height:1; margin-bottom:4px; }\n .stat span { font-size:12px; color:#555; font-weight:600; }\n .photo-frame { position:relative; border-radius:28px; overflow:hidden; box-shadow:0 40px 100px rgba(0,0,0,.2); }\n .photo-frame::after { content:''; position:absolute; inset:0; background:linear-gradient(to bottom,transparent 60%,rgba(227,6,19,.28)); }\n .photo-frame img { width:100%; aspect-ratio:4\/3; object-fit:cover; }\n .photo-badge { position:absolute; bottom:18px; right:18px; z-index:2; background:var(--yellow); color:#1a0a00; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.6px; padding:8px 14px; border-radius:999px; }\n\n \/* TIMELINE *\/\n .timeline-section { background:var(--black); color:var(--white); }\n .tl-label { color:var(--yellow); }\n .tl-label::before { background:var(--yellow); }\n .timeline { display:flex; gap:0; margin-top:52px; position:relative; }\n .timeline::before { content:''; position:absolute; top:30px; left:calc(10% + 30px); right:calc(10% + 30px); height:1px; background:rgba(255,255,255,.1); }\n .tl-step { flex:1; text-align:center; position:relative; z-index:2; transition:transform .3s; cursor:default; }\n .tl-step:hover { transform:translateY(-8px); }\n .tl-dot { width:60px; height:60px; border-radius:50%; background:#1a1a1a; border:2px solid #333; margin:0 auto 14px; display:grid; place-items:center; transition:background .3s,border-color .3s,box-shadow .3s; }\n .tl-dot svg { width:24px; height:24px; color:#666; transition:color .3s; }\n .tl-step:hover .tl-dot { background:var(--red); border-color:var(--red); box-shadow:0 0 0 6px rgba(227,6,19,.2),0 10px 30px rgba(227,6,19,.4); }\n .tl-step:hover .tl-dot svg { color:#fff; }\n .tl-step b { display:block; font-family:'Bebas Neue',sans-serif; font-size:28px; color:var(--yellow); }\n .tl-step p { font-size:12px; color:#888; line-height:1.5; margin-top:6px; max-width:120px; margin-left:auto; margin-right:auto; }\n\n \/* FEATURES *\/\n .features { background:var(--cream); }\n .cards { display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:36px; }\n .card { background:var(--white); border:1px solid #eedda0; border-radius:22px; padding:30px 22px; position:relative; overflow:hidden; transition:transform .3s,box-shadow .3s; }\n .card::after { content:''; position:absolute; bottom:0; left:0; right:0; height:3px; background:linear-gradient(90deg,var(--red),var(--yellow)); transform:scaleX(0); transform-origin:left; transition:transform .4s cubic-bezier(.4,0,.2,1); }\n .card:hover { transform:translateY(-10px); box-shadow:0 30px 70px rgba(0,0,0,.12); }\n .card:hover::after { transform:scaleX(1); }\n .card-ico { width:48px; height:48px; background:#fff5d0; border-radius:14px; display:grid; place-items:center; margin-bottom:18px; transition:background .3s,transform .3s; }\n .card-ico svg { width:22px; height:22px; color:var(--red); transition:color .3s; }\n .card:hover .card-ico { background:var(--red); transform:rotate(-6deg) scale(1.1); }\n .card:hover .card-ico svg { color:#fff; }\n .card h3 { font-size:15px; font-weight:800; margin-bottom:8px; }\n .card p { font-size:13px; color:var(--muted); line-height:1.65; }\n\n \/* UNITS *\/\n .units { background:#f5f5f5; }\n .unit-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:34px; }\n .unit { background:var(--white); border-radius:24px; padding:32px; border:1px solid #e8e8e8; position:relative; overflow:hidden; transition:transform .3s,box-shadow .3s; }\n .unit:hover { transform:translateY(-8px); box-shadow:0 30px 70px rgba(0,0,0,.12); }\n .unit-badge { position:absolute; top:0; right:0; background:var(--red); color:#fff; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.6px; padding:8px 18px; border-radius:0 24px 0 18px; }\n .unit h3 { font-family:'Bebas Neue',sans-serif; font-size:30px; color:var(--red); margin-bottom:18px; letter-spacing:1px; }\n .info { display:flex; align-items:flex-start; gap:10px; font-size:13px; color:#555; margin-bottom:10px; }\n .info svg { width:16px; height:16px; color:var(--red); flex-shrink:0; margin-top:2px; }\n .unit-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }\n .unit-actions .cta { padding:12px 18px; font-size:11px; }\n .coming-soon { margin-top:22px; background:var(--black); border-radius:24px; padding:34px; display:flex; align-items:center; justify-content:space-between; gap:20px; position:relative; overflow:hidden; }\n .coming-soon::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 90% 50%,rgba(255,196,0,.25),transparent 50%),radial-gradient(ellipse at 10% 50%,rgba(227,6,19,.25),transparent 50%); }\n .coming-soon > * { position:relative; z-index:2; }\n .coming-soon h3 { font-family:'Bebas Neue',sans-serif; font-size:28px; color:var(--white); letter-spacing:1px; }\n .coming-soon p { font-size:13px; color:#aaa; margin-top:4px; }\n\n \/* GALLERY *\/\n .gallery-grid { display:grid; grid-template-columns:1fr 1.2fr; gap:72px; align-items:center; }\n .gallery-left p { font-size:14px; color:var(--muted); line-height:1.8; margin:16px 0 26px; }\n .photos { display:grid; grid-template-columns:1fr 1fr; gap:14px; }\n .photo-item { position:relative; overflow:hidden; border-radius:18px; box-shadow:0 14px 40px rgba(0,0,0,.15); }\n .photo-item img { width:100%; height:170px; object-fit:cover; display:block; transition:transform .5s; }\n .photo-item:hover img { transform:scale(1.08); }\n .photo-item::after { content:''; position:absolute; inset:0; background:linear-gradient(to bottom,transparent,rgba(227,6,19,.35)); opacity:0; transition:opacity .3s; }\n .photo-item:hover::after { opacity:1; }\n\n \/* WORK *\/\n .work { background:var(--black); padding:56px 0; position:relative; overflow:hidden; }\n .work::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 0% 50%,rgba(227,6,19,.35),transparent 35%),radial-gradient(ellipse at 100% 50%,rgba(255,196,0,.2),transparent 35%); }\n .work-flex { position:relative; z-index:2; display:flex; align-items:center; justify-content:space-between; gap:24px; }\n .work small { display:block; font-size:11px; color:var(--yellow); text-transform:uppercase; letter-spacing:1px; font-weight:800; margin-bottom:8px; }\n .work h2 { font-family:'Bebas Neue',sans-serif; font-size:40px; color:var(--white); letter-spacing:1px; }\n .work p { font-size:14px; color:#999; margin-top:6px; }\n\n \/* FOOTER *\/\n footer { background:#050505; color:var(--white); padding:60px 0 22px; }\n .footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:48px; margin-bottom:44px; }\n .footer-logo { width:78px; border-radius:8px; margin-bottom:14px; }\n .footer-brand p { font-size:13px; color:#888; line-height:1.7; }\n footer h4 { font-size:11px; color:#fff; font-weight:800; text-transform:uppercase; letter-spacing:1px; margin-bottom:16px; }\n footer a,footer address p { display:block; font-size:13px; color:#888; line-height:1.6; margin-bottom:7px; font-style:normal; transition:color .2s; }\n footer a:hover { color:var(--yellow); }\n .footer-bottom { border-top:1px solid rgba(255,255,255,.07); padding-top:20px; display:flex; align-items:center; justify-content:space-between; font-size:12px; color:#555; }\n\n \/* REVEAL *\/\n .reveal { opacity:0; transform:translateY(28px); transition:opacity .7s ease,transform .7s ease; }\n .reveal.visible { opacity:1; transform:none; }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media(max-width:980px) {\n \/* Topbar *\/\n .topbar .inner { flex-direction:column; text-align:center; padding:7px 0; gap:2px; font-size:11px; }\n \/* Nav *\/\n .nav { height:68px; }\n .menu { display:none; }\n .nav-actions { display:none; }\n .hamburger { display:flex; }\n \/* Mobile menu visible *\/\n .mobile-menu { display:flex; }\n \/* Hero *\/\n .hero { min-height:calc(100svh - 68px - 48px); align-items:flex-end; background-position:center top; }\n .hero .container { padding:0 0 72px; }\n .hero h1 { font-size:clamp(58px,14vw,84px); }\n .hero-sub { font-size:14px; line-height:1.75; max-width:100%; margin:14px 0 26px; }\n .hero-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }\n .hero-actions .cta:last-child { grid-column:1\/-1; }\n .hero-badge { display:none; }\n \/* Sections *\/\n section { padding:70px 0; }\n h2 { font-size:clamp(38px,9vw,58px); }\n \/* History *\/\n .history-grid { grid-template-columns:1fr; gap:36px; }\n .stats { grid-template-columns:repeat(3,1fr); }\n \/* Timeline *\/\n .timeline { flex-direction:column; gap:12px; margin-top:36px; }\n .timeline::before { display:none; }\n .tl-step { display:flex; align-items:center; gap:14px; text-align:left; background:#111; border-radius:16px; padding:14px 16px; }\n .tl-dot { width:46px; height:46px; flex-shrink:0; margin:0; }\n .tl-step p { max-width:none; margin:0; }\n \/* Features *\/\n .cards { grid-template-columns:1fr 1fr; gap:14px; }\n \/* Units *\/\n .unit-grid { grid-template-columns:1fr; gap:16px; }\n .unit-actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; }\n .unit-actions .cta:last-child { grid-column:1\/-1; }\n .coming-soon { flex-direction:column; align-items:flex-start; }\n .coming-soon .cta { width:100%; }\n \/* Gallery *\/\n .gallery-grid { grid-template-columns:1fr; gap:32px; }\n .photos { grid-template-columns:1fr 1fr; gap:12px; }\n \/* Work *\/\n .work-flex { flex-direction:column; align-items:flex-start; gap:20px; }\n .work-flex .cta { width:100%; }\n \/* Footer *\/\n .footer-grid { grid-template-columns:1fr 1fr; gap:32px; }\n .footer-bottom { flex-direction:column; gap:8px; text-align:center; }\n }\n\n @media(max-width:640px) {\n .topbar { display:none; }\n .nav { height:62px; }\n .hero { min-height:calc(100svh - 62px); }\n .hero h1 { font-size:clamp(52px,14vw,72px); }\n .hero h1 .accent { font-size:clamp(36px,9vw,50px); }\n .hero-sub { font-size:13.5px; }\n .hero-actions { grid-template-columns:1fr; }\n .hero-actions .cta:last-child { grid-column:auto; }\n .stats { grid-template-columns:1fr; }\n .cards { grid-template-columns:1fr; }\n .photos { grid-template-columns:1fr 1fr; }\n .photos .photo-item img { height:140px; }\n .footer-grid { grid-template-columns:1fr; gap:24px; }\n .unit-actions { grid-template-columns:1fr; }\n .unit-actions .cta:last-child { grid-column:auto; }\n }\n\n @media(max-width:380px) {\n .hero h1 { font-size:48px; }\n .photos { grid-template-columns:1fr; }\n .photos .photo-item img { height:200px; }\n }\n\n @media(prefers-reduced-motion:reduce) {\n *, *::before, *::after { animation:none !important; transition:none !important; }\n }\n <\/style>\n<\/head>\n<body>\n\n <svg style=\"display:none\">\n <symbol id=\"ic-delivery\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M3 7h11v9H3V7Z\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M14 10h3l3 3v3h-6v-6Z\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"7\" cy=\"18\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"17\" cy=\"18\" r=\"2\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/symbol>\n <symbol id=\"ic-whatsapp\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4.5 20l1.1-4A8 8 0 1 1 9 19.4L4.5 20Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><path d=\"M9.5 8.8c.3-.3.7-.3 1 0l.7.8c.2.2.2.6 0 .9l-.3.4c.6 1.1 1.5 2 2.6 2.6l.4-.3c.3-.2.7-.2.9 0l.8.7c.3.3.3.7 0 1-.4.5-.9.8-1.6.7-2.7-.3-5.3-2.9-5.6-5.6-.1-.6.2-1.2.7-1.6Z\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/symbol>\n <symbol id=\"ic-location\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21s7-5.3 7-12a7 7 0 1 0-14 0c0 6.7 7 12 7 12Z\" stroke=\"currentColor\" stroke-width=\"2\"\/><circle cx=\"12\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/symbol>\n <symbol id=\"ic-clock\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"8\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M12 8v5l3 2\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/symbol>\n <symbol id=\"ic-store\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 11l1-6h14l1 6\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M6 11v8h12v-8\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M10 19v-5h4v5\" stroke=\"currentColor\" stroke-width=\"2\"\/><\/symbol>\n <symbol id=\"ic-users\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"9\" cy=\"8\" r=\"3\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M3.5 19c.7-3 2.7-5 5.5-5s4.8 2 5.5 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M15 11c1.7 0 3-1.3 3-3s-1.3-3-3-3\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M17 14c2 .5 3.2 2.2 3.7 5\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/symbol>\n <symbol id=\"ic-sandwich\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 11C4 7.7 7.6 5 12 5s8 2.7 8 6H4Z\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M5 14h14M6 17h12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><path d=\"M8 11c.7-1 1.6-1 2.3 0 .7 1 1.6 1 2.3 0 .7-1 1.6-1 2.3 0\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/symbol>\n <symbol id=\"ic-heart\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21s-7-4.6-9-9.2C1.4 8.1 3.8 5 7.2 5c2 0 3.4 1.1 4.8 2.8C13.4 6.1 14.8 5 16.8 5c3.4 0 5.8 3.1 4.2 6.8C19 16.4 12 21 12 21Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/symbol>\n <symbol id=\"ic-star\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3l2.6 5.3 5.9.9-4.2 4.1 1 5.8L12 16.4 6.7 19.1l1-5.8-4.2-4.1 5.9-.9L12 3Z\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/symbol>\n <symbol id=\"ic-medal\" viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"9\" r=\"5\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M9 14l-2 7 5-3 5 3-2-7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linejoin=\"round\"\/><\/symbol>\n <symbol id=\"ic-leaf\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M20 4C10 4 5 9 5 17c0 2 1 3 3 3 8 0 12-7 12-16Z\" stroke=\"currentColor\" stroke-width=\"2\"\/><path d=\"M5 19c3-5 7-8 12-10\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/symbol>\n <symbol id=\"ic-arrow\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/symbol>\n <symbol id=\"ic-x\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M18 6 6 18M6 6l12 12\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"\/><\/symbol>\n <\/svg>\n\n \n <div class=\"topbar\">\n <div class=\"container inner\">\n <span>H\u00e1 mais de <strong>40 anos<\/strong> servindo sabor e tradi\u00e7\u00e3o em Aracaju.<\/span>\n <span>Desde 1986 \u00b7 Tradi\u00e7\u00e3o que atravessa gera\u00e7\u00f5es<\/span>\n <\/div>\n <\/div>\n\n \n <header class=\"nav\">\n <div class=\"container inner\">\n <a href=\"#inicio\"><img decoding=\"async\" class=\"logo\" src=\"https:\/\/site.maggs.com.br\/wp-content\/uploads\/2026\/06\/png.png\" alt=\"Maggs Sandu\u00edches\"><\/a>\n <nav class=\"menu\">\n <a href=\"#inicio\">In\u00edcio<\/a>\n <a href=\"#historia\">Nossa Hist\u00f3ria<\/a>\n <a href=\"#unidades\">Unidades<\/a>\n <a href=\"#galeria\">Galeria<\/a>\n <a href=\"#trabalhe\">Trabalhe Conosco<\/a>\n <\/nav>\n <div class=\"nav-actions\">\n <a class=\"cta cta-y\" href=\"COLE_AQUI_LINK_WHATSAPP\"><svg><use href=\"#ic-whatsapp\"\/><\/svg><span>WhatsApp<\/span><\/a>\n <a class=\"cta cta-pulse\" href=\"COLE_AQUI_LINK_DELIVERY\"><svg><use href=\"#ic-delivery\"\/><\/svg><span>Delivery<\/span><\/a>\n <\/div>\n <button class=\"hamburger\" id=\"hamburger\" aria-label=\"Menu\">\n <span><\/span><span><\/span><span><\/span>\n <\/button>\n <\/div>\n <\/header>\n\n \n <nav class=\"mobile-menu\" id=\"mobileMenu\">\n <a href=\"#inicio\" class=\"mobile-link\">In\u00edcio<\/a>\n <a href=\"#historia\" class=\"mobile-link\">Nossa Hist\u00f3ria<\/a>\n <a href=\"#unidades\" class=\"mobile-link\">Unidades<\/a>\n <a href=\"#galeria\" class=\"mobile-link\">Galeria<\/a>\n <a href=\"#trabalhe\" class=\"mobile-link\">Trabalhe Conosco<\/a>\n <div class=\"mobile-menu-actions\">\n <a class=\"cta cta-pulse\" href=\"COLE_AQUI_LINK_DELIVERY\"><svg><use href=\"#ic-delivery\"\/><\/svg><span>Delivery<\/span><\/a>\n <a class=\"cta cta-y\" href=\"COLE_AQUI_LINK_WHATSAPP\"><svg><use href=\"#ic-whatsapp\"\/><\/svg><span>WhatsApp<\/span><\/a>\n <\/div>\n <\/nav>\n\n \n <section class=\"hero\" id=\"inicio\">\n <div class=\"hero-overlay\"><\/div>\n <div class=\"particles\" id=\"particles\"><\/div>\n <div class=\"hero-bottom\"><\/div>\n <div class=\"container\">\n <div class=\"hero-eyebrow\"><span>Desde 1986<\/span><\/div>\n <h1>40 Anos<br>de Muito<br>Sabor<br><span class=\"accent\">e de hist\u00f3ria<\/span><\/h1>\n <p class=\"hero-sub\">A Maggs Sandu\u00edches faz parte da vida de milhares de sergipanos, levando sabor, qualidade e momentos inesquec\u00edveis para gera\u00e7\u00f5es.<\/p>\n <div class=\"hero-actions\">\n <a class=\"cta cta-pulse\" href=\"COLE_AQUI_LINK_DELIVERY\"><svg><use href=\"#ic-delivery\"\/><\/svg><span>Pedir Delivery<\/span><\/a>\n <a class=\"cta cta-pulse-y cta-y\" href=\"COLE_AQUI_LINK_WHATSAPP\"><svg><use href=\"#ic-whatsapp\"\/><\/svg><span>WhatsApp<\/span><\/a>\n <a class=\"cta cta-outline\" href=\"#unidades\"><svg><use href=\"#ic-location\"\/><\/svg><span>Nossas Unidades<\/span><\/a>\n <\/div>\n <\/div>\n <div class=\"hero-badge\">\n <div class=\"hero-badge-inner\"><b>40+<\/b><small>anos de tradi\u00e7\u00e3o em Aracaju<\/small><\/div>\n <\/div>\n <\/section>\n\n <main>\n \n <section class=\"history reveal\" id=\"historia\">\n <div class=\"container\">\n <div class=\"history-grid\">\n <div class=\"history-text\">\n <div class=\"label\">Nossa Hist\u00f3ria<\/div>\n <h2>Quatro d\u00e9cadas<br>de tradi\u00e7\u00e3o<\/h2>\n <p class=\"muted\">A hist\u00f3ria da Maggs come\u00e7ou com um sonho simples: oferecer sandu\u00edches preparados com qualidade, carinho e sabor incompar\u00e1vel.<\/p>\n <p class=\"muted\" style=\"margin-top:10px\">De l\u00e1 pra c\u00e1, muita coisa mudou, mas o que nunca mudou foi o nosso compromisso com voc\u00ea.<\/p>\n <strong>Maggs Sandu\u00edches, tradi\u00e7\u00e3o que atravessa gera\u00e7\u00f5es!<\/strong>\n <div class=\"stats\">\n <div class=\"stat\"><b>40+<\/b><span>anos de hist\u00f3ria<\/span><\/div>\n <div class=\"stat\"><b>2<\/b><span>unidades em Aracaju<\/span><\/div>\n <div class=\"stat\"><b>1986<\/b><span>fundada em<\/span><\/div>\n <\/div>\n <\/div>\n <div class=\"photo-frame\">\n <img decoding=\"async\" src=\"https:\/\/site.maggs.com.br\/wp-content\/uploads\/2026\/06\/INTERIOR-MAGGS-02.jpg\" alt=\"Interior Maggs\">\n <div class=\"photo-badge\">Desde 1986<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"timeline-section reveal\">\n <div class=\"container\">\n <div class=\"label tl-label\">Nossa Trajet\u00f3ria<\/div>\n <h2 style=\"color:#fff\">Uma hist\u00f3ria de <span style=\"color:var(--yellow)\">amor<\/span> por Aracaju<\/h2>\n <div class=\"timeline\">\n <div class=\"tl-step\"><div class=\"tl-dot\"><svg><use href=\"#ic-store\"\/><\/svg><\/div><div><b>1986<\/b><p>Primeira unidade nasce no bairro S\u00e3o Jos\u00e9.<\/p><\/div><\/div>\n <div class=\"tl-step\"><div class=\"tl-dot\"><svg><use href=\"#ic-users\"\/><\/svg><\/div><div><b>1990<\/b><p>A Maggs conquista clientes, fam\u00edlias e amigos.<\/p><\/div><\/div>\n <div class=\"tl-step\"><div class=\"tl-dot\"><svg><use href=\"#ic-sandwich\"\/><\/svg><\/div><div><b>2005<\/b><p>Novos sabores, mais qualidade e muita hist\u00f3ria.<\/p><\/div><\/div>\n <div class=\"tl-step\"><div class=\"tl-dot\"><svg><use href=\"#ic-heart\"\/><\/svg><\/div><div><b>2015<\/b><p>Gera\u00e7\u00f5es fazem da Maggs parte de suas vidas.<\/p><\/div><\/div>\n <div class=\"tl-step\"><div class=\"tl-dot\"><svg><use href=\"#ic-star\"\/><\/svg><\/div><div><b>2026<\/b><p>40 anos de sabor, dedica\u00e7\u00e3o e amor por Aracaju.<\/p><\/div><\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"features reveal\">\n <div class=\"container\">\n <div class=\"label\">Por que a Maggs?<\/div>\n <h2>Sabor, qualidade e tradi\u00e7\u00e3o<br>em cada detalhe<\/h2>\n <div class=\"cards\">\n <article class=\"card\"><div class=\"card-ico\"><svg><use href=\"#ic-leaf\"\/><\/svg><\/div><h3>Ingredientes selecionados<\/h3><p>Qualidade em cada detalhe do preparo, do in\u00edcio ao fim.<\/p><\/article>\n <article class=\"card\"><div class=\"card-ico\"><svg><use href=\"#ic-sandwich\"\/><\/svg><\/div><h3>Feito na hora pra voc\u00ea<\/h3><p>Sandu\u00edches frescos preparados diariamente com muito carinho.<\/p><\/article>\n <article class=\"card\"><div class=\"card-ico\"><svg><use href=\"#ic-medal\"\/><\/svg><\/div><h3>40 anos de tradi\u00e7\u00e3o<\/h3><p>Uma hist\u00f3ria constru\u00edda com confian\u00e7a, sabor e dedica\u00e7\u00e3o.<\/p><\/article>\n <article class=\"card\"><div class=\"card-ico\"><svg><use href=\"#ic-delivery\"\/><\/svg><\/div><h3>Atendimento r\u00e1pido<\/h3><p>Seu pedido chega quente, r\u00e1pido e do jeito que voc\u00ea gosta.<\/p><\/article>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"units reveal\" id=\"unidades\">\n <div class=\"container\">\n <div class=\"label\">Nossas Unidades<\/div>\n <h2>Escolha a mais pr\u00f3xima<br>de voc\u00ea<\/h2>\n <div class=\"unit-grid\">\n <article class=\"unit\">\n <div class=\"unit-badge\">Unidade 1<\/div>\n <h3>Maggs S\u00e3o Jos\u00e9<\/h3>\n <div class=\"info\"><svg><use href=\"#ic-location\"\/><\/svg>Av. Augusto Maynard, 01<\/div>\n <div class=\"info\"><svg><use href=\"#ic-store\"\/><\/svg>S\u00e3o Jos\u00e9, Aracaju - SE<\/div>\n <div class=\"info\"><svg><use href=\"#ic-clock\"\/><\/svg>Atendimento a partir das 17h<\/div>\n <div class=\"unit-actions\">\n <a class=\"cta cta-pulse\" href=\"COLE_AQUI_LINK_DELIVERY_SAO_JOSE\"><svg><use href=\"#ic-delivery\"\/><\/svg><span>Delivery<\/span><\/a>\n <a class=\"cta cta-y\" href=\"COLE_AQUI_LINK_WHATSAPP_SAO_JOSE\"><svg><use href=\"#ic-whatsapp\"\/><\/svg><span>WhatsApp<\/span><\/a>\n <a class=\"cta cta-ghost\" href=\"COLE_AQUI_LINK_LOCALIZACAO_SAO_JOSE\"><svg><use href=\"#ic-location\"\/><\/svg><span>Como chegar<\/span><\/a>\n <\/div>\n <\/article>\n <article class=\"unit\">\n <div class=\"unit-badge\">Unidade 2<\/div>\n <h3>Maggs Aruana<\/h3>\n <div class=\"info\"><svg><use href=\"#ic-location\"\/><\/svg>R. Praia de Aruana, 629<\/div>\n <div class=\"info\"><svg><use href=\"#ic-store\"\/><\/svg>Aruana, Aracaju - SE<\/div>\n <div class=\"info\"><svg><use href=\"#ic-clock\"\/><\/svg>Atendimento a partir das 17h<\/div>\n <div class=\"unit-actions\">\n <a class=\"cta cta-pulse\" href=\"COLE_AQUI_LINK_DELIVERY_ARUANA\"><svg><use href=\"#ic-delivery\"\/><\/svg><span>Delivery<\/span><\/a>\n <a class=\"cta cta-y\" href=\"COLE_AQUI_LINK_WHATSAPP_ARUANA\"><svg><use href=\"#ic-whatsapp\"\/><\/svg><span>WhatsApp<\/span><\/a>\n <a class=\"cta cta-ghost\" href=\"COLE_AQUI_LINK_LOCALIZACAO_ARUANA\"><svg><use href=\"#ic-location\"\/><\/svg><span>Como chegar<\/span><\/a>\n <\/div>\n <\/article>\n <\/div>\n <div class=\"coming-soon\">\n <div><h3>Nova unidade em breve no Shopping Praia Sul<\/h3><p>Estamos crescendo para ficar ainda mais perto de voc\u00ea.<\/p><\/div>\n <a class=\"cta cta-pulse-y cta-y\" href=\"COLE_AQUI_LINK_WHATSAPP\"><svg><use href=\"#ic-whatsapp\"\/><\/svg><span>Fique por dentro<\/span><\/a>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"gallery reveal\" id=\"galeria\">\n <div class=\"container\">\n <div class=\"gallery-grid\">\n <div class=\"gallery-left\">\n <div class=\"label\">Galeria<\/div>\n <h2>Nossos momentos<\/h2>\n <p>Momentos que fazem parte da hist\u00f3ria da Maggs e da vida de Aracaju.<\/p>\n <a class=\"cta cta-pulse\" href=\"COLE_AQUI_LINK_GALERIA\"><svg><use href=\"#ic-arrow\"\/><\/svg><span>Ver mais fotos<\/span><\/a>\n <\/div>\n <div class=\"photos\">\n <div class=\"photo-item\"><img decoding=\"async\" src=\"https:\/\/site.maggs.com.br\/wp-content\/uploads\/2026\/06\/INTERIOR-MAGGS.jpg\" alt=\"Interior Maggs\"><\/div>\n <div class=\"photo-item\"><img decoding=\"async\" src=\"https:\/\/site.maggs.com.br\/wp-content\/uploads\/2026\/06\/FRENTE-MAGGS-SAO-JOSE.jpg\" alt=\"Frente Maggs S\u00e3o Jos\u00e9\"><\/div>\n <div class=\"photo-item\"><img decoding=\"async\" src=\"https:\/\/site.maggs.com.br\/wp-content\/uploads\/2026\/06\/FOTO-01-rotated.jpg\" alt=\"Foto Maggs\"><\/div>\n <div class=\"photo-item\"><img decoding=\"async\" src=\"https:\/\/site.maggs.com.br\/wp-content\/uploads\/2026\/06\/FOTO-08-rotated.jpg\" alt=\"Foto Maggs\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"work\" id=\"trabalhe\">\n <div class=\"container\">\n <div class=\"work-flex\">\n <div>\n <small>Trabalhe Conosco<\/small>\n <h2>Fa\u00e7a parte da<br>fam\u00edlia Maggs<\/h2>\n <p>Estamos em busca de pessoas apaixonadas por atender bem.<\/p>\n <\/div>\n <a class=\"cta cta-pulse-y cta-y\" href=\"COLE_AQUI_LINK_CURRICULO\"><svg><use href=\"#ic-arrow\"\/><\/svg><span>Enviar curr\u00edculo<\/span><\/a>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n \n <footer id=\"contato\">\n <div class=\"container\">\n <div class=\"footer-grid\">\n <div class=\"footer-brand\">\n <img decoding=\"async\" class=\"footer-logo\" src=\"https:\/\/site.maggs.com.br\/wp-content\/uploads\/2026\/06\/cropped-Sem-Titulo-2.jpg\" alt=\"Maggs\">\n <p>H\u00e1 mais de 40 anos servindo sabor, tradi\u00e7\u00e3o e hist\u00f3rias para Aracaju e para os sergipanos.<\/p>\n <\/div>\n <div>\n <h4>Navega\u00e7\u00e3o<\/h4>\n <a href=\"#inicio\">In\u00edcio<\/a>\n <a href=\"#historia\">Nossa Hist\u00f3ria<\/a>\n <a href=\"#unidades\">Nossas Unidades<\/a>\n <a href=\"#galeria\">Galeria<\/a>\n <a href=\"#trabalhe\">Trabalhe Conosco<\/a>\n <\/div>\n <div>\n <h4>Unidades<\/h4>\n <address><p><strong style=\"color:#fff\">Maggs S\u00e3o Jos\u00e9<\/strong><\/p><p>Av. Augusto Maynard, 01<\/p><p>S\u00e3o Jos\u00e9, Aracaju - SE<\/p><\/address>\n <br>\n <address><p><strong style=\"color:#fff\">Maggs Aruana<\/strong><\/p><p>R. Praia de Aruana, 629<\/p><p>Aruana, Aracaju - SE<\/p><\/address>\n <\/div>\n <div>\n <h4>Atendimento<\/h4>\n <p style=\"color:#888\">WhatsApp S\u00e3o Jos\u00e9<\/p>\n <p style=\"color:#888\">WhatsApp Aruana<\/p>\n <a href=\"mailto:contato@maggs.com.br\">contato@maggs.com.br<\/a>\n <p style=\"color:#888;margin-top:10px\">Todos os dias<\/p>\n <p style=\"color:#fff;font-weight:700\">17h \u00e0s 23h30<\/p>\n <\/div>\n <\/div>\n <div class=\"footer-bottom\">\n <span>\u00a9 2026 Maggs Sandu\u00edches. Todos os direitos reservados.<\/span>\n <span>Tradi\u00e7\u00e3o desde 1986 \u00b7 Aracaju, SE<\/span>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n \/\/ Hamburger\n const btn = document.getElementById('hamburger');\n const menu = document.getElementById('mobileMenu');\n btn.addEventListener('click', () => {\n btn.classList.toggle('open');\n menu.classList.toggle('open');\n document.body.style.overflow = menu.classList.contains('open') ? 'hidden' : '';\n });\n menu.querySelectorAll('a').forEach(a => {\n a.addEventListener('click', () => {\n btn.classList.remove('open');\n menu.classList.remove('open');\n document.body.style.overflow = '';\n });\n });\n\n \/\/ Scroll reveal\n const io = new IntersectionObserver(es => es.forEach(e => { if(e.isIntersecting){e.target.classList.add('visible');io.unobserve(e.target);} }), {threshold:.1});\n document.querySelectorAll('.reveal').forEach(el => io.observe(el));\n\n \/\/ Particles\n const pc = document.getElementById('particles');\n function spawn() {\n const p = document.createElement('div');\n const s = Math.random()*4+2;\n p.className = 'particle';\n p.style.cssText = `left:${Math.random()*100}%;bottom:${Math.random()*25}%;width:${s}px;height:${s}px;animation-duration:${2.5+Math.random()*3}s;animation-delay:${Math.random()*1.5}s;background:${Math.random()>.55?'#ffc400':'rgba(255,255,255,.55)'};`;\n pc.appendChild(p);\n setTimeout(()=>p.remove(),6000);\n }\n setInterval(spawn,240);\n\n \/\/ Magnetic buttons (desktop only)\n if(window.matchMedia('(hover:hover)').matches) {\n document.querySelectorAll('.cta').forEach(b => {\n b.addEventListener('mousemove', e => {\n const r = b.getBoundingClientRect();\n const x = (e.clientX-r.left-r.width\/2)*.14;\n const y = (e.clientY-r.top-r.height\/2)*.14;\n b.style.setProperty('--mx', x+'px');\n b.style.setProperty('--my', y+'px');\n b.style.transform = `translate(${x}px,${y}px) translateY(-3px) scale(1.04)`;\n });\n b.addEventListener('mouseleave', () => { b.style.transform=''; });\n });\n }\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\n<\/footer>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Maggs Sandu\u00edches | 40 anos de tradi\u00e7\u00e3o H\u00e1 mais de 40 anos servindo sabor e tradi\u00e7\u00e3o em Aracaju. Desde 1986 \u00b7 Tradi\u00e7\u00e3o que atravessa gera\u00e7\u00f5es In\u00edcio Nossa Hist\u00f3ria Unidades Galeria Trabalhe Conosco WhatsApp Delivery In\u00edcio Nossa Hist\u00f3ria Unidades Galeria Trabalhe Conosco Delivery WhatsApp Desde 1986 40 Anosde MuitoSabore de hist\u00f3ria A Maggs Sandu\u00edches faz parte […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-82","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/site.maggs.com.br\/index.php?rest_route=\/wp\/v2\/pages\/82","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.maggs.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/site.maggs.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/site.maggs.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/site.maggs.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=82"}],"version-history":[{"count":37,"href":"https:\/\/site.maggs.com.br\/index.php?rest_route=\/wp\/v2\/pages\/82\/revisions"}],"predecessor-version":[{"id":121,"href":"https:\/\/site.maggs.com.br\/index.php?rest_route=\/wp\/v2\/pages\/82\/revisions\/121"}],"wp:attachment":[{"href":"https:\/\/site.maggs.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=82"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t