*{margin:0;padding:0;border:none;box-sizing:border-box;font-family:Inter,sans-serif;font-optical-sizing:auto;font-style:normal}body{background-color:#0a0a0a}li{list-style:none;color:#fff}a{text-decoration:none;color:#fff}.gradient-background{height:100vh;width:100vw;position:fixed;top:0;left:0;z-index:-100000000000000000000000;background:linear-gradient(107deg,#000,#210e337f,#000)}#container{width:min(1200px,92%);margin:2.5rem auto 4rem}.home-hero{padding:2rem 1rem 2.5rem;margin-bottom:1.75rem;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:radial-gradient(circle at top left,rgba(0,196,204,.18),transparent 30%),radial-gradient(circle at top right,rgba(125,42,232,.2),transparent 40%),#141519b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hero-badge{width:fit-content;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(0,196,204,.45);color:#cbfbfd;font-size:13px;letter-spacing:.3px;margin-bottom:1rem}.home-hero-title{color:#fff;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;max-width:18ch;margin-bottom:1rem}.home-hero-subtitle{color:#ffffffd1;font-size:1rem;max-width:62ch;line-height:1.6}.hero-metrics{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.65rem}.hero-metrics span{font-size:13px;color:#ffffffe6;border:1px solid rgba(255,255,255,.12);background-color:#ffffff0a;border-radius:999px;padding:.45rem .8rem}.home-content{display:grid;gap:2rem}.title-subtitle{display:flex;flex-direction:column;gap:1rem;align-items:center;margin-bottom:4rem}.subtitle{font-size:16px;color:#fff}.create-project{color:#fff;border:1px solid transparent;border-radius:5px;font-size:16px;width:13rem;height:3rem;margin-top:1rem;background:linear-gradient(#18191b,#18191b) padding-box,linear-gradient(90deg,#00c4cc99,#7d2ae899) border-box;box-shadow:6px 3px 12px #8b3dff26,-6px -3px 12px #00c4cc26}.build-project{display:flex;flex-direction:column;align-items:center;width:100%}.form-card{width:100%;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:1.2rem 1.2rem .5rem;background:#101116b8;box-shadow:0 20px 60px #0000004d}.formulario{margin-top:4rem;display:flex;flex-direction:column;gap:1rem}.formulario h3{font-size:20px}.textarea-submit{display:flex;flex-direction:column;align-items:flex-start;margin:4rem 0;position:relative;width:100%}.textarea-submit textarea{color:#fff;width:100%;height:9.5rem;padding:1rem;margin-top:1rem;font-size:16px;background-color:#f5f6ff;resize:none;border:1px solid transparent;border-radius:5px;background:linear-gradient(#18191b,#18191b) padding-box,linear-gradient(90deg,#00c4cc99,#7d2ae899) border-box;box-shadow:6px 3px 12px #8b3dff26,-6px -3px 12px #00c4cc26}.textarea-submit textarea:focus{border:none;outline:none}.button-submit{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:5px;height:4rem;width:100%;margin:2rem 0 1rem;border-radius:14px;font-size:18px;font-weight:600;background:linear-gradient(90deg,#00c4cc,#7d2ae8);color:#fff;cursor:pointer;box-shadow:0 16px 35px #6d38ec59}.button-submit:hover{transform:translateY(-1px);transition:transform .2s ease}.checkbox-section{display:flex;gap:3rem;flex-direction:column;flex-wrap:wrap}.checkbox-section option{color:#000}.project-description{color:#fff;font-size:24px;width:85%}#result-main{margin:4rem 2rem}.result-title{color:transparent;font-size:24px;font-weight:500}.result-description{color:#fff}.description-imgs{display:flex;flex-direction:column;gap:4rem;padding:3rem 0rem 7rem}.description-imgs img{width:50%;height:auto}.description-box{color:#fff;display:flex;flex-direction:column;gap:1rem}.description-box p{font-size:18px}.paleta-colores{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;margin:1rem 0 7rem}.paleta-colores div{height:4.5rem;width:8rem;font-size:14px;font-weight:600;cursor:pointer}.paleta-colores span{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:95%;color:#fff;font-weight:600}.paleta-colores div:hover{opacity:.8;transition:all .3s}.paleta-colores div:active{opacity:1}.color-clipboard{opacity:0;justify-self:center;width:2rem;margin-bottom:.2rem}.paleta-colores div:hover .color-clipboard{opacity:1;transition:opacity .3s}#user-persona{display:flex;flex-direction:column;color:#fff}.persona-name{font-size:26px;font-weight:500;color:pink;margin-bottom:1rem}.persona-description{margin-top:3rem}.persona-part2{display:flex;flex-direction:column;gap:2rem;margin-top:2rem;background-color:#ffeaee;color:#fff;padding:1rem;border-radius:5px;border:1px solid transparent;background:linear-gradient(#18191b,#18191b) padding-box,linear-gradient(90deg,#00c4cc99,#7d2ae899) border-box;box-shadow:6px 3px 12px #8b3dff26,-6px -3px 12px #00c4cc26}.persona-country{display:flex;align-items:center}.persona-country img{width:32px;height:22px;border-radius:7px}.font-name{font-size:16px;font-weight:100;font-style:italic;opacity:.8}.font-axample{font-size:24px}.list-fonts{color:#fff;margin:1rem 0 7rem}.gif{width:min(320px,90%);margin:.4rem auto .2rem}.wait-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100000;display:flex;justify-content:center;align-items:center;background:#08080ad1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:1rem}.wait-card{width:min(560px,100%);border-radius:20px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,#141519f5,#0e0f13f0);box-shadow:0 30px 70px #00000073;padding:1.3rem 1.2rem 1.4rem;text-align:center}.wait-chip{width:fit-content;margin:0 auto .9rem;padding:.35rem .8rem;border-radius:999px;border:1px solid rgba(0,196,204,.45);color:#cbfbfd;font-size:12px}.wait-title{color:#fff;font-size:clamp(1.2rem,3vw,1.7rem);margin-bottom:.55rem}.wait-subtitle{color:#ffffffd1;min-height:24px}.wait-progress-track{margin:.4rem auto 0;width:100%;height:8px;background:#ffffff1f;border-radius:999px;overflow:hidden}.wait-progress-fill{height:100%;width:35%;background:linear-gradient(90deg,#00c4cc,#7d2ae8);border-radius:999px;animation:waitProgress 1.4s ease-in-out infinite alternate}.wait-footnote{color:#ffffffa6;font-size:13px;margin-top:.7rem}@keyframes waitProgress{0%{transform:translate(-30%)}to{transform:translate(185%)}}.list-hiw{display:flex;align-items:center;gap:.5rem}.list-hiw li{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:5rem;height:5rem;color:#fff;font-size:12px;padding:1rem;border:2px solid #2d2d2d;border-radius:10px}.how-it-works{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.25rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#1011168c}.how-it-works h3{color:#fff;font-size:20px}.download-pdf{margin:4rem 2rem;width:10rem;height:3rem}.list{display:flex;gap:1rem 2rem;flex-wrap:wrap;margin-top:1rem;font-size:16px;width:90%}.input_diferencial input{color:#fff;width:100%;padding:1rem;font-size:16px;background-color:#f5f6ff;border:1px solid transparent;border-radius:5px;background:linear-gradient(#18191b,#18191b) padding-box,linear-gradient(90deg,#00c4cc99,#7d2ae899) border-box;box-shadow:6px 3px 12px #8b3dff26,-6px -3px 12px #00c4cc26;margin-top:1rem}.container_check{display:flex;flex-direction:column;flex-wrap:wrap;gap:4rem;width:100%}.error{color:#ff8f8f;margin-bottom:1rem}.container_check li{display:flex;align-items:center;gap:.5rem}.container_imgs{display:flex;gap:1rem;justify-content:center;align-items:center}@media (min-width: 768px){#container{margin-top:3rem}.home-hero{padding:2.5rem 2.2rem 3rem}.form-card{padding:2rem 2rem .75rem}.title-subtitle{align-items:flex-start;margin-bottom:7rem}.project-description{font-size:32px}.how-it-works h3{font-size:28px}.list-hiw li{width:8rem;height:8rem;justify-content:center}.list-hiw li img{width:3rem}.list-hiw li span{font-size:17px}.textarea-submit textarea,.textarea-submit{width:100%}.formulario{margin-top:7rem}.formulario h3{font-size:32px;text-align:left}.checkbox-section{flex-direction:row;justify-content:center}}@media (min-width: 1024px){.persona-part2{width:50%}.persona-description,.description-box{width:60%}#result-main{margin:2rem 7rem}}.result-hero-card,.result-section-card{border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#101116b8;box-shadow:0 18px 42px #00000047}.result-hero-card{padding:1.2rem;margin-bottom:1.25rem}.result-chip{width:fit-content;margin-bottom:.75rem;border-radius:999px;border:1px solid rgba(0,196,204,.45);color:#cbfbfd;padding:.3rem .75rem;font-size:12px}.result-section-card{padding:1.2rem;margin-bottom:1rem}.result-images-grid{align-items:stretch}.result-image-frame{width:100%;margin:0;padding:.75rem;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff05}.result-image-frame img{width:100%;max-height:320px;object-fit:contain}.result-image-frame figcaption{margin-top:.55rem;color:#ffffffb8;font-size:13px}.result-fonts-grid{margin:1rem 0 0}.result-font-item{margin-bottom:.8rem;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.9rem;background:#ffffff05}.result-colors-grid{margin:1rem 0 0}.result-colors-grid div{width:100%;min-width:8rem;border-radius:10px}.persona-avatar{width:6rem;margin:0 0 .75rem}.download-pdf{border-radius:14px;font-weight:600;background:linear-gradient(90deg,#00c4cc,#7d2ae8);color:#fff;cursor:pointer;box-shadow:0 16px 35px #6d38ec59}@media (min-width: 768px){.result-hero-card,.result-section-card{padding:1.6rem}.result-images-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.result-fonts-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.result-colors-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}}header{display:flex;align-items:center;justify-content:space-between;padding:2rem 1rem 0;gap:2rem}header a{font-size:16px;border-radius:5px;padding:1rem;font-weight:500;background-color:#a570ff21;box-shadow:inset 0 0 0 1px #a570ff;color:#fff}#title{font-size:20px;color:#fff;font-weight:500}.gradient{background:linear-gradient(to right,#00c4cc,#fff149);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.yellow{color:#fff149}@media (min-width: 768px){header{padding:2rem 3rem 0}}