*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:#f8f9fa;height:100vh;overflow:hidden}.container{height:100vh;display:flex;flex-direction:column;background:#fff}.header{background:linear-gradient(135deg,#2c3e50 0,#3498db 100%);color:#fff;padding:12px 15px;text-align:center;flex-shrink:0}.controls,.price-option:hover{background:#f8f9fa}.header h1{font-size:1.4em;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.controls{padding:10px 15px;border-bottom:1px solid #e9ecef;display:flex;gap:10px;align-items:end;flex-wrap:wrap;flex-shrink:0}.control-group input:focus,.control-group select:focus,.price-selector.active,.price-selector:hover{border-color:#3498db;box-shadow:0 0 0 3px rgba(52,152,219,.1)}.control-group{display:flex;flex-direction:column;gap:3px;min-width:120px}.control-group label{font-weight:600;color:#495057;font-size:.8em}.control-group input,.control-group select{padding:8px 10px;border:2px solid #a1a6aaff;border-radius:6px;font-size:12px;transition:.3s}.control-group input:focus,.control-group select:focus{outline:0}.price-range{position:relative;min-width:160px}.price-selector{padding:8px 10px;border:2px solid #dee2e6;border-radius:6px;background:#fff;cursor:pointer;font-size:12px;display:flex;justify-content:space-between;align-items:center;transition:.3s}.price-text{color:#495057}.price-arrow{color:#6c757d;font-size:10px;transition:transform .3s}.btn-reset,.price-option{cursor:pointer;font-size:12px}.price-selector.active .price-arrow{transform:rotate(180deg)}.price-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #3498db;border-top:none;border-radius:0 0 6px 6px;z-index:1000;display:none;box-shadow:0 4px 12px rgba(0,0,0,.15)}.map-container,.map-section{position:relative}.fullscreen .map-controls,.map-controls{top:15px;right:15px}.price-dropdown.show,.select-options.show{display:block}.price-option{padding:8px 12px;border-bottom:1px solid #f1f1f1;transition:background .2s;color:#495057}.price-option:last-child,.select-option:last-child{border-bottom:none}.btn-reset{background:#e74c3c;color:#fff;border:none;padding:8px 15px;border-radius:6px;font-weight:600;height:fit-content;display:flex;align-items:center;gap:5px;transition:.3s}#map,.map-container{height:100%;width:100%}.btn-reset:hover{background:#c0392b;transform:translateY(-1px)}.map-section{flex:1;overflow:hidden}.map-controls{position:absolute;z-index:1000;display:flex;flex-direction:column;gap:2px}#selected-district-display{position:absolute;top:15px;left:15px;background:rgba(255,255,255,.9);padding:5px 10px;border-radius:8px;font-weight:700;color:#333;z-index:999;box-shadow:0 2px 5px rgba(0,0,0,.1);display:flex;align-items:center;gap:5px}#selected-district-display .small-text{font-size:.7em;color:#666}#selected-district-display .district-name-text{font-size:1.1em;color:#6c30d3}.district-location-marker{font-size:32px;color:#e74c3c;text-shadow:1px 1px 3px rgba(0,0,0,.5);font-family:'Font Awesome 5 Free';font-weight:900;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.district-location-marker::before{content:"\f3c5"}.district-marker-label{background-color:#e74c3c;color:#fff;padding:4px 9px;border-radius:5px;font-size:14px;font-weight:700;white-space:nowrap;box-shadow:0 2px 5px rgba(0,0,0,.4);position:absolute;bottom:26px;left:50%;transform:translateX(-50%)}.map-3d-btn,.map-fullscreen-btn{border:2px solid #3498db;padding:8px;display:flex}.map-3d-btn,.map-fullscreen-btn,.zoom-btn{width:35px;height:35px;font-size:16px;transition:.3s;backdrop-filter:blur(5px);box-shadow:0 2px 10px rgba(0,0,0,.1);background:rgba(255,255,255,.95);font-weight:700;cursor:pointer;color:#3498db}.map-3d-btn{border-radius:6px;align-items:center;justify-content:center;margin-bottom:2px}.map-3d-btn:hover,.map-fullscreen-btn:hover{background:#3498db;color:#fff;transform:scale(1.05)}.map-fullscreen-btn{border-radius:6px 6px 0 0;align-items:center;justify-content:center}.mapboxgl-ctrl-compass,.mapboxgl-ctrl-zoom{display:none!important}.custom-zoom-controls{display:flex;flex-direction:column}.zoom-btn{border:2px solid #3498db;display:flex;align-items:center;justify-content:center}.zoom-btn:hover{background:#3498db;color:#fff}.zoom-in{border-radius:0;border-bottom:1px solid #3498db}.zoom-out{border-radius:0 0 6px 6px;border-top:none}.fullscreen{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;z-index:9999!important}.error-message,.info-message,.loading,.success-message{left:50%;z-index:1000;position:absolute;backdrop-filter:blur(5px);text-align:center}.loading{top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.95);padding:20px;border-radius:10px}.loading-spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.error-message,.info-message,.success-message{transform:translateX(-50%);color:#fff;padding:10px 20px;border-radius:8px;font-size:12px;box-shadow:0 4px 12px rgba(0,0,0,.15)}.error-message{top:20px;background:rgba(231,76,60,.95)}.success-message{top:20px;background:rgba(39,174,96,.95)}.info-message{top:20px;background:rgba(108,117,125,.95)}.mapboxgl-popup.popup-resumen{z-index:5}.popup-resumen .mapboxgl-popup-content{padding:0;background:0 0;box-shadow:none}.popup-resumen-content-wrapper{background-color:#fff;padding:10px 15px;border-radius:14px;box-shadow:0 4px 12px rgba(0,0,0,.15);text-align:center;min-width:160px;max-width:230px}.mapboxgl-popup-close-button{position:absolute;top:5px!important;right:5px!important;color:#2e2d2d!important;font-size:20px!important}.popup-resumen-content h4{color:#34495e;font-size:1.4em;margin-bottom:3px}.popup-resumen-content .precio{color:#e74c3c;font-weight:700;font-size:1.3em;margin-bottom:3px}.popup-resumen-content .detalles{font-size:1.1em;color:#151616ff;margin-bottom:8px;line-height:1.5}.popup-info .info-row .label i.fa-ruler-combined,.popup-resumen-content .detalles .fa-ruler-combined,.tipo-label.tipo-duplex{color:#e67e22}.popup-info .info-row .label i.fa-bed,.popup-resumen-content .detalles .fa-bed{color:#8e44ad}.popup-info .info-row .label i.fa-bath,.popup-resumen-content .detalles .fa-bath{color:#2980b9}.popup-resumen-content .detalles,.popup-resumen-content .precio,.popup-resumen-content h4{text-align:center!important;margin-left:auto;margin-right:auto}.btn-ver-mas{background-color:#3498db;color:#fff;border:1.1px solid #2c3e50;padding:4px 10px;border-radius:5px;cursor:pointer;font-weight:700;font-size:1em;display:block;margin:10px auto 0;box-shadow:0 1px 4px rgba(52,152,219,.1)}.btn-ver-mas:hover{background-color:#2980b9}.custom-marker-price-label{background-color:#fff;border-radius:6px;padding:1px 4px;font-size:10px;font-weight:700;color:#333;white-space:nowrap;box-shadow:0 1px 3px rgba(0,0,0,.2);z-index:2;border:1px solid transparent;cursor:pointer;pointer-events:auto;transition:background-color .3s,color .3s}.custom-marker-price-label.filled-price{color:#fff!important}.marker-dot-mapbox{width:14px;height:14px;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.15);z-index:1;background-color:#a0a0a0;border:2px solid #fff;flex-shrink:0;display:block;cursor:pointer;pointer-events:auto}.contact-actions a.btn-contact.btn-call,.marker-dot-mapbox.dot-color-casa{background-color:#3498db!important}.marker-dot-mapbox.dot-color-departamento{background-color:#27ae60!important}.marker-dot-mapbox.dot-color-duplex{background-color:#e67e22!important}.marker-dot-mapbox.dot-color-oficina{background-color:#9b59b6!important}.marker-dot-mapbox.dot-color-local_comercial{background-color:#f1c40f!important}.marker-dot-mapbox.dot-color-habitacion{background-color:#e74c3c!important}.marker-dot-mapbox.dot-color-local{background-color:#2c3e50!important}.marker-dot-mapbox.dot-color-default{background-color:#95a5a6!important}.custom-marker-price-label.hidden-price,.marker-dot-mapbox.hidden-price{opacity:0;pointer-events:none}.saved-star-marker{font-family:'Font Awesome 5 Free';font-weight:900;font-size:14px;color:gold;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:3;pointer-events:none}.popup-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10000;backdrop-filter:blur(5px)}.popup-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:15px;max-width:500px;width:95%;max-height:95vh;overflow-y:auto;box-shadow:0 25px 50px rgba(0,0,0,.3)}.popup-header{background:linear-gradient(135deg,#2c3e50 0,#3498db 100%);color:#fff;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;border-radius:0;position:sticky;top:0;z-index:100;flex-wrap:nowrap}.popup-header h3{margin:0;font-size:1.2em;display:flex;align-items:center;gap:8px;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.popup-header .save-text{font-size:1em;opacity:1;margin-left:auto;margin-right:10px;flex-shrink:0}.popup-header .save-star{font-size:1.1em;cursor:pointer;color:gold;transition:transform .2s ease-in-out;flex-shrink:0}.lightbox-overlay,.popup-close{align-items:center;display:flex}.popup-header .save-star:hover{transform:scale(1.2)}.popup-close{background:0 0;border:2px solid #fff;color:#fff;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;justify-content:center;border-radius:50%;transition:background .3s,border-color .3s;flex-shrink:0;margin-left:15px}.popup-close:hover{background:rgba(255,255,255,.2);border-color:gold}.popup-body{padding:20px}.popup-gallery{margin-bottom:20px}.main-image-wrapper{position:relative;width:100%;height:250px;overflow:hidden;border-radius:8px;margin-bottom:10px}.main-image-wrapper:-webkit-full-screen{width:100%;height:100%;object-fit:contain}.main-image-wrapper:-moz-full-screen{width:100%;height:100%;object-fit:contain}.main-image-wrapper:-ms-fullscreen{width:100%;height:100%;object-fit:contain}.main-image-wrapper:full-screen{width:100%;height:100%;object-fit:contain}.main-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-in-out}.carousel-arrow,.fullscreen-toggle-btn{position:absolute;background:rgba(0,0,0,.5);color:#fff;cursor:pointer;z-index:10;opacity:.7;transition:opacity .3s}.carousel-arrow{top:50%;transform:translateY(-50%);border:none;padding:10px 15px;font-size:20px;border-radius:5px}.carousel-arrow:hover,.fullscreen-toggle-btn:hover{opacity:1}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.fullscreen-toggle-btn{top:10px;right:10px;border:none;padding:8px 12px;font-size:18px;border-radius:5px}.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);z-index:20000;justify-content:center;backdrop-filter:blur(8px)}.lightbox-arrow,.lightbox-close{position:absolute;cursor:pointer;z-index:20001;color:#fff}#lightbox-content{position:relative;max-width:80vw;max-height:90vh;display:flex;align-items:center;justify-content:center}#lightbox-content img,#lightbox-content video{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.5)}.lightbox-arrow{top:50%;transform:translateY(-50%);background:rgba(0,0,0,.4);border:none;padding:15px 20px;font-size:28px;border-radius:8px;transition:background .3s}.lightbox-arrow:hover{background:rgba(0,0,0,.7)}.lightbox-arrow.left{left:20px}.lightbox-arrow.right{right:20px}.lightbox-close{top:20px;right:30px;background:0 0;border:none;font-size:50px;font-weight:300;line-height:1;transition:transform .2s}.thumbnail,.video-thumbnail{width:50px;height:50px;object-fit:cover;opacity:.7;transition:opacity .3s;cursor:pointer}.lightbox-close:hover{transform:scale(1.1)}.thumbnail-container{display:flex;gap:8px;overflow-x:auto;padding:5px 0;scrollbar-width:thin;scrollbar-color:#3498db #f1f1f1;position:relative}.thumbnail-container::-webkit-scrollbar{height:8px}.thumbnail-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.thumbnail-container::-webkit-scrollbar-thumb{background-color:#3498db;border-radius:10px;border:2px solid #f1f1f1}.thumbnail{border-radius:4px;flex-shrink:0}.thumbnail.active,.thumbnail:hover,.video-thumbnail.active{opacity:1;border:2px solid #3498db}.video-thumbnail{border-radius:4px;flex-shrink:0;background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;position:sticky;right:0;z-index:5;border:2px solid transparent}.video-container-main,.video-player{height:100%;border-radius:8px;width:100%}.video-thumbnail .play-icon{font-size:20px;color:#fff;line-height:1}.video-thumbnail .video-text{font-size:9px;line-height:1;margin-top:2px}.video-container-main{margin-bottom:0;overflow:hidden;display:none}.popup-info{display:flex;flex-direction:column;gap:8px}.info-row,.info-row.contact{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f8f9fa;border-left:3px solid #3498db}.info-row.descripcion{flex-direction:column;align-items:flex-start}.info-row .label{font-weight:600;color:#2c3e50;min-width:100px;font-size:.85em;flex-shrink:0;display:flex;align-items:center}.info-row .value{color:#495057;text-align:right;flex:1;font-size:.85em;word-wrap:break-word;overflow-wrap:break-word}.contact-actions .btn-contact i,.value.precio{font-size:1em}.info-row.descripcion .value{text-align:left;margin-top:5px;line-height:1.4}.value.precio{font-weight:700;color:#e74c3c}.popup-info .info-row .label i{margin-right:8px;color:#3498db;width:18px;text-align:center}.popup-info .info-row .label i.fa-dollar-sign,.tipo-label.tipo-departamento{color:#27ae60}.popup-info .info-row .label i.fa-car,.popup-info .info-row .label i.fa-phone-alt,.tipo-label.tipo-local{color:#2c3e50}.popup-info .info-row .label i.fa-paw{color:#c0392b}.popup-info .info-row .label i.fa-file-alt{color:#7f8c8d}.popup-footer{padding:15px 20px;border-top:1px solid #e9ecef;display:flex;justify-content:center}.btn-compartir{background:#27ae60;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-weight:600;font-size:14px;transition:background .3s}.btn-compartir:hover{background:#219a52}.tipo-label{font-weight:700}.tipo-label.tipo-casa{color:#3498db}.tipo-label.tipo-oficina{color:#9b59b6}.tipo-label.tipo-local_comercial{color:#f1c40f}.tipo-label.tipo-habitacion{color:#e74c3c}.descripcion .value.truncated{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.descripcion .btn-show-more{background:0 0;border:none;color:#3498db;cursor:pointer;font-weight:700;font-size:.85em;padding:5px 0;margin:5px auto 0;display:block}.descripcion .btn-show-more:hover{text-decoration:underline}.contact-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;justify-content:flex-end}.contact-actions .phone-number{font-weight:600;color:#495057;white-space:nowrap}.contact-actions .btn-contact{padding:6px 10px;border:none;border-radius:5px;font-size:.8em;cursor:pointer;display:inline-flex;align-items:center;gap:5px;text-decoration:none;color:#fff}.contact-actions a.btn-contact.btn-call:hover{background-color:#2980b9!important}.contact-actions a.btn-contact.btn-whatsapp{background-color:#25d366!important}.contact-actions a.btn-contact.btn-whatsapp:hover{background-color:#1da851!important}.info-row.contact .label{min-width:unset;margin-right:10px}.select-search{position:relative;width:100%}.select-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #dee2e2;border-radius:6px;z-index:1001;max-height:200px;overflow-y:auto;width:100%;box-shadow:0 4px 12px rgba(0,0,0,.15);display:none}.select-option{padding:8px 10px;cursor:pointer;font-size:12px;border-bottom:1px solid #f1f1f1;transition:background .2s;color:#495057}.select-option:hover{background:#f8f9fa;outline:#3498db solid 1px}.select-option.matched{outline:#3498db solid 2px;background-color:#e6f7ff;font-weight:700;color:#2c3e50}.grid-info{display:flex;flex-wrap:wrap;gap:8px 10px}.info-pair{display:flex;flex:1 1 48%;flex-direction:column;gap:2px;min-width:0}@media (max-width:600px){#precio-control-group,.control-group{grid-column:span 2}body{background:#f7f8fa!important;padding:0!important;overflow-x:hidden}.controls{display:grid!important;grid-template-columns:repeat(6,1fr)!important;gap:6px 5px!important;background:#fff!important;padding:8px 4px 6px!important;border-radius:0 0 16px 16px!important;box-shadow:0 1px 7px rgba(30,30,40,.08)!important;align-items:end!important}.control-group{min-width:0!important;max-width:100%!important;width:100%!important;margin:0!important;padding:0!important}.control-group label{font-size:.8em!important;font-weight:700!important;margin-bottom:2px!important}.control-group input,.control-group select,.price-selector{width:100%!important;border-radius:8px!important;font-size:.8em!important;padding:4px 5px!important;background:#f7f8fa!important;border:1px solid #8c9195ff!important;margin-bottom:0!important}.btn-reset{width:fit-content!important;padding:5px 15px!important;justify-self:end;grid-column:1/-1;margin:5px 0 0!important;border-radius:9px!important;font-size:.85em!important;background:#29a95f!important;color:#fff!important;font-weight:700!important;box-shadow:0 1px 4px rgba(0,0,0,.1)!important;transition:background .3s!important}.btn-reset:hover{background:#c0392b!important}.popup-overlay{background:#fff;backdrop-filter:none}.popup-container{width:100vw!important;height:100vh!important;max-width:100%!important;max-height:100%!important;top:0!important;left:0!important;transform:none!important;border-radius:0!important;box-shadow:none!important}.popup-body{padding:10px}.main-image-wrapper{height:220px}.popup-header{display:flex;align-items:center;padding:8px 12px;gap:8px;border-radius:0!important}.popup-header h3{flex-grow:1;margin:0;font-size:0!important;line-height:1.2;text-align:left}.popup-header h3 .propiedad-distrito,.popup-header h3 .tipo-label{display:block!important;font-weight:400!important}.popup-header h3 .tipo-label{font-size:1rem!important;font-weight:700!important}.popup-header h3 .propiedad-distrito{font-size:.85rem!important}.popup-header h3 .propiedad-distrito::before{content:"en "}.popup-header .save-text{display:none!important}.popup-header .save-star{position:relative;font-size:1.3em;color:gold;margin-top:-10px}.popup-header .save-star::after{content:"Guardar";position:absolute;top:100%;left:50%;transform:translateX(-50%);color:#fff;font-size:.6em;margin-top:2px;font-weight:400;white-space:nowrap}.popup-header .popup-close{position:static;margin:0 0 0 8px}.popup-info .info-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 12px}.info-row .value{text-align:right;margin-top:0}.popup-info .info-row .label,.popup-info .info-row .value{font-size:.92em}.popup-info .info-row .value.precio{font-size:1.1em}.info-row.contact,.info-row.descripcion{flex-direction:column!important;align-items:flex-start!important}.info-row.descripcion .value{text-align:left!important;margin-top:5px!important}.descripcion .btn-show-more{margin:8px auto 0!important}.info-row.contact .contact-actions{margin-top:8px;align-self:center}.info-pair{flex:1 1 100%}.lightbox-overlay{padding:0;align-items:center;justify-content:center}#lightbox-content{max-width:100vw;max-height:100vh;width:100%;height:100%}#lightbox-content img,#lightbox-content video{width:100%;height:100%;object-fit:contain;border-radius:0}.lightbox-arrow{top:50%;transform:translateY(-50%);padding:10px;font-size:24px;background:rgba(0,0,0,.3)}.lightbox-arrow.left{left:5px}.lightbox-arrow.right{right:5px}.lightbox-close{top:10px;right:10px;font-size:40px;background:rgba(0,0,0,.2);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%}.error-message,.info-message,.success-message{position:absolute;top:10px!important;left:50%!important;transform:translateX(-50%)!important;padding:4px 8px!important;font-size:11px!important;border-radius:6px!important;z-index:1001!important}#map,.map-container,.map-section{border-radius:0 0 14px 14px!important;overflow:hidden!important}.map-section{margin-top:0!important;box-shadow:0 5px 18px rgba(0,0,0,.07)!important}#map,.map-container{height:calc(100vh - 165px)!important;min-height:180px!important;width:100vw!important;margin:0!important}.map-container.fullscreen,.map-container.fullscreen #map{height:100vh!important;margin:0!important;border-radius:0!important}.map-controls{top:13px!important;right:7px!important;gap:8px!important;z-index:20!important}.map-fullscreen-btn,.zoom-btn{width:36px!important;height:36px!important;font-size:1.4em!important;border-radius:8px!important;box-shadow:0 1px 4px #bbb8!important;border:2px solid #1976d2!important;background:#fff!important;color:#1976d2!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.map-fullscreen-btn:active,.zoom-btn:active{background:#1976d2!important;color:#fff!important}.select-options{font-size:.98em!important;border-radius:0 0 8px 8px!important;max-height:110px!important;z-index:9999!important}.popup-resumen-content h4{font-size:1.2em!important}.popup-resumen-content .precio{font-size:1.25em!important}.popup-resumen-content .detalles{font-size:1em!important}}