@font-face{font-family:"DejaVu Sans";src:url("font-regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"DejaVu Sans";src:url("font-bold.ttf") format("truetype");font-weight:700;font-display:swap}

:root{--canvas:#effaff;--ink:#14627d;--blue:#106985;--coral:#ff6b50;--border:#c9eaf1}
*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0 auto;width:min(100%,660px);font-family:"DejaVu Sans",Arial,sans-serif;color:var(--ink)}
.page{position:relative;width:100%;aspect-ratio:660/1460;container-type:inline-size;background:var(--canvas) url("fundo-maresias-v3.png") center top/100% 100% no-repeat}
.logo-slot{position:absolute;left:14%;top:9%;width:72%;height:11%}
.products{position:absolute;top:20.7%;left:3%;width:94%;margin:0;text-align:center;font-size:2.88cqw;line-height:1.5;white-space:nowrap}.products span{color:#72b7c9;padding:0 .7cqw}
.sugar{position:absolute;top:24.6%;left:20%;width:60%;margin:0;padding:1cqw 0;text-align:center;font-size:2.8cqw;line-height:1.3;background:linear-gradient(90deg,transparent,#bde4ee 12%,#bde4ee 88%,transparent)}.sugar-icon{display:inline-block;width:3cqw;margin-left:1cqw}
.actions{position:absolute;top:34.1%;left:4%;width:92%;display:flex;flex-direction:column;gap:1.06cqw}
.action{appearance:none;width:100%;height:13.63cqw;border:1px solid var(--border);border-radius:4.05cqw;display:flex;align-items:center;padding:0 3.5cqw 0 0;text-align:left;color:var(--ink);background:rgba(236,249,253,.86);box-shadow:0 .3cqw .7cqw #1f90b21a;font-family:inherit;cursor:pointer}.action-site{background:var(--blue);color:white;border-color:var(--blue)}.action-ifood{background:var(--coral);color:white;border-color:var(--coral)}
.icon-slot{flex:0 0 20.8%;height:63%;border-right:1px solid #86c5d74d}.action-site .icon-slot,.action-ifood .icon-slot{border-color:#ffffff35}.action-copy{padding-left:3.5cqw;flex:1;min-width:0}.action-copy strong{display:block;font-size:3.78cqw;font-weight:700;line-height:1.35}.action-copy>span{display:block;font-size:3.1cqw;line-height:1.45}.arrow{font-size:6.1cqw;line-height:1;font-weight:400}.action:focus-visible{outline:3px solid #063d55;outline-offset:3px}
.hours{position:absolute;top:82.4%;left:4%;width:92%;height:11.3%;border-radius:4.1cqw;background:#ddf1f7b3;padding:2.4cqw 3.4cqw}.hours h1,.hours p{display:flex;align-items:center;margin:0;white-space:nowrap}.hours h1{font-size:3.75cqw;line-height:1.45;margin-bottom:1.5cqw}.hours p{font-size:3.15cqw;line-height:1.5;margin-bottom:.7cqw}.hours p:last-child{font-size:2.95cqw}.hours-icon{flex:0 0 8.8cqw}

.logo-slot{top:8.5%;height:11.5%;display:flex;align-items:center;justify-content:center}.logo-slot img{display:block;width:100%;height:100%;object-fit:contain}.icon-slot{display:flex;align-items:center;justify-content:center}.icon-slot img{width:9cqw;height:9cqw;object-fit:contain}.action-ifood .icon-slot img{width:12cqw}.hours-icon img{display:block;width:5.6cqw;height:5.6cqw;object-fit:contain}.sugar-icon img{width:3cqw;height:3cqw;vertical-align:middle}

.logo-slot{top:8.5%;height:11.5%;display:flex;align-items:center;justify-content:center}.logo-slot img{display:block;width:100%;height:100%;object-fit:contain}.icon-slot{display:flex;align-items:center;justify-content:center}.icon-slot img{width:9cqw;height:9cqw;object-fit:contain}.action-ifood .icon-slot img{width:12cqw}.hours-icon img{display:block;width:5.6cqw;height:5.6cqw;object-fit:contain}.sugar-icon img{width:3cqw;height:3cqw;vertical-align:middle}

.action-location .action-copy>span{font-size:2.7cqw;line-height:1.25}
.action-location .action-copy strong{font-size:3.6cqw}

.action-location .action-copy>span{font-size:2.55cqw;white-space:nowrap;line-height:1.45}.action-location .action-copy strong{font-size:3.78cqw}

.action{text-decoration:none}#menu-dialog{border:0;border-radius:16px;padding:0;width:95vw;max-width:1200px;max-height:92svh;background:#effaff;color:#14627d}#menu-dialog::backdrop{background:#092e40c9}.menu-toolbar{display:flex;align-items:center;gap:10px;padding:12px;flex-wrap:wrap}.menu-toolbar h2{margin:0;flex:1;font-size:19px}.menu-toolbar button{font:inherit;border:1px solid #b5dbe6;background:white;color:#14627d;border-radius:8px;padding:10px;cursor:pointer}.menu-scroll{overflow:auto;max-height:75svh;overscroll-behavior:contain}.menu-scroll img{display:block;width:100%;max-width:none;height:auto}.menu-scroll.is-zoomed img{width:max(1500px,100%)}
