@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');:root{--primary-color:#2a88c7;--primary-hover:#2679b0;--secondary-color:#5e4140;--accent-color:#32b8c6;--black-color:#181818;--text-color:#494949;--light-bg:#ebebeb;--glass-bg:rgba(255,255,255,.65);--glass-border:rgba(255,255,255,.4);--border-color:#b0c4de}body{font-family:'Inter',sans-serif;background-color:var(--light-bg);background-image:url('../img/bg.png');background-size:cover;background-position:center;background-attachment:fixed;color:var(--text-color);margin:0;min-height:100vh}.main-container{max-width:1000px;margin:30px auto 40px auto;background:var(--glass-bg);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--glass-border);border-radius:40px;box-shadow:0 8px 32px 0 rgba(0,0,0,.15);overflow:hidden;position:relative}.content-area{padding:45px}.site-header{text-align:center;padding:60px 0 0 0}.site-header .site-logo{width:300px;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.timeline-container{max-width:850px;margin:20px auto 10px auto;padding:0 20px;color:#000}.timeline{display:flex;justify-content:space-between;align-items:center;position:relative}.timeline-step{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;width:20%;overflow:visible!important}.timeline-step::before{content:'';position:absolute;top:15px;left:auto;right:-50%;width:100%;height:2px;background:#2a88c7;z-index:-1}.timeline-step:last-child:before{display:none}.timeline-circle{width:30px;height:30px;border-radius:50%;background-color:#fff;margin-bottom:12px;transition:all .3s;border:3px solid var(--primary-color);box-shadow:0 0 10px rgba(0,0,0,.1)}.timeline-step.completed .timeline-circle{background-color:var(--primary-color)}.timeline-label{font-size:.8rem;font-weight:700;color:#fff;line-height:1.25}.timeline-step.current .timeline-circle{background-color:#2a88c7;border-color:#fff;box-shadow:0 0 20px rgba(42,136,199,.5);transform:scale(1.1);transition:transform .3s ease}.timeline-step.current .timeline-circle::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(42,136,199,.6);animation:radar-ping 1.8s ease-out infinite;z-index:-1;pointer-events:none}.timeline-step.current .timeline-circle::after{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(42,136,199,.4);animation:radar-ping 1.8s ease-out .6s infinite;z-index:-1;pointer-events:none}@keyframes radar-ping{0%{transform:scale(1);opacity:1}100%{transform:scale(2.2);opacity:0}}.timeline-step.completed .timeline-circle::before{content:"✓";color:#fff;font-size:1.1rem;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.timeline-step.completed .timeline-circle{background-color:var(--primary-color,#2a88c7);border-color:var(--primary-color,#2a88c7);color:#fff}h1,h2{color:var(--black-color);font-weight:800;margin-bottom:30px}h2{font-size:1.8rem}h3{color:var(--black-color);font-weight:700;font-size:1.2rem;margin-top:30px;margin-bottom:15px}.card-construction{border:2px solid var(--primary-color);border-radius:12px;background:rgba(255,255,255,.95);padding:30px;margin-bottom:25px}.product-showcase-card{background:#fff;border-radius:20px;padding:30px;margin-bottom:25px;display:flex;justify-content:space-between;box-shadow:0 4px 15px rgba(0,0,0,.05)}.product-showcase-left{flex:2}.product-showcase-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border-left:2px solid #eaeaea;padding-left:20px}.product-card-title{font-weight:800;font-size:1.2rem;margin-bottom:15px}.improvements-text{font-size:.9rem;font-weight:700;margin-bottom:5px}.percentage-big{font-size:2.5rem;font-weight:800;color:var(--primary-color);line-height:1}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.spec-box{margin-bottom:10px}.spec-box-label{font-size:.8rem;font-weight:800;margin-bottom:2px}.spec-box-val{font-size:1.3rem;color:var(--primary-color);font-weight:600;border-bottom:1px solid #b0c4de;padding-bottom:5px}.dropdown-select,.form-control{width:100%;padding:12px 25px;border:1px solid rgb(220 220 220/70%);border-radius:30px;font-size:1rem;margin-bottom:20px;background:rgba(255,255,255,.9);box-shadow:inset 0 2px 4px rgba(0,0,0,.05);cursor:pointer;transition:all .3s;font-weight:500;color:#444;appearance:none;-webkit-appearance:none}.dropdown-select{padding-right:50px}.dropdown-select option{background:#fff;color:#333;padding:10px;border-radius:10px}::placeholder{color:#777;opacity:1}.select-wrapper{position:relative}.select-wrapper::after{content:"";position:absolute;right:25px;top:36%;transform:translateY(-50%);width:28px;height:28px;background:var(--select-arrow-bg,#f0f7fc);border-radius:50%;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:background .2s ease,box-shadow .2s ease;box-shadow:0 2px 6px rgba(0,0,0,.08);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%234a90b5' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:14px 14px}.select-wrapper:hover::after{background-color:#e4f0f9;box-shadow:0 4px 10px rgba(0,0,0,.12);border-color:var(--primary-color)}.select-wrapper:focus-within::after{box-shadow:0 0 0 3px rgba(74,144,181,.25)}.dropdown-select:hover,.form-control:focus{border-color:var(--primary-color);outline:0;background:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,.05),0 0 0 4px rgba(49,145,208,.1)}.btn-group-custom{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.btn-option{padding:12px 30px;border:1px solid var(--border-color);color:rgba(0,0,0,.5);background:rgba(255,255,255,.5);border-radius:30px;cursor:pointer;transition:all .3s;font-weight:700;font-size:.95rem;text-align:center}.btn-option:hover{border-color:var(--primary-color);color:var(--primary-color);background-color:rgba(255,255,255,.8)}.btn-option.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);box-shadow:0 4px 10px rgba(49,145,208,.4)}.btn-action-group{display:flex;justify-content:center;margin-top:40px;gap:20px}.btn-primary-custom{background-color:#fff;border:0;color:#000;padding:15px 45px;border-radius:30px;font-weight:500;font-size:1.05rem;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.1);cursor:pointer}.btn-outline-custom{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);border-radius:8px;padding:8px 20px;font-size:1rem;cursor:pointer;font-weight:500;transition:all .3s;box-shadow:0 4px 15px rgba(0,0,0,.1);cursor:pointer}.btn-primary-custom:hover,.btn-outline-custom:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.15)}.info-box{background:rgba(255,255,255,.6);padding:25px;border-radius:15px;margin-top:25px;font-size:.9rem;line-height:1.5}.info-box strong{color:var(--primary-color);font-size:1.05rem}.step-hidden{display:none!important}.form-label{font-weight:600;margin-bottom:10px;margin-left:10px;font-size:.95rem}#obs-notice{font-weight:800;font-size:1.1rem;margin-bottom:25px}#obs-notice span{color:var(--primary-color)}canvas{max-width:100%!important;height:auto!important}.chart-container{height:250px}.blockUI{z-index:2000!important}.product-title-wrapper{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.product-name{font-size:1.2rem;font-weight:800;color:#000}.concreteSelectionText{display:none;padding:8px 16px;border-radius:30px;font-size:1rem;font-weight:700;letter-spacing:.3px;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.08);animation:blinkBadge 1.2s infinite;margin-right:10px}.concreteSelectionText.current-choice{display:inline-flex;align-items:center;background:rgba(42,136,199,.12);color:#2a88c7;border:1px solid rgba(42,136,199,.35)}.concreteSelectionText.improvement-option{display:inline-flex;align-items:center;background:rgba(50,184,198,.12);color:#14919b;border:1px solid rgba(50,184,198,.35)}a{color:var(--primary-color)!important;text-decoration:none!important}.select2-search__field{border-color:#00bfff}.concrete-properties{font-size:.8rem;width:120px;font-weight:600}.cement-type-title{font-size:.8rem;font-weight:600}.cement-type{font-size:.8rem;font-weight:700;color:var(--primary-color);margin-left:14px}.exposure-classification{font-size:.8rem;font-weight:600}.exposure-classification-value{font-size:.8rem;font-weight:700;margin-left:5px}.construction-row{box-shadow:0 8px 32px 0 rgba(0,0,0,.15);padding:16px;border-radius:18px}.project-data-title{font-size:1.05rem;width:220px;font-weight:700;color:#333}.project-data-value{font-size:1.05rem;font-weight:600;color:var(--primary-color)}@keyframes blinkBadge{0%{opacity:1;box-shadow:0 0 0 rgba(42,136,199,.2)}50%{opacity:.7;box-shadow:0 0 14px rgba(42,136,199,.45)}100%{opacity:1;box-shadow:0 0 0 rgba(42,136,199,.2)}}@media(max-width:768px){.product-title-wrapper{flex-direction:column;align-items:center;margin-bottom:25px}.concreteSelectionText{margin-top:8px;font-size:.75rem;width:fit-content}.concrete-properties{font-size:1rem}.cement-type-title{font-size:1rem}.cement-type{font-size:.9rem;margin-top:2px}.exposure-classification{font-size:1rem}.exposure-classification-value{margin-top:3px}.custom-mt-3{margin-top:1rem!important}.spec-box-val{font-size:.9rem}.project-data-title{font-size:.9rem}.project-data-value{font-size:.9rem}.btn-action-group{justify-content:space-between}.btn-primary-custom{margin-left:14px}}@media(max-width:576px){.main-container{margin:10px;border-radius:20px}.content-area{padding:20px 15px}h2{font-size:1.3rem;margin-bottom:20px}h3{font-size:1rem}.timeline-step{width:50%}.timeline-label{font-size:.7rem}.card-construction{padding:15px}.btn-option{padding:10px 15px;font-size:.85rem}.btn-primary-custom{padding:12px 20px;font-size:.9rem}.btn-outline-custom{padding:8px 12px;font-size:.85rem}.product-showcase-card{padding:20px}.percentage-big{font-size:1.5rem}.dropdown-select,.form-control{padding:10px 15px;font-size:.9rem}.select-wrapper::after{top:34%;right:25px;width:24px;height:24px;background-size:12px 12px;box-shadow:0 2px 4px rgba(0,0,0,.06)}.chart-container{height:200px}}@media(min-width:577px) and (max-width:768px){.main-container{margin:15px;border-radius:25px}.content-area{padding:25px}.timeline-step{width:33%}.product-showcase-card{flex-direction:column}.product-showcase-right{border-left:0;border-top:2px solid #eaeaea;margin-top:20px;padding-top:20px}.spec-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.content-area{padding:30px 20px}h2{font-size:1.5rem}.product-showcase-card{flex-direction:column}.product-showcase-right{border-left:0;border-top:2px solid #eaeaea;padding-left:0;padding-top:20px;margin-top:20px;align-items:center}.timeline{flex-wrap:wrap}.timeline-step::before{display:none}.timeline-step{width:33%;margin-bottom:20px}.timeline-circle{width:26px;height:26px;border-width:2px}.timeline-label{font-size:.7rem;line-height:1.2;word-break:break-word}.timeline-step::before{top:13px;right:-15px;width:30px}.timeline-step:last-child::before{display:none}}@media(min-width:769px) and (max-width:1024px){.main-container{max-width:90%}.content-area{padding:35px}.concrete-properties{font-size:1rem}.cement-type-title{font-size:1rem}.cement-type{font-size:.9rem;margin-top:2px}.exposure-classification{font-size:1rem}.exposure-classification-value{margin-top:3px}.custom-mt-3{margin-top:1rem!important}.spec-box-val{font-size:.9rem}.project-data-title{font-size:.9rem}.project-data-value{font-size:.9rem}}@media(max-width:350px){.timeline-step{width:calc(50% - 10px)}.timeline-label{font-size:.65rem}}.input-validation-error{border-color:#f00!important}.form-control.error,.form-control.form-sm-control.error{border-color:#f00!important;color:#000!important}.form-select.error,.dropdown-select.error{border-color:#f00!important;color:#000!important}label.error{display:none!important}.mt-50{margin-top:50px}.swal2-confirm{--swal2-confirm-button-background-color:var(--primary-color)!important}.swal2-cancel{--swal2-cancel-button-background-color:transparent!important;border:2px solid var(--primary-color)!important;color:var(--primary-color)!important}.hide-footer{display:none!important}.select2-container .select2-selection--single{height:48px!important}.select2-container .select2-selection--single .select2-selection__rendered{text-align:left}.select2-container--open .select2-dropdown--below{top:-20px!important;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.select2-container--open .select2-dropdown--above{border-top:0;border-top-left-radius:12px;border-top-right-radius:12px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.select2-search__field{border-radius:16px}.select2-results__option--highlighted{background-color:#e8f3f9!important;color:#3191d0!important}.select2-results__option[aria-selected="true"]{background-color:#d6ecff!important;color:#000}.select2-search--dropdown .select2-search__field{padding:8px!important}select.error~.select2-container .select2-selection{border-color:#f00!important}.form-select{padding:10px!important;border:2px solid var(--primary-color)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%238b0347' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3E%3C/svg%3E")!important;color:var(--primary-color)!important}.btn-check,.btn-option{padding:8px 25px!important;min-width:130px!important}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem!important;font-size:.875rem!important}.blockUI.blockOverlay{cursor:wait}.btn-link{color:var(--primary-color)!important}.product-card{border:2px solid var(--border-color);border-radius:8px;padding:clamp(16px,5vw,25px);margin-bottom:20px;cursor:pointer;transition:all .3s}.product-card:hover{border-color:var(--primary-color);box-shadow:0 4px 12px rgba(139,21,56,.15)}.product-card.selected{border-color:var(--primary-color);background-color:#d9e1e7}.modal-content{border-radius:.6rem!important}.loading-gif{height:50px}@media(max-width:576px){.form-control,.form-select,.dropdown-select,.select2-container .select2-selection--single{height:44px!important;font-size:.9rem!important;padding:8px 12px!important}.select2-container .select2-selection--single .select2-selection__rendered{padding-left:10px!important;font-size:.9rem}.select2-dropdown{font-size:.9rem;border-radius:10px!important}.select2-results__option{padding:10px!important}.select2-search__field{font-size:.9rem!important;padding:6px!important}.btn-option{padding:8px 12px!important;font-size:.8rem!important;min-width:auto!important;flex:1}.btn-group-custom{flex-direction:column;gap:10px}.btn-group-sm>.btn,.btn-sm{font-size:.75rem!important}.form-control.error,.form-select.error,.dropdown-select.error,select.error~.select2-container .select2-selection{border-width:2px!important}.swal2-popup{width:90%!important;font-size:.9rem}.swal2-confirm,.swal2-cancel{font-size:.85rem!important;padding:8px 14px!important}.product-card{padding:15px}}@media(min-width:577px) and (max-width:768px){.form-control,.form-select,.dropdown-select{font-size:.95rem}.btn-option{min-width:100px!important;padding:10px 15px!important}.product-card{padding:20px}}select .error+.select2 .select2-selection{border-color:#f00!important}input,select,textarea{font-size:16px!important}