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:12px;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}.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}