body,html{background-color:#fff;margin:0;padding:5px 0 0;font-family:Montserrat,sans-serif;overflow-x:hidden}.navbar{justify-content:space-between;max-width:1440px;width:100%;height:96px;margin:0 auto;padding:0 1vw;background-color:#fff;box-sizing:border-box}.logo,.navbar{display:flex;align-items:center}.logo{width:308px;height:auto;margin-right:40px}.menu{display:flex;gap:30px;align-items:center;list-style:none;padding:0;margin:0}.menu-item{color:#000;font-size:16px;font-weight:600;font-family:Montserrat,sans-serif;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.menu-item,.menu-item:hover{text-decoration:none}.menu-icon{display:none;font-size:30px;cursor:pointer}@media (max-width:768px){.menu{display:none;flex-direction:column;width:100%}.menu-icon{display:block}.navbar{justify-content:space-between}}.app{padding:45px 80px;max-width:auto;margin:0 auto;box-sizing:border-box}h1{text-align:center;font-weight:600}.chart-section,.hidrograma-section,.input-section,.results-section{margin-bottom:20px}label{display:block;margin-bottom:10px}input,select{margin-left:0;padding:5px;width:200px}button{margin-right:10px}.chart-section{margin-top:20px}.experiment-header{display:flex;align-items:center;margin-bottom:20px}.back-arrow{color:#003c69;font-size:28px;cursor:pointer;margin-right:10px}.experiment-title{text-align:left;font-size:28px;font-weight:700;font-family:Montserrat,sans-serif;color:#003c69}.content-wrapper{display:flex;justify-content:space-between;margin-bottom:40px}.center-section,.left-section,.right-section{width:37%;padding:0 20px;box-sizing:border-box;flex:1}.center-section,.left-section{margin-right:40px}.section-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600}.hidrograma-section,.input-section,.results-section{margin-bottom:25px}.hidrograma-section input,.input-section input,.results-section input{width:460px;height:48px;margin-bottom:20px;padding:10px;font-family:Montserrat,sans-serif;font-size:14px;box-sizing:border-box;border-radius:8px;border:1px solid #e3e3e3;background-color:#fff}.parameters-section{margin-top:20px;padding:0 20px}.parameters-section label{display:block;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600}.parameters-section input{width:460px;height:48px;padding:10px;font-family:Montserrat,sans-serif;font-size:14px;box-sizing:border-box;border-radius:8px;border:1px solid #e3e3e3;background-color:#fff;margin-bottom:20px}.guide-image{max-width:100%;height:auto}.chart-wrapper{justify-content:space-between;margin-top:20px}.chart-section{width:48%}button{margin-top:10px;border-radius:4px}.calculate-button{width:460px;height:48px;background:linear-gradient(90deg,#003c69,#0d7aab);color:#fff;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;margin-bottom:5}.calculate-button:hover{background:linear-gradient(90deg,rgba(0,60,105,.8),rgba(13,122,171,.8))}.secondary-buttons{width:460px;margin-top:5px}.button-icon{font-size:16px}.clear-button,.example-button{display:flex;align-items:center;justify-content:center;width:calc(50% - 10px);height:48px;background-color:#fff;color:#01528b;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;border:1px solid #01528b;border-radius:8px;cursor:pointer}.clear-button:hover,.example-button:hover{background-color:#e3e3e3}.button-icon{font-size:20px;color:#01528b;margin-right:8px}.button-text{display:inline-block;vertical-align:middle;line-height:1}.hidrograma-section{display:flex;flex-direction:column}.generate-button{width:460px;height:48px;background:linear-gradient(90deg,#003c69,#0d7aab);color:#fff;font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;margin-top:20px}.generate-button:hover{background:linear-gradient(90deg,rgba(0,60,105,.8),rgba(13,122,171,.8))}.parameters-and-charts-wrapper{display:flex;justify-content:space-between;align-items:flex-start;margin-top:10px}.parameters-section{width:50%;padding-right:20px;margin-top:50px}.chart-wrapper{width:50%;display:flex;flex-direction:column;gap:20px}.chart-section{width:100%}.chart-title{font-family:Montserrat,sans-serif;font-size:16px;font-weight:600;margin-bottom:10px}.input-section select{width:460px;height:48px;padding:10px;font-family:Montserrat,sans-serif;font-size:14px;box-sizing:border-box;border-radius:8px;border:1px solid #e3e3e3;background-color:#fff;color:#000;margin-bottom:20px;margin-top:10px;appearance:none}.input-field{width:100px;margin:5px 0;font-size:14px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease-in-out}.input-field:hover{border-color:#007bff;box-shadow:0 1px 5px rgba(0,123,255,.2)}.input-field:focus{border-color:#007bff;outline:none;box-shadow:0 1px 8px rgba(0,123,255,.3)}.input-row label{font-weight:700;margin-right:10px;font-size:14px;display:inline-block}.results-table{background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1);font-family:Montserrat,sans-serif}.results-table td,.results-table th{font-size:14px}.results-table th{font-weight:600;font-size:16px}.results-table tbody tr:hover{background-color:#f1f1f1}.results-table td{color:#333}.results-table td:first-child{font-weight:700;background-color:#f4f4f4}.radio-group{display:flex;align-items:center;gap:10px;margin-top:10px}.radio-group label{margin-right:10px;font-size:14px}.results-summary{font-size:16px;font-weight:600;margin-top:20px}.results-table{margin-top:20px}.results-table td,.results-table th{padding:10px}.results-table th{background-color:#003c69;color:#fff}.results-table tbody tr:nth-child(2n){background-color:#f9f9f9}.input-row{display:flex;flex-direction:column}.input-field{margin-top:5px;box-sizing:border-box}.results-section{padding:20px;border-radius:20px;background-color:hsla(0,0%,91%,.171)}.section-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:20px}.section-subtitle{font-size:18px;font-weight:700}.input-row,.section-subtitle{margin-bottom:15px}.input-field{padding:8px;width:100%;border:1px solid #ccc;border-radius:5px}.secondary-buttons{display:flex;justify-content:space-between;margin-top:20px}.results-section{margin-top:30px}.results-table{width:100%;border-collapse:collapse;margin-top:15px}.results-table td,.results-table th{border:1px solid #ddd;padding:8px;text-align:center}button{padding:10px 20px;border:none;border-radius:5px;background-color:#007bff;color:#fff;cursor:pointer}button:hover{background-color:#0056b3}.radio-group-container{display:flex;flex-direction:column;margin-bottom:20px}.radio-group-title{font-size:16px;font-weight:600;margin-bottom:10px;color:#333}.radio-option{display:flex;align-items:center;margin-bottom:10px}.radio-input{margin-right:8px;width:16px!important;height:16px!important;accent-color:#007bff}.radio-label{font-size:14px;color:#555;cursor:pointer}.radio-option:hover .radio-label{color:#007bff}.summary{margin-top:20px;padding:15px;background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;text-align:center}.summary p{font-size:16px;margin:5px 0;color:#333}.summary strong{color:#002d5e}