html,body{margin:0;padding:0}body{background-color:#fcfdf2}#prepared{display:flex;justify-content:center;align-items:center;margin:0 auto;padding:5em;flex-direction:column}h4{color:var(--color-black)}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;--color-yellow: #FFE9B1;--color-black: #16213E;--color-red: #E94560}.hidden{display:none}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}ul{display:flex;flex-direction:row}li{list-style-type:none;margin:0 .5em;background-color:#7743db;padding:.5em .75em;border-radius:5px;color:#fcfdf2;cursor:pointer}.hover{background:#ffe9b1;box-shadow:#0000003d 0 3px 8px;color:#646cff}.selected{background-color:#3b3486;box-shadow:#0000003d 0 3px 8px;font-height:bold}p{font-size:1.25rem}header{display:flex;justify-content:center;align-items:baseline;align-content:center}.loader{border:8px solid var(--color-yellow);border-top:8px solid var(--color-black);border-radius:50%;width:30px;height:30px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cta{display:inline-block;width:80%;padding:1em;text-align:center;text-decoration:none;color:var(--color-red);background:var(--color-yellow);margin-top:1em;margin-bottom:1em;font-weight:700;font-size:1.1em;border-radius:5px;cursor:pointer}.deactivate{background-color:#eee;color:var(--black-color)}a:visited,.cta:visited,a:link{color:var(--color-red)}button:focus-visible{outline:4px auto -webkit-focus-ring-color}#load,#formCEP,#input-data{display:flex;flex-direction:column;justify-content:center;align-items:center}#input-data{margin-top:1em}h1{font-size:1.85rem}.primary{color:var(--color-dark)}.secondary{color:var(--color-red)}h1>img{margin-left:.5em}h1>img{display:inline;height:2.5em}label{display:block;font-weight:700;margin-bottom:.5em}input[type=text],select,textarea{width:90%;font-size:1.25em;padding:.5em;border-radius:.2em;border:2px solid var(--color-black);color:var(--color-black)}input[type=text]:focus,textarea:focus{outline:3px solid var(--color-yellow)}#result{display:inline-block;color:var(--color-black);border-bottom:2px solid var(--color-yellow);font-size:.75rem}#data-result{background:white;padding:center;margin:1em auto;padding:1.5em;text-transform:uppercase;border-radius:7px;border:3px solid var(--color-yellow);color:var(--color-black);display:flex;flex-direction:column}.data-item{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:1em}.data-value,.data-label{margin:0}.data-label{font-weight:700;font-size:.85rem;color:var(--color-red)}.data-value{margin-left:1em}.data-item:nth-child(4){order:0}.data-item:nth-child(3){order:1}.data-item:nth-child(2){order:2}.data-item:nth-child(5){order:3}.data-item:nth-child(1){order:4}@media (min-width: 700px){#app{max-width:700px;width:60%}#formCEP{flex-flow:row wrap;justify-content:space-between;align-items:flex-end;align-content:center}#input-data{width:57%}#btnSearch{width:32%;margin:0}#formCEP .loader{display:inline-block;margin:1em auto}}@media (min-width: 1200px){#data-result{display:flex;flex-flow:row wrap;justify-content:space-between}.data-item{width:47%}}