*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}:root{--primary-color: #d4a574;--secondary-color: #8b4513;--accent-color: #ff6b35;--dark-bg: #1a1a1a;--light-text: #ffffff;--shadow: rgba(0, 0, 0, .3)}.app{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:20px;overflow-x:hidden}.background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2d1810,#1a1a1a);z-index:-1}.background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/assets/bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.15;z-index:-1}.container{max-width:680px;width:100%;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.header{text-align:center;margin-bottom:40px;animation:slideDown .6s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.logo-container{margin-bottom:20px;animation:scaleIn .6s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.logo{width:120px;height:120px;object-fit:contain;filter:drop-shadow(0 4px 8px var(--shadow));transition:transform .3s ease}.logo:hover{transform:scale(1.05) rotate(5deg)}.title{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:10px;text-shadow:2px 2px 4px var(--shadow);letter-spacing:1px}.subtitle{font-size:1rem;color:var(--light-text);opacity:.9;font-weight:300;letter-spacing:.5px}.links-container{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}.link-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:18px 24px;background:linear-gradient(135deg,#d4a57426,#8b451326);border:2px solid var(--primary-color);border-radius:16px;color:var(--light-text);text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideInLeft .5s ease-out backwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.link-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.link-button:hover:before{left:100%}.link-button:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #d4a57466;border-color:var(--accent-color);background:linear-gradient(135deg,#d4a57440,#8b451340)}.link-button:active{transform:translateY(-2px) scale(1)}.link-icon{font-size:1.5rem;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.link-button:hover .link-icon{animation:spin .6s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.link-text{flex:1;text-align:center}.instagram{background:linear-gradient(135deg,#e1306c26,#c1358426);border-color:#e1306c}.instagram:hover{border-color:#e1306c;box-shadow:0 8px 25px #e1306c66}.agenda{background:linear-gradient(135deg,#4caf5026,#388e3c26);border-color:#4caf50}.agenda:hover{border-color:#4caf50;box-shadow:0 8px 25px #4caf5066}.cardapio{background:linear-gradient(135deg,#ff980026,#f57c0026);border-color:#ff9800}.cardapio:hover{border-color:#ff9800;box-shadow:0 8px 25px #ff980066}.whatsapp{background:linear-gradient(135deg,#25d36626,#22be5c26);border-color:#25d366}.whatsapp:hover{border-color:#25d366;box-shadow:0 8px 25px #25d36666}.footer{text-align:center;color:var(--light-text);opacity:.6;font-size:.875rem;padding:20px 0;animation:fadeIn 1s ease-out .5s backwards}@media (max-width: 640px){.title{font-size:1.5rem}.subtitle{font-size:.9rem}.link-button{padding:16px 20px;font-size:1rem}.logo{width:100px;height:100px}}@media (max-width: 480px){.app{padding:15px}.title{font-size:1.3rem}.link-button{padding:14px 18px;font-size:.95rem}.logo{width:90px;height:90px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;width:90vw;height:90vh;max-width:1200px;max-height:800px;background:linear-gradient(135deg,#1a1a1a,#2d1810);border-radius:20px;padding:15px;border:2px solid var(--primary-color);animation:scaleIn .3s ease-out;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close{position:absolute;top:15px;right:15px;background:#ff6b35e6;border:none;border-radius:50%;width:40px;height:40px;font-size:24px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10;font-weight:300;line-height:1}.modal-close:hover{background:#ff6b35;transform:rotate(90deg) scale(1.1)}.modal-close:active{transform:rotate(90deg) scale(.95)}.modal-title{color:: 0 0 10px 0;text-align:center;font-weight:600;flex-shrink:0 font-weight: 600;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.modal-image-container{display:flex;align-items:center;justify-content:center;flex:1;overflow:auto;border-radius:12px;backgroun5px;min-height:0 min-height: 200px}.modal-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:8px;animation:imageZoomIn .4s ease-out;box-shadow:0 10px 30px #0000004d}@keyframes imageZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-hint{text-align:center;color:#ccc;font-s:8px 0 0 0;flex-shrink:015px;opacity:.8}@media (max-width: 768px){.modal-conte2px;width: 92vw;height: 92vh;max-width: none;max-height: none max-height: 98vh}.modal-title{font-size:1.2rem;margin-bottom:12px}.modal-close{width:35px;height:35px;font-size:20px;top:10px;right:10px}.modal-hint{font-size:.75rem;margin-top:8px}} 0px; border-radius: 12px; width: 95vw; height: 95vh; max-width: none; max-height: nonex){.modal-content{padding:12px;border-radius:12px}.modal-title{font-size:1rem;margin-bottom:10px}.modal-close{width:32px;height:32px;font-size:18px}.modal-image-container{padding:8px}.modal-hint{font-size:.7rem}}.modal-image-container::-webkit-scrollbar{width:8px;height:8px}.modal-image-container::-webkit-scrollbar-track{background:#0003;border-radius:4px}.modal-image-container::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.modal-image-container::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}