@font-face{font-family:"3ds";src:url(../fonts/3ds-Bold.woff2) format("woff2"),url(../fonts/3ds-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"3ds";src:url(../fonts/3ds-Regular.woff2) format("woff2"),url(../fonts/3ds-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}*{font-family:"3ds";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:1px}html,body,main{overflow:hidden}body{position:relative;margin:0;padding:0;background:linear-gradient(#075CAD,#F8F9FB) no-repeat;min-height:575px}main{height:570px;padding:30px 20px}@media screen and (min-width: 768px){main{height:650px;padding:30px 40px}}@media screen and (min-width: 1024px){main{height:600px;padding:30px 40px}}section{visibility:hidden;display:none;position:relative;height:100%}section.active{visibility:visible;display:block}section:not(:first-child) h2:after{content:"";width:100%;height:2px;background:#ffffff;display:block;margin-top:10px}section:not(:first-child) img{max-width:60%}@media screen and (min-width: 768px){section:not(:first-child) img{max-width:100%}}section:is(:first-child) img{margin-bottom:25px}@media screen and (min-width: 768px){section:is(:first-child) h2{max-width:80%}}@media screen and (min-width: 1024px){section:is(:first-child) h2{max-width:60%}}section:nth-child(-n+2) .container-flex{align-items:baseline}section:last-child .container{padding-top:10px}@media screen and (min-width: 768px){section:last-child .container{padding-top:40px}}.container{text-align:center;padding-top:20px}@media screen and (min-width: 768px){.container{padding-top:40px}}.container-flex{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 40px;justify-content:center;align-items:center;margin-top:25px}.container-flex>.option-product{max-width:40%}@media screen and (min-width: 768px){.container-flex>.option-product{max-width:45%}}.container-flex>.option-product img{display:block}.container-flex>button-option{align-self:stretch}@media screen and (min-width: 768px){.container-option{gap:20px 25px}}@media screen and (min-width: 1280px){.container-option{gap:20px 40px}}.container-history{gap:20px 25px}h2{font-weight:700;text-align:center;color:#fff;margin:15px auto 21px;font-size:1.3em}@media screen and (min-width: 768px){h2{margin-top:0}}@media screen and (min-width: 1024px){h2{margin-top:20px;font-size:1.5em}}h3{margin:unset;color:#075cad;font-size:.83em}p{margin-block:unset}img{max-width:100%;height:auto;margin:auto}button-option{position:relative;display:inline-block}button{color:#075cad;border-radius:3rem;transition:all ease .2s}button:hover{cursor:pointer}button.btn-history{font-size:.8em;padding:5px 10px;background:#ffffff;border:2px solid #ffffff}button.btn-history:hover{background:#075CAD;color:#fff}button.btn-choice{border:2px solid #075CAD;background-color:#075cad;color:#fff;font-weight:700;font-size:.9em;width:135px;min-height:40px;height:100%;padding:5px 10px}@media screen and (min-width: 768px){button.btn-choice{width:165px;font-size:1em;padding:5px 20px}}button.btn-choice:hover{background-color:#fff;color:#075cad}button-selected{position:relative}button-selected:not(:last-child):after{content:"";position:absolute;width:15px;height:2px;background:#F8F9FB;top:50%;left:100%;display:inline-block;margin:0 5px}.btn-show,.btn-hide{position:absolute;margin-top:1.3em;font-size:1em;text-align:center;padding:5px 10px;border-radius:5px;background-color:#fff}@media screen and (min-width: 768px){.btn-show,.btn-hide{display:none}}.btn-show{right:100%;top:20%;border-top-right-radius:0;border-bottom-right-radius:0;box-shadow:-2px 0 2px #d3d3d3}.btn-hide{right:1.5%;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 2px 2px #d3d3d3}.info{position:absolute;top:0;right:-1.25em;width:1em;height:1em;background:#ffffff;color:#075cad;border:2px solid #075CAD;border-radius:50%;display:flex;place-content:center;text-align:center;letter-spacing:0;line-height:1;font-size:.9em;font-weight:700;font-style:normal;cursor:pointer;transition:.15s ease-in-out}.info:after{content:"i"}.info:hover{background:#075CAD;color:#fff}.info>*{display:none}.grid-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-flow:row;gap:15px 10px;justify-items:center;align-items:center}@media screen and (min-width: 768px){.grid-container{grid-template-columns:2fr 3fr}}@media screen and (min-width: 1024px){.grid-container{padding-top:25px;grid-template-columns:repeat(2,1fr)}}.grid-container--result{display:block;width:100%;position:absolute;left:105.5%;bottom:3rem;padding:1.5em 1em;background-color:#fff;box-shadow:0 0 5px #d3d3d3;transition:ease 1s;transform:translate(-100%)}@media screen and (min-width: 768px){.grid-container--result{height:100%;position:relative;left:unset;bottom:unset;padding:unset;background-color:unset;box-shadow:unset;transform:none}}.grid-container--cards{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}@media screen and (min-width: 768px){.grid-container--cards{grid-template-columns:repeat(3,1fr);width:100%;height:100%}}.grid-container--cards card-kpi{grid-column:span 2}@media screen and (min-width: 768px){.grid-container--cards card-kpi{grid-column:auto}}.grid-container--cards card-kpi:nth-last-child(1):nth-child(odd){grid-column:2/span 2}@media screen and (min-width: 768px){.grid-container--cards card-kpi:nth-last-child(1):nth-child(odd){grid-column:auto}}.product-option{max-width:45%}.card-wrapper{background:#f2f2f2;border:1px solid #e5e5e5;border-radius:2px;height:100%;min-width:140px}.card-title{position:relative;background:#ffffff;border-bottom:1px solid #e5e5e5;padding:5px 10px;min-height:2rem;display:flex;align-items:center}@media screen and (min-width: 768px){.card-title{padding:10px}}.card-title h3{margin-right:9px}.card-title .info{top:2px;right:2px}.card-icon{margin:0 .5em 0 0;width:25px}@media screen and (min-width: 768px){.card-icon{width:20px}}@media screen and (min-width: 1024px){.card-icon{width:25px}}.card-value{padding:10px 15px;display:flex;justify-content:center;align-items:center;height:calc(100% - 4.5rem);text-align:center;font-size:.8em}.card-value .text-bigger{font-size:1.3em}@media screen and (min-width: 1024px){.card-value .text-bigger{font-size:1.5em}}.product-case,.product-case-steel,.product-case-pe,.product-fan,.product-fan-aluminium,.product-fan-pe,#step-1 .info{display:none}dialog{background-color:#075cadc2;backdrop-filter:blur(.1em);border:none;border-radius:2em;max-width:70%;padding:2em 3em 2em 4em;color:#fff;z-index:3}@media screen and (min-width: 768px){dialog{width:50%;max-width:550px}}dialog::backdrop{background-color:#0009}dialog h4{margin:0 0 1.3em;text-decoration:underline 2px;text-underline-offset:.25em}dialog .close{position:absolute;top:1.2em;left:1.2em;width:1.5em;height:1.5em;cursor:pointer}dialog .close:before,dialog .close:after{content:"";position:absolute;top:50%;left:0;width:1.5em;height:1px;background-color:#fff;display:block}dialog .close:before{transform:rotate(45deg)}dialog .close:after{transform:rotate(-45deg)}dialog .info{top:2em;right:2em;cursor:auto}dialog .info:hover{background-color:#fff;color:#075cad}