@import"https://fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&display=swap";:root{font-family:var(--font-family);font-size:1rem;line-height:24px;font-weight:400;color-scheme:light dark;color:var(--text-color);background-color:var(--blue-900);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;--blue-50: #eaecee;--blue-100: #bec3c9;--blue-200: #9ea7af;--blue-300: #727e8a;--blue-400: #566574;--blue-500: #2c3f51;--blue-600: #28394a;--blue-700: #1f2d3a;--blue-800: #18232d;--blue-900: #121a22;--ligth-blue-500: #c0d8ed;--orange-400: #e09450;--orange-500: #e67e21;--orange-600: #d35400;--alert-success: #6bcd75;--alert-info: #1275ea;--alert-danger: #ff4545;--input-background: #fffacc;--input-border: #efeabb;--input-color: #48441d;--text-color: #f1f1f1;--font-size-s: clamp(.7rem, .65rem + .25vw, .75rem);--font-size-m: clamp(.8rem, .75rem + .5vw, .875rem);--font-size-l: clamp(.9rem, .85rem + .75vw, 1rem);--font-size-xl: clamp(1rem, .9rem + 1vw, 1.25rem);--font-size-2xl: clamp(1.4rem, 1.2rem + 1.8vw, 2.1rem);--font-size-3xl: clamp(1.6rem, 1.4rem + 2.2vw, 2.5rem);--font-size-4xl: clamp(1.8rem, 1.5rem + 3vw, 3.2rem);--font-family: "Aleo", Helvetica, Arial, sans-serif;--spacing-s: .25rem;--spacing-m: .5rem;--spacing-l: 1rem;--spacing-xl: 2rem;--spacing-xxl: 4rem;--br-xs: .125rem;--br-s: .25rem;--br-m: .5rem;--br-l: 1rem;--br-xl: 2.5rem;--padding-s: .25rem;--padding-m: .5rem;--padding-l: 1rem;--padding-xl: 2rem;--padding-xxl: 4rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{place-content:center;min-height:100vh;padding:2rem}.wrapper{width:100%;max-width:1280px;margin:0 auto}main{border-radius:var(--br-xl);overflow:hidden;display:flex}#content{width:65%;background-color:var(--blue-700);padding:var(--padding-xl)}.hidden{display:none}.fade{transition:opacity .25s ease-in-out;opacity:0}.fade-out{opacity:0}.fade-in{opacity:1}.column-3{display:grid;gap:16px;grid-template-columns:repeat(3,auto)}.column-2{display:grid;column-gap:16px;grid-template-columns:repeat(2,1fr);justify-content:space-between}h1.title{width:100%;max-width:580px;font-size:var(--font-size-4xl);font-weight:700;color:var(--orange-500);line-height:1;text-align:center}h1.title em{font-weight:100}header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-m);padding:1rem 0}header p{width:100%;max-width:500px;text-align:center;font-size:var(--font-size-xl);color:var(--ligth-blue-500);font-weight:300}h2.form-title{font-size:var(--font-size-3xl);line-height:1;font-weight:700;color:var(--orange-500)}.input-container{width:100%;display:flex;flex-direction:column;font-size:var(--font-size-l);align-items:baseline;padding:4px 0}.input-container label{flex-shrink:0;font-style:italic}.input-container input{width:100%;flex-grow:1;border:none;background-color:var(--input-background);color:var(--input-color);text-align:center;border-radius:var(--br-xs);font-size:var(--font-size-m);padding:var(--padding-s);font-family:var(--font-family)}.input-container input::placeholder{font-style:italic;font-family:var(--font-family)}.input-xl{width:280px}input#nif{max-width:80px}.container-submit{grid-column:span 3;display:flex;flex-direction:row;justify-content:space-between;align-items:stretch;gap:var(--spacing-xl);border-top:1px solid var(--blue-600);border-bottom:1px solid var(--blue-600);margin:1rem 0;padding:1rem 0}.container-submit button{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.4rem;padding:8px 16px;border-radius:var(--br-s);border:none;font-family:var(--font-family);font-size:14px;line-height:19px;transition:filter .3s ease;cursor:pointer}.container-submit button img{width:20px;height:20px}.container-submit button:hover{filter:brightness(1.3)}.container-submit button[type=submit]{background-color:var(--orange-500);color:var(--white)}.container-submit button#input-reset{background-color:var(--alert-danger)}.container-submit button#input-reset:disabled{opacity:.5;cursor:not-allowed}.container-submit button#input-reset:disabled img{opacity:.5}.container-submit button#input-reset:disabled:hover{filter:none}#alert-container{flex-grow:1}#message-alert{display:flex;justify-content:center;align-items:center;min-height:36px;border:1px dashed;border-radius:var(--br-m)}#message-alert.alert-success{border-color:var(--alert-success);color:var(--alert-success)}#message-alert.alert-error{border-color:var(--alert-danger);color:var(--alert-danger)}#message-alert.alert-information{border-color:var(--alert-info);color:var(--alert-info)}#container-toggle{overflow:hidden;border-radius:var(--br-m);background-color:#243340}#container-toggle nav{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--blue-500)}#container-toggle nav a:first-child{border-right:1px solid var(--orange-500)}#container-toggle nav img{width:42px;height:42px;padding:8px 0;opacity:.5;border-bottom:2px solid transparent;border-radius:var(--br-m);transition:opacity .3s ease,border-bottom 50ms ease,background-color 50ms ease}#container-toggle nav img:hover{border-bottom:2px solid #2c4052d8;background-color:#cef9d31a}#container-toggle nav img:active{border-bottom:2px solid #2c4052;background-color:#cef9d330}#container-toggle nav a{width:100%;display:flex;justify-content:center;align-items:center;gap:.5rem;padding:var(--padding-l);font-size:19px;font-weight:700;cursor:pointer;transition:background-color .3s ease,filter .5s ease}#container-toggle nav a.active{background-color:#334a5e}#container-toggle nav a.active img{opacity:1}#container-texts{padding:1rem}#txt-toggle-privacidad,#txt-toggle-legal{min-height:250px;max-height:250px;overflow-y:scroll;transition:all .3s ease}.style-preview{font-size:85%}.style-preview p{font-weight:300}.style-preview h1,.style-preview h2,.style-preview h3,.style-preview h4,.style-preview h5,.style-preview h6{margin:4px 0}#txt-toggle-privacidad::-webkit-scrollbar,#txt-toggle-legal::-webkit-scrollbar{width:12px;height:12px}#txt-toggle-privacidad::-webkit-scrollbar-track,#txt-toggle-legal::-webkit-scrollbar-track{background-color:#28394a;border-radius:10px}#txt-toggle-privacidad::-webkit-scrollbar-thumb,#txt-toggle-legal::-webkit-scrollbar-thumb{background-color:#334a5e;border-radius:10px;border:3px solid #28394a}#txt-toggle-privacidad::-webkit-scrollbar-thumb:hover,#txt-toggle-legal::-webkit-scrollbar-thumb:hover{background-color:#555}#txt-toggle-privacidad,#txt-toggle-legal{scrollbar-color:#334a5e #28394a;scrollbar-width:thin}h3.preview-title{font-size:var(--font-size-2xl);line-height:1;font-weight:700;color:var(--orange-400)}#preview{width:35%;background-color:var(--blue-600);padding:var(--padding-xl)}#preview ul{list-style:none;padding:0}#preview li{display:flex;flex-direction:column;justify-content:space-between;align-items:left;gap:var(--spacing-s);padding:4px 0;font-style:italic;font-weight:300}#preview li span{padding:4px 8px;border-radius:var(--br-s);background-color:#e1ffcc;font-style:normal;font-weight:400;color:#48441d}footer{background-color:var(--fondo-medio);color:var(--texto);padding:2rem 1rem;border-top:1px solid var(--border)}.footer-content{max-width:800px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.footer-text h2{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.footer-text p{font-size:.95rem;color:var(--texto-suave)}.user-profile{align-items:center;gap:12px;background-color:var(--fondo-10);padding:12px 16px;border-radius:10px}.avatar{width:42px;height:42px;border-radius:50%;border:2px solid var(--border)}.user-info p{margin:0;font-size:.9rem}.username{font-weight:700;color:var(--detalle);text-decoration:none}.username:hover{text-decoration:underline}.github-button{display:inline-block;margin-top:5px;padding:6px 12px;background-color:#ffffff1a;color:var(--acento);border-radius:6px;font-size:.85rem;text-decoration:none;font-weight:700;transition:background .3s ease,color .3s ease}.github-button:hover{background-color:#fff3;color:var(--texto)}.social-links{display:flex;gap:12px;margin-top:8px}.social-links a{display:flex;width:36px;height:36px;align-items:center;justify-content:center;background-color:var(--fondo-20);border-radius:var(--br-m);transition:background .3s ease}.social-links a:hover{background-color:var(--detalle)}.social-links a img{width:20px;height:20px}@media screen and (max-width: 768px){body{padding:1.6rem}main{flex-direction:column;border-radius:var(--br-l)}#content{width:100%;padding:1.6rem}form .column-3,form .column-2{grid-template-columns:1fr;gap:0px}.container-submit{flex-direction:column;gap:var(--spacing-s);border-top:none;border-bottom:none}#container-toggle{display:flex;flex-direction:column-reverse}#container-toggle nav a{flex-direction:column;text-align:center;gap:0px;font-size:11px;line-height:1;border:none!important;width:50%!important;min-height:100px!important}#container-toggle nav a img{width:24px}#preview{width:100%}}