@import"https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap";:root{--color-dark: #000;--color-black: #333;--color-green: #25D366;--color-shadow: rgba(0, 0, 0, .9);--color-white: #fff;--color-gray: #ccc;--color-close: rgb(255, 10, 10)}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none;font-family:Nunito,sans-serif}main{text-align:center}main h1{font-size:10rem;margin-top:3rem}main p{font-size:3rem;margin:4rem 0 6rem;padding:0 3rem}@media (max-width: 768px){main h1{font-size:5.5rem}main p{font-size:1.5rem;padding:0 1rem}}.navbar{background:var(--color-black);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.navbar h1{color:var(--color-white);font-size:1.5rem}.nav__links{display:flex;gap:1rem}.nav__links a{color:var(--color-white);text-decoration:none;font-weight:700;transition:color .3s ease}.nav__links a.active{border-bottom:2px solid var(--color-green);color:var(--color-green)}.nav__links a:hover{color:var(--color-green)}.footer{background:var(--color-black);color:var(--color-gray);text-align:center;padding:1rem;font-size:.9rem;margin-top:2rem}.footer p{margin:0}.wa__btn{position:fixed;bottom:60px;right:20px;background:var(--color-green);color:var(--color-white);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:28px;box-shadow:0 2px 5px var(--color-shadow);z-index:1000}.btn__proyects{display:inline-block;padding:1rem 2rem;border:none;border-radius:12px;font-size:1.2rem;border:1px solid var(--color-black);color:var(--color-black);font-weight:700;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 0 5px 0 var(--color-black)}.btn__proyects:hover{background:var(--color-green);border:1px solid var(--color-green);color:var(--color-white)}.home__services{padding:3rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.home__services-basic,.home__services-med,.home__services-advanced{padding:2rem;border:1px solid var(--color-gray);border-radius:10px;box-shadow:5px 5px 15px 0 var(--color-gray)}.home__services-basic:hover,.home__services-med:hover,.home__services-advanced:hover{border:1px solid var(--color-black)}.home__services-basic h2,.home__services-med h2,.home__services-advanced h2{text-align:left;font-size:1.5rem;padding:5px;margin:0}.home__services-basic p,.home__services-med p,.home__services-advanced p{text-align:left;font-size:1.2rem;padding:5px;margin:0}.home__price{display:flex;flex-direction:column;justify-content:center;align-items:center}.home__price h2{font-size:4rem;padding:3rem 0}.home__price form{display:flex;flex-direction:column;width:60%;gap:1rem;padding:3rem;border:2px solid var(--color-gray);box-shadow:2px 2px 10px 0 var(--color-gray);border-radius:10px}.home__price input{padding:1rem;border:2px solid var(--color-gray);border-radius:12px;font-size:1.2rem;outline:none;background-color:var(--color-white);color:var(--color-black);transition:all .3s ease-in-out}.home__price input:focus{border:2px solid var(--color-green)}.btn__submit{padding:1rem 2rem;border:none;border-radius:12px;font-size:1.2rem;border:1px solid var(--color-white);font-weight:700;text-decoration:none;transition:all .3s ease-in-out;cursor:pointer}.btn__submit:hover{background:var(--color-green);color:var(--color-green);box-shadow:0 0 5px 0 var(--color-green);border:1px solid var(--color-green);color:var(--color-white)}.about{display:flex;flex-direction:column;padding:3rem}.about p{font-size:1.2rem;line-height:1.5;margin:4rem 0}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:50px;padding:6rem 3rem;border:none;border-radius:12px;overflow:hidden;width:100%;transition:transform .2s ease-in-out}.gallery_container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:8px;padding:1rem}.gallery_item{border:none;border-radius:12px;overflow:hidden;width:100%;transition:transform .2s ease-in-out;box-shadow:3px 3px 10px 0 var(--color-gray)}.gallery_item:hover{transform:scale(1.05)}.gallery_item__images{display:flex}.gallery_item img{width:50%;height:250px;object-fit:cover;display:block}.gallery_item h3{padding:.8rem 1rem;font-size:1rem}.gallery_item p{margin:1rem;font-size:1rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.gallery_item__popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-shadow);overflow-y:auto;display:flex;justify-content:center;flex-direction:column;align-items:center}.gallery_item__popup img{width:350px;height:100%;object-fit:cover}.gallery_item__popup>div{padding:2rem;border-radius:12px}.gallery_item__popup-images{display:flex;justify-content:space-between;gap:1rem}.gallery_item__popup-images img{border-radius:10px;border:2px solid var(--color-white)}.gallery_item__popup h3,.gallery_item__popup p{font-size:1.5rem;padding:.5rem 5rem;color:var(--color-white)}.btn__close{padding:0 6px;border:none;position:absolute;top:50px;right:100px;border-radius:100%;font-size:1.2rem;border:1px solid var(--color-white);font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease-in-out}.btn__close:hover{background:var(--color-close);box-shadow:0 0 5px 0 var(--color-close);border:1px solid var(--color-close);color:var(--color-white)}@media (max-width: 768px){.gallery_item__popup h3,.gallery_item__popup p{font-size:1.2rem;padding:.5rem 1rem}.gallery_item__popup img{display:block;flex-direction:column;width:50%}.btn__close{top:10px;right:10px}}.app__container{display:flex;flex-direction:column;min-height:100vh}.content{flex:1}