:root{--color-primary:#7c9a6b;--color-primary-dark:#637c53;--color-primary-light:#e8efe5;--color-secondary:#d4a574;--color-accent:#b8860b;--color-bg:#fcfaf6;--color-surface:#ffffffd1;--color-surface-solid:#fff;--color-text:#2d312e;--color-text-light:#6a716c;--color-border:#7c9a6b26;--color-border-solid:#e0e5e1;--color-success:#5d9b5d;--color-danger:#c75050;--color-warning:#d4a030;--font-serif:"Playfair Display", serif;--font-sans:"Montserrat", sans-serif;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 8px 20px #7c9a6b14;--shadow-lg:0 16px 36px #00000014;--blur-glass:16px;--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;--max-width:480px;--bottom-bar-height:68px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}html{overscroll-behavior:none;height:100%}input,button,textarea,select{font-family:inherit}body{font-family:var(--font-sans);color:var(--color-text);overscroll-behavior:none;background-color:#f0ede6;justify-content:center;height:100dvh;line-height:1.5;display:flex}.app-container{width:100%;max-width:var(--max-width);background-color:var(--color-bg);-webkit-overflow-scrolling:touch;height:100dvh;padding-bottom:calc(var(--bottom-bar-height) + env(safe-area-inset-bottom,0px));flex-direction:column;display:flex;position:relative;overflow:hidden auto;box-shadow:0 0 32px #00000014}header:not(.admin-header){-webkit-backdrop-filter:blur(var(--blur-glass));z-index:100;border-bottom:1px solid var(--color-border);background-color:#fcfaf6d9;flex-direction:column;align-items:flex-start;padding:12px 20px;display:flex;position:sticky;top:0}.logo-container{flex-direction:column;display:flex}.logo-text{font-family:var(--font-serif);color:var(--color-text);letter-spacing:.5px;font-size:1.4rem;font-weight:700}.logo-slogan{color:var(--color-text-light);text-transform:uppercase;letter-spacing:.8px;margin-top:1px;font-size:.55rem;line-height:1}.lang-selector{gap:6px;display:flex}.lang-btn{border:1px solid var(--color-border-solid);cursor:pointer;color:var(--color-text-light);transition:var(--transition-smooth);background:0 0;border-radius:4px;padding:4px 6px;font-size:.75rem;font-weight:600;text-decoration:none;display:inline-block}.lang-btn.active{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary-dark)}h1,h2,h3{font-family:var(--font-serif);font-weight:600;line-height:1.25}h4,h5{font-family:var(--font-sans);font-weight:600;line-height:1.3}p{color:var(--color-text-light);font-size:.95rem}a{color:var(--color-primary-dark);text-decoration:none}.section-padding{padding:24px 20px}.text-center{text-align:center}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:16px}.mb-4{margin-bottom:24px}.mb-5{margin-bottom:32px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#7c9a6b33;border-radius:3px}input[type=checkbox],input[type=radio]{accent-color:var(--color-primary)}@media (width>=1024px){body{background-color:var(--color-bg)}.app-container{width:100%;max-width:1200px;margin:0 auto;padding-bottom:0;overflow-x:visible;box-shadow:0 0 60px #7c9a6b0d}header:not(.admin-header){-webkit-backdrop-filter:blur(24px);z-index:1000;background-color:#fcfaf6d9;border-bottom:1px solid #ffffff80;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 60px;position:sticky;top:0}.desktop-nav{align-items:center;gap:32px;display:flex}.desktop-nav a{font-family:var(--font-sans);color:var(--color-text-light);letter-spacing:.5px;transition:var(--transition-smooth);font-size:.95rem;font-weight:500;text-decoration:none;position:relative}.desktop-nav a:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:var(--transition-smooth);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.desktop-nav a:hover,.desktop-nav a.active{color:var(--color-text)}.desktop-nav a:hover:after,.desktop-nav a.active:after{width:20px}}@media (width<=1023px){.desktop-nav{display:none}}.btn{font-family:var(--font-sans);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-smooth);text-align:center;border:none;justify-content:center;align-items:center;width:100%;padding:12px 24px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px #7c9a6b40}.btn-primary:active{background-color:var(--color-primary-dark);transform:scale(.98)}.btn-secondary{background-color:var(--color-primary-light);color:var(--color-primary-dark);border:1px solid #7c9a6b33}.btn-secondary:active{background-color:#7c9a6b40;transform:scale(.98)}.btn-accent{background-color:var(--color-accent);color:#fff;box-shadow:0 4px 12px #b8860b40}.btn-accent:active{background-color:#8b6508;transform:scale(.98)}.btn-outline{border:1px solid var(--color-primary);color:var(--color-primary-dark);background:0 0}.btn-outline:active{background:var(--color-primary-light)}.btn-sm{border-radius:var(--border-radius-sm);width:auto;padding:6px 12px;font-size:.8rem;line-height:1}.btn-category-tab{white-space:nowrap;background-color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;transition:var(--transition-smooth);justify-content:center;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex;box-shadow:0 4px 10px #7c9a6b26}.btn-category-tab:active{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:scale(.96)}.btn-category-tab-outline{white-space:nowrap;border:1px solid var(--color-border-solid);border-radius:var(--border-radius-lg);color:var(--color-text-light);cursor:pointer;transition:var(--transition-smooth);background-color:#fff;justify-content:center;align-items:center;padding:6px 14px;font-size:.8rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.btn-category-tab-outline:hover,.btn-category-tab-outline:active{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 10px #7c9a6b26}.btn-category-tab-outline:active{transform:scale(.96)}.card{background:var(--color-surface);-webkit-backdrop-filter:blur(var(--blur-glass));border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);transition:var(--transition-smooth);margin-bottom:16px;padding:18px}.card:active{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.bottom-nav{width:100%;max-width:var(--max-width);height:var(--bottom-bar-height);-webkit-backdrop-filter:blur(var(--blur-glass));border-top:1px solid var(--color-border);z-index:100;background-color:#fffffff2;flex-direction:column;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #00000008}.bottom-nav-inner{width:100%;height:var(--bottom-bar-height);justify-content:space-around;align-items:stretch;display:flex}.nav-item{color:var(--color-text-light);cursor:pointer;transition:var(--transition-smooth);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:0;font-size:.75rem;font-weight:500;text-decoration:none;display:flex}.nav-item svg{width:22px;height:22px;stroke:var(--color-text-light);stroke-width:1.8px;fill:none;transition:var(--transition-smooth);margin-bottom:3px}.nav-item.active{color:var(--color-primary-dark);font-weight:600}.nav-item.active svg{stroke:var(--color-primary-dark);transform:none}.form-group{flex-direction:column;margin-bottom:16px;display:flex}.form-label{color:var(--color-text);margin-bottom:6px;font-size:.85rem;font-weight:600}.form-input{font-family:var(--font-sans);border-radius:var(--border-radius-sm);border:1px solid var(--color-border-solid);color:var(--color-text);transition:var(--transition-smooth);background-color:#fff;outline:none;width:100%;padding:12px;font-size:.95rem}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c9a6b26}.form-input.error{background-color:#fff5f5;border-color:#e53e3e}.form-error-msg{color:#e53e3e;margin-top:4px;font-size:.8rem;display:block}.stepper-breadcrumbs{color:var(--color-text-light);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;margin-bottom:24px;font-size:.75rem;font-weight:500;display:flex}.bc-item{transition:var(--transition-smooth);align-items:center;gap:4px;display:inline-flex}.bc-item.active{color:var(--color-primary-dark);font-size:.9rem;font-weight:700}.bc-item.completed{color:var(--color-text-light);cursor:pointer;font-weight:500}.bc-item.completed:hover{color:var(--color-primary-dark);text-decoration:underline}.bc-item.pending{color:#a8ada9;opacity:.6;cursor:default}.bc-arrow{color:var(--color-border-solid);font-size:.8rem}.steps-indicator{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex;position:relative}.steps-indicator:before{content:"";background-color:var(--color-border-solid);z-index:1;height:2px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.step-progress-bar{background-color:var(--color-primary);z-index:2;height:2px;transition:var(--transition-smooth);width:0%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.step-node{z-index:3;border:2px solid var(--color-border-solid);width:14px;height:14px;transition:var(--transition-smooth);background-color:#fff;border-radius:50%;position:relative}.step-node.active{border-color:var(--color-primary);background-color:var(--color-primary);transform:scale(1.3)}.step-node.completed{border-color:var(--color-primary);background-color:var(--color-primary);cursor:pointer}.stars-rating{color:var(--color-border-solid);cursor:pointer;justify-content:center;gap:8px;font-size:2rem;display:flex}.stars-rating span{transition:var(--transition-smooth)}.stars-rating span.active,.stars-rating span:hover,.stars-rating span:hover~span{color:gold}.zone-number{aspect-ratio:1;border:1px solid var(--color-border);width:100%;color:var(--color-text);font-family:var(--font-sans);cursor:pointer;transition:var(--transition-smooth);background-color:#0000;border-radius:6px;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.zone-checkbox input:checked+.zone-number{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.body-zones-layout{grid-template-columns:1fr 1fr;grid-template-areas:"image image""left right";gap:16px;margin-bottom:16px;display:grid}.zones-image-container{text-align:center;grid-area:image}.body-zones-layout>.zones-col:first-of-type{grid-area:left}.body-zones-layout>.zones-col:last-of-type{grid-area:right}.zones-image-container img{border-radius:8px;width:100%;max-width:400px;height:auto;margin:0 auto;display:block}.zones-col-title{text-align:center;color:var(--color-text-light);margin-bottom:8px;font-size:.85rem;font-weight:600}.zones-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.zone-checkbox input{display:none}@media (width>=768px){.body-zones-layout{grid-template-columns:1fr 1.5fr 1fr;grid-template-areas:"left image right";align-items:center;gap:24px}}.status-badge{text-align:center;border-radius:4px;padding:4px 8px;font-size:.5rem;font-weight:600;display:inline-block}.status-badge-pending{color:var(--color-warning);background-color:#d4a03026}.status-badge-confirmed{color:var(--color-success);background-color:#5d9b5d26}.status-badge-rejected{color:var(--color-danger);background-color:#c7505026}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.service-modal-content{border-radius:var(--border-radius-md);width:100%;max-width:400px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;animation:.3s cubic-bezier(.175,.885,.32,1.275) slideUp;position:relative;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-close{cursor:pointer;z-index:10;width:32px;height:32px;color:var(--color-text);box-shadow:var(--shadow-sm);background:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex;position:absolute;top:12px;right:12px}.carousel-container{aspect-ratio:4/3;background:#f0f0f0;width:100%;position:relative;overflow:hidden}.carousel-track{height:100%;transition:transform .4s ease-in-out;display:flex}.carousel-item{object-fit:cover;min-width:100%;height:100%}.carousel-prev,.carousel-next{cursor:pointer;color:#333;background:#ffffffb3;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-prev:hover,.carousel-next:hover{background:#fff}.carousel-prev{left:8px}.carousel-next{right:8px}.service-modal-body{padding:20px}.history-booking-card{border-left:3px solid #0000!important}.history-booking-card.active{box-shadow:var(--shadow-sm);transform:translateY(-1px);border-color:var(--color-primary)!important;border-left:3px solid var(--color-primary)!important;background-color:#7c9a6b14!important}@media (width>=1024px){.bottom-nav{display:none!important}}