:root{--dark: #2C2C2C;--light: #F7F5F2;--accent: #D6A56C;--accent-light: #e6c497;--accent-dark: #b98d50;--shadow: rgba(0, 0, 0, .1);--spacing-xs: 8px;--spacing-sm: 16px;--spacing-md: 24px;--spacing-lg: 32px;--border-radius: 8px;--transition-speed: .3s}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--light);color:var(--dark);line-height:1.5;overflow:hidden;height:100vh}.app-container{display:flex;height:100vh;width:100%}.destinations-menu{width:380px;background-color:var(--dark);color:var(--light);overflow-y:auto;display:flex;flex-direction:column;box-shadow:2px 0 10px var(--shadow);z-index:10}.menu-header{padding:var(--spacing-md);border-bottom:1px solid rgba(214,165,108,.2)}.menu-header h1{font-size:28px;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--accent)}.subtitle{font-size:16px;font-weight:400;color:#f7f5f2b3}.destinations-list{flex:1;padding:var(--spacing-sm)}.destination-item{background-color:#f7f5f20d;border-radius:var(--border-radius);margin-bottom:var(--spacing-md);overflow:hidden;transition:transform var(--transition-speed),box-shadow var(--transition-speed);cursor:pointer}.destination-item:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0003}.destination-item.active{border:2px solid var(--accent)}.destination-image{height:160px;overflow:hidden}.destination-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--transition-speed)}.destination-item:hover .destination-image img{transform:scale(1.05)}.destination-details{padding:var(--spacing-sm)}.destination-name{font-size:18px;font-weight:600;margin-bottom:var(--spacing-xs);color:var(--light)}.destination-description{font-size:14px;margin-bottom:var(--spacing-sm);color:#f7f5f2cc;line-height:1.4}.destination-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.destination-tag{font-size:12px;padding:4px 8px;background-color:#d6a56c33;color:var(--accent);border-radius:12px;display:inline-block}.map-container{flex:1;display:flex;flex-direction:column;overflow:hidden}.tags-container{padding:var(--spacing-sm);display:flex;gap:var(--spacing-xs);flex-wrap:wrap;z-index:5}.tag-button{background-color:var(--light);color:var(--dark);border:1px solid var(--dark);border-radius:20px;padding:8px 16px;font-size:14px;cursor:pointer;transition:all var(--transition-speed)}.tag-button:hover{background-color:#d6a56c1a;border-color:var(--accent)}.tag-button.active{background-color:var(--accent);color:var(--light);border-color:var(--accent)}#map{flex:1;z-index:1}.leaflet-popup-content-wrapper{border-radius:var(--border-radius);padding:0;overflow:hidden}.popup-content{width:200px}.popup-image{height:100px;width:100%}.popup-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.popup-details{padding:var(--spacing-sm)}.popup-title{font-weight:600;margin-bottom:5px;color:var(--dark)}.popup-description{font-size:12px;color:#2c2c2ccc}.custom-marker{width:30px;height:45px;position:absolute;top:50%;left:50%;transform:translate(-50%,-100%);cursor:pointer}.custom-marker:before{content:"";position:absolute;width:30px;height:30px;background-color:#d6a56c;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 2px 5px #0000004d;transition:transform .2s ease}.custom-marker:after{content:"";position:absolute;width:12px;height:12px;background-color:#2c2c2c;border-radius:50%;top:9px;left:9px;transform:rotate(45deg)}