@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap");.content{margin:0 auto;padding-left:20px;padding-right:20px;background-color:#fbf8f0}*{font-family:Poppins,sans-serif;margin:0;padding:0;list-style:none}body{background-color:#fbf8f0}.input-group,form{display:flex;flex-direction:column}.input-group{margin-bottom:10px;align-items:center;justify-content:center}.text-periodo{text-align:center}label{font-size:16px}.input{font-size:16px;border:2px solid #ccc;border-radius:50px;font-weight:600;font-size:25px}.input,select{width:100%;padding:8px}select{border:1px solid #ccc;border-radius:4px}button,select{font-size:16px}button{padding:10px 20px;background-color:#000;color:#fff;border:none;border-radius:50px;cursor:pointer;margin:0 auto}button:hover{background-color:#333}.resultados{margin-top:10px}.titulo{width:100%;margin-top:2rem}.resultado_neto{width:100%;color:#000;border-radius:9px}.resultado_neto,.resultado_neto_value{color:transparent;text-align:center;letter-spacing:-.015em;background-image:linear-gradient(180deg,#010d2d,#004188);background-clip:text;-webkit-background-clip:text}.resultado_neto_value{font-size:4.8rem}.form{display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:15px;box-shadow:1px 1px 26px 1px hsla(0,2%,78%,.27);padding:1rem;max-width:600px;margin:1rem auto 0}.form,.input-group{background-color:#fff}ul{display:flex;flex-wrap:wrap;justify-content:center;border-radius:9px;padding:1rem;color:#4e4b68;font-weight:700;font-size:17px;text-align:center}li{flex-grow:0;flex-shrink:0;flex-basis:calc(25% - 20px);padding:5px;margin:5px}.resultado{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:.5rem;background-color:#fff;border-radius:9px;box-shadow:0 2px 4px rgba(0,0,0,.1);padding:1rem;font-size:22px;color:#010d2d}label{color:#afafaf;font-weight:500}.periodo{background-color:#010d2d;padding:.6rem;border-radius:50px;color:#fff;display:flex;justify-content:space-around;align-items:center;gap:8rem;box-shadow:0 2px 4px rgba(0,0,0,.1)}.label-periodo{color:#fff;font-weight:600;font-size:18px}.label-periodo:hover{cursor:pointer}input{outline:none}.radio{display:flex;align-items:center;justify-content:space-around;margin-top:1rem}.container_checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.container_checkbox{display:block;position:relative;cursor:pointer;font-size:18px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.label_checkbox{font-size:16px}.checkmark{position:relative;top:0;left:0;height:1.3em;width:1.3em;background:#000;border-radius:50px;transition:all .7s;--spread:20px}.container_checkbox input:checked~.checkmark{background:#000;box-shadow:-10px -10px var(--spread) 0 #10c998,0 -10px var(--spread) 0 #22a887,10px -10px var(--spread) 0 #33b576,10px 0 var(--spread) 0 #55c065,10px 10px var(--spread) 0 #77d154,0 10px var(--spread) 0 #99e143,-10px 10px var(--spread) 0 #baf932}.checkmark:after{content:"";position:absolute;display:none}.container_checkbox input:checked~.checkmark:after{display:block}.container_checkbox .checkmark:after{left:.45em;top:.25em;width:.25em;height:.5em;border:solid #f0f0f0;border-width:0 .15em .15em 0;transform:rotate(45deg)}.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#010d2d;color:#fff}.cta-btn,.navbar{padding:10px 20px}.cta-btn{background-color:#fff;color:#010d2d;border:none;border-radius:50px;cursor:pointer;font-size:16px;font-weight:600}.cta-btn:hover{background-color:#010d2d;color:#fff}@media screen and (min-width:768px) and (max-width:1024px){.resultado_neto_value{font-size:4.5rem}li,ul{display:flex}li{flex-grow:0;flex-shrink:0;flex-basis:calc(35% - 10px);flex-direction:column;justify-content:flex-end}}@media screen and (min-width:320px) and (max-width:767px){.resultado_neto_value{font-size:3.5rem}.periodo{flex-direction:row;gap:.8rem}ul{font-size:14px}li,ul{display:flex}li{flex-direction:column;justify-content:flex-end}}