@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}fieldset{border:0}.container_app{display:flex;flex-direction:row;padding:1%}.addForm{padding:20px;margin-left:1%;min-height:400px;height:auto;box-shadow:2px 4px 4px #00000040;border:solid 1px rgba(190,24,24,0);border-radius:20px;background-image:radial-gradient(circle at 50% 50%,#d3bcaa,#b89982 80%,#a3856e);text-align:center}.addForm .title{font:var(--font-title-biggest);margin-block:18px}.addForm__title{display:block;width:100%;text-align:center;position:relative;background-clip:padding-box;padding-block:.4rem;margin-block:.5rem;border:solid 2px transparent;font:var(--font-title-medium)}.addForm__group--uploadauthor,.addForm__group--uploadphoto{background-color:#d98259;color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;font-weight:700;font-size:1rem;margin:20px;border:none;display:inline-block;text-align:center;transition:background-color .3s ease}.addForm__group--uploadauthor:hover,.addForm__group--uploadphoto:hover{background-color:#a4b48c;transform:scale(1.1);cursor:pointer}.form-project-btn{background-color:#d98259;color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;font-weight:700;font-size:1rem;border:none;display:inline-block;text-align:center;transition:background-color .3s ease;font-family:Montserrat,sans-serif}.form-project-btn:hover{background-color:#a4b48c;cursor:pointer;transform:scale(1.1)}.form-buttons-container{display:flex;justify-content:center}.addForm .addForm__title:before{content:"";position:absolute;top:100%;right:0;bottom:0;left:0;margin-bottom:-2px;border-radius:inherit;background-color:transparent;background-image:linear-gradient(to left,transparent,#ffffff 25%,#aada9b 45%,65%,#ffffff 75%,transparent)}.addForm .addForm__group{margin-bottom:20px}.addForm .addForm__input{display:block;width:calc(100% - 20px);margin:10px auto;padding:8.5px 16px;border-radius:10px;border:solid 2px var(--color-white);color:var(--color-white);background-color:transparent;font:var(--font-normal)}.addForm .addForm__input::placeholder{color:var(--color-white-50)}.addForm .addForm__group--upload{display:flex;justify-content:center;flex-wrap:wrap;margin-bottom:25px}.addForm .addForm__hidden{display:none}.addForm .addForm__2col{width:calc(100% - 20px);margin:10px auto;display:flex;justify-content:space-between}.addForm .addForm__2col .addForm__input{width:calc((100% - .2rem)/2);margin:0}.preview{display:flex;flex-direction:column;align-items:center;margin:20px auto;width:80%}.preview__container{width:100%;display:flex;flex-direction:column;align-items:center}.projectImage{width:80%;height:61vh;background-image:url(https://reformasbcnhogar.es/wp-content/uploads/1643821043_954_Japandi-style-la-decoracion-de-2022.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:15px;margin:0 auto 20px;box-shadow:0 4px 8px #0003}.preview .card{margin-inline:20px;transform:translateY(-45px)}.card{display:grid;box-shadow:2px 4px 4px #00000040;width:40%;grid-template-columns:40% 60%;color:var(--color-black);font:var(--font-card-text);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-image-source:linear-gradient(to bottom,var(--color-white) 0%,rgba(0,0,0,0));border-image-slice:1;background-image:linear-gradient(to bottom,var(--color-white),var(--color-white)),linear-gradient(to bottom,var(--color-white) 0%,rgba(0,0,0,0));background-origin:border-box;background-clip:content-box,border-box}.card .card__projectTitle{grid-column:2;position:relative;margin:15px 10px 1rem 0;text-align:center;text-transform:capitalize;font:var(--font-card-section)}.card .card__projectTitle:before{content:"";position:absolute;top:calc(50% - 1px);bottom:calc(50% - 1px);left:0;right:0;z-index:0;background-image:linear-gradient(to right,#fff,#7ca357 15%,#7ca357 85%,#fff)}.card .card__projectTitle--text{position:relative;padding-inline:.1em;z-index:1;background-color:var(--color-white)}.card .card__author{display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.card .card__authorPhoto{width:75px;height:75px;border-radius:50%;background-position:center;background-size:cover;margin-bottom:.8rem}.card .card__job{margin-bottom:.2rem}.card .card__name{font:var(--font-card-title);margin-bottom:.2rem}.card .card__project{margin-right:10px}.card .card__slogan{font:var(--font-card-subtitle);margin-top:-.2rem;margin-bottom:.8rem}.card .card__descriptionTitle{font-weight:inherit;text-transform:capitalize}.card .card__technicalInfo{display:grid;grid-template-columns:1fr 2rem 2rem;gap:.5em;margin-block:1.8rem}.card .card__technologies{font:var(--font-card-tech)}.icon{width:1.6rem;height:1.6rem;color:transparent;cursor:pointer;border-radius:50%}.icon__www{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M352%20256c0%2022.2-1.2%2043.6-3.3%2064H163.3c-2.2-20.4-3.3-41.8-3.3-64s1.2-43.6%203.3-64H348.7c2.2%2020.4%203.3%2041.8%203.3%2064zm28.8-64H503.9c5.3%2020.5%208.1%2041.9%208.1%2064s-2.8%2043.5-8.1%2064H380.8c2.1-20.6%203.2-42%203.2-64s-1.1-43.4-3.2-64zm112.6-32H376.7c-10-63.9-29.8-117.4-55.3-151.6c78.3%2020.7%20142%2077.5%20171.9%20151.6zm-149.1%200H167.7c6.1-36.4%2015.5-68.6%2027-94.7c10.5-23.6%2022.2-40.7%2033.5-51.5C239.4%203.2%20248.7%200%20256%200s16.6%203.2%2027.8%2013.8c11.3%2010.8%2023%2027.9%2033.5%2051.5c11.6%2026%2020.9%2058.2%2027%2094.7zm-209%200H18.6C48.6%2085.9%20112.2%2029.1%20190.6%208.4C165.1%2042.6%20145.3%2096.1%20135.3%20160zM8.1%20192H131.2c-2.1%2020.6-3.2%2042-3.2%2064s1.1%2043.4%203.2%2064H8.1C2.8%20299.5%200%20278.1%200%20256s2.8-43.5%208.1-64zM194.7%20446.6c-11.6-26-20.9-58.2-27-94.6H344.3c-6.1%2036.4-15.5%2068.6-27%2094.6c-10.5%2023.6-22.2%2040.7-33.5%2051.5C272.6%20508.8%20263.3%20512%20256%20512s-16.6-3.2-27.8-13.8c-11.3-10.8-23-27.9-33.5-51.5zM135.3%20352c10%2063.9%2029.8%20117.4%2055.3%20151.6C112.2%20482.9%2048.6%20426.1%2018.6%20352H135.3zm358.1%200c-30%2074.1-93.6%20130.9-171.9%20151.6c25.5-34.2%2045.2-87.7%2055.3-151.6H493.4z'/%3e%3c/svg%3e")}.icon__github{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20496%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M165.9%20397.4c0%202-2.3%203.6-5.2%203.6-3.3%20.3-5.6-1.3-5.6-3.6%200-2%202.3-3.6%205.2-3.6%203-.3%205.6%201.3%205.6%203.6zm-31.1-4.5c-.7%202%201.3%204.3%204.3%204.9%202.6%201%205.6%200%206.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5%20.3-6.2%202.3zm44.2-1.7c-2.9%20.7-4.9%202.6-4.6%204.9%20.3%202%202.9%203.3%205.9%202.6%202.9-.7%204.9-2.6%204.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8%208C106.1%208%200%20113.3%200%20252c0%20110.9%2069.8%20205.8%20169.5%20239.2%2012.8%202.3%2017.3-5.6%2017.3-12.1%200-6.2-.3-40.4-.3-61.4%200%200-70%2015-84.7-29.8%200%200-11.4-29.1-27.8-36.6%200%200-22.9-15.7%201.6-15.4%200%200%2024.9%202%2038.6%2025.8%2021.9%2038.6%2058.6%2027.5%2072.9%2020.9%202.3-16%208.8-27.1%2016-33.7-55.9-6.2-112.3-14.3-112.3-110.5%200-27.5%207.6-41.3%2023.6-58.9-2.6-6.5-11.1-33.3%202.6-67.9%2020.9-6.5%2069%2027%2069%2027%2020-5.6%2041.5-8.5%2062.8-8.5s42.8%202.9%2062.8%208.5c0%200%2048.1-33.6%2069-27%2013.7%2034.7%205.2%2061.4%202.6%2067.9%2016%2017.7%2025.8%2031.5%2025.8%2058.9%200%2096.5-58.9%20104.2-114.8%20110.5%209.2%207.9%2017%2022.9%2017%2046.4%200%2033.7-.3%2075.4-.3%2083.6%200%206.5%204.6%2014.4%2017.3%2012.1C428.2%20457.8%20496%20362.9%20496%20252%20496%20113.3%20383.5%208%20244.8%208zM97.2%20352.9c-1.3%201-1%203.3%20.7%205.2%201.6%201.6%203.9%202.3%205.2%201%201.3-1%201-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7%201.3%20.3%202.9%202.3%203.9%201.6%201%203.6%20.7%204.3-.7%20.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3%20.7zm32.4%2035.6c-1.6%201.3-1%204.3%201.3%206.2%202.3%202.3%205.2%202.6%206.5%201%201.3-1.3%20.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6%201-1.6%203.6%200%205.9%201.6%202.3%204.3%203.3%205.6%202.3%201.6-1.3%201.6-3.9%200-6.2-1.4-2.3-4-3.3-5.6-2z'/%3e%3c/svg%3e")}.form-message{margin-top:14px}@media (max-width: 1000px){.card{width:90%;grid-template-columns:1fr}.card__authorPhoto{width:60px;height:60px}.card__projectTitle{font-size:1.2rem}}@media (max-width: 768px){.container_app{flex-direction:column;padding:2%}.addForm{width:100%;margin-left:0;margin-bottom:20px}.preview{width:100%}.projectImage{width:100%;height:auto;min-height:300px}.card{width:80%;grid-template-columns:1fr}.card__authorPhoto{width:60px;height:60px}}@media (max-width: 480px){.container_app{flex-direction:column;padding:3%}.addForm{width:100%;margin-left:0;padding:15px}.addForm__2col{flex-direction:column}.addForm__2col .addForm__input{width:100%;margin-bottom:10px}.preview{width:100%}.projectImage{width:100%;height:auto;min-height:250px}.card{width:95%;grid-template-columns:1fr}.card__authorPhoto{width:50px;height:50px}.addForm__group--uploadauthor,.addForm__group--uploadphoto,.form-project-btn{width:60%;font-size:.9rem;padding:8px 16px}.form-buttons-container{flex-direction:column;align-items:center}}.form-url{color:#fff}.form-error{padding-top:1.5rem}:root{--color-black: #000000;--color-black-80: rgba(0, 0, 0, .8);--color-greyish-brown: #505050;--color-greyish-brown-88: rgba(62, 62, 62, .88);--color-dusk: #403a5f;--color-greyish-brown-two: #575757;--color-dark: #302c42;--color-warm-grey: #909090;--color-white: white;--color-dark-lilac: #8176af;--color-white-50: rgba(255, 255, 255, .5);--font-title-brand: 300 1.4rem "Montserrat", sans-serif;--font-title-biggest: bold 3rem "Montserrat", sans-serif;--font-title-big: bold 2rem "Montserrat", sans-serif;--font-title-medium: 300 1.5rem "Montserrat", sans-serif;--font-text-big: normal 1.2rem "Montserrat", sans-serif;--font-normal: normal 10px "Montserrat", sans-serif;--font-button: bold 1rem "Montserrat", sans-serif;--font-card-text: 300 .8rem "Montserrat", sans-serif;--font-card-section: 300 .8rem "Montserrat", sans-serif;--font-card-title: 500 1.2rem "Montserrat", sans-serif;--font-card-subtitle: 400 1.1rem "Montserrat", sans-serif;--font-card-tech: 500 1rem "Montserrat", sans-serif}:root{font:var(--font-normal);color:var(--color-white)}@media screen and (min-width: 420px){:root{font-size:12px}}@media screen and (min-width: 560px){:root{font-size:14px}}.header{align-items:center;padding:1%;background-color:#e8d6c8}.header .hero{display:flex;flex-direction:row;align-items:center;text-align:center;justify-content:space-between}.header .hero .title{color:#a3856e;font-weight:700;font-size:2rem;margin-bottom:10px}.header__landing-btn{background-color:#d98259;color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;font-weight:700;font-size:1rem;transition:all .3s ease}.header__landing-btn:hover{background-color:#a4b48c;cursor:pointer;transform:scale(1.1)}@media (max-width: 768px){.header{padding:20px 10px}.header .hero{flex-direction:column;align-items:center}.header .hero .title{font-size:2rem;margin-bottom:15px}.header .hero .header__landing-btn{font-size:.9rem;padding:8px 20px;margin-top:10px}.header .hero__text{font-size:1rem;padding:0 15px}.header .hero .projectImage{height:200px;max-width:90%}}.footer{color:#a3856e;font-weight:700;font-size:1rem;background-color:#e8d6c8;text-align:center;padding:10px;height:4vh}.landing{display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#e8d6c8,#f5ebe0);min-height:96vh;animation:fadeIn 1s ease-out;padding:40px 20px;justify-content:center}.landing__title{font-size:2.5rem;color:#a3856e;margin-bottom:20px;text-align:center;animation:slideDown 1s ease-out}.landing__subtitle{color:#1d1d1d;padding:10px 20px;border-radius:20px;text-decoration:none;font-weight:400;font-size:1.2rem;text-align:center;max-width:600px;opacity:0;animation:fadeIn 2s ease-out forwards;animation-delay:.5s}.landing__button{background-color:#d98259;color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;font-weight:700;margin-top:20px;font-size:1rem;transition:all .3s ease;transform:scale(1);box-shadow:0 4px 15px #0003}.landing__button:hover{background-color:#a4b48c;cursor:pointer;transform:scale(1.1);box-shadow:0 8px 20px #0000004d}.landing__projects{background-color:#70422d;color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;font-weight:700;margin-top:20px;font-size:1rem;transition:all .3s ease;transform:scale(1);box-shadow:0 4px 15px #0003}.landing__projects:hover{background-color:#24130c;cursor:pointer;transform:scale(1.1);box-shadow:0 8px 20px #0000004d}.sparkle{position:absolute;width:8px;height:8px;background:radial-gradient(circle,#fff,#fff0 70%);border-radius:50%;pointer-events:none;opacity:.8;transform:scale(1);animation:sparkle-animation 1s forwards}@keyframes sparkle-animation{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(4)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.landing{height:auto;padding:60px 40px}.landing__title{font-size:2.2rem}.landing__subtitle{font-size:1.1rem;max-width:80%}.landing__button{font-size:.95rem;padding:9px 18px}}@media (max-width: 768px){.landing{height:auto;padding:40px 20px}.landing__title{font-size:2rem}.landing__subtitle{font-size:1rem;padding:10px;max-width:100%}.landing__button{font-size:.9rem;padding:8px 16px}}@media (max-width: 480px){.landing{height:auto;padding:30px 15px}.landing__title{font-size:1.8rem}.landing__subtitle{font-size:.95rem;padding:8px}.landing__button{font-size:.85rem;padding:8px 14px}}body{font-family:Montserrat,sans-serif;background:linear-gradient(135deg,#e8d6c8,#f5ebe0)}.project-list{--bg: #ffffff;--text: #222;--muted: #666;--border: #e6e6e6;--shadow: 0 6px 20px rgba(0, 0, 0, .06);--radius: 16px;--gap: 16px;padding-top:2%;align-items:center;text-align:center;max-width:1100px;min-height:96vh;margin:0 auto}.project-list h2{font-size:clamp(1.25rem,1.5vw,1.6rem);margin-bottom:16px}.project-list ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--gap)}.project-list li{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-top:10%;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.project-list li:hover{transform:translateY(-2px);box-shadow:0 10px 28px #00000014;border-color:#ddd}.project-list li img{display:block;width:100%;height:160px;object-fit:cover}.project-list li h3{font-size:1.05rem;line-height:1.2;margin:12px 12px 6px}.project-list li p{margin:0 12px 8px;color:var(--muted)}.project-list li p:first-of-type{color:var(--text);font-weight:500}.project-list .project-list__title{font-size:2rem;font-weight:700;color:#a3856e;margin-bottom:20px;text-align:center}.project-list .back_button{background-color:#d98259;color:#fff;padding:10px 20px;border-radius:20px;text-decoration:none;font-weight:700;margin-top:20px;font-size:1rem;transition:all .3s ease;transform:scale(1);box-shadow:0 4px 15px #0003}.project-list .back_button:hover{background-color:#a4b48c;cursor:pointer;transform:scale(1.1);box-shadow:0 8px 20px #0000004d}@media (min-width: 1200px){.project-list{--gap: 20px}.project-list li img{height:180px}}