@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&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=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";body{scroll-behavior:smooth;margin:0;overflow:hidden;background-image:url(/assets/dark-bg-Dpoc_4OT.jpg);background-size:cover;background-repeat:no-repeat;background-position:center}body body{--scrollbar-width: 10px;--scrollbar-height: 10px;--scrollbar-border-radius: 36px;--scrollbar-border-thickness: 0px;--scrollbar-thumb-color: #4f4301;--scrollbar-track-color: rgba(255, 255, 255, 0);--scrollbar-border-color: #FFFFFF00;--scrollbar-corner-color: #FFFFFF00;--scrollbar-button-color: #3F3F4600}body body::-webkit-scrollbar{width:var(--scrollbar-width, 10px);height:var(--scrollbar-height, 10px)}body body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb-color, #3B82F6);border:var(--scrollbar-border-thickness, 3px) solid var(--scrollbar-border-color, rgb(255, 255, 255));border-radius:var(--scrollbar-border-radius, 4px)}body body::-webkit-scrollbar-track{background:var(--scrollbar-track-color, #A1A1AA)}body body::-webkit-scrollbar-corner{background:var(--scrollbar-corner-color, #FFFFFF);border:var(--scrollbar-border-thickness, 3px) solid var(--scrollbar-border-color, rgb(255, 255, 255));border-radius:var(--scrollbar-border-radius, 4px)}body body::-webkit-scrollbar-button:vertical:start:increment,body #preview::-webkit-scrollbar-button:vertical:end:decrement,body #preview::-webkit-scrollbar-button:horizontal:start:increment,body #preview::-webkit-scrollbar-button:horizontal:end:decrement{display:none}.horizontal-container{display:flex;width:max-content;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:transform 1.5s ease}.container{width:100vw;display:flex;flex-shrink:0;flex-direction:row;justify-content:center;align-items:center;height:100vh}.home{justify-content:space-evenly}.canvas{position:relative;width:26vi;height:26vi}.about-me{flex-direction:column;justify-content:flex-start}.service{align-items:flex-start;justify-content:center;gap:3.5vi}.project{display:flex;flex-direction:column;justify-content:flex-start}@media (orientation: portrait) or (max-width: 750px) or (hover: none) or (pointer: coarse){body{overflow-y:auto}.horizontal-container{flex-direction:column;align-items:center;gap:10vi}.container{flex-direction:column;height:55vh}.container:nth-child(5){justify-content:flex-start;margin-top:10vh;height:35vh}.home{justify-content:center;height:85vh}.canvas{width:50vi;height:50vi}.about-me{height:100%;width:70vw}.service{margin-top:5vi;height:100%;gap:7vi}}.hint{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#cacaca;position:absolute;top:0;left:1rem}.info{display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1.1vi;width:87%}.info *{margin:0}.info h1,.info h2{color:#c1c2c5;padding-left:1em}.right-container{width:39%;display:flex;flex-direction:column;justify-content:center;gap:2vi}.normal-title{-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;font-family:Playfair Display,serif;font-style:normal;color:#c1c2c5;padding-left:2.7vi;width:max-content}.normal-title *{font-size:3vi;margin:0}.card{padding:1.3vi;overflow:hidden;border-radius:12px;width:21vi}.wrap{display:flex;flex-direction:column;gap:1vi;position:relative;z-index:10;border-radius:8px;overflow:hidden;height:6.5vi}.terminal{display:flex;flex-direction:column;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.head{display:flex;align-items:center;justify-content:space-between;overflow:hidden;height:3.1vi;padding-inline:12px;border-top-left-radius:8px;border-top-right-radius:8px;background-color:#77797a}.title{display:flex;align-items:center;gap:8px;height:2.5vi;-webkit-user-select:none;user-select:none;font-weight:600;font-size:1.1vi;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#292929}.title>svg{height:1.6vi;width:1.6vi;margin-top:2px;color:#0d498c}.copy_toggle{display:flex;align-items:center;justify-content:center;padding:.35vi;border:.65px solid #c1c2c5;margin-left:auto;border-radius:6px;background-color:#3c4142;color:gray;cursor:pointer}.copy_toggle>svg{width:1.3vi;height:1.3vi}.copy_toggle:active>svg>path,.copy_toggle:focus-within>svg>path{animation:clipboard-check .5s linear forwards}.body{display:flex;flex-direction:column;position:relative;border-bottom-right-radius:8px;border-bottom-left-radius:8px;overflow-x:auto;padding:1.2vi;line-height:1.05vi;color:#fff;background-color:#171717;white-space:nowrap}.pre{display:flex;flex-direction:row;align-items:center;text-wrap:nowrap;white-space:pre;background-color:transparent;overflow:hidden;box-sizing:border-box;font-size:1.03vi}.pre code:nth-child(1){color:#575757}.pre code:nth-child(2){color:#374b61}.cmd{height:1.3vi;position:relative;display:flex;align-items:center;flex-direction:row}.cmd:before{content:attr(data-cmd);position:relative;display:block;white-space:nowrap;overflow:hidden;background-color:transparent;animation:inputs 8s steps(22) infinite}.cmd:after{content:"";position:relative;display:block;height:100%;overflow:hidden;background-color:transparent;border-right:.15vi solid #e34ba9;animation:cursor .5s step-end infinite alternate,blinking .5s infinite}@keyframes blinking{20%,80%{transform:scaleY(1)}50%{transform:scaleY(0)}}@keyframes cursor{50%{border-right-color:transparent}}@keyframes inputs{0%,to{width:0}10%,90%{width:58px}30%,70%{width:226px;max-width:max-content}}@keyframes clipboard-check{to{color:#fff;d:path("M 9 5 H 7 a 2 2 0 0 0 -2 2 v 12 a 2 2 0 0 0 2 2 h 10 a 2 2 0 0 0 2 -2 V 7 a 2 2 0 0 0 -2 -2 h -2 M 9 5 a 2 2 0 0 0 2 2 h 2 a 2 2 0 0 0 2 -2 M 9 5 a 2 2 0 0 1 2 -2 h 2 a 2 2 0 0 1 2 2 m -6 9 l 2 2 l 4 -4")}}.download-button{position:relative;border-width:0;color:#131313;font-size:1.04vi;font-weight:600;border-radius:4px;z-index:1;margin-bottom:1.2vi;margin-right:3vi}.download-button .docs{display:flex;align-items:center;justify-content:space-between;gap:.6vi;min-height:2.6vi;padding:0 .6vi;border-radius:4px;z-index:1;background-color:#fff;border:solid 1px #e8e8e82d;transition:all .5s cubic-bezier(.77,0,.175,1)}.download-button:hover{box-shadow:#e9e9e98e 0 54px 55px,#0000001f 0 -12px 30px,#0000001f 0 4px 6px,#0000002b 0 12px 13px,#00000017 0 -3px 5px}.download{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;max-width:80%;margin:0 auto;z-index:-1;border-radius:0 0 4px 4px;transform:translateY(0);background-color:#b5b5b5;border:solid 1px #01e0572d;transition:all .5s cubic-bezier(.77,0,.175,1);cursor:pointer;height:2.7vi}.download-button:hover .download{transform:translateY(100%)}.download svg polyline,.download svg line{animation:docs 1s infinite}@keyframes docs{0%{transform:translateY(0)}50%{transform:translateY(-15%)}to{transform:translateY(0)}}.About{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:flex;gap:.5vi;flex-direction:column;justify-content:space-between;text-align:justify;align-items:center;background-color:#ffffff1a;border-radius:15px;padding:1.4vi;width:63%}.About *{margin:0}.About h1,.About h2{color:#cacaca;font-size:2.9vi;padding-left:1vi}.Description{color:#c1c2c5;font-size:1.38vi}.photo-container{width:16vi;height:19vi;border-radius:50px;background:#d1d1d1;box-shadow:0 0 30px #a3a3a3,0 0 30px #4e4e4e}.top-section,.bottom-section{display:flex;padding-top:1vi;justify-content:center;gap:4vi}.top-section{margin-top:.5vi;align-items:center}.bottom-section{align-items:center}.item{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;margin-top:6.2vi;align-self:flex-start;width:47vi;height:27vi;border-radius:8px;background:linear-gradient(145deg,#ffffff4d,#e3e2e24d);display:flex;flex-direction:column;gap:.3vi;padding:.4vi;box-shadow:0 20px 50px 20px #ffffff3d;overflow:hidden}.item *{margin:0}.zzz{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8vi}.span-info{width:85%;text-align:justify;font-weight:400;text-transform:none;font-size:1.15vi;opacity:0;display:none;color:#cacaca}.item p{flex:1;overflow:hidden;cursor:pointer;border-radius:8px;transition:flex .5s;background-color:#171717;display:flex;justify-content:center;align-items:center}.item p:hover{flex:4;align-items:center}.item p:hover .span-info{opacity:1;display:block}.item p span{padding:.2vi;text-align:center;transform:rotate(-0deg);transition:transform .5s;text-transform:uppercase;font-size:1.53vi;color:#374b61;font-weight:700;letter-spacing:.1vi;position:relative;z-index:1}.item p:hover span{transform:rotate(0)}.item p:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff06;z-index:0;transition:opacity .5s;pointer-events:none;opacity:0}.item p:hover:before{opacity:1}.tarjeta{width:12.5vi;height:16.55vi;margin:0 auto;background-color:#555;border-radius:8px;z-index:1;scale:1;transition:ease .5s}.tarjeta:hover{scale:.95;transform:rotate(-1deg)}.tools{display:flex;align-items:center;padding:.7vi}.circle{padding:0 .2vi}.box{display:inline-block;align-items:center;width:.7vi;height:.7vi;padding:.06vi;border-radius:50%}.red{background-color:#ff605c}.yellow{background-color:#ffbd44}.green{background-color:#00ca4e}.card__content{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:flex;flex-direction:column;padding:1vi;gap:1.5vi}.card__content h1{margin:0;color:#c8c6c6;font-size:1.5vi}.card__content p{color:#fff0e1;font-size:1.142vi;margin:0}.service-list{display:flex;gap:1vi}.services{margin-top:6.3vi;display:flex;flex-direction:column;gap:1vi}.info-projects{align-self:flex-end;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:flex;flex-direction:column;justify-content:flex-start;text-align:justify;background-color:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:.4vi .8vi .4vi 1vi;height:3.2vi;width:100%;color:#cacaca}.info-projects *{margin:0}.info-projects h1,.info-projects h2{font-size:.93vi}.info-projects p{font-size:.8vi}.info-projects a{color:#cacaca}.info-projects-icon{display:flex;justify-content:space-between}.info-projects-links{display:flex;gap:.4vi}.social-login-icons{display:flex;align-items:center;gap:.6vi;-webkit-box-reflect:below 15px linear-gradient(transparent,rgba(0,0,0,.6))}.social-login-icons svg{width:4vi}.social-icon-1,.social-icon-1-1,.social-icon-2,.social-icon-2-2,.social-icon-3,.social-icon-3-3,.social-icon-4,.social-icon-4-4{width:6vi;height:6vi;display:flex;align-items:center;justify-content:center;border-radius:50px;margin:.6vi 0 0}.icon svg{fill:#111}.socialcontainer{height:7vi;overflow:hidden}.social-icon-1{transition-duration:.4s;background-color:#d1d1d1c7;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56)}.social-icon-1 svg,.social-icon-2 svg,.social-icon-3 svg,.social-icon-4 svg{opacity:0;transition-duration:.5s;transition-delay:.2s}.social-icon-1-1{transition-duration:.4s;background-color:#e1dede00}.socialcontainer:hover .social-icon-1{transform:translateY(-6.5vi)}.socialcontainer:hover .social-icon-1 svg,.socialcontainer:hover .social-icon-2 svg,.socialcontainer:hover .social-icon-3 svg,.socialcontainer:hover .social-icon-4 svg{opacity:1}.social-icon-2{transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56);background:linear-gradient(72.44deg,#ff7a00 11.92%,#ff0169 51.56%,#d300c5 85.69%)}.socialcontainer:hover .social-icon-2{transform:translateY(-6.5vi)}.social-icon-3{transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56);background:#316ff6}.socialcontainer:hover .social-icon-3{transform:translateY(-6.5vi)}.social-icon-4{transition-duration:.4s;transition-timing-function:cubic-bezier(.46,-.78,.5,1.56);background:linear-gradient(180deg,#812290,#4d227c 91%)}.socialcontainer:hover .social-icon-4{transform:translateY(-6.5vi)}.social-icon-3 svg{fill:#cacaca}@media (orientation: portrait) or (max-width: 750px) or (hover: none) or (pointer: coarse){.right-container{width:60%}.normal-title{padding-left:3.2vi}.normal-title *{font-size:5vi}.card{padding:1.4vi;width:60%}.download-button{width:18%;font-size:1.5vi}.info{width:100%}.wrap{height:70%}.head{height:5vi}.title{font-size:2.3vi}.title svg{width:2.5vi;height:2.5vi}.copy_toggle>svg{width:1.7vi;height:1.5vi}.body{padding:2vi;line-height:3vi}.pre{font-size:2.1vi}.top-section{gap:6.2vi}.About{width:55vi}.About h1{font-size:4vi}.Description{font-size:2.5vi}.photo-container{height:25vi;width:20vi}.bottom-section{padding-top:8.2vi;gap:5.4vi}.item{margin-top:0;align-self:center;width:70%;height:55vi}.item p span{font-size:2.8vi}.item .span-info{font-size:2vi}.services{align-self:center;margin-top:0;align-items:center}.services .normal-title{padding-left:0}.services .normal-title h1{font-size:8vi}.tarjeta{width:27vi;height:44vi}.circle{padding:.4vi}.box{width:1.5vi;height:1.5vi;padding:.2vi}.card__content{gap:2vi;padding:2vi}.card__content h1{font-size:3vi}.card__content p{font-size:2.7vi}.info-projects{height:5.2vi;padding:.6vi 1.4vi 1.4vi}.info-projects h1,.info-projects h2{font-size:1.5vi}.info-projects p{font-size:1.2vi}.info-projects svg{width:2vi;height:2vi}.info-projects-icon{height:3vi;align-items:center}.socialcontainer{height:11vi}.social-login-icons{gap:1.3vi}.social-icon-1-1,.social-icon-2-2,.social-icon-3-3,.social-icon-4-4{margin:.6vi}.social-icon-1-1 svg,.social-icon-2-2 svg,.social-icon-3-3 svg,.social-icon-4-4 svg{fill:#cacacaad}.social-icon-1,.social-icon-2,.social-icon-3,.social-icon-4{margin-top:2.5vi}.social-icon-1,.social-icon-1-1,.social-icon-2,.social-icon-2-2,.social-icon-3,.social-icon-3-3,.social-icon-4,.social-icon-4-4{width:9vi;height:9vi}.social-icon-1 svg,.social-icon-1-1 svg,.social-icon-2 svg,.social-icon-2-2 svg,.social-icon-3 svg,.social-icon-3-3 svg,.social-icon-4 svg,.social-icon-4-4 svg{width:6vi;height:6vi}.socialcontainer:hover .social-icon-1,.socialcontainer:hover .social-icon-2,.socialcontainer:hover .social-icon-3,.socialcontainer:hover .social-icon-4{transform:translateY(-11.5vi)}}.character{position:absolute;bottom:0;left:.5vi;width:12vi}.walking-right{animation:right .4s ease-in-out forwards}.walking-left{animation:left .4s ease-in-out forwards}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes walking-Right{0%{transform:rotate(20deg)}to{transform:rotate(0)}}@keyframes walking-Left{0%{transform:rotate(-20deg)}to{transform:rotate(0)}}@keyframes right{0%{transform:translate(0)}to{transform:translate(50px)}}@keyframes left{0%{transform:translate(0)}to{transform:translate(-50px)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.character.fading{animation:fadeOut 1s forwards}.character:not(.fading){animation:fadeIn 3s forwards}.content{display:flex;flex-direction:column;justify-content:center;gap:1vi;width:15.2vi;height:16.55vi;position:relative;overflow:hidden;border-radius:14px}.content:before{content:"";position:absolute;left:-10%;top:-83%;transform:rotate(90deg) translateY(-50%);bottom:0;width:2.5vi;height:30vi;background-image:linear-gradient(90deg,#ffffff1c,transparent);z-index:2;border-radius:10px 0 0 10px}.content:after{content:"";position:absolute;right:140%;top:5%;transform:rotate(90deg) translateY(-50%);bottom:0;width:2.5vi;height:30vi;background-image:linear-gradient(-90deg,#ffffff1c,transparent);z-index:9;border-radius:0 10px 10px 0}.basic-marquee{display:flex;flex-direction:column;align-items:center;gap:.63vi;width:100%}.basic-marquee .button{transition:all .3s ease}.basic-marquee .button:hover{transform:scale(1.1);cursor:pointer}.basic-marquee-1{justify-content:flex-end;animation:marquee 10s linear infinite}.basic-marquee-2{justify-content:flex-start;animation:marquee2 10s linear infinite;margin-top:.2vi;gap:0;overflow:hidden;height:120vi}.benefits{display:flex;flex-direction:row;justify-content:center;gap:1vi;min-width:15vi;height:100%;white-space:nowrap;overflow:hidden;position:absolute;top:0;right:0;bottom:0;left:0}@keyframes marquee{0%{transform:translateY(5vi)}to{transform:translatey(38.75vi)}}@keyframes marquee2{0%{transform:translateY(.5vi)}to{transform:translatey(-34.5vi)}}.basic-marquee svg{width:5vi;height:5vi}.basic-marquee-2 a:nth-child(1) .button svg{padding-left:5vi;width:8vi}.basic-marquee-2 a:nth-child(8) .button svg{padding-left:5vi;width:8vi}.basic-marquee button{background-color:transparent;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center}@media (orientation: portrait) or (max-width: 750px) or (hover: none) or (pointer: coarse){.content{width:29vi;height:30vi}.content:after{right:97%;top:46%}.content:before{right:97%;top:-46%}.basic-marquee svg{width:10vi;height:10vi}.basic-marquee-2 a:nth-child(1) .button svg{padding-left:8.2vi;width:15.2vi}.basic-marquee-2 a:nth-child(8) .button svg{padding-left:8.2vi;width:15.2vi}@keyframes marquee{0%{transform:translateY(10%)}to{transform:translatey(224%)}}@keyframes marquee2{0%{transform:translateY(-10%)}to{transform:translatey(-68.2%)}}}.container-carrousel{position:relative;width:28vi;margin:1vi auto 0;perspective:1000px}.carousel{position:absolute;width:100%;height:100%;transform-style:preserve-3d;animation:rotate360 15s infinite forwards linear;animation-play-state:running}.carousel:hover{animation-play-state:paused}.carousel__face{position:absolute;width:26vi;height:16.3vi;top:20px;left:10px;right:10px;background-size:cover;box-shadow:inset 0 0 0 2000px #00000080;display:flex}.carousel__face:nth-child(2){background-image:url(/assets/pepita_confections-DcoZiFHg.png);transform:rotateY(0) translateZ(18.6vi);transition:ease .4s}.carousel__face:nth-child(4){background-image:url(/assets/forum_surveys-CT-O8TDk.png);transform:rotateY(71deg) translateZ(18.6vi);transition:ease .4s}.carousel__face:nth-child(3){background-image:url(/assets/ultimate_pharmacy-DkTE4c-p.png);transform:rotateY(142deg) translateZ(18.7vi);transition:ease .4s}.carousel__face:nth-child(1){background-image:url(/assets/jsa_service_managers-ExSVUl2r.png);transform:rotateY(216deg) translateZ(18.6vi);transition:ease .4s;width:27.5vi}.carousel__face:nth-child(5){background-image:url(/assets/portfolio-DBfFTskJ.png);transform:rotateY(288deg) translateZ(18.6vi);transition:ease .4s}.carousel__face:nth-child(2):hover{background-image:url(/assets/pepita_confections2-BInpoGvg.png);transform:translateZ(23vi);width:31vi;scale:1.1}.carousel__face:nth-child(4):hover{background-image:url(/assets/forum_surveys2-DfAXZwhX.png);transform:rotateY(72deg) translateZ(23vi);scale:1.1}.carousel__face:nth-child(3):hover{background-image:url(/assets/ultimate_pharmacy2-KCPagxsk.png);transform:rotateY(144deg) translateZ(23vi);scale:1.1}.carousel__face:nth-child(1):hover{background-image:url(/assets/jsa_service_manager-NyCl05QI.png);transform:rotateY(216deg) translateZ(23vi);width:34vi;scale:1.1}.carousel__face:nth-child(5):hover{background-image:url(/assets/portfolio2-BzrF7yUJ.png);transform:rotateY(288deg) translateZ(23vi);width:33vi;scale:1.1}@keyframes rotate360{0%{transform:rotateY(0)}to{transform:rotateY(-360deg)}}@media (orientation: portrait) or (max-width: 750px) or (hover: none) or (pointer: coarse){.container-carrousel{width:44vi}.carousel__face{width:45.98vi;height:29.04vi}.carousel__face:nth-child(2){transform:rotateY(0) translateZ(35.3vi)}.carousel__face:nth-child(4){transform:rotateY(71deg) translateZ(35.3vi)}.carousel__face:nth-child(3){transform:rotateY(142deg) translateZ(35.5vi)}.carousel__face:nth-child(1){transform:rotateY(216deg) translateZ(35.3vi);width:45vi}.carousel__face:nth-child(5){transform:rotateY(288deg) translateZ(35.3vi)}.carousel__face:nth-child(2):hover{transform:rotateY(0) translateZ(40.3vi);width:53vi}.carousel__face:nth-child(4):hover{transform:rotateY(71deg) translateZ(40.3vi)}.carousel__face:nth-child(3):hover{transform:rotateY(142deg) translateZ(40.5vi)}.carousel__face:nth-child(1):hover{transform:rotateY(216deg) translateZ(40.3vi);width:60vi}.carousel__face:nth-child(5):hover{transform:rotateY(288deg) translateZ(40.3vi);width:55vi}}