*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#c9a96e;--primary-dark:#a8823a;--secondary:#2c2c2c;--accent:#f5ede0;--text:#555;--text-dark:#1a1a1a;--white:#fff;--light-bg:#faf8f5;--border:#e8e0d5;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 6px 24px #0000001f;--shadow-lg:0 12px 40px #00000029;--radius:12px;--radius-sm:8px;--transition:.3s ease;--font-serif:"Georgia", "Times New Roman", serif;--font-sans:"Segoe UI", system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;line-height:1.6}#app{flex-direction:column;min-height:100vh;display:flex}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}.container{width:min(1200px,100%);margin-inline:auto;padding-inline:24px}.section{padding-block:80px}.section-sm{padding-block:56px}.text-center{text-align:center}.section-title{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.6rem)}.section-subtitle{color:var(--text);margin-inline:auto;max-width:560px;margin-bottom:48px;font-size:1.05rem;line-height:1.7}.btn{cursor:pointer;transition:var(--transition);letter-spacing:.3px;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover{background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:var(--white)}.btn-white{background:var(--white);color:var(--primary-dark);font-weight:700}.btn-white:hover{background:var(--accent)}.btn-lg{padding:15px 36px;font-size:1rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.tag{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.8px;background:#c9a96e26;border-radius:50px;padding:4px 14px;font-size:.8rem;font-weight:600;display:inline-block}.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);transition:var(--transition);background:#fffffff2;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:70px;display:flex}.navbar-logo{font-family:var(--font-serif);color:var(--text-dark);align-items:center;gap:8px;font-size:1.5rem;font-weight:700;display:flex}.navbar-logo span{color:var(--primary)}.navbar-logo-img{width:auto;height:44px;display:block}.navbar-nav{align-items:center;gap:32px;display:flex}.navbar-nav a{color:var(--text);transition:color var(--transition);font-size:.9rem;font-weight:500;position:relative}.navbar-nav a:after{content:"";background:var(--primary);width:0;height:2px;transition:width var(--transition);position:absolute;bottom:-4px;left:0}.navbar-nav a:hover,.navbar-nav a.router-link-active:not(.btn){color:var(--primary)}.navbar-nav a:hover:after,.navbar-nav a.router-link-active:after{width:100%}.navbar-nav a.btn-primary.router-link-active{color:var(--white)}.navbar-cta{margin-left:8px}.navbar-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.navbar-toggle span{background:var(--text-dark);width:24px;height:2px;transition:var(--transition);border-radius:2px;display:block}.navbar-mobile{border-top:1px solid var(--border);background:var(--white);flex-direction:column;gap:4px;padding:16px 24px 20px;display:none}.navbar-mobile.open{display:flex}.navbar-mobile a{color:var(--text);border-bottom:1px solid var(--border);transition:color var(--transition);padding:10px 0;font-weight:500}.navbar-mobile a:last-child{border-bottom:none}.navbar-mobile a:hover,.navbar-mobile a.router-link-active{color:var(--primary)}@media (width<=768px){.navbar-nav,.navbar-cta{display:none}.navbar-toggle{display:flex}}.hero{background:linear-gradient(135deg, var(--secondary) 0%, #4a3728 50%, #6b4c35 100%);color:var(--white);padding-block:100px 80px;position:relative;overflow:hidden}.hero:before{content:"";background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a96e' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-content{z-index:1;max-width:620px;position:relative}.hero-tag{margin-bottom:20px}.hero-tag .tag{color:var(--primary);background:#c9a96e40}.hero h1{font-family:var(--font-serif);color:var(--white);margin-bottom:20px;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.15}.hero h1 em{color:var(--primary);font-style:italic}.hero p{color:#fffc;max-width:480px;margin-bottom:36px;font-size:1.1rem}.hero-actions{flex-wrap:wrap;gap:16px;display:flex}.hero-stats{flex-wrap:wrap;gap:40px;margin-top:64px;display:flex}.hero-stat{color:#ffffffe6}.hero-stat strong{color:var(--primary);font-size:1.8rem;font-weight:700;display:block}.hero-stat span{color:#fff9;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;display:grid}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);transition:var(--transition);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.card-img{object-fit:cover;background:var(--accent);width:100%;height:200px}.card-img-placeholder{background:linear-gradient(135deg, var(--accent), #ede0ce);justify-content:center;align-items:center;width:100%;height:200px;font-size:3rem;display:flex}.card-body{padding:20px}.card-category{color:var(--primary-dark);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.78rem;font-weight:600}.card-title{color:var(--text-dark);margin-bottom:8px;font-size:1.1rem;font-weight:600}.card-desc{color:var(--text);margin-bottom:16px;font-size:.9rem;line-height:1.5}.card-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.card-price{color:var(--primary-dark);font-size:1.2rem;font-weight:700}.card-duration,.card-stock{color:var(--text);font-size:.82rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;margin-top:48px;display:grid}.feature-item{text-align:center;padding:32px 20px}.feature-icon{background:#c9a96e26;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:1.6rem;display:flex}.feature-title{color:var(--text-dark);margin-bottom:8px;font-size:1rem;font-weight:600}.feature-desc{color:var(--text);font-size:.88rem;line-height:1.6}.cta-banner{background:linear-gradient(135deg, var(--primary-dark), var(--primary));color:var(--white);text-align:center;padding-block:72px}.cta-banner h2{font-family:var(--font-serif);color:var(--white);margin-bottom:12px;font-size:clamp(1.6rem,3.5vw,2.4rem)}.cta-banner p{color:#ffffffd9;margin-bottom:32px;font-size:1.05rem}.booking-section{background:var(--light-bg)}.booking-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}@media (width<=860px){.booking-grid{grid-template-columns:1fr;gap:40px}}.booking-info h2{font-family:var(--font-serif);color:var(--text-dark);margin-bottom:16px;font-size:2rem}.booking-info p{margin-bottom:28px;line-height:1.7}.booking-steps{flex-direction:column;gap:16px;display:flex}.booking-step{align-items:flex-start;gap:14px;display:flex}.step-num{background:var(--primary);width:32px;height:32px;color:var(--white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.step-text strong{color:var(--text-dark);margin-bottom:2px;display:block}.step-text span{font-size:.88rem}.form-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:36px}.form-card h3{color:var(--text-dark);margin-bottom:24px;font-size:1.3rem}.form-group{margin-bottom:20px}.form-group label{color:var(--text-dark);margin-bottom:6px;font-size:.88rem;font-weight:600;display:block}.form-control{border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;font-size:.95rem;font-family:var(--font-sans);color:var(--text-dark);background:var(--white);transition:border-color var(--transition);appearance:none;padding:11px 14px}.form-control:focus{border-color:var(--primary);outline:none}.form-control::placeholder{color:#aaa}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.form-alert{border-radius:var(--radius-sm);margin-bottom:16px;padding:12px 16px;font-size:.9rem}.form-alert.success{color:#065f46;background:#ecfdf5;border-left:4px solid #10b981}.form-alert.error{color:#991b1b;background:#fef2f2;border-left:4px solid #ef4444}.field-hint{color:#888;margin-top:5px;font-size:.8rem}.field-error{color:#c0392b;margin-top:5px;font-size:.8rem}.input-error{border-color:#ef4444!important}.slots-loading{color:var(--text);align-items:center;gap:10px;padding:12px 0;font-size:.88rem;display:flex}.slots-empty{color:#aaa;border:1px dashed var(--border);border-radius:var(--radius-sm);text-align:center;padding:14px;font-size:.88rem}.slots-none{color:#c0392b;background:#fef2f2;border-color:#fca5a5}.slots-grid{flex-wrap:wrap;gap:8px;padding:4px 0;display:flex}.slot-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--text-dark);cursor:pointer;transition:var(--transition);padding:7px 14px;font-size:.85rem;font-weight:600}.slot-btn:hover{border-color:var(--primary);color:var(--primary)}.slot-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.schedule-info{border-radius:var(--radius);border-left:4px solid var(--primary);background:#c9a96e1a;margin-top:28px;padding:20px}.schedule-info strong{color:var(--text-dark);margin-bottom:12px;display:block}.schedule-info ul{flex-direction:column;gap:6px;display:flex}.schedule-info li{justify-content:space-between;font-size:.88rem;display:flex}.schedule-info li.closed{opacity:.45}.schedule-info .day-name{color:var(--text-dark);font-weight:600}.schedule-info .day-hours{color:var(--text)}.footer{background:var(--secondary);color:#ffffffb3;margin-top:auto;padding-block:56px 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}@media (width<=768px){.footer-grid{grid-template-columns:1fr;gap:32px}}.footer-brand .logo{font-family:var(--font-serif);color:var(--white);align-items:center;gap:8px;margin-bottom:12px;font-size:1.4rem;display:flex}.footer-brand .logo span{color:var(--primary)}.footer-logo-img{width:auto;height:36px;display:block}.footer-brand p{max-width:280px;font-size:.88rem;line-height:1.7}.footer-social{gap:10px;margin-top:16px;display:flex}.social-link{color:#ffffffb3;width:38px;height:38px;transition:background var(--transition), color var(--transition);background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{background:var(--primary);color:var(--white)}.footer-col h4{color:var(--white);margin-bottom:16px;font-size:.95rem}.footer-col a{color:#fff9;transition:color var(--transition);margin-bottom:10px;font-size:.88rem;display:block}.footer-col a:hover{color:var(--primary)}.footer-bottom{text-align:center;color:#fff6;border-top:1px solid #ffffff1a;padding-top:24px;font-size:.82rem}.skeleton-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:28px;display:grid}.skeleton-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.skeleton-img{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;height:200px;animation:1.4s infinite shimmer}.skeleton-body{padding:20px}.skeleton-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:10px;animation:1.4s infinite shimmer}.skeleton-line.short{width:60%}.skeleton-line.xshort{width:40%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{text-align:center;color:var(--text);padding:64px 20px}.empty-state .icon{margin-bottom:16px;font-size:3rem}.empty-state h3{color:var(--text-dark);margin-bottom:8px;font-size:1.2rem}.page-header{background:linear-gradient(135deg, var(--secondary) 0%, #3d2b1f 100%);color:var(--white);text-align:center;padding-block:60px}.page-header h1{font-family:var(--font-serif);color:var(--white);margin-bottom:12px;font-size:clamp(2rem,4vw,3rem)}.page-header p{color:#ffffffbf;max-width:520px;margin-inline:auto;font-size:1.05rem}.filter-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:40px;display:flex}.filter-bar input,.filter-bar select{border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:.9rem;font-family:var(--font-sans);background:var(--white);color:var(--text-dark);transition:border-color var(--transition);appearance:none;padding:10px 14px}.filter-bar input{flex:1;min-width:200px}.filter-bar input:focus,.filter-bar select:focus{border-color:var(--primary);outline:none}@media (width<=640px){.section{padding-block:56px}.hero{padding-block:72px 56px}.hero-stats{gap:24px}.form-card{padding:24px}.cta-banner{padding-block:56px}}