*{margin:0;padding:0;box-sizing:border-box;overflow-x:hidden}#root{margin:0 auto;padding:2rem;text-align:center;font-family:Agdasima,sans-serif;font-weight:400;background:linear-gradient(135deg,#0f172a,#3b0764);color:#f1f5f9}.main-layout{display:flex;justify-content:center;align-items:flex-start;gap:3rem;margin:2rem auto;padding:2rem;max-width:1200px;width:100%;box-sizing:border-box}.main-layout__left{flex:1;max-width:500px}.main-layout__right{flex:1;display:flex;flex-direction:column;gap:2rem}@media (max-width: 768px){.main-layout{flex-direction:column;align-items:center}.main-layout__left,.main-layout__right{width:100%;max-width:600px}}.form-container{display:grid;grid-template-columns:max-content 1fr;gap:0;max-width:100%;align-items:baseline;margin:40px auto;padding-left:20px;box-shadow:0 0 5px #e3c2f0e6}.addForm{flex:2;min-width:auto;background-color:#0f172a;padding:30px;border-radius:8px;color:#ecf0f1;font-family:Arial,sans-serif;box-shadow:0 4px 8px #0000004d}.addForm .title{color:#e4b0f0;text-align:center;margin-bottom:25px;font-size:2em}.addForm__group{border:none;padding:0;margin-bottom:20px}.addForm__group p{color:#e3c2f0;margin-bottom:15px;font-size:1.1em;border-bottom:1px solid #270F4B;padding-bottom:5px}.addForm__input{width:calc(100% - 20px);padding:12px 10px;margin-bottom:15px;margin-top:10px;border:1px solid #270F4B;border-radius:5px;background-color:#270f4b;color:#e3c2f0;font-size:1em;box-sizing:border-box}.addForm__input::placeholder{color:#e3c2f0}.addForm__input:focus{outline:none;border-color:#e3c2f0;box-shadow:0 0 5px #e3c2f0e6}.addForm__2col{display:flex;gap:15px;margin-bottom:15px}.addForm__2col .addForm__input{width:100%;margin-bottom:0}textarea.addForm__input{resize:vertical;min-height:100px}.addForm__group--upload{border:none;padding:0;margin-top:30px;text-align:center}.button{display:inline-block;background-color:#e4b0f0;color:#270f4b;padding:12px 20px;border:none;border-radius:5px;cursor:pointer;font-size:1em;margin:10px;transition:background-color .3s ease}.button:hover{background-color:#f489ed}.addForm__hidden{display:none}.button__large{display:flex;justify-content:center;align-items:center;padding:12px 20px;font-size:1.1rem;background-color:#e01700;color:#fff;border:none;border-radius:5px;cursor:pointer;margin:30px auto;transition:background-color .3s ease;width:100%;max-width:400px;text-align:center;white-space:nowrap}.button__large:hover{background-color:#c21300}.reset-container{display:flex;justify-content:center;margin-top:1.5rem}.button__reset{background-color:#800;color:#fff;padding:.6rem 1.2rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.button__reset:hover{background-color:#a00}@media (max-width: 700px){.form-container{flex-direction:column;align-items:center;overflow:hidden}.addForm,.preview-section{width:100%;max-width:600px}}@media (max-width: 480px){.addForm__2col{flex-direction:column;min-width:100%}}.preview{max-width:500px;margin-block:0;margin:0 auto;background-color:#1a1a1a;border-radius:12px;color:#fff;font-family:Arial,sans-serif;box-shadow:0 10px 20px #0009;overflow:hidden;border:2px solid #fff;position:relative}.preview:before{content:"";display:block;height:60px;background:repeating-linear-gradient(45deg,#fff,#fff 15px,#000 15px,#000 30px);border-bottom:3px solid #fff}.preview .card__content{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;padding-block:35px;padding-inline:20px;flex-wrap:nowrap}.preview .card__author{width:40%;display:flex;flex-direction:column;text-align:left}.preview .card__author .card__authorPhoto{width:120px;height:120px;margin-left:10px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-size:cover;background-position:center;background-repeat:no-repeat;border:2px solid #ccc}.preview .card__author .card__authorPhoto img{width:100%;height:100%;object-fit:cover;border-radius:50%}.preview .card__author .card__job{font-size:.9rem;color:#bbb;margin-top:5px;margin-left:10px}.preview .card__author .card__name{font-size:1.2rem;font-weight:700;margin-top:15px;margin-left:10px;margin-bottom:10px}.preview .card__project{width:60%;display:flex;flex-direction:column;text-align:left;font-size:large}.preview .card__project .card__name{font-size:1.4rem;font-weight:700;color:#e4b0f0;margin-bottom:.5rem}.preview .card__project .card__slogan{font-style:italic;color:#ccc;margin-bottom:1rem;font-size:.8rem}.preview .card__project .card__description{font-size:.7rem;line-height:1rem;text-align:justify;color:#ddd;margin-bottom:1rem}.preview .card__project .card__technicalInfo{display:flex;flex-direction:column;gap:.9rem}.preview .card__project .card__technicalInfo .card__technologies{font-size:1rem;color:#aaa}.preview .card__project .card__technicalInfo .card__links{display:flex;gap:.8rem}.preview .card__project .card__technicalInfo .card__links .icon{color:#60a5fa;font-size:1.2rem;text-decoration:none}.preview .card__project .card__technicalInfo .card__links .icon:hover{transform:scale(1.1)}@media (max-width: 480px){.preview{margin:2 2px;max-width:100%;overflow-x:hidden}.preview .card__content{flex-direction:column;gap:1rem;padding-inline:15px}.preview .card__author,.preview .card__project{width:100%}.preview .card__authorPhoto{margin:0 auto}.preview .card__name,.preview .card__job{text-align:center;margin-left:0}}.photo-project{width:100%;max-width:100%;margin:0 auto;text-align:center}.photo-project img{max-width:100%;height:auto;border-radius:10px;margin-top:1rem;box-shadow:0 8px 16px #0000004d}.header__topbar{display:flex;margin-left:3%;margin-top:3%}.header__topbar img{min-height:35px;max-height:120px;max-width:auto}.header__hero{margin-top:-7rem;margin-bottom:3rem}.header__title{font-size:3rem}.header__subtitle{font-size:1.3rem;font-weight:400;margin-top:-40px;line-height:2rem}.img__hero{width:40rem}.header__button{padding:12px 100px;font-size:1.1rem;margin:4rem 2rem 2rem;background-color:#e01700;color:#f5f5f5;border-radius:8px;text-decoration:none}.header__button:hover{background-color:#c21300;cursor:pointer}@media screen and (max-width: 768px){.img__hero{width:100%;max-width:300px}.header__subtitle{font-size:1.2rem;padding:0 1rem;text-align:center}.header__button{font-size:1.2rem;padding-inline:2rem;padding-block:.8rem;margin:1.5rem auto;display:block}.header__topbar{justify-content:center;margin-left:0;margin-top:1rem}.header__topbar-right-image{max-height:100px;width:auto}.header__hero{text-align:center;margin-top:2rem;margin-bottom:2rem}}@media screen and (max-width: 480px){.img__hero{max-width:250px}.header__subtitle{font-size:1rem}.header__button{font-size:1rem;padding-inline:1.5rem;padding-block:.6rem}}.header__hero{display:flex;flex-direction:column;align-items:center}@media screen and (max-width: 768px){.img__hero{width:70%;max-width:300px;height:auto}}@media screen and (max-width: 480px){.img__hero{width:80%;max-width:220px;height:auto}}.lista-proyectos{display:flex;justify-content:center;margin-top:100px;padding-bottom:100px;width:100%}.lista-proyectos img{width:50%;max-width:400px;height:auto}
