.chart-container{width:100%;height:100%;position:relative;box-sizing:border-box;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:stretch}.chart-title{font-size:12px;font-weight:700;color:#333;text-align:center;margin-bottom:3px;padding:1px;background-color:hsla(0,0%,100%,.9);border-radius:4px}.axis-label{font-size:9px!important}.axis-tick{font-size:8px!important}.recharts-cartesian-axis-label text,.recharts-cartesian-axis-tick text{fill:#333;color:#333}.recharts-legend-wrapper{background-color:#fff!important;padding:2px!important;border-radius:5px!important;margin-bottom:0!important;margin-top:0!important}.recharts-legend-item{display:flex;align-items:center;margin-bottom:5px!important}.recharts-legend-item-text{font-size:10px!important;color:#333!important;font-weight:700}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.chart-title-no-margin{margin:0}.chart-buttons{display:flex;gap:8px}.chart-download-btn{padding:6px 12px;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}.chart-download-btn-csv{background-color:#4caf50}.chart-download-btn-csv:disabled{cursor:not-allowed;opacity:.5}.chart-download-btn-png{background-color:#2196f3}.chart-content,.map-container-full{width:100%;height:100%}@media (prefers-color-scheme:dark){.chart-title{color:#ededed;background-color:rgba(42,42,42,.9)}.recharts-legend-wrapper{background-color:#2a2a2a!important}.recharts-legend-item-text{color:#ededed!important}.axis-label,.axis-tick{font-size:10px!important}.axis-label,.axis-tick,.recharts-cartesian-axis-label text,.recharts-cartesian-axis-tick text,.recharts-wrapper .recharts-cartesian-axis text,.recharts-wrapper .recharts-cartesian-axis-tick-value,.recharts-wrapper .recharts-label,.recharts-xAxis .recharts-cartesian-axis-label text,.recharts-xAxis .recharts-cartesian-axis-tick text,.recharts-yAxis .recharts-cartesian-axis-label text,.recharts-yAxis .recharts-cartesian-axis-tick text{color:#fff!important;fill:#fff!important}.recharts-cartesian-axis-tick text{font-size:10px!important}.recharts-cartesian-axis-label text{font-size:11px!important}}.error-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:10000}.error-popup-container{background-color:#fff;border-radius:8px;padding:20px;max-width:400px;width:90%;box-shadow:0 4px 12px rgba(0,0,0,.15);position:relative}.error-popup-close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#666;line-height:1;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.error-popup-close-btn:hover{color:#333}.error-popup-content{padding-right:30px;font-size:16px;color:#333;line-height:1.5}@media (prefers-color-scheme:dark){.error-popup-container{background-color:#2a2a2a}.error-popup-content{color:#ededed}.error-popup-close-btn{color:#aaa}.error-popup-close-btn:hover{color:#ededed}}.custom-select{width:100%;padding:10px;font-size:16px;border:2px solid #ccc;border-radius:5px;background-color:#f9f9f9;color:#333;cursor:pointer}.custom-select:focus{outline:none;border-color:#007bff}.sidebar{width:30%;padding:20px;background-color:#e9f2f9;overflow-y:auto;height:100vh}.location-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:20px;margin-bottom:24px}.location-title{margin-bottom:10px;font-size:16px;font-weight:700}.location-search-form{margin-bottom:15px}.location-search-input{width:100%;padding:8px;border-radius:4px;border:1px solid #ccc}.location-search-btn{background:none;border:none;cursor:pointer;position:absolute;right:5px;top:5px}.location-suggestions{max-height:200px;overflow-y:auto;border:1px solid #ddd;border-radius:4px;padding:0;margin:10px 0;background:#fff;z-index:10;position:relative}.location-suggestion-item{padding:8px;border-bottom:1px solid #eee;cursor:pointer;list-style:none;font-size:14px}.location-suggestion-item:last-child{border-bottom:none}.coordinate-form{margin-top:15px}.coordinate-title{margin-bottom:10px;font-size:14px}.coordinate-inputs{display:flex;gap:10px;margin-bottom:10px}.coordinate-input-group{flex:1}.coordinate-label{display:block;font-size:12px;margin-bottom:4px}.coordinate-input{width:100%;padding:6px;border-radius:4px;border:1px solid #ccc;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;margin:0}.coordinate-btn,.use-location-btn{width:100%;padding:8px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:15px;font-weight:500}.error-message,.use-location-btn{margin-top:10px}.error-message{padding:10px;background-color:#ffebee;color:#c62828;border-radius:4px;font-size:14px}.forecast-btn{width:100%;padding:8px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:15px;font-weight:500;margin-bottom:10px;margin-top:0}.forecast-btn:active,.forecast-btn:focus{background-color:#1976d2}.forecast-slider-container{margin-bottom:18px}.forecast-slider-label{display:block;margin-bottom:5px;font-size:14px;font-weight:500}.forecast-slider-row{display:flex;align-items:center;gap:10px}.forecast-slider{width:100%}.forecast-slider-value{font-size:12px;color:#333;min-width:60px;text-align:right}.year-select{width:100%;padding:8px;border-radius:5px;border:2px solid #ccc;font-size:16px;color:#333;background-color:#f9f9f9;margin-bottom:18px}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.04);padding:20px;margin-bottom:24px}.table-header{border:1px solid #ccc;padding:5px;font-size:15px;position:relative}.table-header-flex{display:flex;align-items:center;gap:6px;justify-content:center}.table-cell{border:1px solid #ccc;padding:5px;font-size:12px}.table{width:100%;border-collapse:collapse;margin-top:5px}.tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;padding:12px;background-color:#333;color:#fff;border-radius:6px;font-size:13px;line-height:1.5;width:280px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3);pointer-events:none;white-space:normal}.charts-row{flex:1;display:flex;flex-direction:row;justify-content:space-between;gap:2%;min-height:0;width:99%}.chart-inner{height:100%}.chart-empty{display:flex;justify-content:center;align-items:center}.chart-title-small{margin-bottom:8px;font-size:12px}@media (prefers-color-scheme:dark){.custom-select{background-color:#2a2a2a;color:#ededed;border-color:#555}.sidebar{background-color:#1a1a1a;color:#ededed}.info-card,.location-card{background:#2a2a2a;color:#ededed}.coordinate-input,.location-search-input,.year-select{background-color:#2a2a2a;color:#ededed;border-color:#555}.location-suggestions{background:#2a2a2a;border-color:#555}.location-suggestion-item{color:#ededed;border-bottom-color:#444}.location-suggestion-item:hover{background-color:#333}.coordinate-title,.forecast-slider-label,.forecast-slider-value,.location-title{color:#ededed}.tooltip-icon{color:#ccc;background-color:#333;border-color:#555}.main-title,.subtitle{color:#ededed}}.layer-control-container{position:fixed;top:20px;right:20px;z-index:2000;background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);padding:16px;min-width:180px}.layer-control-header{display:flex;justify-content:space-between;align-items:center}.layer-control-close-btn{background:none;border:none;font-size:18px;cursor:pointer;color:#888}.layer-control-close-btn:hover{color:#333}.layer-control-content{margin-top:8px}.layer-item{margin-bottom:12px}.layer-item-header{display:flex;align-items:center;margin-bottom:6px}.layer-item-name{flex:1;margin-left:8px}.layer-item-name-with-tooltip{position:relative;display:inline-block;flex:1;margin-left:8px}.layer-item-name-with-tooltip span{cursor:help}.layer-slider-container{display:flex;align-items:center;margin-left:28px;margin-top:4px}.layer-slider{flex:1;height:4px;cursor:pointer}.layer-icon{margin-right:8px}.layer-icon-bocatomas{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#ffc107;border:1px solid #333}.layer-icon-canales{width:20px;height:2px;background-color:#8d6e63}.layer-icon-riego-vid{width:20px;height:4px;background-color:#ff6b35}.layer-icon-forecast{background-color:#007bff}.layer-icon-forecast,.layer-icon-historical{width:12px;height:12px;border:1px solid #333}.layer-icon-historical{background-color:#28a745}.layer-icon-estaciones{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#007bff;border:1px solid #333}.layer-icon-precipitation{width:12px;height:12px;background-color:#28a745;border:1px solid #333}.layer-icon-temperature{width:12px;height:12px;background-color:#8e24aa;border:1px solid #333}.layer-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:8px;padding:12px;background-color:#333;color:#fff;border-radius:6px;font-size:12px;white-space:normal;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,.3);pointer-events:none;max-width:250px;word-wrap:break-word}.layer-tooltip-arrow{position:absolute;top:100%;left:20px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333}.layer-control-toggle-btn{position:fixed;top:20px;right:20px;z-index:2000;background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.15);width:40px;height:40px;font-size:22px;border:none;cursor:pointer;color:#888}.layer-control-toggle-btn:hover{color:#333;background-color:#f5f5f5}.main-container,.right-side{display:flex;height:100vh}.right-side{flex:1;flex-direction:column;position:relative}.map-container{flex:2;min-height:0;position:relative}.charts-container{height:45vh;display:flex;flex-direction:column;min-height:0}.main-title{font-size:24px;font-weight:700;margin-bottom:12px;text-align:center}.subtitle{font-size:11px;text-align:justify}.spacer{margin-bottom:16px}@media (prefers-color-scheme:dark){.layer-control-container{background:#2a2a2a;color:#ededed}.layer-control-close-btn{color:#aaa}.layer-control-close-btn:hover,.layer-item-name,.layer-item-name-with-tooltip span{color:#ededed}.layer-control-toggle-btn{background:#2a2a2a;color:#aaa}.layer-control-toggle-btn:hover{color:#ededed;background-color:#333}.main-title,.subtitle{color:#ededed}}.table-container{width:19%;position:relative;bottom:unset;left:unset;height:100%;z-index:unset;box-shadow:none;border-radius:0;padding:0;margin-right:0}.table-title{margin-bottom:5px}.historical-table{width:100%;border-collapse:collapse;margin-top:5px}.historical-table th{border:1px solid #ccc;padding:5px;font-size:15px}.historical-table th.relative{position:relative}.historical-table-header-content{display:flex;align-items:center;gap:6px;justify-content:center}.tooltip-container{position:relative;display:inline-block;cursor:help}.tooltip-icon{font-size:12px;color:#666;cursor:help;display:inline-block;width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;border:1px solid #666;background-color:#f0f0f0;font-weight:700}.tooltip-popup{bottom:100%;margin-bottom:8px;padding:12px;background-color:#333;color:#fff;border-radius:6px;font-size:13px;line-height:1.5;width:280px;z-index:1000;box-shadow:0 4px 12px rgba(0,0,0,.3);pointer-events:none;white-space:normal}.tooltip-arrow,.tooltip-popup{position:absolute;left:50%;transform:translateX(-50%)}.tooltip-arrow{bottom:-6px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333}.historical-table td{border:1px solid #ccc;padding:5px;font-size:12px}.chart-container-left{margin-right:0}.chart-container-left,.chart-container-right{width:39%;position:relative;bottom:unset;left:unset;height:100%;z-index:unset;box-shadow:none;border-radius:0;padding:0}.chart-container-right{margin-left:0}.chart-inner-container{height:100%}.chart-center-content{display:flex;justify-content:center;align-items:center}.spacer-bottom{margin-bottom:16px}@media (prefers-color-scheme:dark){.historical-table td,.historical-table th{border-color:#555;color:#ededed}.tooltip-icon{color:#ccc;background-color:#333;border-color:#555}.tooltip-popup{background-color:#1a1a1a;color:#ededed}.tooltip-arrow{border-top-color:#1a1a1a}.chart-title,.table-title{color:#ededed}}