:root{--hotel-primary:#f59e0b;--hotel-primary-dark:#d97706;--hotel-primary-light:#fbbf24;--hotel-secondary:#fb923c;--hotel-accent:#fdba74;--hotel-background:#fef3c7;--hotel-surface:#ffffff;--hotel-text:#374151;--hotel-text-light:#6b7280;--hotel-border:#e5e7eb;--hotel-success:#10b981;--hotel-warning:#f59e0b;--hotel-error:#ef4444;--hotel-blue:var(--hotel-primary);--hotel-light-blue:var(--hotel-primary-light);--hotel-orange:var(--hotel-primary);--hotel-dark-orange:var(--hotel-primary-dark);--hotel-gray:var(--hotel-text-light);--hotel-light-gray:var(--hotel-background);--hotel-white:var(--hotel-surface)}*{box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--hotel-light-gray);margin:0;padding:0;color:var(--hotel-text)}.hotel-header{background-color:var(--hotel-white);border-bottom:1px solid var(--hotel-border);display:flex;justify-content:space-between;align-items:center;box-shadow:0 1px 3px rgba(0,0,0,.1);max-width:1200px;margin:0 auto;padding:.75rem 2rem}.rooms-container{max-width:1260px;margin:0 auto;padding-left:2rem;padding-right:2rem}.hotel-logo{height:50px;width:auto;-o-object-fit:contain;object-fit:contain}.hotel-header-nav{display:flex;align-items:center;gap:2rem}.hotel-nav-item{display:flex;align-items:center;gap:.5rem;color:var(--hotel-gray);text-decoration:none;font-size:.9rem;cursor:pointer;transition:color .2s ease}.hotel-nav-item:hover{color:var(--hotel-blue)}.hotel-nav-item svg{width:1.25rem;height:1.25rem}.hotel-flag{width:20px;height:auto;border-radius:2px}.hotel-search-form{background-color:var(--hotel-white);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:.75rem 1.5rem;margin:.5rem auto;max-width:1200px;max-height:80px;display:flex;align-items:center}.hotel-search-row{display:grid;grid-template-columns:2fr 2fr 2fr 2fr auto;gap:1rem;align-items:center;width:100%}.hotel-form-group{display:flex;flex-direction:column}.hotel-label{font-size:.75rem;font-weight:600;color:var(--hotel-text);margin-bottom:.25rem}.hotel-input{padding:.5rem .75rem;border:1px solid var(--hotel-border);border-radius:6px;font-size:.875rem;background-color:var(--hotel-white);transition:border-color .2s ease,box-shadow .2s ease;height:40px}.hotel-input:focus{outline:none;border-color:var(--hotel-blue);box-shadow:0 0 0 3px rgba(30,64,175,.1)}.hotel-input-group{display:flex;border:1px solid var(--hotel-border);border-radius:6px;overflow:hidden;height:40px}.hotel-input-group input{border:none;flex:1;padding:.5rem .75rem;font-size:.875rem}.hotel-input-group input:focus{outline:none}.hotel-input-group .divider{width:1px;background-color:var(--hotel-border)}.hotel-search-btn{background-color:var(--hotel-orange);color:var(--hotel-white);border:none;border-radius:6px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:background-color .2s ease;height:40px;align-self:end}.hotel-search-btn:hover{background-color:var(--hotel-dark-orange)}.hotel-calendar-container{background-color:var(--hotel-white);border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:1.5rem;margin:1rem auto;max-width:1200px;display:flex;flex-direction:column}.hotel-calendar-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.hotel-month{text-align:center}.hotel-month-header{font-size:1.25rem;font-weight:700;color:var(--hotel-text);margin-bottom:1rem;text-transform:capitalize}.hotel-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:.5rem}.hotel-weekday{padding:.5rem;font-size:.75rem;font-weight:600;color:var(--hotel-gray);text-transform:uppercase}.hotel-days{display:grid;grid-template-columns:repeat(7,1fr);gap:0;border:1px solid var(--hotel-border);grid-auto-rows:1fr;position:relative}.hotel-day{position:relative;aspect-ratio:1;border-right:1px solid var(--hotel-border);border-bottom:1px solid var(--hotel-border);background-color:var(--hotel-white);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70px;font-size:.75rem}.hotel-day:nth-child(7n){border-right:none}.hotel-day:nth-last-child(-n+7){border-bottom:none}.hotel-days:after{content:"";position:absolute;bottom:-1px;left:-1px;right:-1px;height:1px;background-color:var(--hotel-border)}.hotel-day.selected{background-color:var(--hotel-orange);color:var(--hotel-white);border-color:var(--hotel-orange)}.hotel-day.hover-range{position:relative;border-color:var(--hotel-primary)}.hotel-day.hover-range:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--hotel-primary);opacity:.15;pointer-events:none;z-index:0}.hotel-day.hover-range>*{position:relative;z-index:1}.hotel-day.disabled{background-color:#f9fafb;color:var(--hotel-text-light);cursor:not-allowed}.hotel-days>.hotel-day:empty:last-child{border-bottom:none}.hotel-day.past-date{background-color:#f3f4f6;color:#9ca3af;opacity:.4}.hotel-day.no-availability{position:relative;background-color:#fcecec!important;color:#9ca3af;cursor:not-allowed!important}.hotel-day.no-availability:hover{background-color:#fcdada!important;border-color:#fca5a5}.hotel-day.no-availability .hotel-day-number{color:#9ca3af}.hotel-day.checkout-only{position:relative;background-color:#ffffff!important;color:#374151;cursor:pointer!important;border:1px solid #d1d5db}.hotel-day.checkout-only:hover{background-color:#f9fafb!important;border-color:var(--hotel-orange)}.hotel-day.checkout-only .hotel-day-number{color:#374151}.hotel-day.checkout-only.selected,.hotel-day.selected.checkout-only{background-color:var(--hotel-orange)!important;color:var(--hotel-white)!important;cursor:pointer!important;border-color:var(--hotel-orange)!important;opacity:1!important}.hotel-day.checkout-only.selected .hotel-day-number,.hotel-day.checkout-only.selected .hotel-icon-checkout,.hotel-day.selected.checkout-only .hotel-day-number,.hotel-day.selected.checkout-only .hotel-icon-checkout{color:var(--hotel-white)!important}.hotel-day.checkout-only.disabled.selected,.hotel-day.disabled.checkout-only.selected,.hotel-day.disabled.selected.checkout-only,.hotel-day.selected.checkout-only.disabled{background-color:var(--hotel-orange)!important;color:var(--hotel-white)!important;cursor:pointer!important;opacity:1!important}div.hotel-day.checkout-only.selected,div.hotel-day.selected.checkout-only{background-color:var(--hotel-orange)!important;color:var(--hotel-white)!important}.hotel-day-number{font-size:.875rem;font-weight:600;margin-bottom:1px}.hotel-icon-checkin,.hotel-icon-checkout{position:absolute;bottom:2px;width:16px;height:16px;z-index:1}.hotel-icon-checkin{left:2px;color:var(--hotel-orange)}.hotel-icon-checkout{right:2px;color:var(--hotel-orange)}.hotel-day.selected .hotel-icon-checkin,.hotel-day.selected .hotel-icon-checkout{color:var(--hotel-white)}.hotel-day-price{font-size:.75rem;font-weight:700;color:var(--hotel-blue)}.hotel-day.selected .hotel-day-price{color:var(--hotel-white)}.hotel-day-min-stay{position:absolute;top:2px;right:2px;font-size:.625rem;color:var(--hotel-text-light);background-color:rgba(255,255,255,.8);padding:1px 3px;border-radius:2px}.hotel-day-price-skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite;border-radius:4px}.hotel-day-price-skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-100%);animation:shimmer-overlay 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes shimmer-overlay{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.hotel-footer{background:linear-gradient(135deg,var(--hotel-primary-dark) 0,var(--hotel-primary) 100%);color:var(--hotel-surface);padding:.75rem 2rem;margin-top:3rem;height:50px;display:flex;align-items:center;box-shadow:0 -2px 4px rgba(0,0,0,.1)}.hotel-footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:1rem;width:100%;height:100%}.hotel-footer-info{font-size:.75rem;white-space:nowrap}.hotel-footer-contact{display:flex;gap:1rem;align-items:center}.hotel-footer-contact a{color:var(--hotel-surface);text-decoration:none;display:flex;align-items:center;gap:.25rem;font-size:.75rem;white-space:nowrap}.hotel-footer-contact a:hover{color:var(--hotel-accent)}.hotel-powered-by{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:var(--hotel-surface);white-space:nowrap}.hotel-occupancy-dropdown{position:absolute;top:100%;left:0;right:0;background-color:var(--hotel-white);border:1px solid var(--hotel-border);border-radius:6px;box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:50;padding:1.5rem;margin-top:.5rem}.hotel-occupancy-section{margin-bottom:1.5rem}.hotel-occupancy-section:last-child{margin-bottom:0}.hotel-occupancy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.hotel-occupancy-title{font-weight:600;color:var(--hotel-text)}.hotel-counter{display:flex;align-items:center;gap:1rem}.hotel-counter-btn{width:32px;height:32px;border:1px solid var(--hotel-border);background-color:var(--hotel-white);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--hotel-text)}.hotel-counter-btn svg{color:var(--hotel-text);fill:currentColor}.hotel-counter-btn:hover:not(:disabled){border-color:var(--hotel-blue);background-color:#f0f9ff}.hotel-counter-btn:disabled{opacity:.5;cursor:not-allowed}.hotel-occupancy-section select{width:100%;max-width:200px;padding:.5rem;border:1px solid var(--hotel-border);border-radius:4px;background-color:var(--hotel-white);font-size:.875rem;color:var(--hotel-text)}.hotel-occupancy-section select:focus{outline:none;border-color:var(--hotel-blue);box-shadow:0 0 0 2px rgba(30,64,175,.1)}.hotel-occupancy-section>div[style*=marginTop]{max-width:100%;overflow:hidden}.hotel-occupancy-section>div[style*=marginTop]>div{margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.hotel-occupancy-section>div[style*=marginTop]>div>span{min-width:120px;font-size:.875rem}.hotel-counter-value{font-weight:600;min-width:2rem;text-align:center}@media (max-width:1024px){.hotel-search-row{grid-template-columns:1fr 1fr;gap:1rem}.hotel-calendar-grid{grid-template-columns:1fr;gap:2rem}}@media (max-width:768px){.hotel-header{padding:1rem;flex-direction:column;gap:1rem}.hotel-header-nav{gap:1rem;font-size:.8rem}.hotel-search-row{grid-template-columns:1fr;gap:1rem}.hotel-calendar-container,.hotel-search-form{margin:1rem;padding:1rem}.hotel-footer-content{flex-direction:column;text-align:center}}.hotel-language-option.active{background-color:var(--hotel-blue);color:white;border-radius:4px;padding:.25rem .5rem}.hotel-language-option.active .hotel-flag{filter:brightness(1.2)}.hotel-language-option{transition:all .2s ease;cursor:pointer;padding:.25rem .5rem;border-radius:4px}.hotel-language-option:hover{background-color:var(--hotel-border)}.calendar-highlight{animation:calendarFlash .5s ease-in-out 3;border:2px solid var(--hotel-orange)!important;border-radius:8px}@keyframes calendarFlash{0%,to{box-shadow:0 0 0 0 rgba(245,158,11,.7)}50%{box-shadow:0 0 0 5px rgba(245,158,11,.3)}}.occupancy-blink{animation:occupancyBlink .4s ease-in-out 3}@keyframes occupancyBlink{0%,to{background-color:var(--hotel-white);border-color:var(--hotel-border)}50%{background-color:rgba(245,158,11,.1);border-color:var(--hotel-orange)}}.hotel-calendar-legend{margin-top:1rem;padding:.75rem;background-color:#f8fafc;border-radius:6px;border:1px solid var(--hotel-border);flex-shrink:0}.hotel-legend-title{font-size:.8rem;font-weight:600;color:var(--hotel-text);margin-bottom:.5rem}.hotel-legend-items{display:flex;flex-wrap:wrap;gap:1rem}.hotel-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--hotel-text)}.hotel-legend-sample{width:16px;height:16px;border:1px solid var(--hotel-border);border-radius:2px;position:relative;flex-shrink:0}.hotel-legend-sample.available{background-color:var(--hotel-white)}.hotel-legend-sample.selected{background-color:var(--hotel-orange)}.hotel-legend-sample.unavailable{background-color:#fcecec}.hotel-legend-sample.past{background-color:#f3f4f6;opacity:.4}.hotel-legend-sample.min-stay{background-color:#10b981;color:white;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.blink-animation{animation:blinkEffect .5s ease-in-out 3}@keyframes blinkEffect{0%,to{background-color:var(--hotel-white);border-color:var(--hotel-border)}50%{background-color:rgba(245,158,11,.2);border-color:var(--hotel-orange);box-shadow:0 0 0 3px rgba(245,158,11,.3)}}.hotel-search-btn.blink-animation{animation:blinkButtonEffect .5s ease-in-out 3}@keyframes blinkButtonEffect{0%,to{background-color:var(--hotel-orange);transform:scale(1)}50%{background-color:var(--hotel-dark-orange);transform:scale(1.05);box-shadow:0 0 0 3px rgba(245,158,11,.3)}}@keyframes slideInDown{0%{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.room-image-overlay{opacity:0;transition:opacity .2s ease}.room-image-container:hover .room-image-overlay{opacity:1!important}.room-card{transition:box-shadow .3s ease}.room-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.12)!important}.room-accent-bar{opacity:.3;transition:opacity .3s ease}.room-card:hover .room-accent-bar{opacity:1}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}