.button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;gap:.25rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:600;line-height:2;color:#fff;background-color:#abc837;border-radius:.5rem;border:none;cursor:pointer;text-align:center;transition:all .3s ease}.button:hover{background-color:#bcd35f}.button:focus{outline:2px solid #aaccff;outline-offset:2px}.button:active{transform:scale(.97)}.button:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.button--secondary{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;gap:.25rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:600;line-height:2;color:#fff;background-color:#555;border-radius:.5rem;border:none;cursor:pointer;text-align:center;transition:all .3s ease}.button--secondary:hover{background-color:#6f6f6f}.button--secondary:focus{outline:2px solid #aaccff;outline-offset:2px}.button--secondary:active{transform:scale(.97)}.button--secondary:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.button--accent{display:inline-flex;align-items:center;justify-content:center;padding:.5rem;gap:.25rem;font-family:Roboto,sans-serif;font-size:.75rem;font-weight:600;line-height:2;color:#000;background-color:#acf;border-radius:.5rem;border:none;cursor:pointer;text-align:center;transition:all .3s ease}.button--accent:hover{background-color:#ddebff}.button--accent:focus{outline:2px solid #aaccff;outline-offset:2px}.button--accent:active{transform:scale(.97)}.button--accent:disabled{background-color:#555;cursor:not-allowed;opacity:.6}.button--big{padding:1rem;font-size:large}body{font-display:swap;font-family:Roboto,sans-serif;font-weight:400;color:#555;margin:0;min-height:100vh;display:flex;flex-direction:column}.layout{display:flex;flex-direction:column;min-height:100vh}main{flex:1;margin:1rem}h1,h2,h3{font-family:Roboto,sans-serif;font-weight:700}p,li,span{font-family:Roboto,sans-serif;font-weight:400}h3{color:#555;text-align:center}h3:after{content:"";display:block;background-color:#555;border-radius:2px;margin:.5rem auto 0;height:5px;width:50%}.badge{display:inline-block;padding:.25em .6em;font-size:.75rem;font-weight:700;line-height:1;color:#000;background-color:#acf;border-radius:.5em;text-align:center;white-space:nowrap;vertical-align:middle}a{color:#abc837}a[routerLink]{color:#555;cursor:pointer;font-weight:700;text-decoration:none}a[routerLink]:hover{color:#acf;text-decoration:underline}a[routerLink].active{color:#abc837;text-decoration:underline}nav.main{margin:2rem 0}.contenedor{align-items:center;display:flex;flex-direction:column;max-width:900px;margin:auto;padding:0 16px}@media(max-width:600px){.contenedor{padding:0 12px}}