body{background-color:#ede3d5;font-family:Roboto,sans-serif;margin:0}.layout{margin:0 auto;width:100%}.header{align-items:center;background:linear-gradient(to bottom right,#561c24,#3c0b12);box-shadow:0 2px 10px #0000001a;display:flex;height:4rem;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header .logo{color:#ede3d5;font-family:Noto Sans,sans-serif;font-size:1.5rem;font-weight:700;margin:0;padding:0 2rem}.header .menu-toggle{background:none;border:none;color:#ede3d5;cursor:pointer;display:none;padding:.5rem 2rem;transition:color .3s ease;z-index:1001}.header .menu-toggle:hover{color:#c7b7a3}@media (max-width:767px){.header .menu-toggle{display:block}.header nav{background:linear-gradient(180deg,#561c24,#3c0b12);box-shadow:-2px 0 10px #0003;height:auto;max-width:300px;position:fixed;right:-100%;top:4rem;transition:right .3s ease;width:70%}.header nav.nav-open{right:0}}.header nav ul{align-items:center;display:flex;justify-content:center;list-style:none;margin:0;padding:0}@media (max-width:767px){.header nav ul{align-items:flex-start;flex-direction:column;height:100%;padding:2rem 0}}.header nav ul li{margin:0 1rem}@media (max-width:767px){.header nav ul li{border-bottom:1px solid #c7b7a333;margin:0;width:100%}.header nav ul li:last-child{border-bottom:none}}.header nav ul li a{color:#c7b7a3;cursor:pointer;display:block;font-weight:500;padding:.5rem;text-decoration:none;transition:all .3s ease}@media (max-width:767px){.header nav ul li a{font-size:1rem;padding:1rem 2rem}}.header nav ul li a:hover{color:#ede3d5}@media (max-width:767px){.header nav ul li a:hover{background:#ede3d51a}}.header nav ul li a.active{color:#ede3d5;font-weight:600}@media (max-width:767px){.header nav ul li a.active{background:#ede3d526;border-left:4px solid #ede3d5}}.hero{align-items:center;background:linear-gradient(to bottom right,#561c24,#3c0b12);color:#ede3d5;display:flex;justify-content:center;min-height:100vh;padding-top:4rem}.hero .hero-container{margin:0 auto;max-width:1280px;padding:0 1rem;width:100%}.hero .hero-content{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:center}@media (min-width:768px){.hero .hero-content{flex-direction:row;gap:4rem}}.hero .hero-image-wrapper{flex-shrink:0;position:relative}.hero .hero-image-wrapper .hero-image-glow{background:linear-gradient(to bottom right,#c7b7a3,#a69279);border-radius:9999px;filter:blur(2rem);inset:0;opacity:.3;position:absolute}.hero .hero-image-wrapper .hero-image{border:4px solid #c7b7a3;border-radius:9999px;box-shadow:0 25px 50px -12px #00000040;height:16rem;object-fit:cover;position:relative;width:16rem}@media (min-width:768px){.hero .hero-image-wrapper .hero-image{height:20rem;width:20rem}}.hero .hero-text{max-width:36rem;text-align:center}.hero .hero-text .hero-title{text-wrap:balance;font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:768px){.hero .hero-text .hero-title{font-size:4rem}}.hero .hero-text .hero-subtitle{color:#c7b7a3;font-size:2rem;margin-bottom:2rem}@media (min-width:768px){.hero .hero-text .hero-subtitle{font-size:1.5rem}}.hero .hero-text .hero-description{color:#ede3d5cc;font-size:1.125rem;line-height:1.625}.about{overflow:hidden;position:relative}.about .floating-icons{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.about .floating-icons .floating-icon{height:3.125rem;opacity:.5;position:absolute;transition:opacity .3s ease;width:3.125rem}@media (min-width:768px){.about .floating-icons .floating-icon{height:4.375rem;width:4.375rem}}.about .about-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fffffff2;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:800px;padding:3rem;position:relative;width:100%;z-index:2}@media (max-width:767px){.about .about-container{padding:2rem 1.5rem}}.about .about-container h2{color:#3c0b12;font-family:Noto Sans,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}@media (max-width:767px){.about .about-container h2{font-size:2rem}}.about .about-container .about-content{text-align:left}.about .about-container .about-content p{color:#3c0b12d9;font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}@media (max-width:767px){.about .about-container .about-content p{font-size:1rem}}.about .about-container .about-content p:last-child{margin-bottom:0}.skill{align-items:center;background:linear-gradient(180deg,#3c0b12,#561c24);display:flex;justify-content:center;min-height:100vh;padding:5rem 5%}.skill h2{color:#ede3d5;font-family:Noto Sans,sans-serif;font-size:2rem;margin-bottom:2.5rem;text-align:center}@media (min-width:768px){.skill h2{font-size:2.5rem}}.skill .skills-container{display:flex;flex-direction:column;gap:3rem;width:90%}.skill .skill-category .skill-category-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.skill .skill-category .skill-category-header .skill-gradient-line{background:linear-gradient(90deg,#6a3139,#561c24);border-radius:9999px;flex:1 1;height:.25rem}.skill .skill-category .skill-category-header .skill-category-title{color:#ede3d5;font-family:Noto Sans,sans-serif;font-size:1.5rem;font-weight:700;margin:0;white-space:nowrap}@media (min-width:768px){.skill .skill-category .skill-category-header .skill-category-title{font-size:1.75rem}}.skill .skill-category .tech-icons{display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:center}.skill .skill-category .tech-icons .tech-item{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#6a313933;border:1px solid #c7b7a333;border-radius:.75rem;cursor:pointer;height:7.5rem;padding:1.5rem;position:relative;text-align:center;transition:all .3s ease;width:6.875rem}.skill .skill-category .tech-icons .tech-item:hover{background:#6a313966;border-color:#c7b7a399;box-shadow:0 0 30px #c7b7a333;transform:translateY(-.5rem)}.skill .skill-category .tech-icons .tech-item:hover .tech-icon{transform:scale(1.25)}.skill .skill-category .tech-icons .tech-item:hover .tech-name{color:#c7b7a3}.skill .skill-category .tech-icons .tech-item:hover:after{opacity:1}.skill .skill-category .tech-icons .tech-item:after{background:linear-gradient(135deg,#c7b7a300,#c7b7a30d 50%,#c7b7a300);border-radius:.75rem;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s ease}.skill .skill-category .tech-icons .tech-item .tech-icon{display:block;height:4rem;margin:0 auto .75rem;transition:transform .3s ease;width:4rem}.skill .skill-category .tech-icons .tech-item .tech-name{color:#ede3d5;font-size:.875rem;font-weight:600;margin-top:.5rem;text-align:center;transition:color .3s ease}@media (min-width:768px){.skill .skill-category .tech-icons .tech-item .tech-name{font-size:1rem}}.project{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:5rem 0}.project .container{margin:0 auto;max-width:80rem;padding:0 1rem}.project h2{color:#561c24;font-size:2rem;font-weight:700;margin-bottom:4rem;text-align:center}@media (min-width:768px){.project h2{font-size:2.5rem}}.project .projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:1120px}@media (min-width:768px){.project .projects-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}.project .project-card{background-color:#fff;border:none;border-radius:.75rem;box-shadow:0 10px 20px #0000001a;display:flex;flex-direction:column;overflow:hidden;transform-style:preserve-3d;transition:all .1s ease-out;will-change:transform}.project .project-card:hover{box-shadow:0 20px 40px #0003}.project .project-card img{height:12rem;object-fit:cover;transform:translateZ(20px);transition:transform .1s ease-out;width:100%}.project .project-card .content{display:flex;flex:1 1;flex-direction:column;padding:1.5rem;transform:translateZ(40px)}.project .project-card .content h3{color:#561c24;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}@media (min-width:768px){.project .project-card .content h3{font-size:1.875rem}}.project .project-card .content p{color:#3c0b12;font-size:1rem;line-height:1.6;margin-bottom:1rem}@media (min-width:768px){.project .project-card .content p{font-size:1.125rem}}.project .project-card .content .tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project .project-card .content .tags span{background-color:#c7b7a3;border-radius:9999px;color:#561c24;font-size:.875rem;font-weight:500;padding:.4rem .8rem;transform:translateZ(30px)}.project .project-card .content .btn{background-color:#561c24;border-radius:.5rem;color:#ede3d5;display:block;font-weight:600;margin-top:auto;padding:.75rem 0;text-align:center;text-decoration:none;transform:translateZ(50px);transition:background-color .3s ease;width:100%}.project .project-card .content .btn:hover{background-color:#3c0b12}.project .tags-and-button{margin-top:auto}.contact{align-items:center;background:linear-gradient(to bottom right,#561c24,#3c0b12);display:flex;justify-content:center;padding:5rem 0}.contact .container{margin:0 auto;max-width:80rem;padding:0 1rem}.contact .contact-wrapper{margin:0 auto;max-width:75rem}.contact .contact-wrapper .contact-header{margin-bottom:4rem;text-align:center}.contact .contact-wrapper .contact-header h2{color:#ede3d5;font-family:Noto Sans,sans-serif;font-size:1.5rem;margin-bottom:1rem}@media (min-width:768px){.contact .contact-wrapper .contact-header h2{font-size:2.25rem}}.contact .contact-wrapper .contact-header p{color:#c7b7a3;font-size:1.25rem}.contact .contact-wrapper .contact-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.contact .contact-wrapper .contact-grid{grid-template-columns:repeat(3,1fr)}}.contact .contact-wrapper .contact-grid .card{background-color:#ede3d5;border-radius:1rem;box-shadow:0 25px 50px -12px #00000040;display:block;padding:2rem;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.contact .contact-wrapper .contact-grid .card:hover{transform:scale(1.02)}.contact .contact-wrapper .contact-grid .card .icon-box{align-items:center;border-radius:1rem;display:flex;height:4rem;justify-content:center;margin-bottom:1.5rem;transition:transform .3s ease;width:4rem}.contact .contact-wrapper .contact-grid .card .icon-box .icon{height:2rem;width:2rem}.contact .contact-wrapper .contact-grid .card .icon-box.gradient-dark{background:linear-gradient(to bottom right,#561c24,#3c0b12)}.contact .contact-wrapper .contact-grid .card .icon-box.gradient-dark .icon{color:#ede3d5}.contact .contact-wrapper .contact-grid .card .icon-box.dark{background-color:#3c0b12}.contact .contact-wrapper .contact-grid .card .icon-box.dark .icon{color:#ede3d5}.contact .contact-wrapper .contact-grid .card .icon-box.light{background-color:#ede3d5}.contact .contact-wrapper .contact-grid .card .icon-box.light .icon{color:#561c24}.contact .contact-wrapper .contact-grid .card h3{color:#3c0b12;font-family:Noto Sans,sans-serif;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.contact .contact-wrapper .contact-grid .card p{color:#6a3139;font-size:1rem;margin-bottom:0}@media (min-width:768px){.contact .contact-wrapper .contact-grid .card.email-card{grid-column:span 2}}.contact .contact-wrapper .contact-grid .card.email-card{align-items:flex-start;display:flex;gap:1.5rem}@media (min-width:768px){.contact .contact-wrapper .contact-grid .card.email-card{padding:3rem}}.contact .contact-wrapper .contact-grid .card.email-card .icon-box{flex-shrink:0}@media (min-width:768px){.contact .contact-wrapper .contact-grid .card.email-card .icon-box{height:5rem;width:5rem}.contact .contact-wrapper .contact-grid .card.email-card .icon-box .icon{height:2.5rem;width:2.5rem}}.contact .contact-wrapper .contact-grid .card.email-card .card-content{flex:1 1}.contact .contact-wrapper .contact-grid .card.email-card .card-content h3{font-size:1.5rem;margin-bottom:.75rem}.contact .contact-wrapper .contact-grid .card.email-card .card-content p{margin-bottom:1rem}.contact .contact-wrapper .contact-grid .card.email-card .card-content .contact-link{align-items:center;color:#561c24;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.5rem;text-decoration:none;transition:color .3s ease}.contact .contact-wrapper .contact-grid .card.email-card .card-content .contact-link:hover{color:#3c0b12}.contact .contact-wrapper .contact-grid .card.email-card .card-content .contact-link:hover .send-icon{transform:translateX(.25rem)}.contact .contact-wrapper .contact-grid .card.email-card .card-content .contact-link .send-icon{height:1.25rem;transition:transform .3s ease;width:1.25rem}.contact .contact-wrapper .contact-grid .card.location-card{background:linear-gradient(to bottom right,#c7b7a3,#a69279)}.contact .contact-wrapper .contact-grid .card.location-card h3,.contact .contact-wrapper .contact-grid .card.location-card p{color:#3c0b12}.contact .contact-wrapper .contact-grid .card.location-card p{font-size:1.125rem;font-weight:600}.contact .contact-wrapper .contact-grid .card.linkedin-card{background:linear-gradient(to bottom right,#6a3139,#561c24);cursor:pointer}.contact .contact-wrapper .contact-grid .card.linkedin-card h3{color:#ede3d5}.contact .contact-wrapper .contact-grid .card.linkedin-card p{color:#c7b7a3}.contact .contact-wrapper .contact-grid .card.linkedin-card:hover .icon-box{transform:scale(1.1)}.contact .contact-wrapper .contact-grid .card.github-card{background:linear-gradient(to bottom right,#3c0b12,#561c24);cursor:pointer}.contact .contact-wrapper .contact-grid .card.github-card h3{color:#ede3d5}.contact .contact-wrapper .contact-grid .card.github-card p{color:#c7b7a3}.contact .contact-wrapper .contact-grid .card.github-card:hover .icon-box{transform:scale(1.1)}.contact .contact-wrapper .contact-grid .card.cv-card{border:4px solid #c7b7a3}.contact .contact-wrapper .contact-grid .card.cv-card p{margin-bottom:1.5rem}.contact .contact-wrapper .contact-grid .card.cv-card .btn{background-color:#561c24;border-radius:.5rem;color:#ede3d5;display:block;font-size:1.125rem;font-weight:700;padding:1rem 0;text-align:center;text-decoration:none;transition:background-color .3s ease;width:100%}.contact .contact-wrapper .contact-grid .card.cv-card .btn:hover{background-color:#3c0b12}html{scroll-behavior:smooth}section{align-items:center;display:flex;font-size:2rem;justify-content:center;min-height:-webkit-fit-content;min-height:fit-content;padding:4rem 2rem}section#hero{min-height:70vh}section#about{min-height:80vh;padding:4rem 2rem}section#skills{background-color:#561c24;color:#ede3d5;display:flex;flex-direction:column;justify-content:center}section#contact,section#proyects,section#skills{min-height:auto}section:nth-child(2n){background-color:#f5f5f5}
/*# sourceMappingURL=main.2f7bee2b.css.map*/