*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #f1f1f1;--text: rgba(255, 255, 255, .7);--color-link: #fe7743;--color-button: #273f4e;--color-button-hover: #101d25;--color-title: #efeeea;--font-primary: "Bebas Neue", sans-serif;--font-secondary: "Gambetta", serif;--background: #151919;--input: #232525}body{color:var(--primary-color);font-family:var(--font-primary);max-width:1200px;margin:0 auto;scroll-behavior:smooth;position:relative;overflow-x:hidden;background-color:var(--background)}#bg-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.home{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;gap:4rem;align-items:center}.home-navigation{padding:38px 0 0 38px;width:100%;margin-bottom:1rem}.header{display:none;gap:2rem;background-color:var(--color-button-hover);position:absolute;top:0;left:0;width:100%;height:100vh;flex-direction:column;justify-content:center;align-items:center;padding:50px 30px;z-index:9999}.header.is-open{display:flex}.header li{list-style:none;font-size:20px}.header li.header--emphasis{font-size:28px}.header li a{text-decoration:none;color:var(--primary-color);transition:color .3s ease}.header li a:hover{color:var(--color-link)}.home-title{font-size:90px;line-height:98px;letter-spacing:5px;text-align:center;z-index:20}.home-detail-location{font-family:var(--font-secondary);font-size:16px;line-height:24px;color:var(--text);text-align:end;text-transform:uppercase;width:100%;padding-right:45px;display:none}.home-perfil{display:flex;align-items:flex-end;background-color:var(--primary-color);color:var(--background);position:relative;width:600px;max-width:100%;height:300px}.perfil-skills{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;list-style:none;font-size:18px;line-height:26px;margin:0 15px}.perfil-image{position:absolute;top:-50px;left:40%;width:300px;overflow:hidden}.perfil-image img{width:100%;max-width:300px;height:auto;object-fit:cover;aspect-ratio:16/20}.menu-mobile{background-color:transparent;border:none;color:var(--color-link);font-size:48px;cursor:pointer;align-self:flex-start}.about,.cases,.services,.faq,.contact{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:120px 0;width:100%;position:relative}.about .about-content{display:flex;align-items:center;gap:3rem;padding:0 1rem}.about .about-content .about-image{flex:1;width:30%;overflow:hidden;display:none}.about .about-content .about-image img{width:320px;height:650px;max-width:320px;object-fit:cover;transition:transform .5s;cursor:pointer}.about .about-content .about-image img:hover{transform:scale(1.05)}.about .about-content .about-text{width:100%;display:flex;flex-direction:column;gap:2rem}.text-paragraphs{display:flex;flex-direction:column;gap:1.5rem}.about .about-content .about-text h2{font-size:36px;line-height:44px;color:var(--color-title);font-family:var(--font-secondary);font-style:italic}.about .about-content .about-text p{max-width:100%;font-family:var(--font-secondary);color:var(--text);font-size:20px;line-height:28px}.about .about-content .about-text p:hover{color:var(--color-link)}.about .about-content .about-text p:first-child{font-size:24px;line-height:32px}#link-faq{font-size:20px;line-height:28px;color:var(--color-link);cursor:pointer;align-self:flex-start;text-decoration:none}#sectionPin{width:100%;height:100vh;overflow:hidden;position:relative;z-index:100}.pin-wrap{display:flex;height:100vh;width:max-content;align-items:center;will-change:transform}.pin-wrap>*{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-shrink:0;padding:0 10vw}.pin-wrap h2{font-size:32px;line-height:40px;color:var(--color-title);font-family:var(--font-secondary);max-width:1400px;text-align:center}.pin-wrap img{width:100%;max-width:1400px;height:80vh;object-fit:contain;border-radius:12px;box-shadow:0 10px 40px #00000080}.project-card{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-shrink:0;padding:0 10vw;cursor:pointer}.project-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:1400px;height:80vh;background:linear-gradient(to bottom,#0008,#000000e7);border-radius:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;pointer-events:none}.project-card:hover .project-overlay{opacity:1;pointer-events:auto}.project-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center;padding:2rem;max-width:600px;transform:translateY(20px);transition:transform .4s ease}.project-card:hover .project-content{transform:translateY(0)}.project-title{font-size:48px;line-height:56px;color:var(--color-link);margin:0}.project-description{font-family:var(--font-secondary);font-size:20px;line-height:28px;color:var(--primary-color);margin:0}.project-button{margin-top:1rem;font-size:20px;line-height:28px;padding:12px 32px}.services{justify-content:center;gap:6rem;margin-top:120px}.services .title{margin-bottom:2rem}.services-header{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.services-subtitle{width:100%;display:flex;flex-direction:column;align-items:center}.services-subtitle p{font-family:var(--font-secondary);font-size:24px;line-height:32px;text-align:center}.services-subtitle :nth-child(1){font-style:italic;font-size:36px;line-height:44px}.services-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;padding:0 1rem;gap:20px}.services-grid .item{background:#ffffff0c;border-radius:8px;box-shadow:0 2px 10px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.11);padding:24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;opacity:1}.services-grid .item:hover{box-shadow:0 4px 20px #00000026;border-color:#fff3}.services-grid .item img{width:150px;height:150px;margin-bottom:16px;transition:transform .3s ease}.services-grid .item img:hover{transform:scale(1.1)}.services-grid .item h3{font-size:24px;line-height:32px;color:var(--color-title);margin-bottom:12px;letter-spacing:1px}.services-grid .item h3:hover{color:var(--color-link)}.services-grid .item p{font-family:var(--font-secondary);font-size:18px;line-height:26px;color:var(--text)}.faq{padding:0 1rem}.faq .title{align-self:flex-start;margin-bottom:2rem}.faq-container{width:100%;display:flex;position:relative}.faq-list-container{flex:1}.faq-list{flex:1;display:flex;flex-direction:column;gap:12px}.faq-list details{background:#ffffff0c;border-radius:8px;box-shadow:0 2px 10px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.11);padding:0;transition:all .3s ease;overflow:hidden}.faq-list details:hover{box-shadow:0 4px 20px #00000026;border-color:#fff3}.faq-list details[open]{border-color:var(--color-link)}.faq-list summary{cursor:pointer;font-weight:700;list-style:none;outline:none;display:flex;justify-content:space-between;align-items:center;font-size:18px;line-height:26px;letter-spacing:.8px;padding:20px 24px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.faq-list summary:hover{color:var(--color-link)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{font-size:24px;color:var(--color-link);transition:transform .3s ease,color .3s ease;flex-shrink:0;margin-left:16px}.faq-list details[open] summary i{transform:rotate(180deg)}.faq-list details p{margin:0;padding:0 24px 20px;line-height:1.6;font-family:var(--font-secondary);font-size:18px;color:#f1f1f1e6;animation:fadeInDown .4s ease-out forwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact{padding:0 1rem}.contact .title{margin-bottom:2rem}.contact p{font-family:var(--font-secondary);font-size:24px;line-height:32px;color:var(--text);margin-bottom:2rem;text-align:center}.contact .form{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:600px;background:#ffffff0c;border-radius:8px;box-shadow:0 2px 10px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.11);padding:16px 24px 24px}.contact .form .form-item{width:100%;display:flex;flex-direction:column;gap:.5rem}.contact .form .form-item label{font-size:18px;line-height:24px}.contact .form .form-item.flex-row{flex-direction:column;justify-content:space-between;gap:1rem}.contact .form .form-item.flex-row :nth-child(2){flex:1}.contact .form .form-item.flex-row div{display:flex;flex-direction:column;gap:.5rem}.contact .form .form-item input,.contact .form .form-item textarea{width:100%;padding:12px;border:none;border-radius:8px;background-color:var(--input);color:var(--primary-color);font-size:16px;line-height:24px;font-family:var(--font-secondary);resize:vertical}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2rem}.footer p{font-size:18px;line-height:26px;color:var(--text);margin-top:20px}.footer .footer-links{width:100%;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.footer .footer-links a{text-decoration:none;color:var(--primary-color);transition:color .3s ease}.footer .footer-links a:hover{color:var(--color-link)}.footer .footer-links .image-logo{object-fit:cover}.footer .footer-links .contact-fast{display:flex;flex-direction:column;gap:1rem;padding:0 30px}.footer .footer-links .contact-fast div{display:flex;align-items:center;gap:.5rem;font-size:20px}.footer .footer-links .social{display:flex;justify-content:center;align-items:center;gap:1rem;padding:0 30px}.footer .footer-links .social a i{font-size:34px;transition:color .3s ease}.button{text-decoration:none;background-color:var(--color-button);color:var(--primary-color);border:none;border-radius:12px;padding:8px 18px;font-family:var(--font-primary);font-size:20px;line-height:28px;cursor:pointer;transition:all .3s ease;min-width:200px;max-width:max-content;box-shadow:1px 0 1px #6778a805,3px 1px 4px #6778a808,6px 2px 9px #6778a80d,12px 4px 15px #6778a80f,18px 6px 24px #6778a814;display:flex;justify-content:center;align-items:center;gap:.5rem}.button:hover{background-color:var(--color-button-hover);border:1px solid var(--color-title)}.container-column{display:flex;flex-direction:column;align-items:center;width:100%}.title{font-size:40px;line-height:48px;color:var(--color-title);margin-bottom:5rem}#back-to-top{position:fixed;right:24px;bottom:24px;z-index:50;opacity:0;pointer-events:none;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;width:56px;height:56px;min-width:unset;max-width:unset;border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center}#back-to-top i{color:var(--primary-color);font-size:2rem;display:flex;align-items:center;justify-content:center}#back-to-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media(max-width:48rem){.project-title{font-size:32px;line-height:40px}.project-description{font-size:18px;line-height:26px}.project-button{font-size:18px;line-height:26px;padding:10px 24px}.project-content{padding:1.5rem;max-width:90vw;overflow-wrap:break-word;word-break:break-word;box-sizing:border-box}}@media(min-width:76.25rem){.menu-mobile{display:none}.header{display:flex;background-color:transparent;position:static;width:auto;height:auto;flex-direction:row;justify-content:space-between;align-items:center;padding:0;z-index:0}.about .about-content{padding:0}.about .about-content .about-image{display:block}.about .about-content .about-text{width:70%}.faq,.contact{padding:0}.button{padding:12px 24px;font-size:22px;line-height:30px}}@media(min-width:64rem){.home-title{font-size:220px;line-height:180px}.home-detail-location{display:block}.perfil-skills{font-size:24px;line-height:32px}.perfil-image{top:-90px}.services-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}.faq-list summary{font-size:22px;line-height:30px}.contact .form .form-item.flex-row{flex-direction:row}.footer .footer-links{justify-content:space-between}}@media(max-width:1296px){.faq{padding:0 1rem;width:100vw;box-sizing:border-box;align-items:center}.faq-container{flex-direction:column;align-items:stretch;width:100%;padding:0}.faq-list-container{width:100%;padding:0}.faq-list{width:100%;gap:8px}.faq-list details{font-size:1rem;padding:.5rem}.perfil-image{position:static;width:70vw;max-width:220px;margin:0 auto 1rem;top:unset;left:unset;display:flex;justify-content:center;align-items:center}.perfil-image img{width:100%;max-width:220px;height:auto;aspect-ratio:16/20;object-fit:cover;box-shadow:0 4px 24px #0003}}