@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Text:ital@0;1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap";:root{--bg-900: #0f111a;--bg-800: #161923;--accent: #3f8ad4;--glass: rgba(255,255,255,.04);--card: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01))}*,*:before,*:after{padding:0;margin:0;outline:none;box-sizing:border-box}html{scroll-behavior:smooth;height:100%}body{font-family:Poppins,sans-serif;color:#fafafa;background:radial-gradient(1200px 600px at 10% 10%,rgba(79,168,255,.06),transparent),linear-gradient(180deg,var(--bg-900),var(--bg-800));min-height:100vh;width:100%;font-size:1rem;overflow-y:auto;-webkit-font-smoothing:antialiased;scroll-snap-type:y mandatory}.space{height:100px;background-color:radial-gradient(1200px 600px at 10% 10%,rgba(79,168,255,.06),transparent),linear-gradient(180deg,var(--bg-900),var(--bg-800))}li{list-style:none}a,button{font-family:Poppins,sans-serif;text-decoration:none;font-size:1rem;font-weight:400;color:#fafafa;text-align:center}.background{position:relative;min-height:100vh;background:#0f111a;background-color:#0f111a}.curve{position:absolute;bottom:0;width:100%;height:200px;background:#1d2033;clip-path:ellipse(75% 100% at 50% 100%);z-index:-1}.dots{position:absolute;bottom:0;right:0;width:200px;height:200px;background-image:radial-gradient(#4fa8ff 2px,transparent 2px);background-size:20px 20px;opacity:.3}@media (max-width: 660px){.dots{display:none}}.paragraph{max-width:66%;color:#fffffff2;font-size:1.05rem}.app-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.app-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.app-wrapper>*{margin-bottom:0}.info-container{display:flex;flex-direction:column;gap:20px;width:100%;position:relative}#mateo-giuffra{margin-top:0}.button-container{display:flex;gap:16px;align-items:center;flex-wrap:wrap}h1{font-size:clamp(2rem,4.5vw,3.6rem);line-height:1.05}.technologies-container{width:100%;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:20px}.technology-individual-card{animation:appear linear both;animation-timeline:view();animation-range:entry 20% cover 30%;transition:all .2s ease-in-out;border-radius:12px;outline:1px solid rgba(0,0,0,.438)}.technology-individual-card:hover{box-shadow:0 0 20px #2f1f80;scale:1.05;outline:1px solid rgb(47,31,128)}@keyframes appear{0%{opacity:0;transform:translateY(100px);transform:scale(.9)}to{opacity:1;transform:translateY(0);transform:scale(1)}}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:32px;width:100%;box-sizing:border-box;place-content:center}.proyect-individual-card{margin-top:16px}.contact-container{display:grid;grid-template-columns:1fr 360px;gap:28px;width:100%;min-height:480px;margin:0 auto;align-items:stretch}@media (max-width: 850px){.contact-container{display:flex;flex-direction:column;align-items:center;gap:16px}}.contact-container h3{font-size:1.5rem}.button{border-radius:30px;padding:12px;border:1px solid white;background-color:transparent;color:#fafafa;transition:all .6s ease-in-out;border:2px solid rgb(250,250,250);width:100%}.button.white{color:#000;background-color:#f1f1f1}.button.white:hover{background-color:transparent;color:#05102a}.button:hover{background-color:#d6d6d6;color:#05102a;cursor:pointer}.button.blue{transition:all .3s ease-in-out;background:linear-gradient(90deg,var(--accent),#045d9c);color:#05102a;border:0px;font-weight:600}.button.blue:hover{background:linear-gradient(90deg,var(--accent),#a2ceee)}.section-app-container{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:48px 16px;scroll-snap-align:start;transition:transform .4s ease,opacity .4s ease;scroll-margin-top:92px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.section-app{width:100%;max-width:1200px;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:40px;border-radius:0}.section-app>h1,.section-app>h2,h2{padding-bottom:16px;color:#fff}.section-app>h2{font-family:"DM Serif Text",serif;font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:8px;letter-spacing:.6px;color:#f8fafc}.padding-container{padding:24px 0 0}.main-header{height:72px;display:flex;align-items:center;position:fixed;top:12px;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:1110px;z-index:60;padding:8px 20px;border-radius:12px;background:#0f111a73;box-shadow:0 6px 20px #03081499;-webkit-backdrop-filter:blur(8px) saturate(120%);backdrop-filter:blur(8px) saturate(120%)}@keyframes enhance-header{to{background-color:#1824446e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.nav{display:flex;justify-content:space-between;align-items:center;width:100%}.nav-list{display:flex;gap:20px;align-items:center}.nav-list li{transition:all .1s ease-in-out}.nav-list li:hover,#my-name:hover{transform:translateY(-2px);cursor:pointer;color:var(--accent)}#my-name{font-size:1.2rem;font-family:Poppins,sans-serif;font-weight:700;text-align:left;transition:all .3s ease-in-out;letter-spacing:.6px}@media (max-width: 768px){.nav-list>*,#my-name{font-size:1.5rem}}.technology{padding:14px;border-radius:12px;width:200px;min-height:200px;max-height:262px;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff05,#00000005);box-shadow:0 8px 30px #02061780;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.04);transition:transform .28s ease,box-shadow .28s ease}@media (max-width: 768px){.technology{width:100%;height:100px;width:150px;max-height:262px}}.technology p{font-size:1rem;font-weight:600;text-align:center;color:#fafafa;margin-bottom:6px;width:100%}.reflec-light:before{position:absolute;z-index:1;width:14%;height:220%;content:"";background:linear-gradient(180deg,#ffffff14,#ffffff05);filter:blur(18px);opacity:.45;left:-40px;bottom:0;rotate:45deg}@keyframes light{to{transform:translate(2000%)}}.technology img{width:72px;height:72px;object-fit:contain;border-radius:12px;background:#ffffff08;padding:8px}.technology:hover{transform:translateY(-8px);box-shadow:0 18px 46px #060a1899}@media (max-width: 768px){.technology{width:150px;min-height:140px}.technology img{width:56px;height:56px}}.proyect-card-techs-and-buttons-container{display:flex;flex-direction:column;gap:12px}.proyect-card-wrapper{width:100%;max-width:520px;perspective:1000px;transition:transform .28s ease,box-shadow .28s ease}.proyect-card-inner{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .8s;min-height:520px;will-change:transform}.proyect-card-inner.flipped{transform:rotateY(180deg)}.proyect-card-face{position:absolute;width:100%;height:100%;backface-visibility:hidden;background:linear-gradient(300deg,#ffffff05,#ffffff05);padding:4px;display:flex;flex-direction:column;align-items:stretch;overflow:hidden;border-radius:16px}.proyect-card-front{z-index:2;display:flex;flex-direction:column;padding:12px}.proyect-card-media{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden}.proyect-card-img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.proyect-card-wrapper:hover .proyect-card-img{transform:scale(1.04) translateZ(0)}.proyect-card-overlay{position:absolute;left:0;right:0;bottom:0;padding:16px 18px;background:linear-gradient(180deg,#0000,#0009 60%);color:#fff;display:flex;flex-direction:column;gap:6px}.proyect-card-title{font-size:1.4rem;margin:0}.proyect-card-technologies{font-size:1.1rem;color:#ffffffeb;margin:0 0 8px}.proyect-card-technologies-list{display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap;gap:8px}.proyect-title-img-and-description-container{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-height:600px}.tag{padding:6px 12px;background:#ffffff0f;border-radius:999px;color:#e6eefc;font-size:.85rem;border:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.proyect-card-button-container{display:flex;width:100%;flex-direction:row;gap:12px;justify-content:space-between}.proyect-card-description{font-size:.95rem;line-height:1.5;color:#ffffffeb;padding:12px 0;text-align:start}.proyect-card-back{transform:rotateY(180deg);z-index:1;padding:18px;display:flex;flex-direction:column;gap:12px;align-items:stretch}.proyect-card-subtitle{width:100%;font-size:1.25rem;text-align:center;margin:6px 0 0}.proyect-card-more-info-list{width:100%;display:flex;flex-direction:column;gap:10px;padding-left:18px;padding-right:6px;text-align:start;flex:1 1 auto;overflow-y:auto;overflow-x:hidden}.proyect-card-more-info{color:#ffffffeb;font-size:.9rem;line-height:1.6;list-style:disc;margin-left:8px;white-space:normal;word-break:break-word}.proyect-card-more-info-list{scrollbar-width:thin;scrollbar-color:rgba(79,168,255,.16) transparent}.proyect-card-more-info-list::-webkit-scrollbar{width:10px}.proyect-card-more-info-list::-webkit-scrollbar-track{background:transparent}.proyect-card-more-info-list::-webkit-scrollbar-thumb{background:#4fa8ff29;border-radius:10px;border:2px solid transparent;background-clip:padding-box}.proyect-card-more-info-list::-webkit-scrollbar-thumb:hover{background:#4fa8ff47}.proyect-card-back-image-container{max-height:300px;min-height:180px;width:100%;display:flex;justify-content:center;align-items:center;border-radius:12px;overflow:hidden}.proyect-card-back-image{width:100%;height:100%;object-fit:cover}.proyect-card-back .proyect-card-title{text-align:center;font-size:1.45rem;margin:0}.proyect-card-back .proyect-card-subtitle{text-align:center;font-size:1rem;color:#ffffffe0;margin-bottom:6px}.proyect-card-more-info-list li{display:block;width:100%}.proyect-card-wrapper:hover{transform:translateY(-8px);box-shadow:0 14px 40px #060a1899}@media (max-width: 900px){.proyect-card-inner{min-height:420px}.proyect-card-wrapper{max-width:100%}.proyect-card-button-container{justify-content:center}}.contact-form{flex:1;min-height:480px;background:linear-gradient(180deg,#ffffff05,#00000005);display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;border-radius:12px;width:100%;max-width:100%;padding:18px;box-shadow:0 14px 40px #02061773;border:1px solid rgba(255,255,255,.04);height:100%}.contact-form-container{display:flex;flex-direction:column;gap:12px;padding:6px 0;width:100%;height:100%}.contact-row{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;width:100%}.send-message-container{height:100%;display:flex;flex-direction:column;gap:12px;justify-content:end}.contact-form-legend{font-size:.95rem;display:flex;flex-direction:column;gap:8px}.input-form{background:#00000047;border:1px solid rgba(255,255,255,.04);height:48px;padding:10px 12px;border-radius:12px;font-size:.95rem;font-family:Poppins,sans-serif;color:#fffffff2;transition:box-shadow .18s ease,border-color .18s ease,transform .18s ease}.input-form:focus{border-color:var(--accent);box-shadow:0 6px 24px #4fa8ff14,inset 0 1px #ffffff05;transform:translateY(-1px);outline:none}.input-message{grid-column:1 / -1;min-height:180px;padding:12px;align-self:stretch;box-sizing:border-box;resize:none;flex:1 1 auto;width:100%}.input-form::placeholder{color:#ffffff80}.contact-form-container>.button{grid-column:1 / -1;align-self:end;padding:12px 20px}.contact-form .contact-form-container{display:flex;flex-direction:column}.contact-form .contact-form-container .input-message{margin-top:6px}@media (max-width: 860px){.contact-form-container{grid-template-columns:1fr}.contact-form-container>.button{justify-self:center;width:100%}}.general-icon{width:24px;height:24px;background-color:#fff;border-radius:50%;border:1px solid #0516f842}.general-icon.cien{width:36px;height:36px}.anchor-icon{text-decoration:none;color:inherit;cursor:pointer;margin:0;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease-in-out}.anchor-icon:hover{scale:1.1}.contact-card{width:100%;background:linear-gradient(180deg,#ffffff05,#00000005);border-radius:12px;padding:18px;box-shadow:0 12px 36px #02061780;display:flex;flex-direction:column;gap:14px;height:100%;justify-content:space-between;border:1px solid rgba(255,255,255,.04)}.contact-card-header{display:flex;gap:12px;align-items:center}.contact-avatar{width:56px;height:56px;border-radius:12px;overflow:hidden;background:#ffffff08;display:flex;align-items:center;justify-content:center;padding:8px}.contact-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--accent);font-size:1.1rem}.contact-card-title h3{margin:0;font-size:1.25rem}.free-feel{margin:0;font-size:.9rem;color:#ffffffe6;font-weight:300}.contact-methods{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;flex:1 1 auto}.contact-method{display:block;width:100%;padding:10px 12px;border-radius:10px;background:#00000040;text-decoration:none;color:inherit;transition:transform .18s ease,background .18s ease}.contact-method:hover{transform:translateY(-4px);background:#00000052}.method-left{display:flex;gap:12px;align-items:center}.method-texts{display:flex;flex-direction:column}.method-title{font-weight:600;color:#fff}.method-sub{font-size:.85rem;color:#ffffffbf}.contact-card-actions{display:flex;gap:10px;justify-content:flex-start;max-height:50px}.btn{padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600}.btn.primary{font-weight:600;background:linear-gradient(90deg,var(--accent),#3fb0ff);color:#05102a}.btn.outline{background:transparent;border:1px solid rgba(255,255,255,.06);color:#eaf2ff}@media (max-width: 850px){.contact-card{max-width:100%;padding:14px}.contact-avatar{width:48px;height:48px}.contact-card-actions{justify-content:center}}@media (max-width: 500px){.contact-card{max-width:100%}.contact-methods,.contact-card-actions{gap:8px}}