:root{--first-color: #f0f2f5;--second-color: #14192d;--third-color: #50d890;--fourth-color: #3a3b3c;--fifth-color: #f0f2f5;--header-color-letters: #f0f2f5;--footer-color: #14192d;--menu-hamburger-color: #50d890;--background-color: #dedee0;--font: "Raleway", Arial, Helvetica, sans-serif;--screen-medium: 600px;--screen-large: 1000px;--max-width: 1200px;--header-height: 4rem}[data-theme=dark]{--first-color: #272727;--second-color: #14192d;--third-color: #50d890;--fourth-color: #effffb;--fifth-color: #3a3b3c;--header-color-letters: #f0f2f5;--footer-color: #14192d;--menu-hamburger-color: #f0f2f5;--background-color: #18191a}/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html{box-sizing:border-box;font-family:var(--font);font-size:16px;scroll-behavior:smooth;overflow-x:hidden}*,*:after,*:before{box-sizing:inherit}body{margin:0;overflow-x:hidden;background-color:var(--background-color);color:var(--fourth-color);transition:background-color .55s ease,color .55s ease;position:relative}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at top right,#ffffffa6,#ffffff1a 55%,#fff0 80%);mix-blend-mode:screen;opacity:0;pointer-events:none;z-index:9999;transform:scale(0);transform-origin:top right}body.theme-transition:before{animation:theme-flash .6s ease forwards}@keyframes theme-flash{0%{opacity:.85;transform:scale(0)}55%{opacity:.45;transform:scale(1.05)}to{opacity:0;transform:scale(1.25)}}a{transition:all .5s ease-out}a:hover{opacity:.75}h1{margin:0;font-size:2rem}h2{margin:0;font-size:1.5rem}h3{margin:0;font-size:1.25rem}h4{margin:0;font-size:1rem}h5{margin:0;font-size:.85rem}h6{margin:0;font-size:.7rem}img{max-width:100%;height:auto}p{line-height:1.6}.section{padding:clamp(2rem,4vw,3rem) clamp(1rem,5vw,2.5rem);background-color:var(--background-color);transition:background-color .55s ease,color .55s ease}.section-container{max-width:var(--max-width);margin:0 auto;padding:clamp(1.75rem,4vw,3rem);border-radius:clamp(18px,4vw,28px);background-color:var(--first-color);box-shadow:0 24px 48px -32px #00000073;border:1px solid rgba(255,255,255,.04);overflow:hidden;transition:background-color .55s ease,color .55s ease,border-color .55s ease,box-shadow .55s ease}.off-canvas-btn{position:fixed;top:1rem;right:1rem;z-index:999;width:3rem;height:3rem;cursor:pointer;opacity:0}.off-canvas-btn:checked+label.off-canvas-burger{background-color:transparent}.off-canvas-btn:checked+label.off-canvas-burger:before{transform:rotate(45deg) translate(-.2rem,-.2rem)}.off-canvas-btn:checked+label.off-canvas-burger:after{transform:rotate(-45deg) translate(.4rem,-.5rem)}.off-canvas-burger{position:fixed;top:1rem;right:1rem;z-index:998;width:2.5rem;height:.3rem;border-radius:.3rem;background-color:var(--menu-hamburger-color);transform:rotate(0) translateY(1.2rem);transform-origin:top left;transition:transform .5s ease,background-color .5s ease}.off-canvas-burger:before{content:"";display:block;width:100%;height:.3rem;border-radius:.3rem;background-color:var(--menu-hamburger-color);transition:transform .5s ease;transform:rotate(0) translateY(-.6rem)}.off-canvas-burger:after{content:"";display:block;width:100%;height:.3rem;border-radius:.3rem;background-color:var(--menu-hamburger-color);transition:transform .5s ease;transform:rotate(0) translateY(.3rem)}.menu-on{width:50%;position:fixed;inset:0;z-index:997;display:flex;justify-content:center;align-items:center;background-color:var(--footer-color);transition:transform .5s ease-in-out;transform:translate(-100%);transform:translateY(-100%);transform:translate(200%)}.menu-on a{padding:1rem;font-size:1.5rem;font-weight:700;text-align:center;text-decoration:none;color:var(--third-color)}.menu-on a:hover{color:var(--fourth-color);background-color:var(--third-color)}.off-canvas-btn:checked~.menu-on{transform:translate(100%)}.menu-on-container{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center}.icon-whatsapp{position:fixed;bottom:1rem;right:1rem;z-index:999;width:3rem;height:3rem;cursor:pointer;opacity:1;display:inline-block}.icon-whatsapp a small{display:none}.icon-whatsapp a img{border-radius:25%}.icon-whatsapp:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.btn-change-color{border:none;border-radius:50%;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;margin:0 auto;cursor:pointer;font-size:1.45rem;font-weight:600;line-height:1;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease;box-shadow:0 6px 16px #0000002e}.btn-change-color:focus-visible{outline:2px solid rgba(80,216,144,.85);outline-offset:4px}.btn-change-color__icon{display:inline-block;transition:transform .3s cubic-bezier(.4,0,.2,1)}.btn-change-color__icon--slide{animation:btn-change-color-slide .36s cubic-bezier(.4,0,.2,1)}@keyframes btn-change-color-slide{0%{transform:translate(0)}40%{transform:translate(8px)}70%{transform:translate(-4px)}to{transform:translate(0)}}.btn-change-color-claro{background-color:var(--fifth-color);color:var(--header-color-letters)}.btn-change-color-oscuro{background-color:#444242;color:var(--fifth-color)}@media(prefers-reduced-motion:reduce){.btn-change-color,.btn-change-color__icon{transition-duration:.01ms!important;animation-duration:.01ms!important}.btn-change-color__icon--slide{animation:none}}.header{display:none}.container,.logo,.menu{visibility:hidden}@media screen and (min-width:1000px){.header{display:block;left:0;bottom:0;z-index:999;width:100%;height:calc(var(--header-height) - .5rem);top:0;padding:.5rem;position:fixed}.header .container{visibility:visible;margin-left:auto;margin-right:auto;max-width:var(--max-width);display:flex;justify-content:space-between;align-items:center}.header .container .logo a{visibility:visible;color:var(--third-color);font-weight:700;font-size:2rem;text-decoration:none}.header .container .menu{position:static;visibility:visible;display:flex;flex-direction:row;opacity:1;pointer-events:auto}.header .container .menu a{padding:0 1rem;font-size:1.2rem;font-weight:700;text-align:center;text-decoration:none;color:var(--third-color);margin-top:auto}.header .container .menu a:hover{color:var(--header-color-letters);background-color:transparent}.header .container .menu a:last-child{padding-right:0}.off-canvas-btn,.off-canvas-burger{display:none}}.matrix-rain{pointer-events:none;overflow:hidden;width:100%;height:100%}.matrix-rain__canvas{display:block;width:100%;height:100%}.hero-image{background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;width:100vw;position:fixed;z-index:-1}.hero-image-opacity{position:sticky;width:100%;min-height:100vh;display:flex;justify-content:center;align-items:center;text-align:center}.hero-image-title{font-size:calc(1.5em + 5vw);color:var(--header-color-letters)}.hero-image-second-title{font-size:calc(.8em + 1vw);color:var(--header-color-letters)}.hero-image-image{width:30%;max-width:100px;height:30%;max-height:100px;border-radius:50%;border:2px solid var(--header-color-letters)}.hero-btn-contact{border-radius:5rem;padding:1rem;display:inline-block;width:200px;font-weight:700;text-align:center;text-decoration:none;color:var(--header-color-letters);background-color:var(--third-color)}.about{display:block}.about>article{margin-bottom:2rem;background:linear-gradient(180deg,var(--fourth-color) 0%,var(--third-color) 50%);transition:background .55s ease}.about-container{text-align:justify;padding:0 1rem}.about-description{position:relative;margin-bottom:1.5rem;padding:1.5rem 1.25rem;border-radius:1.5rem;overflow:hidden;background:linear-gradient(145deg,#ffffffeb,#dae7e7bf 70%);border:1px solid rgba(20,25,45,.08);box-shadow:0 18px 28px #0000001f;transition:background .55s ease,border-color .55s ease,box-shadow .55s ease}[data-theme=dark] .about-description{background:linear-gradient(145deg,#0009,#00000040 70%);border:1px solid rgba(80,216,144,.2);box-shadow:0 18px 40px #00000040}.about-description__matrix{position:absolute;inset:0;opacity:.75;z-index:0;mix-blend-mode:screen}.about-description__content{position:relative;z-index:1;display:grid;gap:1.25rem}.about_section_title{color:var(--fourth-color);padding:1rem;text-align:center;transition:color .55s ease}.text-smoke{position:relative;color:var(--fourth-color);-webkit-user-select:none;user-select:none;font-size:1rem;text-align:center;transition:color .55s ease}.text-smoke span{position:relative;display:inline-block;cursor:pointer}.text-aux{color:var(--third-color);display:none!important}.text-aux-active{position:absolute;animation:timetext 2s}.text-smoke span.active{position:absolute;animation:smoke 2s linear forwards;transform-origin:bottom}@keyframes timetext{0%{color:var(--second-color)}50%{color:var(--third-color)}to{color:var(--fourth-color)}}@keyframes smoke{0%{opacity:1;filter:blur(0);transform:translate(0) translateY(0) rotate(0);scale:(1)}50%{font-size:2.5em;opacity:1;pointer-events:none}to{opacity:1;filter:blur(20px);transform:translate(300px) translateY(-300px) rotate(720deg);scale:(4)}}.about-habilities{display:grid;grid-template-columns:20% 20%;grid-column-gap:6px;grid-row-gap:6px;justify-content:center}.about_section_title_skills{text-align:center;color:var(--fourth-color);padding:1rem}.about-rigth{margin-top:7vw}.about-ul-rigth{list-style:none;padding:0;margin:0px 0px 10px 2rem;min-height:100px;line-height:1.1rem;color:var(--fourth-color);transition:color .55s ease}.about-ul-rigth .about-ul-rigth-title{font-weight:700;text-decoration:underline;color:var(--third-color);transition:color .55s ease}.about-content-graphic{margin-top:calc(15vw - 50px);transform-style:preserve-3d;transform:rotateY(-80deg) rotateX(-2deg)}.about-graphic-3d{display:flex;transform-style:preserve-3d;gap:10px;transform:rotateX(90deg) rotateY(100deg)}.about-graphic-3d .text{height:100px;min-height:100px;min-width:100px;transform-style:preserve-3d;z-index:999!important}.about-graphic-3d .text:nth-child(1){animation:animate-graphic 7s ease-in-out infinite}.about-graphic-3d .text:nth-child(2){animation:animate-graphic 7.5s ease-in-out infinite}.about-graphic-3d .text:nth-child(3){animation:animate-graphic 8s ease-in-out infinite}.about-graphic-3d .text:nth-child(4){animation:animate-graphic-4 5s ease-in-out infinite}@keyframes animate-graphic{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(360deg) rotateY(0) rotate(0)}}@keyframes animate-graphic-4{0%{transform:rotateX(0) rotateY(0) rotate(0)}to{transform:rotateX(-360deg) rotateY(0) rotate(0)}}.about-graphic-3d .text:before{content:"";position:absolute;width:100%;height:100%;background:#373737;transform-origin:left;transform:rotateY(90deg) translate(-50px)}.about-graphic-3d .text:after{content:"";position:absolute;width:100%;height:100%;background:#373737;transform-origin:left;transform:rotateY(90deg) translate(-50px)}.about-graphic-3d .text span{padding:5px;position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--first-color) 0%,var(--third-color) 50%,var(--first-color) 100%);display:flex;justify-content:center;align-items:center;color:var(--fourth-color);transform-style:preserve-3d;transform:rotateX(calc(90deg * var(--i))) translateZ(50px)}.about-graphic-3d .text span img{transform:rotate(-90deg);width:100%}@media(prefers-reduced-motion:reduce){.about-description__matrix{display:none}}@media screen and (min-width:768px){.about-container{width:100%;display:flex}.about-description,.about-skills{width:50%}.about-content-graphic{margin-top:10px}.about-rigth{margin-top:10px;padding-bottom:1rem}}.services{padding:clamp(3rem,8vw,5rem) 0;display:block}.section_services_title{color:var(--fourth-color);text-align:center;margin-bottom:clamp(2rem,6vw,3rem)}.container-services{display:grid;gap:clamp(1.5rem,5vw,2.5rem);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:stretch}.service-card{position:relative;padding:clamp(1.8rem,5vw,2.4rem);border-radius:1.6rem;color:var(--fourth-color);overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.6);background:linear-gradient(140deg,#ffffffbf,#ffffff8c 45%,#ffffff59);box-shadow:0 22px 45px #25262929;-webkit-backdrop-filter:saturate(170%) blur(18px);backdrop-filter:saturate(170%) blur(18px);transition:transform .35s ease,box-shadow .35s ease}.service-card:before{content:"";position:absolute;inset:-1px;z-index:-2;border-radius:inherit;background:linear-gradient(135deg,#50d8908c,#4f98ca99);opacity:0;transition:opacity .35s ease}.service-card:after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;background:#ffffffa6;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.service-card:hover{transform:translateY(-12px);box-shadow:0 28px 60px #25262938}.service-card:hover:before{opacity:1}.services_second_title{font-size:clamp(1.25rem,4vw,1.5rem);margin-bottom:1rem;color:#252629eb;letter-spacing:.04em;text-shadow:0 2px 12px rgba(255,255,255,.4)}.service-divider{width:3.5rem;height:3px;margin:0 auto 1.5rem;border-radius:999px;background:linear-gradient(135deg,#50d890e6,#4f98cae6);box-shadow:0 6px 18px #4f98ca40}.service-card p{margin:0;color:#3a3b3cc7;font-weight:500;line-height:1.7;text-shadow:0 1px 10px rgba(255,255,255,.35)}[data-theme=dark] .service-card{color:var(--header-color-letters);border:1px solid rgba(80,216,144,.35);background:linear-gradient(140deg,#1f253ebf,#14192d8c);box-shadow:0 22px 55px #00000059}[data-theme=dark] .service-card:after{background:#14192dd1}[data-theme=dark] .services_second_title{color:#f0f2f5eb;text-shadow:0 2px 12px rgba(0,0,0,.25)}[data-theme=dark] .service-card p{color:#f0f2f5d9;text-shadow:0 2px 14px rgba(0,0,0,.35)}.portfolio{display:block}.portfolio__container{display:flex;justify-content:center;align-items:center;width:100%;height:70vh}.portafolio_title{color:var(--fourth-color);padding:1rem;text-align:center}.portfolio__container__box{position:relative;width:60vw;max-width:300px;height:60vh;max-height:400px;transform-style:preserve-3d;animation:animate 20s linear infinite alternate}@keyframes animate{0%{transform:perspective(1000px) rotateX(0) rotateY(0) rotate(0)}to{transform:perspective(1000px) rotateX(0) rotateY(360deg) rotate(0)}}.portfolio__container__box div{position:absolute;top:0;left:0;width:100%;height:100%;transform-origin:center;transform-style:preserve-3d;transform:rotateY(calc(var(--i) * 120deg)) translateZ(30vw)}.portfolio__container__box div img{object-fit:cover;top:0;left:0;width:100%;height:100%}.portfolio_img_title{color:var(--header-color-letters);background-color:#00000080;width:100%;height:15px;display:inline-block;position:absolute;top:40%;left:0%;text-align:center;font-size:.7rem;padding:1rem;border:0;transition:all .5s ease-in-out}.portfolio_img_code{border-radius:10px;color:var(--header-color-letters);background-color:var(--third-color);text-decoration:none;width:20%;height:15px;display:inline-block;position:absolute;top:50%;left:25%;text-align:center;cursor:pointer;font-size:.7rem;box-shadow:inset -1px 3px 8px 5px var(--third-color-d),2px 5px 16px 0 var(--background-color-d),0 0 6px 5px #0000}.portfolio_img_view{border-radius:10px;color:var(--header-color-letters);background-color:var(--third-color);text-decoration:none;width:20%;height:15px;display:inline-block;position:absolute;top:50%;left:55%;text-align:center;cursor:pointer;font-size:.7rem;box-shadow:inset -1px 3px 8px 5px var(--third-color-d),2px 5px 16px 0 var(--background-color-d),0 0 6px 5px #0000}.portfolio__arrows{position:relative;display:flex;justify-content:center;gap:10px;padding:1rem}.arrow_left{display:inline-flex;align-items:center;justify-content:center;background:var(--third-color);border:1px solid var(--fourth-color);border-radius:50%;cursor:pointer;color:var(--fourth-color);font-size:1.7rem;width:2.5rem;height:2.5rem;text-align:center;transition:all .3s ease-in-out}.arrow_left:hover{opacity:.7}.arrow_right{display:inline-flex;align-items:center;justify-content:center;background:var(--third-color);border:1px solid var(--fourth-color);border-radius:50%;cursor:pointer;color:var(--fourth-color);font-size:1.7rem;width:2.5rem;height:2.5rem;text-align:center;transition:all .3s ease-in-out}.arrow_right:hover{opacity:.7}.arrow_play{width:2.2rem;height:2.2rem;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--third-color);border:2px solid var(--third-color);font-weight:700;font-size:1.2rem;margin-left:.5rem}.arrow_play:hover{opacity:.7}.arrow_pause{width:2.2rem;height:2.2rem;border-radius:50%;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--third-color);border:2px solid var(--third-color);font-weight:700;font-size:1.2rem;margin-left:.5rem}.arrow_pause:hover{opacity:.7}@media screen and (min-width:768px){.portfolio__container__box{max-height:300px}}.portfolio__upcoming{margin-top:clamp(3rem,8vw,4.5rem);display:grid;gap:clamp(1.5rem,4vw,2.5rem)}.portfolio__upcoming-header{text-align:center;max-width:540px;margin:0 auto}.portfolio__upcoming-title{margin:0;color:var(--fourth-color);font-size:clamp(1.5rem,4vw,2rem)}.portfolio__upcoming-subtitle{margin-top:.5rem;color:#3a3b3cbf;font-size:.95rem}.portfolio__upcoming-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:1.5rem;overflow-x:auto;padding-bottom:1rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.portfolio__upcoming-track::-webkit-scrollbar{height:6px}.portfolio__upcoming-track::-webkit-scrollbar-thumb{background:#50d89066;border-radius:999px}.portfolio__upcoming-card{position:relative;display:flex;flex-direction:column;gap:1.25rem;padding:clamp(1.4rem,4vw,1.8rem);border-radius:1.5rem;background:#ffffffd9;border:1px solid rgba(80,216,144,.18);box-shadow:0 18px 35px #0000001f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);scroll-snap-align:start;transition:transform .35s ease,box-shadow .35s ease}.portfolio__upcoming-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px #0000002e}.portfolio__upcoming-thumb{position:relative;height:180px;border-radius:1.25rem;background:var( --portfolio-accent, linear-gradient(135deg, #50d890, #4f98ca) );color:var(--header-color-letters);display:flex;align-items:center;justify-content:center;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;overflow:hidden}.portfolio__upcoming-thumb:after{content:"";position:absolute;inset:0;background:#00000040;mix-blend-mode:multiply}.portfolio__upcoming-status{position:relative;z-index:1;font-weight:700}.portfolio__upcoming-body{display:grid;gap:.85rem}.portfolio__upcoming-name{margin:0;color:var(--fourth-color);font-size:1.05rem}.portfolio__upcoming-description{margin:0;color:#3a3b3cb3;font-size:.95rem;line-height:1.55}.portfolio__upcoming-link{justify-self:flex-start;padding:.55rem 1.25rem;border-radius:999px;background:linear-gradient(135deg,#50d890,#4f98ca);color:var(--header-color-letters);font-weight:600;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}.portfolio__upcoming-link:hover{transform:translateY(-2px);box-shadow:0 12px 25px #4f98ca59;opacity:.9}[data-theme=dark] .portfolio__upcoming-title{color:var(--header-color-letters)}[data-theme=dark] .portfolio__upcoming-subtitle{color:#f0f2f599}[data-theme=dark] .portfolio__upcoming-card{background:#14192de6;border:1px solid rgba(80,216,144,.25);box-shadow:0 18px 45px #00000059}[data-theme=dark] .portfolio__upcoming-name{color:var(--header-color-letters)}[data-theme=dark] .portfolio__upcoming-description{color:#f0f2f5c7}.contact{display:block}.contact-container{opacity:1;padding-bottom:1rem}.contact-title{color:var(--fourth-color);text-align:center;padding:1rem}.contact-descripcion{color:var(--fourth-color);text-align:justify;padding:1rem;margin:0}.container-contact-form{margin:1rem}.contact-form{background-color:var(--fifth-color);box-shadow:0 0 0 2px var(--third-color);border-radius:10px;padding:1rem;position:relative;text-align:center;max-width:800px}.contact-form>*{margin:1rem auto;display:block;width:100%}.contact-form input,.contact-form textarea{font-size:.85rem}.contact-form input{background-color:var(--fifth-color);color:var(--fourth-color);padding:.5rem;border:none;border-bottom:thin solid var(--third-color);padding-left:0;width:100%}.contact-form textarea{color:var(--fourth-color);background-color:var(--fifth-color);border:thin solid var(--third-color);resize:none;width:100%;border-radius:10px}.contact-form input[type=submit]{margin-top:.5rem;cursor:pointer;transition:all .5s ease-out;border-radius:5rem;padding:1rem;width:200px;font-weight:700;text-align:center;text-decoration:none;color:var(--fourth-color);background-color:var(--third-color)}.contact-form input[type=submit]:hover{opacity:.75}.contact-form *::placeholder{color:var(--fourth-color);opacity:.5}.social-media{width:100%;margin:0 auto}.ul-content{display:flex;flex-direction:row;justify-content:center;padding:1rem;margin:0;gap:20px;transform-style:preserve-3d;transform:rotateX(0) rotateY(0) rotate(0) skew(0)}.ul-content li{position:relative;list-style:none;width:calc(1em + 4vw);max-width:40px;height:calc(1em + 4vw);max-height:40px}.ul-content li span{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--first-color);transition:.5s;border-radius:25%}.ul-content li:hover span{z-index:1000;transition:.5s;box-shadow:-1.5px 1.5px 2px var()}.ul-content li:hover span:nth-child(7){transform-style:preserve-3d;transform:translateY(-20px) rotateX(45deg) rotateY(0) rotate(-45deg) skew(0);opacity:1}.ul-content li:hover span:nth-child(6){transform:translateY(-15px) rotateX(45deg) rotateY(0) rotate(-45deg) skew(0);opacity:.8}.ul-content li:hover span:nth-child(5){transform:translate(-0px,-10px) rotateX(45deg) rotateY(0) rotate(-45deg) skew(0);opacity:.6}.ul-content li:hover span:nth-child(4){transform:translate(1px,-5px) rotateX(45deg) rotateY(0) rotate(-45deg) skew(0);opacity:.4}.ul-content li:hover span:nth-child(3){transform:translate(0) rotateX(45deg) rotateY(0) rotate(-45deg) skew(0);opacity:.2}.ul-content li:hover span:nth-child(2){transform:translate(0) rotateX(45deg) rotateY(0) rotate(-45deg) skew(0);background-color:var(--fourth-color)!important}.ul-content li span:nth-child(1){box-shadow:-2px 2px 5px var(--fourth-color)}.ul-content li:hover span:nth-child(1){transform:translate(0) rotateX(45deg) rotateY(0) rotate(-45deg) skew(0);opacity:0}.ul-content li:nth-child(1):hover span{background:#0084b1}.ul-content li:nth-child(2):hover span{background:#1bd741}.ul-content li:nth-child(3):hover span{background:#1b1817}.ul-content li:nth-child(4):hover span{background:#f3f4f6}.ul-content li span img{width:100%;height:auto;border-radius:25%}.loader{margin:1rem auto;border:4px solid var(--fourth-color);width:36px;height:36px;border-radius:50%;border-left-color:var(--third-color);animation:spin 1s ease infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal{position:fixed;z-index:999;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition:all 1s;background-color:#00000080}.modal-content{position:relative}.modal-close{position:absolute;top:1rem;right:1rem}.modal-close svg{width:3rem;height:3rem;fill:var(--first-color)}.modal[id|=trabajo]:target{opacity:1;pointer-events:auto}.contact-form-response{padding:1rem;width:400px;text-align:center;background-color:var(--second-color);border:1px solid var(--third-color)}.contact-form-response h3{color:var(--fourth-color)}.contact-form-response svg{margin-top:2rem;width:4rem;height:4rem;fill:var(--third-color)}.modal#gracias:target{opacity:1;pointer-events:auto}@media screen and (min-width:768px){.contact-container{display:grid;grid-template-columns:repeat(2,45%);justify-content:space-between;align-content:center}}@media screen and (min-width:1024px){.contact-form{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1rem}.contact-form input,.contact-form textarea{font-size:1rem}.contact-form-textarea,.contact-form-loader{grid-column:span 2}.contact-form textarea{width:100%}.contact-form input[type=submit]{margin-top:0 5rem;margin-left:0}}.footer{background-color:var(--footer-color);text-align:center;padding:1rem;color:var(--header-color-letters);font-size:1.1rem}.footer a{color:var(--header-color-letters);font-weight:700}.pulse{display:inline-block;animation:pulse 1s linear infinite}@keyframes pulse{0%{transform:scale(1.1)}50%{transform:scale(.8)}to{transform:scale(1)}}