.navbar__container{z-index:3;position:fixed;top:0;left:0;right:0;width:100%;-webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,.19);-moz-box-shadow:0px 2px 5px 2px rgba(0,0,0,.19);box-shadow:0 2px 5px 2px #00000030;background-color:var(--primary)}.logo{display:inline-block;height:64px;width:54px}.navbar{height:80px;display:flex;justify-content:space-between;align-items:center;padding:31px 16px;max-width:900px;margin:0 auto}.navbar__menu-hamburguesa-buttom{display:none}.navbar__link-horizontal{display:flex;gap:12px;margin-right:5px}.navbar__menu{display:none;transition:opacity .3s ease-in-out}.navbar__link-horizontal .scroll-link{letter-spacing:1px;transition:.1s ease all;cursor:pointer}.navbar__link-horizontal .scroll-link:hover{color:var(--tertiary);transform:scale(1.1)}.theme-toggle{font-size:32px;cursor:pointer;display:inline-block}.theme-toggle2,.translate-icon2{display:none}.translate-icon{font-size:24px;cursor:pointer;transition:.1s ease all}.translate-icon:hover{transform:scale(1.1)}.text-toggle{font-size:14px;text-align:center;text-transform:uppercase;display:block;margin-right:10px}.text-toggle2{display:none}@media (max-width: 768px){.navbar{display:flex;justify-content:space-between;padding:2rem}.navbar__menu-hamburguesa-buttom{font-size:32px;text-align:center;display:block;cursor:pointer;margin-left:auto}.navbar__menu-hamburguesa-buttom:hover{color:var(--tertiary)}.navbar__link-horizontal{display:none}.navbar__menu.active{display:block;position:absolute;opacity:1;top:80px;right:0;flex-direction:column;width:50%;height:100vh;justify-content:center;text-align:center;padding:32px 0;gap:16px;background-color:var(--primary);box-shadow:inset 0 0 9px #000;font-size:35px}.navbar__menu a:hover{color:var(--tertiary);margin-bottom:10px}.navbar__close{margin-left:80%;font-size:30px;background-color:transparent;border:none;color:var(--white)}.navbar__close:hover{color:var(--tertiary)}.theme-toggle2{font-size:32px;cursor:pointer;display:inline-block}.theme-toggle,.text-toggle{display:none}.text-toggle2{font-size:14px;text-align:center;text-transform:uppercase;display:block;margin-bottom:12px}.translate-icon{display:none}.translate-icon2{font-size:18px;cursor:pointer;transition:.1s ease all;display:block}.translate-icon2:hover{transform:scale(1.1)}}.about{padding-top:64px;height:100%;margin-top:40px;padding-bottom:40px;background-color:var(--secondary)}.about-me{max-width:900px;margin:0 auto}@media (max-width: 998px){.about-me{padding:0 5vw}}.about-me h3{font-size:32px;margin-bottom:20px}.about-me h3 span{color:var(--tertiary);font-size:32px}.about-me>p{border-left:5px solid var(--tertiary);padding:0 10px;text-align:left;font-size:22px;margin-bottom:30px}.arrow-about{color:var(--tertiary)}.about-me a{margin:0 auto;display:flex;justify-content:center;align-items:center;background-color:var(--tertiary);width:240px;padding-top:15px;padding-bottom:15px;border-color:var(--tertiary);border-width:2px;border-style:solid;border-radius:35px;transition:.3s}.about-me a:hover{transform:scale(1.05)}.about-me a img{width:32px;height:auto;animation:5s infinite flotar}.about-me a P{color:var(--white);padding:0;display:inline-block;margin:0}@keyframes flotar{0%{transform:translate(0)}25%{transform:translateY(-3px)}75%{transform:translateY(3px)}to{transform:translate(0)}}.container-skills{margin:0 auto 32px;font-size:22px;display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.container-skills__name{color:var(--white)}.contact-form-container{width:400px;margin:0 auto;padding:10px;background-color:var(--secondary);border-radius:8px}.title{color:var(--white);margin-bottom:20px;font-size:32px}.contact-form .form-group{margin-bottom:20px}.contact-label{color:var(--white);font-size:18px;display:block;margin-bottom:5px;padding:5px}.contact-input,.contact-input{width:100%;padding:10px;font-size:16px;border-radius:4px;border:none;background-color:var(--white);color:var(--primary)}.contact-form textarea{height:120px}.button[type=submit]{padding:10px 20px;background-color:var(--tertiary);color:var(--white);font-size:16px;border:none;border-radius:4px;cursor:pointer;margin-top:10px}.button[type=submit]{padding:10px 20px;background-color:var(--tertiary);color:var(--white);font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.button[type=submit]:hover{background-color:#0a568c}.button[type=submit]:focus{outline:none}.button[type=submit]:disabled{background-color:var(--primary);cursor:not-allowed}@media (max-width: 480px){.contact-form-container{width:100%;padding:10px;margin-bottom:20px}.title{font-size:24px}.contact-input{font-size:14px}.button[type=submit]{font-size:14px;margin-top:10px}}.contact{text-align:center;background-color:var(--secondary);margin-top:40px;padding:10px}.contact h3{margin:0;padding:40px 0;font-size:32px}.contact__container{padding-bottom:35px;display:flex;justify-content:space-evenly;max-width:900px;margin:0 auto}.contact__img img{padding:20px;height:120px;width:120px}.contact__container-component{display:flex;flex-direction:column;align-items:center;transition:.3s}.contact__container-component:hover{transform:scale(1.05)}.contact__container-component .contact__img{background-color:var(--primary);width:120px;height:120px;border-radius:50%;display:flex;justify-content:center}.feactured{background-color:var(--primary);padding-bottom:32px;margin-top:40px}.feactured h3{text-align:center;font-size:35px;margin-bottom:25px;color:var(--tertiary)}.portfolio-filter{display:flex;justify-content:center;align-items:center;padding:0 0 15px}.portfolio-filter button{padding:10px 20px;margin:0 5px;border:none;border-radius:4px;cursor:pointer;background-color:var(--secondary);color:var(--white);font-size:16px;transition:.3s all}.portfolio-filter button:hover{background-color:var(--tertiary);font-size:18px}.feactured__container-card{display:flex;justify-content:center;flex-wrap:wrap;gap:25px;padding:0 32px 40px;max-width:900px;margin:0 auto}.contenedor{display:flex;align-items:center;justify-content:center}.contenedor:hover .glass{opacity:1}.glass{display:flex;flex-direction:column;gap:5px;border-radius:4px;height:290px;width:250px;margin-top:10px;position:absolute;background-color:#5de9ffb0;backdrop-filter:blur(1px);text-align:center;transition:.8s all;overflow:hidden;opacity:0}.feactured__glass-title{font-size:22px;margin-top:15px;color:#fff}.feactured__glass-description{font-size:13px;margin-left:8px;margin-right:8px;color:#fff}.feactured__glass-tecno{font-size:13px;margin:50px 8px 0;color:#fff}.glass:hover .feactured__glass-tecno{margin-top:5px;transition:1.5s all}.contenido{display:flex;justify-content:space-around;align-items:center;gap:5px;background-color:var(--tertiary)}.feactured__glass-contenido{width:40px;height:40px;background-color:transparent;color:var(--tertiary);font-size:36px;color:#fff;display:flex;justify-content:center;align-items:center}.glass:hover{display:flex;flex-direction:column;gap:20px;height:300px;width:250px;margin-top:0;background-color:#20484e8c;transition:.8s all;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.feactured__glass-contenido:hover{transform:scale(1.3)}.imagen{height:300px;width:250px;border-radius:4px;display:flex;justify-content:center;box-shadow:0 0 25px -3px #000000bf;background-color:var(--secondary)}.imagen img{transition:1.5s all}.estudies_container{height:100%;margin-top:48px}.studies{text-align:center;max-width:900px;margin:0 auto;padding-top:32px}.studies h3{font-size:32px;margin-bottom:20px}.studies h3 span{color:var(--tertiary)}.studies__container{padding:0 32px 40px;display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.studies__list{width:250px;height:300px;background-color:var(--secondary);padding:40px 20px;box-shadow:1px 2px 2px #0003;transition:.3s;border-radius:4px;text-align:center;overflow:hidden;position:relative}.studies__list:hover{transform:scale(1.05);background-color:var(--tertiary)}.studies__list img{width:60px}.studies__date{font-size:12px;padding:7px 0}.studies__description{font-size:17px;padding:7px 0}.studies__list h4{font-size:19px;margin-bottom:8px;margin-top:8px}.studes__button{position:absolute;bottom:0;right:0;left:0}.studes__button a img{width:42px;height:auto;animation:5s infinite flotar;cursor:pointer}.studes__button a img:hover{width:50px}.footer{padding:30px}.footer h3{text-align:center;font-size:22px}.footer span{color:var(--tertiary)}.header__home{position:relative;height:625px;display:flex;gap:10px;justify-content:center;align-items:center;max-width:900px;margin:0 auto}.header__home-left,.header__home-right{display:flex;flex-direction:column;justify-content:center;z-index:2;width:38vw;height:100%}.header__home-left h1{display:block;font-size:75px;font-family:monospace;white-space:nowrap;border-right:4px solid var(--tertiary);width:7ch;animation:typing 5s steps(7),blink .5s infinite step-end alternate;animation-iteration-count:infinite;overflow:hidden}.home__logo img{height:64px;width:54px}.header__intro{font-size:24px}.header__title{margin-top:20px;font-size:35px}@keyframes typing{0%{width:1.3%}}@keyframes blink{50%{border-color:transparent}}@media (max-width: 1200px){.header__home{padding:0 32px}}@media (max-width: 768px){.header__home{display:grid;height:100%;row-gap:64px;padding-top:100px;padding-bottom:32px}.header__home-left,.header__home-right{width:90vw}}.icon-social{display:flex;gap:16px;width:100px;margin-top:80px}.icon-social a{transition:.2s ease all}.icon-social a:hover{transform:scale(1.1)}.whatsapp-button{position:fixed;bottom:10px;right:10px;z-index:9999;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#25d366;color:#fff;box-shadow:0 2px 5px #00000040;transition:all .3s ease-in-out}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 2px 10px #00000080}.header__home-right>p:first-child{font-weight:100}.header__home-description{text-align:left;font-size:20px;margin-top:30px}.header__home-right>a{display:block;padding-top:32px;color:var(--tertiary)}.header__home-right>a>img{width:24px;height:auto}.experience-container{// max-width: 900px;margin:40px auto 0;padding-top:32px;background-color:var(--secondary)}.experience-container h3{font-size:32px;margin-bottom:20px;text-align:center;padding-top:32px}.container-experience{// font-size: 34px;gap:24px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;max-width:900px;margin:0 auto;padding:0 16px 16px}.experience-entry{position:relative}.experience-entry .experience-card{width:360px}.experience-entry img{width:80%;-webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,.19);-moz-box-shadow:0px 2px 5px 2px rgba(0,0,0,.19);box-shadow:0 2px 5px 2px #00000030}.experience-entry .experience-card{position:absolute;background-color:var(--tertiary);top:50%;right:0;border:none;transform:translateY(-50%);-webkit-box-shadow:0px 2px 5px 2px rgba(0,0,0,.19);-moz-box-shadow:0px 2px 5px 2px rgba(0,0,0,.19);box-shadow:0 2px 5px 2px #00000030}.experience-entry:nth-of-type(2n){margin-top:32px;text-align:right}.experience-entry:nth-of-type(2n) .experience-card{left:0}@media (max-width: 600px){.experience-entry img{width:100%}.experience-entry .experience-card{position:static;top:0;transform:translateY(-10%);width:100%}}.experience-header{display:flex;justify-content:space-between}.experience-description{font-size:16px;.{}}.experience-description p{color:var(--primary);padding:8px 0}.experience-description .experience-titles{color:var(--white);font-weight:700}.experience-card{padding:16px;// border: 2px solid #399078;//width: 100%}:root{--primary: #232532;--secondary: #303646;--tertiary: #0d6ca0;--white: #dde0e5;--fuentePrincipal: "Rubik", sans-serif}[data-theme=light]{--primary: #f8f8f8;--secondary: #cccccc;--tertiary: #6ab6d9;--white: #444444;--white2: #dde0e5}body{margin:0;color:var(--white);font-family:Rubik,sans-serif;background-color:var(--primary);transition:background-color .7s ease}html{box-sizing:border-box;color:var(--white)}*,*:after,*:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}img{max-width:100%}a{color:var(--white);font-size:25px;text-decoration:none}