.custom-select{width:100%;padding:12px 40px 12px 15px;border:2px solid #ddd;border-radius:8px;font-size:16px;cursor:pointer;background-color:#fff;appearance:none;-webkit-appearance:none;-moz-appearance:none}.custom-select:focus{outline:none;border-color:#667eea}.select-wrapper{position:relative;display:block;width:100%}.select-wrapper:after{content:"▼";position:absolute;right:15px;top:50%;transform:translateY(-50%);pointer-events:none;color:#666;font-size:14px}.posicion-fija{position:absolute;z-Index:999}.close{color:#000}.close:hover{color:#fff;background-color:red}.dropdown-menu{background-color:#7ec255}#container_anterior{background:#fff}body{background:linear-gradient(135deg,#7ec255,#6ab045);min-height:100vh;padding:0;margin:0}.header{margin-bottom:20px}.container{max-width:1400px;margin:20px auto;background:#fff;border-radius:20px;box-shadow:0 20px 60px #7ec2554d;padding:30px}h1{color:#7ec255;margin-bottom:10px;font-size:2.5em;font-weight:300;letter-spacing:1px}h3{color:#7ec255;font-weight:400;margin-bottom:20px}h4{color:#7ec255;font-weight:500;margin-top:20px;margin-bottom:15px}.subtitle{color:#666;margin-bottom:30px;font-size:1.1rem}.file-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.file-input-group{background:#f8f9fa;padding:20px;border-radius:12px;border:2px dashed #dee2e6;transition:all .3s}.file-input-group:hover{border-color:#7ec255;background:#f0fff0;transform:translateY(-2px)}.file-input-group label{display:block;font-weight:600;color:#333;margin-bottom:10px;font-size:.9em}.required{color:#e74c3c;font-size:.8em}input[type=file]{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;font-size:.9em;transition:border-color .3s}input[type=file]:hover{border-color:#7ec255}.file-status{margin-top:8px;font-size:.85em;color:#7ec255;display:none}.file-status.active{display:block}.btn-container{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.btn-primary{background:#7ec255!important;border:none!important;padding:12px 30px;border-radius:8px;font-weight:600;transition:all .3s}.btn-primary:hover{background:#6ab045!important;transform:translateY(-2px);box-shadow:0 6px 20px #7ec25566}.btn-success{background:#7ec255!important;border:none!important;transition:all .3s}.btn-success:hover{background:#6ab045!important;transform:translateY(-2px)}.btn-warning{background:#ffa726!important;border:none!important;transition:all .3s}.btn-warning:hover{background:#fb8c00!important;transform:translateY(-2px)}.btn-danger{background:#ef5350!important;border:none!important;transition:all .3s}.btn-danger:hover{background:#e53935!important;transform:translateY(-2px)}.btn-secondary{background:#6c757d!important;border:none!important;transition:all .3s}.btn-secondary:hover{background:#5a6268!important;transform:translateY(-2px)}#bu_descargar_geojson,#bu_crear,#bu_editar,#bu_eliminar,#bu_actualizar{border-radius:8px;font-weight:500;transition:all .3s;margin-bottom:10px}.data-info{background:#f8f9fa;padding:25px;border-radius:12px;margin-top:20px;display:none;border:2px solid #7EC255}.data-info.show{display:block}.data-info h3{color:#7ec255;margin-bottom:15px;font-size:1.3em;font-weight:500}.info-grid{display:grid;gap:10px;margin-bottom:20px}.info-item{display:flex;gap:10px}.info-label{font-weight:600;color:#555}.info-value{color:#333}.preview-box{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px;max-height:300px;overflow:auto;font-family:Courier New,monospace;font-size:.85em;white-space:pre-wrap}.usage-info{background:#e8f5e9;padding:20px;border-radius:10px;margin-top:30px;border-left:4px solid #7EC255}.usage-info h4{color:#7ec255;margin-bottom:10px}.usage-info ul{margin-left:20px;color:#555}.usage-info li{margin:5px 0}.loading{display:none;text-align:center;padding:20px}.loading.show{display:block}.spinner{border:4px solid #f3f3f3;border-top:4px solid #7EC255;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#map{flex:1;width:100%;position:relative;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a}.highcharts-figure{min-width:320px;max-width:800px;margin:1em auto}.well{background:#f8f9fa;border-radius:12px;padding:20px;border:1px solid #e0e0e0;margin:20px 0}.card{border-radius:12px;border:1px solid #e0e0e0;transition:all .3s}.card:hover{box-shadow:0 4px 12px #7ec25526}.card-body{padding:20px}.table{border-radius:10px;overflow:hidden}.table thead{background:#7ec255;color:#fff}.table tbody tr:hover{background:#f0fff0}.help-block{display:block;margin-top:10px;margin-bottom:15px;color:#666;font-size:.9em;font-style:italic}#arbol_variables{background:#fff;padding:15px;border-radius:10px;border:2px solid #7EC255}.collapse{transition:all .3s ease-in-out}[data-bs-toggle=collapse]{border-radius:8px;font-weight:600}.row{margin-bottom:20px}@media(max-width:768px){body{padding:0}.header{padding:.5rem 0}.nav-container{flex-direction:column;gap:1rem;padding:0 1rem}nav ul{flex-direction:column;gap:.5rem;text-align:center}.container{padding:15px;margin:10px;border-radius:10px}h1{font-size:1.8em}.file-section{grid-template-columns:1fr}.btn-container{flex-direction:column}.btn-container button{width:100%}}