@import url('../tokens.css');
*{box-sizing:border-box}body{margin:0;background:var(--pagina);color:var(--texto);font:var(--texto-corpo)/1.5 var(--fonte)}h1,h2,h3,p,figure{margin:0}h1{font-size:var(--titulo-capa);line-height:1.05;letter-spacing:-.03em}h2{font-size:var(--titulo);line-height:1.1;letter-spacing:-.02em}h3{font-size:var(--texto-lead);line-height:1.2}p{max-width:70ch}a{color:var(--texto);text-underline-offset:.2em}main{padding:var(--espaco-4)}header{display:grid;grid-template-columns:1fr 1fr;gap:var(--espaco-4);align-items:end;padding-bottom:var(--espaco-6)}section{padding:var(--espaco-6) 0}section>p{margin:var(--espaco-3) 0}section>h2{margin-bottom:var(--espaco-4)}.lead{font-size:var(--texto-lead)}.hero{width:100%;max-width:960px;display:block;margin:var(--espaco-4) 0}.sizes,.lineup{display:flex;align-items:end;gap:var(--espaco-3);flex-wrap:wrap}.sizes figure,.lineup figure{display:grid;gap:var(--espaco-2)}figcaption,small{font-size:var(--texto-pequeno)}.w480{width:480px}.w240{width:240px}.w120{width:120px}.w64{width:64px}.w36{width:36px}.w24{width:24px}.dark{background:var(--pagina);color:var(--texto);padding:var(--espaco-4)}.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--espaco-4)}.symbol{width:128px}.pixel16{width:64px;image-rendering:pixelated}.pixel32{width:128px;image-rendering:pixelated}.logo240{width:240px;max-width:100%}.protection{background:var(--acento);padding:var(--espaco-4);display:inline-block}.protection img{display:block;width:320px;max-width:100%}.study{width:100%;max-width:1100px;display:block}.palette{display:flex;flex-wrap:wrap;gap:var(--espaco-2);margin-bottom:var(--espaco-4)}.swatch{padding:var(--espaco-3);flex:1;min-width:180px}.swatch-marca{background:var(--marca);color:var(--acao-texto)}.swatch-acento{background:var(--acento);color:var(--texto)}.swatch-grafite{background:var(--acao);color:var(--acao-texto)}.fragment{background:var(--superficie);padding:var(--espaco-4);display:grid;gap:var(--espaco-2)}.fragment .logo240{width:96px}.next{font-weight:700;color:var(--proxima-acao)}.error{color:var(--erro)}.deadline{color:var(--prazo)}.success{color:var(--exito)}label{display:grid;gap:var(--espaco-1)}input,button{font:inherit;border-radius:var(--raio)}input{width:100%;padding:var(--espaco-1);border:2px solid var(--borda);background:var(--superficie);color:var(--texto)}button{background:var(--acao);color:var(--acao-texto);border:0;padding:var(--espaco-2) var(--espaco-3);cursor:pointer;justify-self:start}button:hover{text-decoration:underline}button:active{transform:translateY(2px)}button:disabled{cursor:default;background:var(--superficie);color:var(--secundario);border:2px solid var(--borda)}:focus-visible{outline:3px solid var(--foco);outline-offset:4px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:var(--texto-pequeno);font-variant-numeric:tabular-nums}th,td{padding:var(--espaco-1);text-align:left}tbody tr:nth-child(odd){background:var(--superficie)}.type{font-size:var(--titulo);font-weight:800;line-height:1.15}.secondary{color:var(--secundario)}.voice{display:grid;gap:var(--espaco-3)}details{margin-top:var(--espaco-3)}summary{cursor:pointer;font-weight:600}footer{padding:var(--espaco-4);background:var(--acento)}.action-row{display:flex;gap:var(--espaco-2);flex-wrap:wrap}#resultado{min-height:var(--espaco-4)}@media(max-width:700px){main{padding:var(--espaco-2)}header,.split{grid-template-columns:1fr}h1{font-size:var(--titulo)}h2{font-size:var(--texto-lead)}section{padding:var(--espaco-4) 0}.w480{max-width:100%}.sizes figure:first-child{width:100%}.dark,.fragment{padding:var(--espaco-2)}.type{font-size:var(--texto-lead)}.protection img{width:240px}footer{padding:var(--espaco-2)}}

.fragment{color:var(--texto)}.sizes figcaption{max-width:120px}.sizes figure:first-child figcaption{max-width:100%}.hero{max-width:100%}