.mobile-bottom-nav{display:none}@media (max-width:768px){.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--yelo-white);border-top:1px solid var(--yelo-gray-100);padding:6px 0 env(safe-area-inset-bottom,6px);box-shadow:0 -2px 16px rgba(0,0,0,.06)}.mobile-nav-items{display:flex;width:100%;justify-content:space-around;align-items:center}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;background:none;border:none;text-decoration:none;cursor:pointer;transition:all .2s;font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.mobile-nav-item svg,.mobile-nav-label{color:var(--yelo-gray-400);transition:color .2s}.mobile-nav-label{font-size:10px;font-weight:600;letter-spacing:.2px}.mobile-nav-item.active .mobile-nav-label,.mobile-nav-item.active svg{color:var(--yelo-black)}.mobile-nav-item.active:after{content:"";display:block;width:4px;height:4px;border-radius:50%;background:var(--yelo-accent);margin-top:1px}.mobile-bottom-nav.reservar-mode{padding:14px 16px calc(env(safe-area-inset-bottom, 8px) + 14px);gap:14px}.mobile-reservar-info{flex:1;display:flex;flex-direction:column;gap:1px}.mobile-reservar-price{font-size:22px;font-weight:800;color:var(--yelo-black);line-height:1.2}.mobile-reservar-period{font-size:13px;color:var(--yelo-gray-400);font-weight:500}.mobile-reservar-btn{padding:16px 32px;background:var(--yelo-accent);color:var(--yelo-black);border:none;border-radius:14px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;font-family:var(--font-body);letter-spacing:.3px;-webkit-tap-highlight-color:transparent}.mobile-reservar-btn:active{transform:scale(.97)}.mobile-sheet-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:200;animation:sheetFadeIn .2s ease}@keyframes sheetFadeIn{0%{opacity:0}to{opacity:1}}.mobile-sheet{position:fixed;bottom:0;left:0;right:0;z-index:201;background:var(--yelo-white);border-radius:20px 20px 0 0;padding:20px 20px env(safe-area-inset-bottom,20px);max-height:85vh;overflow-y:auto;animation:sheetSlideUp .3s cubic-bezier(.32,.72,0,1)}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-sheet-handle{width:36px;height:4px;background:var(--yelo-gray-200);border-radius:4px;margin:0 auto 16px}.mobile-sheet-title{font-size:18px;font-weight:700;margin-bottom:20px;color:var(--yelo-black);display:flex;align-items:center;gap:8px}.mobile-sheet-title svg{color:var(--yelo-accent)}.sheet-form-group{margin-bottom:16px}.sheet-form-label{display:block;font-size:12px;font-weight:600;color:var(--yelo-gray-500);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.sheet-form-input{width:100%;padding:14px 16px;background:var(--yelo-gray-50);border:1px solid var(--yelo-gray-200);border-radius:12px;color:var(--yelo-black);font-size:15px;outline:none;transition:all .2s;font-family:var(--font-body);appearance:none;-webkit-appearance:none}.sheet-form-input:focus{border-color:var(--yelo-accent);box-shadow:0 0 0 3px rgba(255,198,5,.1)}.sheet-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet-total-box{background:var(--yelo-offwhite);border:1px solid var(--yelo-gray-100);border-radius:12px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sheet-total-label{font-size:14px;color:var(--yelo-gray-500)}.sheet-total-value{font-size:20px;font-weight:800;color:var(--yelo-black)}.sheet-submit-btn{width:100%;padding:16px;background:var(--yelo-accent);color:var(--yelo-black);border:none;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.sheet-submit-btn:disabled{opacity:.5;cursor:not-allowed}.sheet-submit-btn-secondary{background:var(--yelo-gray-100);color:var(--yelo-gray-600)}.sheet-submit-btn-teal{background:var(--yelo-teal);color:white}.sheet-tabs{display:flex;background:var(--yelo-gray-50);border-radius:12px;padding:3px;gap:2px;margin-bottom:20px}.sheet-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;padding:10px 6px;background:transparent;border:none;border-radius:10px;font-size:13px;font-weight:600;color:var(--yelo-gray-400);cursor:pointer;transition:all .2s;font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.sheet-tab.active{background:var(--yelo-white);color:var(--yelo-black);box-shadow:0 1px 4px rgba(0,0,0,.08)}.sheet-tab.active svg{color:var(--yelo-accent)}.sheet-tab-content{animation:sheetTabIn .2s ease}@keyframes sheetTabIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.sheet-pills{display:flex;gap:6px;flex-wrap:wrap}.sheet-pill{padding:10px 16px;background:var(--yelo-gray-50);border:1.5px solid var(--yelo-gray-200);border-radius:20px;font-size:13px;font-weight:600;color:var(--yelo-gray-500);cursor:pointer;transition:all .2s;font-family:var(--font-body);display:flex;align-items:center;gap:5px;-webkit-tap-highlight-color:transparent}.sheet-pill span{font-weight:700}.sheet-pill.active{background:var(--yelo-black);border-color:var(--yelo-black);color:var(--yelo-accent)}.sheet-stepper{display:flex;align-items:center;background:var(--yelo-gray-50);border:1.5px solid var(--yelo-gray-200);border-radius:14px;overflow:hidden}.sheet-stepper-btn{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--yelo-gray-500);font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.sheet-stepper-btn:active{background:var(--yelo-gray-100)}.sheet-stepper-value{flex:1;text-align:center;font-size:18px;font-weight:800;color:var(--yelo-black)}.sheet-stepper-unit{font-size:11px;font-weight:500;color:var(--yelo-gray-400);display:block;margin-top:1px}.sheet-quick-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.sheet-quick-tag{padding:8px 14px;background:var(--yelo-gray-50);border:1px solid var(--yelo-gray-200);border-radius:18px;font-size:12px;font-weight:600;color:var(--yelo-gray-500);cursor:pointer;transition:all .2s;font-family:var(--font-body);-webkit-tap-highlight-color:transparent}.sheet-quick-tag:active{border-color:var(--yelo-teal);color:var(--yelo-teal);background:rgba(48,114,104,.05)}}.app-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.app-content{flex:1;min-height:0}.app-content--has-bottomnav{padding-bottom:calc(60px + env(safe-area-inset-bottom, 0px))}.app-content--has-navbar{padding-top:80px}@media (max-width:768px){.app-content--has-navbar{padding-top:52px}}@media (min-width:769px){.app-content--has-sidebar{margin-left:64px;transition:margin-left .22s cubic-bezier(.4,0,.2,1)}.app-content--sidebar-pinned{margin-left:220px}.app-content--has-bottomnav{padding-bottom:0}}.app-mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--yelo-white);border-top:1px solid var(--yelo-gray-100);padding:4px 0 env(safe-area-inset-bottom,4px);box-shadow:0 -2px 20px rgba(0,0,0,.06);justify-content:space-around;align-items:center}@media (min-width:769px){.app-mobile-nav{display:none}}.app-mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 12px;text-decoration:none;color:var(--yelo-gray-400);transition:color .15s;-webkit-tap-highlight-color:transparent;position:relative;min-width:56px}.app-mobile-tab svg{transition:transform .15s}.app-mobile-tab:active svg{transform:scale(.9)}.app-mobile-tab-label{font-size:10px;font-weight:600;letter-spacing:.2px;line-height:1}.app-mobile-tab--active{color:var(--yelo-black)}.app-mobile-tab-dot{display:block;width:4px;height:4px;border-radius:50%;background:var(--yelo-accent);margin-top:1px}.app-mobile-tab--cta{padding:0}.app-mobile-cta-circle{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--yelo-black);color:var(--yelo-accent);box-shadow:0 4px 14px rgba(0,0,0,.2);transition:transform .15s,box-shadow .15s;margin-bottom:4px}.app-mobile-tab--cta:active .app-mobile-cta-circle{transform:scale(.92);box-shadow:0 2px 8px rgba(0,0,0,.15)}