*{margin:0;padding:0}body{background-color:#111;color:#f0f8ff;font-family:system-ui}.header{background-color:#2d5aad}.titulo{font-family:Tahoma}.seccion{padding:36px;max-width:1204px;margin:auto}.inputs-configuracion{display:flex;padding:1em 2em;gap:2em;font-size:1.1em;opacity:.9}.inputs-configuracion label{display:flex;flex-direction:column;gap:.4em}.inputs-configuracion select,input{color:#f0f8ff;background-color:#1d1d1d;font-size:1em;padding:.2em .5em;box-sizing:content-box;height:1.5em;border:1px solid rgba(240,248,255,.459);border-radius:.3em}.visualizador{display:flex;flex-direction:column}.visualizador *:focus{outline:none}.salida-codigo{border:1px solid rgba(240,248,255,.493);border-radius:1em;background-color:#1d1d1d}.salida-codigo header{display:flex;justify-content:space-between;align-items:center;padding:1em 2em}.salida-codigo button{background-color:inherit;color:#f0f8ff;border-radius:.6em;font-size:1em;padding:.6em 1em;height:fit-content;display:flex;align-items:center;gap:.4em}.salida-codigo button:hover{cursor:pointer;background-color:#272727}.salida-codigo button:active{background-color:#383838}.salida-codigo span{width:1em}.salida-codigo pre{background-color:#000;font-size:1.4em;border-radius:0 0 1em 1em;overflow:auto}.salida-codigo pre::-webkit-scrollbar{width:10px;height:10px}.salida-codigo pre::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.salida-codigo pre::-webkit-scrollbar-thumb:hover{background:#555}.salida-codigo pre::-webkit-scrollbar-track{background:#f1f1f1;border-radius:5px}.footer{text-align:center;padding:1em;font-size:1.2em}.footer a{text-decoration:none;color:inherit;font-weight:700}