@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--fonte-principal:"Inter", sans-serif;--fonte-destaque:"Montserrat", sans-serif;--azul:#2770fa;--azul-escuro:#2162d9;--verde:#20df6d;--verde-escuro:#0fcd58;--azul-hovered:#4987fb;--branco:#fff;--branco-hovered:#eee;--azul-claro:#b0ccff;--cinzinha:#f8fafc;--cinza-escuro:#8b8b8b}body{margin:0}.footer-container{background-color:#fff;justify-content:center;align-items:center;width:100%;padding:20px 0;display:flex}.footer-content-container{justify-content:center;align-items:center;width:95%;display:flex}.logo-name,.direitos,.menu{flex:1;display:flex}.menu{justify-content:right;align-items:center;display:flex}ul{font-family:var(--fonte-principal);gap:20px;padding:0;list-style-type:none;display:flex}.footer-container li{border-radius:20px;padding:10px 20px;transition:all .3s}.footer-container li:hover{cursor:pointer;background-color:#ddd}a{color:#000;text-decoration:none}.header-container{z-index:1000;background-color:#fff;justify-content:center;align-items:center;width:100%;display:flex;position:sticky;top:0;box-shadow:0 4px 12px #0000001a}.header-content-container{width:95%;display:flex}.logo-name,.menu{flex:1;display:flex}.name{font-size:22px}.name,.menu{align-items:center;display:flex}.header-container li{cursor:pointer;border-radius:15px;list-style:none;transition:all .5s}.header-container li a{color:inherit;border-radius:15px;padding:10px 20px;text-decoration:none;transition:all .5s;display:block}.header-container a{color:inherit;border-radius:15px;padding:10px 20px}.header-container li:hover{cursor:pointer;background-color:var(--azul);color:#fff}.header-container li:hover a,.header-container a.active{background-color:var(--azul);color:#fff}.home-container{background-image:url(/assets/bg-fj4AD-5u.png);border:1px solid #ccc;height:90vh;padding:20px;display:flex}@media (width<=768px){.home-container{flex-direction:column;justify-content:center;align-items:center}.img-container{justify-content:center;width:100%;height:auto;display:flex}.img-container img{display:none}.btn.btn-primary,.btn.btn-secondary{width:fit-content;height:fit-content;padding:12px;font-size:12px}}.disponivel{background-color:var(--azul-claro);border-radius:20px;width:fit-content;padding:0 15px}.disponivel p{font-size:12px;font-family:var(--fonte-principal);color:var(--azul);font-weight:300}h1{font-family:var(--fonte-principal);width:80%;margin:8px 0;font-size:clamp(52px,8vw,72px)}p{font-family:var(--fonte-destaque);font-weight:300}.paragraph-description{width:80%}.button-group{gap:20px;display:flex}.txt-container{flex-direction:column;justify-content:center;display:flex}.img-container{justify-content:center;align-items:center;width:70%;max-width:500px;display:flex}.img-container img{width:100%;height:auto}.btn{cursor:pointer;font-family:var(--fonte-principal);border:none;border-radius:5px;padding:15px 40px;transition:all .3s}.btn-primary{background-color:var(--azul);color:var(--branco)}.btn-secondary{background-color:var(--branco);color:var(--azul);border:2px solid #ddd}.btn:hover{padding:15px 60px}.btn-primary:hover{background-color:var(--azul-hovered)}.btn-secondary:hover{background-color:var(--branco-hovered)}.skills-container{background-image:url(/assets/bg-fj4AD-5u.png);flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.cards-group{flex-direction:column;justify-content:center;align-items:center;gap:40px;display:flex}.head-page{flex-direction:column;justify-content:center;align-items:center;display:flex}h2{font-family:var(--fonte-principal);margin:40px 0 0;font-size:clamp(16px,4vw,34px)}h3{font-family:var(--fonte-principal);margin:20px 0 0;font-size:clamp(8px,2vw,17px)}.cards{justify-content:center;align-items:stretch;gap:30px;width:90%;display:flex}.card-principal,.card-secundario,.card-destaque{border:1px solid #ccc;flex-direction:column;padding:20px;transition:all .6s;display:flex;box-shadow:0 4px 12px #0000001a}.description-skills{margin-bottom:40px}.card-principal{background-color:var(--cinzinha);width:150%}.card-secundario{background-color:#fff;width:fit-content}.card-destaque{background:linear-gradient(120deg, var(--azul) 30%, var(--azul-escuro));color:#fff;border-radius:20px;width:100%}.icon{width:30px}.p-container-principal{width:fit-content}.p-container-secundario{width:100%}.card-principal:hover,.card-secundario:hover,.card-destaque:hover{transform:translateY(-30px)}@media (width<=1024px){.cards{box-sizing:border-box;flex-direction:column;width:80%;padding:0 20px}.card-principal,.card-secundario,.card-destaque{width:100%}.cards-group{gap:30px}h2{text-align:center;margin:30px 20px 0}.description-skills{text-align:center;margin:20px 20px 0}.head-page p{margin-bottom:25px}}@media (width<=768px){.skills-container{padding:20px 0}.cards{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:20px;width:85%;padding:0 16px}.card-principal,.card-secundario,.card-destaque{border-radius:12px;width:100%;padding:16px}.cards-group{gap:20px}h2{text-align:center;margin:20px 16px 0;font-size:clamp(18px,5vw,28px)}h3{margin:15px 0 10px;font-size:clamp(14px,4vw,16px)}.description-skills{text-align:center;margin:12px 16px 0;font-size:clamp(12px,3vw,14px)}.icon{width:24px}.card-principal:hover,.card-secundario:hover,.card-destaque:hover{transform:translateY(-15px)}.head-page{box-sizing:border-box;padding:0 16px}ul{justify-content:center;align-items:center;padding:0;font-size:clamp(12px,3vw,14px)}li{margin-bottom:8px}p{font-size:clamp(12px,3vw,14px);line-height:1.5}}@media (width<=480px){.skills-container{padding:15px 0}.cards{gap:15px;padding:0 12px}.card-principal,.card-secundario,.card-destaque{padding:12px}.cards-group{gap:15px}h2{margin:15px 12px 0;font-size:clamp(16px,6vw,24px)}h3{margin:12px 0 8px;font-size:clamp(12px,4vw,14px)}.description-skills{margin:10px 12px 0;font-size:clamp(11px,3vw,12px)}.icon{width:20px}ul{padding-left:0;font-size:clamp(11px,3vw,12px)}li{margin-bottom:6px}p{font-size:clamp(11px,3vw,12px);line-height:1.4}}.work-container{background-image:url(/assets/bg-fj4AD-5u.png);border:none;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.text-container{flex-direction:column;align-items:center;max-width:620px;margin-bottom:60px;display:flex}.work-container h1{text-align:center}.text-container h2{color:#1a1a1a;font-size:36px;font-weight:700;font-family:var(--fonte-principal);letter-spacing:-.5px;margin:0 0 18px}.text-container p{color:#666;text-align:center;font-size:15px;line-height:1.7;font-family:var(--fonte-principal);margin:0}.card-container{flex-wrap:wrap;justify-content:center;align-items:center;gap:40px;display:flex}.card-container a{text-decoration:none}.card-work{background:#fff;border:none;border-radius:12px;flex-direction:column;align-items:stretch;width:340px;height:480px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 1px 3px #0000001f}.card-work:hover{cursor:pointer;transform:translateY(-8px);box-shadow:0 8px 20px #0000001f}.card-img{background:#f0f0f0;width:100%;height:200px;position:relative;overflow:hidden}.card-img img{object-fit:cover;width:100%;height:100%;transition:transform .35s cubic-bezier(.4,0,.2,1)}.card-work:hover .card-img img{transform:scale(1.03)}.card-text{box-sizing:border-box;background-color:#fafbfc;border-radius:0;flex-direction:column;flex:1;justify-content:flex-start;width:100%;margin-bottom:0;padding:28px 24px;display:flex}.card-text h3{color:#1a1a1a;font-size:17px;font-weight:600;font-family:var(--fonte-destaque);margin:0 0 10px}.card-text p{color:#5a5a5a;font-size:13px;line-height:1.6;font-family:var(--fonte-principal);margin:0}.azul,.verde,.vermelho{color:#fff;box-sizing:border-box;border-radius:0;flex-direction:column;flex:1;justify-content:flex-start;width:100%;margin-bottom:0;padding:28px 24px;display:flex}.azul h3,.verde h3,.vermelho h3{font-size:17px;font-weight:600;font-family:var(--fonte-destaque);margin:0 0 10px}.azul p,.verde p,.vermelho p{opacity:.95;font-size:13px;line-height:1.6;font-family:var(--fonte-principal);margin:0}.verde{background:linear-gradient(180deg, var(--verde) 0%, var(--verde-escuro) 100%)}.azul{background:linear-gradient(180deg, var(--azul) 0%, var(--azul-escuro) 100%)}.vermelho{background:linear-gradient(red 0%,#d00b0b 100%)}