.templo-navbar{background-color:var(--templo-brown-lighter);border-bottom:1px solid var(--templo-brown-medium);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-md)}.navbar-container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-xl);justify-content:space-between;height:80px}.navbar-container,.navbar-logo{display:flex;align-items:center}.navbar-logo{text-decoration:none;transition:opacity var(--transition-base)}.navbar-logo:hover{opacity:.8}.logo-image{height:50px;width:auto}.navbar-menu{display:flex;align-items:center;gap:var(--space-lg);list-style:none;margin:0;padding:0}.navbar-menu a,.navbar-menu li{position:relative}.navbar-menu a{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-base);color:#664D3C;text-decoration:none;letter-spacing:.03em;transition:all var(--transition-base);border-radius:var(--radius-sm)}.navbar-menu a:after{content:"";position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);width:0;height:2px;background-color:var(--templo-brown-dark);transition:width var(--transition-base)}.navbar-menu a:hover{color:var(--templo-brown-dark);background-color:rgba(78,53,36,.08)}.navbar-menu a.active:after,.navbar-menu a:hover:after{width:80%}.navbar-menu a.active{color:var(--templo-brown-dark);font-weight:var(--font-medium)}.admin-link{background-color:var(--templo-bg-secondary)}.admin-link:hover{background-color:var(--templo-beige)}.navbar-user{display:flex;align-items:center;gap:var(--space-lg)}.btn-account{padding:var(--space-sm) var(--space-lg);font-family:var(--font-primary),var(--font-fallback);font-size:var(--text-sm);color:var(--templo-brown-medium);background-color:transparent;border:1px solid var(--templo-brown-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);letter-spacing:.05em;text-transform:uppercase;text-decoration:none}.btn-account:hover{background-color:var(--templo-brown-dark);color:var(--templo-beige);border-color:var(--templo-brown-dark)}.btn-logout{padding:var(--space-sm) var(--space-lg);font-family:var(--font-primary),var(--font-fallback);font-size:var(--text-sm);color:var(--templo-brown-medium);background-color:transparent;border:1px solid var(--templo-brown-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-base);letter-spacing:.05em;text-transform:uppercase}.btn-logout:hover{background-color:var(--templo-brown-dark);color:var(--templo-beige);border-color:var(--templo-brown-dark)}.mobile-menu-button{display:none;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.hamburger{display:flex;flex-direction:column;gap:5px;width:24px}.hamburger span{display:block;height:2px;background-color:var(--templo-brown-medium);transition:all var(--transition-base);border-radius:2px}.hamburger.open span:first-child{transform:rotate(45deg) translate(7px,7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}.mobile-only{display:none!important}.desktop-only{display:flex}.navbar-mobile-actions{display:none}@media (max-width:1024px){.navbar-container{padding:0 var(--space-lg)}.navbar-menu{gap:var(--space-md)}.navbar-menu a{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm)}}@media (max-width:768px){.navbar-container{height:60px;padding:0 var(--space-md)}.logo-image{height:36px}.mobile-menu-button{display:block;z-index:calc(var(--z-sticky) + 2)}.desktop-only{display:none!important}.mobile-only{display:block!important}.navbar-menu.client-menu{display:none!important}.navbar-mobile-actions{display:flex;align-items:center;gap:var(--space-sm)}.mobile-account-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);color:var(--templo-brown-dark);text-decoration:none;transition:background-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.mobile-account-btn:active,.mobile-account-btn:hover{background-color:rgba(78,53,36,.12)}.mobile-logout-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-full);color:var(--templo-brown-medium);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast);-webkit-tap-highlight-color:transparent}.mobile-logout-btn:active,.mobile-logout-btn:hover{background-color:rgba(78,53,36,.12)}.navbar-menu:not(.client-menu){position:fixed;top:60px;left:0;right:0;bottom:0;background-color:var(--templo-brown-lighter);flex-direction:column;align-items:flex-start;padding:var(--space-xl);gap:var(--space-sm);transform:translateX(-100%);transition:transform var(--transition-base);overflow-y:auto;box-shadow:var(--shadow-lg)}.navbar-menu:not(.client-menu).mobile-open{transform:translateX(0)}.navbar-menu:not(.client-menu) li{width:100%}.navbar-menu:not(.client-menu) a{width:100%;padding:var(--space-md) var(--space-lg);font-size:var(--text-lg)}.navbar-menu a:after{display:none}.navbar-menu a.active,.navbar-menu a:hover{background-color:rgba(78,53,36,.12)}.mobile-user-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:1px solid var(--templo-border-light)}.mobile-user-info{display:flex;flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-lg);padding:0 var(--space-lg)}.user-name{font-size:var(--text-lg);color:var(--templo-brown-dark);font-weight:var(--font-medium)}.user-role{font-size:var(--text-sm);color:var(--templo-brown-medium);text-transform:capitalize}.btn-account.mobile,.btn-logout.mobile{width:100%;padding:var(--space-md);font-size:var(--text-base)}.btn-account.mobile{display:block;margin-bottom:var(--space-md);color:var(--templo-brown-dark);background-color:rgba(78,53,36,.1);border:1px solid var(--templo-brown-medium);border-radius:var(--radius-sm);text-align:center;text-decoration:none;letter-spacing:.05em;text-transform:uppercase;transition:all var(--transition-base)}.btn-account.mobile:hover{background-color:var(--templo-brown-medium);color:var(--templo-beige)}}.mobile-tab-bar{display:none}@media (max-width:768px){.mobile-tab-bar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:var(--z-fixed);background-color:var(--templo-bg-card);border-top:1px solid var(--templo-border);box-shadow:0 -2px 10px rgba(78,53,36,.1);padding:0 0 env(safe-area-inset-bottom,0);height:calc(60px + env(safe-area-inset-bottom, 0px));align-items:stretch;justify-content:space-around}.tab-item{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1 1;text-decoration:none;color:var(--templo-text-muted);padding:6px 0;transition:color var(--transition-fast);position:relative;gap:2px;-webkit-tap-highlight-color:transparent}.tab-item:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:0;height:2.5px;background-color:var(--templo-brown-dark);border-radius:0 0 2px 2px;transition:width var(--transition-base)}.tab-item.active{color:var(--templo-brown-dark)}.tab-item.active:before{width:50%}.tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.tab-icon svg{width:22px;height:22px}.tab-item.active .tab-icon svg{stroke-width:2.5}.tab-label{font-family:var(--font-primary),var(--font-fallback);font-size:10px;letter-spacing:.02em;line-height:1;white-space:nowrap}.tab-item.active .tab-label{font-weight:var(--font-semibold)}}.pwa-banner-overlay{position:fixed;bottom:0;left:0;right:0;z-index:9999;padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px));animation:pwa-slide-up .4s ease-out}@keyframes pwa-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.pwa-banner{position:relative;background:var(--templo-bg-primary,#FDFBF7);border:1px solid var(--templo-border,#d4c4b3);border-radius:16px;padding:24px;max-width:420px;margin:0 auto;box-shadow:0 -4px 24px rgba(78,53,36,.15)}.pwa-banner-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:1.5rem;color:var(--templo-text-muted,#9B8778);cursor:pointer;padding:0;line-height:1}.pwa-banner-header{display:flex;align-items:center;gap:14px;margin-bottom:16px}.pwa-banner-logo{width:48px;height:48px;object-fit:contain;border-radius:10px}.pwa-banner-title{display:flex;flex-direction:column}.pwa-banner-name{font-size:1.25rem;color:var(--templo-brown-dark,#4E3524);line-height:1.2;letter-spacing:.5px}.pwa-banner-name,.pwa-banner-subtitle{font-family:var(--font-primary,"Belleza",serif)}.pwa-banner-subtitle{font-size:.8rem;color:var(--templo-text-muted,#9B8778);letter-spacing:1px;text-transform:uppercase}.pwa-banner-text{color:var(--templo-text-secondary,#664D3C);font-size:.9rem;line-height:1.5;margin:0 0 20px}.pwa-banner-actions{display:flex;gap:12px}.pwa-banner-btn-dismiss{flex:1 1;padding:12px 16px;border:1px solid var(--templo-border,#d4c4b3);border-radius:10px;background:transparent;color:var(--templo-text-secondary,#664D3C);font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .2s}.pwa-banner-btn-dismiss:active{background:var(--templo-bg-secondary,#F8F5F0)}.pwa-banner-btn-install{flex:1 1;padding:12px 16px;border:none;border-radius:10px;background:var(--templo-brown-dark,#4E3524);color:var(--templo-text-white,#FFFFFF);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s}.pwa-banner-btn-install:active{background:var(--templo-brown-medium,#664D3C)}.pwa-ios-instructions{margin-top:4px}.pwa-ios-steps{list-style:none;counter-reset:ios-step;padding:0;margin:0 0 20px}.pwa-ios-steps li{counter-increment:ios-step;display:flex;align-items:center;gap:10px;padding:10px 0;color:var(--templo-text-secondary,#664D3C);font-size:.9rem;border-bottom:1px solid var(--templo-border-light,#e8ded2)}.pwa-ios-steps li:last-child{border-bottom:none}.pwa-ios-steps li:before{content:counter(ios-step);display:flex;align-items:center;justify-content:center;width:26px;height:26px;min-width:26px;border-radius:50%;background:var(--templo-brown-dark,#4E3524);color:white;font-size:.8rem;font-weight:600}.pwa-ios-steps li svg{flex-shrink:0}.pwa-ios-steps li strong,.pwa-ios-steps li svg{color:var(--templo-brown-dark,#4E3524)}@media (min-width:769px){.pwa-banner-overlay{display:none}}.pwa-push-overlay{position:fixed;inset:0;background:rgba(78,53,36,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px;animation:pwa-push-fade-in .3s ease-out}@keyframes pwa-push-fade-in{0%{opacity:0}to{opacity:1}}.pwa-push-modal{background:var(--templo-bg-primary,#FDFBF7);border-radius:20px;padding:32px 28px;max-width:340px;width:100%;text-align:center;box-shadow:0 8px 32px rgba(78,53,36,.2);animation:pwa-push-scale-in .3s ease-out}@keyframes pwa-push-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.pwa-push-icon{width:72px;height:72px;margin:0 auto 20px;background:var(--templo-beige,#E4D7C5);border-radius:50%;display:flex;align-items:center;justify-content:center}.pwa-push-icon svg,.pwa-push-title{color:var(--templo-brown-dark,#4E3524)}.pwa-push-title{font-family:var(--font-primary,"Belleza",serif);font-size:1.3rem;margin:0 0 12px;letter-spacing:.3px}.pwa-push-text{color:var(--templo-text-secondary,#664D3C);font-size:.9rem;line-height:1.6;margin:0 0 24px}.pwa-push-actions{display:flex;gap:12px}.pwa-push-btn-dismiss{flex:1 1;padding:13px 16px;border:1px solid var(--templo-border,#d4c4b3);border-radius:10px;background:transparent;color:var(--templo-text-secondary,#664D3C);font-size:.9rem;font-family:inherit;cursor:pointer;transition:background .2s}.pwa-push-btn-dismiss:active{background:var(--templo-bg-secondary,#F8F5F0)}.pwa-push-btn-activate{flex:1 1;padding:13px 16px;border:none;border-radius:10px;background:var(--templo-brown-dark,#4E3524);color:var(--templo-text-white,#FFFFFF);font-size:.9rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s}.pwa-push-btn-activate:active{background:var(--templo-brown-medium,#664D3C)}.pwa-push-btn-activate:disabled,.pwa-push-btn-dismiss:disabled{opacity:.6;cursor:not-allowed}