@import"https://fonts.googleapis.com/css?family=Inter:100,200,300,regular,500,600,700,800,900";.wrapper{display:inline-flex;list-style:none;height:120px;width:100%;padding-top:40px;font-family:Poppins,sans-serif;justify-content:center}.wrapper .icon{position:relative;background:#fff;border-radius:50%;margin:10px;width:50px;height:50px;font-size:18px;display:flex;justify-content:center;align-items:center;flex-direction:column;box-shadow:0 10px 10px #0000001a;cursor:pointer;transition:all .2s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .tooltip{position:absolute;top:0;font-size:14px;background:#fff;color:#fff;padding:5px 8px;border-radius:5px;box-shadow:0 10px 10px #0000001a;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .tooltip:before{position:absolute;content:"";height:8px;width:8px;background:#fff;bottom:-3px;left:50%;transform:translate(-50%) rotate(45deg);transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.wrapper .icon:hover .tooltip{top:-45px;opacity:1;visibility:visible;pointer-events:auto}.wrapper .icon:hover span,.wrapper .icon:hover .tooltip{text-shadow:0px -1px 0px rgba(0,0,0,.1)}.wrapper .facebook:hover,.wrapper .facebook:hover .tooltip,.wrapper .facebook:hover .tooltip:before{background:#1877f2;color:#fff}.wrapper .twitter:hover,.wrapper .twitter:hover .tooltip,.wrapper .twitter:hover .tooltip:before{background:#f28b1d;color:#fff}.wrapper .instagram:hover,.wrapper .instagram:hover .tooltip,.wrapper .instagram:hover .tooltip:before{background:#01a83b;color:#fff}.wrapper .Linkedin:hover,.wrapper .Linkedin:hover .tooltip,.wrapper .Linkedin:hover .tooltip:before{background:#073663;color:#fff}.container_skills{width:50%;height:100px;margin:0 auto;overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.container_skills_ul{display:flex;flex-direction:row;list-style:none;margin:0;padding:0;animation:scrollContinuous 15s linear infinite;width:max-content}@keyframes scrollContinuous{0%{transform:translate(100%)}to{transform:translate(-100%)}}.container_skills_ul li{margin:0 20px;flex-shrink:0}.content_card_profile{display:flex;justify-content:center;align-items:center;padding:20px;width:100%}.card{width:100%;max-width:800px;min-height:11em;height:auto;background:#171717;transition:1s ease-in-out;clip-path:polygon(30px 0%,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0% 30px);border-top-right-radius:20px;border-bottom-left-radius:20px;display:flex;flex-direction:column;padding:20px;margin:0 15px}.card span{font-weight:700;color:#fff;text-align:center;display:block;font-size:clamp(18px,4vw,20px);padding:10px}.card .info{font-weight:500;color:#fff;display:block;text-align:center;font-size:clamp(14px,3vw,15px);margin:1em;line-height:1.5}.card .img{width:4.8em;height:4.8em;background:#fff;border-radius:15px;margin:auto}.card .share{margin-top:1em;display:flex;justify-content:center;gap:1em}.card a{color:#fff;transition:.4s ease-in-out}.card a:hover{color:red}.card button{padding:.8em 1.7em;display:block;margin:auto;border-radius:25px;border:none;font-weight:700;background:#fff;color:#000;transition:.4s ease-in-out}.card button:hover{background:red;color:#fff;cursor:pointer}@media screen and (max-width: 768px){.card{padding:15px;margin:0 10px}.content_card_profile{padding:15px}}@media screen and (max-width: 480px){.card{clip-path:polygon(20px 0%,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0% 20px);padding:10px;margin:0 5px}.content_card_profile{padding:10px}.card .info{margin:.5em}}.continue-application{--color: #fff;--background: #000000;--background-hover: #3A4059;--background-left: #000000;--folder: #F3E9CB;--folder-inner: #BEB393;--paper: #FFFFFF;--paper-lines: #BBC1E1;--paper-behind: #E1E6F9;--pencil-cap: #fff;--pencil-top: #275EFE;--pencil-middle: #fff;--pencil-bottom: #5C86FF;--shadow: rgba(13, 15, 25, .2);border:none;outline:none;cursor:pointer;position:relative;border-radius:5px;font-size:14px;font-weight:500;line-height:19px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent;padding:17px 29px 17px 69px;transition:background .3s;color:var(--color);background:var(--bg, var(--background))}.continue-application>div{top:0;left:0;bottom:0;width:53px;position:absolute;overflow:hidden;border-radius:5px 0 0 5px;background:var(--background-left)}.continue-application>div .folder{width:23px;height:27px;position:absolute;left:15px;top:13px}.continue-application>div .folder .top{left:0;top:0;z-index:2;position:absolute;transform:translate(var(--fx, 0));transition:transform .4s ease var(--fd, .3s)}.continue-application>div .folder .top svg{width:24px;height:27px;display:block;fill:var(--folder);transform-origin:0 50%;transition:transform .3s ease var(--fds, .45s);transform:perspective(120px) rotateY(var(--fr, 0deg))}.continue-application>div .folder:before,.continue-application>div .folder:after,.continue-application>div .folder .paper{content:"";position:absolute;left:var(--l, 0);top:var(--t, 0);width:var(--w, 100%);height:var(--h, 100%);border-radius:1px;background:var(--b, var(--folder-inner))}.continue-application>div .folder:before{box-shadow:0 1.5px 3px var(--shadow),0 2.5px 5px var(--shadow),0 3.5px 7px var(--shadow);transform:translate(var(--fx, 0));transition:transform .4s ease var(--fd, .3s)}.continue-application>div .folder:after,.continue-application>div .folder .paper{--l: 1px;--t: 1px;--w: 21px;--h: 25px;--b: var(--paper-behind)}.continue-application>div .folder:after{transform:translate(var(--pbx, 0),var(--pby, 0));transition:transform .4s ease var(--pbd, 0s)}.continue-application>div .folder .paper{z-index:1;--b: var(--paper)}.continue-application>div .folder .paper:before,.continue-application>div .folder .paper:after{content:"";width:var(--wp, 14px);height:2px;border-radius:1px;transform:scaleY(.5);left:3px;top:var(--tp, 3px);position:absolute;background:var(--paper-lines);box-shadow:0 12px 0 0 var(--paper-lines),0 24px 0 0 var(--paper-lines)}.continue-application>div .folder .paper:after{--tp: 6px;--wp: 10px}.continue-application>div .pencil{height:2px;width:3px;border-radius:1px 1px 0 0;top:8px;left:105%;position:absolute;z-index:3;transform-origin:50% 19px;background:var(--pencil-cap);transform:translate(var(--pex, 0)) rotate(35deg);transition:transform .4s ease var(--pbd, 0s)}.continue-application>div .pencil:before,.continue-application>div .pencil:after{content:"";position:absolute;display:block;background:var(--b, linear-gradient(var(--pencil-top) 55%, var(--pencil-middle) 55.1%, var(--pencil-middle) 60%, var(--pencil-bottom) 60.1%));width:var(--w, 5px);height:var(--h, 20px);border-radius:var(--br, 2px 2px 0 0);top:var(--t, 2px);left:var(--l, -1px)}.continue-application>div .pencil:before{-webkit-clip-path:polygon(0 5%,5px 5%,5px 17px,50% 20px,0 17px);clip-path:polygon(0 5%,5px 5%,5px 17px,50% 20px,0 17px)}.continue-application>div .pencil:after{--b: none;--w: 3px;--h: 6px;--br: 0 2px 1px 0;--t: 3px;--l: 3px;border-top:1px solid var(--pencil-top);border-right:1px solid var(--pencil-top)}.continue-application:before,.continue-application:after{content:"";position:absolute;width:10px;height:2px;border-radius:1px;background:var(--color);transform-origin:9px 1px;transform:translate(var(--cx, 0)) scale(.5) rotate(var(--r, -45deg));top:26px;right:16px;transition:transform .3s}.continue-application:after{--r: 45deg}.continue-application:hover{--cx: 2px;--bg: var(--background-hover);--fx: -40px;--fr: -60deg;--fd: .15s;--fds: 0s;--pbx: 3px;--pby: -3px;--pbd: .15s;--pex: -24px}.Header{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:20px;height:90vh}.My_Presentation{width:100%;display:flex;justify-content:center;align-items:center;padding:25px}.social-media-container{display:flex;justify-content:center;gap:20px;width:100%;margin:20px 0}.Description{width:100%;display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px 0}.skills-container{width:100%;display:flex;justify-content:center}.download-cv-container{width:100%;display:flex;justify-content:center;margin:20px 0}.cards-container{width:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 768px){.Header{padding:10px}.My_Presentation{padding:15px}.Description{gap:20px}.social-media-container{gap:15px}}@media screen and (max-width: 480px){.My_Presentation{padding:10px}.Description{gap:15px}}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background-color:#fff;position:relative}.navbar_ul{display:flex;align-items:center;gap:2rem;margin:0;padding:0}.navbar_li{list-style:none}.Nav-item{text-decoration:none;color:#000}.Link_Contact{text-decoration:none;color:#fff;background-color:#000;padding:8px 16px;border-radius:12px;text-align:center}.nav-toggle{display:none}.nav-toggle-label{display:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%);cursor:pointer}.nav-toggle-label span,.nav-toggle-label span:before,.nav-toggle-label span:after{display:block;background:#000;height:2px;width:25px;position:relative;transition:all .3s ease-in-out}.nav-toggle-label span:before,.nav-toggle-label span:after{content:"";position:absolute}.nav-toggle-label span:before{bottom:8px}.nav-toggle-label span:after{top:8px}@media screen and (max-width: 768px){.nav-toggle-label{display:block}.navbar_ul{display:none;position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;padding:1rem 0;box-shadow:0 2px 5px #0000001a;height:100vh;z-index:100}.navbar_li{width:100%;text-align:center;padding:1rem 0}.nav-toggle:checked~.navbar_ul{display:flex}.nav-toggle:checked~.nav-toggle-label span{background:transparent}.nav-toggle:checked~.nav-toggle-label span:before{transform:rotate(45deg);bottom:0}.nav-toggle:checked~.nav-toggle-label span:after{transform:rotate(-45deg);top:0}}.login-box{position:absolute;top:50%;left:50%;width:400px;padding:40px;margin:20px auto;transform:translate(-50%,-55%);background:#000000e6;box-sizing:border-box;box-shadow:0 15px 25px #0009;border-radius:10px}.login-box p:first-child{margin:0 0 30px;padding:0;color:#fff;text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:1px}.login-box .user-box{position:relative}.login-box .user-box input{width:100%;padding:10px 0;font-size:16px;color:#fff;margin-bottom:30px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.login-box .user-box label{position:absolute;top:0;left:0;padding:10px 0;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.login-box .user-box input:focus~label,.login-box .user-box input:valid~label{top:-20px;left:0;color:#fff;font-size:12px}.login-box form a{position:relative;display:inline-block;padding:10px 20px;font-weight:700;color:#fff;font-size:16px;text-decoration:none;text-transform:uppercase;overflow:hidden;transition:.5s;margin-top:40px;letter-spacing:3px}.login-box a:hover{background:#fff;color:#272727;border-radius:5px}.login-box a span{position:absolute;display:block}.login-box a span:nth-child(1){top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#fff);animation:btn-anim1 1.5s linear infinite}@keyframes btn-anim1{0%{left:-100%}50%,to{left:100%}}.login-box a span:nth-child(2){top:-100%;right:0;width:2px;height:100%;background:linear-gradient(180deg,transparent,#fff);animation:btn-anim2 1.5s linear infinite;animation-delay:.375s}@keyframes btn-anim2{0%{top:-100%}50%,to{top:100%}}.login-box a span:nth-child(3){bottom:0;right:-100%;width:100%;height:2px;background:linear-gradient(270deg,transparent,#fff);animation:btn-anim3 1.5s linear infinite;animation-delay:.75s}@keyframes btn-anim3{0%{right:-100%}50%,to{right:100%}}.login-box a span:nth-child(4){bottom:-100%;left:0;width:2px;height:100%;background:linear-gradient(360deg,transparent,#fff);animation:btn-anim4 1.5s linear infinite;animation-delay:1.125s}@keyframes btn-anim4{0%{bottom:-100%}50%,to{bottom:100%}}.login-box p:last-child{color:#aaa;font-size:14px}.login-box a.a2{color:#fff;text-decoration:none}.login-box a.a2:hover{background:transparent;color:#aaa;border-radius:5px}.boton-elegante{padding:15px 50px;border:2px solid #2c2c2c;background-color:#1a1a1a;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .4s ease;outline:none;position:relative;overflow:hidden;font-weight:700}.boton-elegante:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#ffffff40,#fff0 70%);transform:scale(0);transition:transform .5s ease}.boton-elegante:hover:after{transform:scale(4)}.boton-elegante:hover{border-color:#666;background:#292929}.span_msg{margin:10px}.certifications_content{display:flex;padding:10px;flex-direction:row;justify-content:space-between;color:#fff;flex-wrap:wrap;margin:20px}.title_certifi{padding:10px}.cardCertifi{text-align:center;width:250px;height:254px;margin:0 auto;background-color:#011522;border-radius:8px;z-index:1}.tools{display:flex;align-items:center;padding:9px}.circle{padding:0 4px}.box{display:inline-block;align-items:center;width:10px;height:10px;padding:1px;border-radius:50%}.red{background-color:#ff605c}.yellow{background-color:#ffbd44}.green{background-color:#00ca4e}.view_certifi{margin:20px;padding:15px;border-radius:50px;background-color:#000;color:#f0f8ff;cursor:pointer;border:none;transition:.5s all}.view_certifi:hover{background-color:#f0f8ff;color:#011522;transition:.5s all}@media screen and (max-width: 768px){.cardCertifi{margin-top:20px}}@media screen and (max-width: 480px){.cardCertifi{margin-top:20px}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}@keyframes hero-gradient-animation{0%{--y-0: 80%;--x-0: 85%;--s-start-0: 9%;--s-end-0: 55%;--c-0: hsla(201, 22%, 89%, 1);--x-1: 60%;--s-start-1: 5%;--s-end-1: 72%;--y-1: 24%;--c-1: hsla(219, 0%, 100%, 1);--s-start-2: 5%;--s-end-2: 52%;--y-2: 82%;--x-2: 13%;--c-2: hsla(359, 100%, 65%, .76);--x-3: 24%;--y-3: 7%;--c-3: hsla(152, 0%, 60%, .56);--s-start-3: 13%;--s-end-3: 68%}to{--y-0: 94%;--x-0: 31%;--s-start-0: 9%;--s-end-0: 55%;--c-0: hsla(202, 18%, 79%, 1);--x-1: 2%;--s-start-1: 5%;--s-end-1: 72%;--y-1: 25%;--c-1: hsla(220, 82%, 95%, 1);--s-start-2: 5%;--s-end-2: 52%;--y-2: 20%;--x-2: 98%;--c-2: hsla(42, 100%, 50%, 1);--x-3: 95%;--y-3: 92%;--c-3: hsla(182, 0%, 60%, 1);--s-start-3: 13%;--s-end-3: 68%}}@property --y-0{syntax: "<percentage>"; inherits: false; initial-value: 80%}@property --x-0{syntax: "<percentage>"; inherits: false; initial-value: 85%}@property --s-start-0{syntax: "<percentage>"; inherits: false; initial-value: 9%}@property --s-end-0{syntax: "<percentage>"; inherits: false; initial-value: 55%}@property --c-0{syntax: "<color>"; inherits: false; initial-value: hsla(201,22%,89%,1)}@property --x-1{syntax: "<percentage>"; inherits: false; initial-value: 60%}@property --s-start-1{syntax: "<percentage>"; inherits: false; initial-value: 5%}@property --s-end-1{syntax: "<percentage>"; inherits: false; initial-value: 72%}@property --y-1{syntax: "<percentage>"; inherits: false; initial-value: 24%}@property --c-1{syntax: "<color>"; inherits: false; initial-value: hsla(219,0%,100%,1)}@property --s-start-2{syntax: "<percentage>"; inherits: false; initial-value: 5%}@property --s-end-2{syntax: "<percentage>"; inherits: false; initial-value: 52%}@property --y-2{syntax: "<percentage>"; inherits: false; initial-value: 82%}@property --x-2{syntax: "<percentage>"; inherits: false; initial-value: 13%}@property --c-2{syntax: "<color>"; inherits: false; initial-value: hsla(359,100%,65%,.76)}@property --x-3{syntax: "<percentage>"; inherits: false; initial-value: 24%}@property --y-3{syntax: "<percentage>"; inherits: false; initial-value: 7%}@property --c-3{syntax: "<color>"; inherits: false; initial-value: hsla(152,0%,60%,.56)}@property --s-start-3{syntax: "<percentage>"; inherits: false; initial-value: 13%}@property --s-end-3{syntax: "<percentage>"; inherits: false; initial-value: 68%}body{--y-0: 80%;--x-0: 85%;--c-0: hsla(201, 22%, 89%, 1);--x-1: 60%;--y-1: 24%;--c-1: hsla(219, 0%, 100%, 1);--y-2: 82%;--x-2: 13%;--c-2: hsla(359, 100%, 65%, .76);--x-3: 24%;--y-3: 7%;--c-3: hsla(152, 0%, 60%, .56);background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 1743 1743' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E"),radial-gradient(circle at var(--x-0) var(--y-0),var(--c-0) var(--s-start-0),transparent var(--s-end-0)),radial-gradient(circle at var(--x-1) var(--y-1),var(--c-1) var(--s-start-1),transparent var(--s-end-1)),radial-gradient(circle at var(--x-2) var(--y-2),var(--c-2) var(--s-start-2),transparent var(--s-end-2)),radial-gradient(circle at var(--x-3) var(--y-3),var(--c-3) var(--s-start-3),transparent var(--s-end-3));animation:hero-gradient-animation 15s linear infinite alternate;background-blend-mode:overlay,normal,normal,normal,normal;height:100vh}@media screen and (max-width: 768px){body{height:100vh}}