.map-container{display:flex;flex-direction:column;gap:1rem}.map-container,.map-wrapper{position:relative;width:100%;height:100%}.map-wrapper{overflow:hidden}.map-image{width:100%;height:auto;display:block}.room-button{position:absolute;cursor:pointer;z-index:10;transition:all .3s ease}.room-button:hover{transform:scale(1.2)}.room-button.selected{background-color:var(--color-primary);color:white}.room-button.disponible{background-color:var(--color-accent);color:white}.room-button.nodisponible{background-color:#ccc;color:#666;cursor:not-allowed}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:100}.loading-content{text-align:center}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.no-habitaciones-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center;z-index:100}.no-habitaciones-content{text-align:center}.no-habitaciones-icon{font-size:48px;color:var(--color-primary);margin-bottom:1rem}.planta-selector{position:absolute;top:20px;right:20px;z-index:20}.planta-selector select{padding:8px;border-radius:4px;border:1px solid #ccc;font-size:14px;width:200px;cursor:pointer}.planta-selector select:hover{border-color:var(--color-primary)}