body{margin:0;padding:0}html,body,#map{height:100%}.rounded-rect{background:#fff;border-radius:10px;box-shadow:0 0 50px -25px #000}.flex-center{position:absolute;display:flex;justify-content:center;align-items:center}.flex-center.left{left:0}.flex-center.right{right:0}.sidebar-content{position:absolute;width:95%;height:95%;font-family:Arial,Helvetica,sans-serif;font-size:32px;color:gray}.sidebar-toggle{position:absolute;width:1.3em;height:1.3em;overflow:visible;display:flex;justify-content:center;align-items:center}.sidebar-toggle.left{right:-1.5em}.sidebar-toggle.right{left:-1.5em}.sidebar-toggle:hover{color:#0aa1cf;cursor:pointer}.sidebar{transition:transform 1s;z-index:1;width:300px;height:98%}.left.collapsed{transform:translate(-295px)}.right.collapsed{transform:translate(295px)}.popup_categoria{font-size:small}.categoria_descripcion{font-size:large}.logo_farallones{position:relative}#controls{position:absolute;top:90px;left:10px;z-index:999;display:flex;flex-direction:column;gap:5px}#controls button{background-color:#0f5a4b;color:#fff;border:none;padding:8px 12px;font-size:14px;cursor:pointer;border-radius:4px;font-family:Arial,sans-serif;transition:background-color .3s}#controls button:hover{background-color:#159c81}.legend{position:absolute;bottom:30px;left:20px;background:#fff;padding:10px 15px;font-size:13px;border-radius:5px;box-shadow:0 0 5px #0000004d;line-height:18px;color:#333;z-index:1}.legend h6{margin:0 0 5px;font-weight:700;font-size:14px}.legend div{display:flex;align-items:center;margin-bottom:4px}.legend-color{display:inline-block;width:15px;height:15px;margin-right:6px;border:1px solid #555}.modal-content.two-column{background-color:#fff;margin:10% auto;border-radius:0;width:900px;max-width:90vw;max-height:85vh;box-shadow:0 0 15px #0000004d;overflow:hidden;display:flex;flex-direction:column;animation:fadeIn .3s ease-in-out}.modal-header{display:flex;justify-content:space-between;align-items:center;background-color:#0b6e4f;color:#fff;padding:10px 20px;border-radius:0}.modal-header h3{margin:0;font-size:20px}.close{font-size:24px;cursor:pointer;color:#fff}.close:hover{color:#fdd}.modal-body-two{display:flex;flex-direction:row;height:100%;min-height:450px}.modal-info{flex:1;padding:20px;overflow-y:auto;background-color:#f9faf9}.modal-info h4{margin-bottom:10px;color:#0b6e4f;border-bottom:2px solid #dff6ec;padding-bottom:4px}.modal-info p{margin:6px 0;font-size:14px}.modal-map{flex:1.2;padding:15px;display:flex;justify-content:center;align-items:center}#miniMap{width:100%;height:400px;border-radius:8px;box-shadow:0 0 10px #0003}.layer-toggle{position:relative;display:inline-block;width:32px;height:18px;flex-shrink:0}.layer-toggle input{opacity:0;width:0;height:0}.layer-toggle .slider{position:absolute;top:0;right:0;bottom:0;left:0;background:#ccc;border-radius:18px;cursor:pointer;transition:background .2s}.layer-toggle .slider:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;left:3px;top:3px;transition:transform .2s}.layer-toggle input:checked+.slider{background:#378add}.layer-toggle input:checked+.slider:before{transform:translate(14px)}.layer-group-header{display:flex;align-items:center;gap:6px;padding:6px 8px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.06em;border-radius:6px;margin-bottom:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.layer-group-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.layer-group-chevron{margin-left:auto;font-size:10px;transition:transform .2s}.layer-group-chevron.collapsed{transform:rotate(-90deg)}.layer-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;font-size:13px;transition:background .12s}.layer-item:hover{background:#0000000a}.layer-geo-icon{width:14px;height:14px;border-radius:3px;flex-shrink:0}.layer-geo-icon.line{height:3px;border-radius:2px;margin:5px 0}.layer-geo-icon.point{border-radius:50%}.layer-name{flex:1}#layerControl .dropdown-menu{min-width:220px;padding:10px;position:absolute;top:66px;right:25px}