body{margin:0;padding:0;font-family:system-ui,sans-serif}.background-div{background-color:#f6f6f6;min-height:100vh;display:flex;justify-content:center}.content-div{background-color:#fff;min-height:100vh;width:90%;padding:0 20px;color:#000;box-sizing:border-box;border-left:2px solid #e7e6e6;border-right:2px solid #e7e6e6}body.dark-mode{background-color:#121212;color:#fff}body.dark-mode .background-div{background-color:#1e1e1e}body.dark-mode .content-div{background-color:#2c2c2c;color:#fff;border-left:2px solid #3a3a3a;border-right:2px solid #3a3a3a}body.dark-mode .navbar{background-color:#2c2c2c;box-shadow:0 0 10px #ffffff0d}body.dark-mode .navbar a{color:#fff}body.dark-mode .navbar a.active{color:#d4af37}.nav-header{display:flex;align-items:center;justify-content:space-between;padding:2rem 3rem;position:relative;padding-top:30px;flex-wrap:wrap;transition:backdrop-filter .3s ease;z-index:100}.nav-header.blurred:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#0003;z-index:999}body.dark-mode .logo{background-color:#42414170}.navbar-desktop{display:flex;gap:2rem;background-color:#fff;padding:.8rem 1.5rem;border-radius:20px;box-shadow:0 0 10px #0000001a;position:absolute;left:50%;transform:translate(-50%);z-index:1}.navbar-desktop a{text-decoration:none;color:#333;font-weight:500;font-size:.9rem;transition:color .3s ease}.navbar-desktop a:hover{color:#d4af37}.navbar-desktop a.active{color:#d4af37;font-weight:700}.dark-toggle{background-color:#fff;color:#333;border:none;font-size:1.5rem;padding:.5rem;border-radius:20px;box-shadow:0 0 10px #0000001a;cursor:pointer;transition:background .3s ease,color .3s ease;display:flex;align-items:center;justify-content:center;width:35px;height:35px}.dark-toggle:hover{background-color:#f0f0f0}.dark-toggle.dark{background-color:#1e1e1e;color:#fff;box-shadow:0 0 10px #ffffff1a}.dark-toggle.dark:hover{background-color:#2c2c2c}.menu-toggle{display:none;background-color:#fff;color:#333;padding:.5rem 1rem;border:none;border-radius:20px;font-weight:700;cursor:pointer;z-index:1001;position:relative;box-shadow:0 0 10px #0000001a;transition:background .3s ease}.menu-toggle:after{content:"▾";font-size:.8rem;margin-left:8px;vertical-align:middle;color:#888}.navbar-mobile{display:none;flex-direction:column;gap:1rem;background-color:#fff;padding:1.5rem;border-radius:20px;box-shadow:0 0 15px #00000026;position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:1000;transition:all .3s ease}.navbar-mobile.open{display:flex}.navbar-mobile a{text-decoration:none;color:#333;font-weight:500;font-size:.9rem;transition:color .3s ease}.navbar-mobile a:hover{color:#d4af37}.navbar-mobile a.active{color:#d4af37;font-weight:700}@media (max-width: 768px){.navbar-desktop{display:none}.menu-toggle{display:block}}body.dark-mode .navbar-desktop,body.dark-mode .navbar-mobile{background-color:#1e1e1e;box-shadow:0 0 15px #ffffff0d}body.dark-mode .navbar-desktop a,body.dark-mode .navbar-mobile a{color:#fff}body.dark-mode .navbar-desktop a:hover,body.dark-mode .navbar-mobile a:hover,body.dark-mode .navbar-desktop a.active,body.dark-mode .navbar-mobile a.active{color:#d4af37}body.dark-mode .navbar-mobile{background-color:#1e1e1e;box-shadow:0 0 15px #ffffff0d}body.dark-mode .navbar-mobile a{color:#fff}body.dark-mode .navbar-mobile a:hover{color:#d4af37}body.dark-mode .navbar-mobile a.active{color:#d4af37;font-weight:700}body.dark-mode .menu-toggle{background-color:#1e1e1e;color:#fff;box-shadow:0 0 10px #ffffff0d}header-container{padding:40px 3rem;max-width:800px;margin:0 auto;word-wrap:break-word;overflow-x:hidden;display:flex;flex-direction:column;align-items:flex-start}.logo{background-color:#f6f6f6;transition:background-color .3s ease;border-radius:30%;display:flex;align-items:center;justify-content:center;width:60px;height:60px}.image-row{display:flex;align-items:center;gap:2rem;max-width:100%;margin:3rem 0;padding:0 2rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.image-row img{width:180px;height:180px;border-radius:50%;object-fit:cover;transition:transform .3s ease;flex-shrink:0;scroll-snap-align:center}.image-row img:hover{transform:scale(1.05)}@media (max-width: 768px){.image-row{gap:1.5rem;padding:0 1rem}.image-row img{width:150px;height:150px}}.header-container h1{font-size:42px;color:#333;margin:0;padding-top:10px;overflow-wrap:break-word;word-wrap:break-word}p{color:#666;font-size:1rem;margin-top:14px;line-height:1.5;overflow-wrap:break-word;word-wrap:break-word;max-width:600px}.highlight{color:#555;font-weight:700}body.dark-mode h1{color:#f2f2f2}body.dark-mode p{color:#ccc}body.dark-mode .highlight{color:#fff}.social-icons{margin-top:20px;display:flex;gap:20px}.social-icons a{font-size:28px;color:#888;transition:color .3s ease}.social-icons a:hover{color:#d4af37}.image-row{display:flex;gap:10px;margin:40px auto;overflow-x:auto;padding:0 20px 40px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;max-width:1200px;justify-content:center}.image-row::-webkit-scrollbar{display:none}.image-row img{height:350px;width:300px;border-radius:12px;object-fit:cover;flex-shrink:0;scroll-snap-align:center}@media (max-width: 767px){.header-container{padding-left:1rem;padding-top:20px}.logo{width:50px;height:50px;margin-right:200px}.logo img{width:100px;height:100px}.header-container h1{font-size:28px;padding-left:10px}p{font-size:.9rem;max-width:90%}.social-icons{gap:15px;padding-right:105px}.social-icons a{font-size:24px}.image-row{display:flex;gap:15px;margin-top:20px;width:100%;overflow-x:auto;padding:0 10px;justify-content:flex-start;scroll-snap-type:x mandatory}.image-row img{height:250px;width:200px;border-radius:12px;object-fit:cover;flex-shrink:0;scroll-snap-align:start}}body{overflow-x:hidden}.work-card{border:1px solid #ccc;border-radius:12px;padding:40px 3rem;margin:15px auto 0;max-width:350px;background-color:#fff;transition:background-color .3s ease,color .3s ease;color:#333}body.dark-mode .work-card{background-color:#1e1e1e;color:#f2f2f2;border-color:#444}.work-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.work-icon{font-size:24px;color:#888}body.dark-mode .work-icon{color:#bbb}.work-header h2{margin:0;font-size:14px}.work-content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.work-left{display:flex;align-items:center;flex:1}.work-left div{display:flex;flex-direction:column;justify-content:center;margin-left:10px}.company-logo{width:36px;height:36px;border-radius:50%;object-fit:cover}.company-name{font-weight:500;display:block;color:#333}body.dark-mode .company-name{color:#f2f2f2}.job-title{font-size:.85rem;margin-top:2px;color:#666}body.dark-mode .job-title{color:#ccc}.work-duration{color:#888;font-size:.9rem;margin-left:10px}body.dark-mode .work-duration{color:#bbb}.download-btn{margin-top:12px;display:inline-block;width:100%;max-width:300px;padding:8px 16px;background-color:#f6f6f6;color:#000;font-weight:500;border-radius:6px;text-decoration:none;font-size:.9rem;text-align:center;transition:background-color .3s ease}.download-btn:hover{background-color:#e2e1e1}body.dark-mode .download-btn{background-color:#333;color:#f2f2f2}body.dark-mode .download-btn:hover{background-color:#444}@media (max-width: 767px){.work-card{max-width:800px;margin:40px auto 0 10px;padding:12px}.work-content{flex-direction:column;align-items:flex-start;text-align:left}.work-left{margin-bottom:10px}.company-logo{margin-right:0;margin-bottom:8px}.download-btn{width:90%;max-width:90%}}.footer-container{display:flex;justify-content:space-between;align-items:center;padding:60px 40px 80px;background-color:#fff;color:#333;box-sizing:border-box;margin-top:90px;position:relative}.footer-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-color:#f0e9e9}.footer-links{display:flex;gap:20px}.footer-links a{text-decoration:none;color:#333;font-weight:500;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:#f90}.footer-copyright{color:#aaa;font-size:.9rem}@media (max-width: 768px){.footer-container{flex-direction:column;align-items:center;text-align:center;gap:12px}.footer-links{justify-content:center;flex-wrap:wrap}.footer-copyright{margin-top:10px}}body.dark-mode .footer-container{background-color:#2c2c2c;color:#f0f0f0}body.dark-mode .footer-container:before{background-color:#333}body.dark-mode .footer-links a{color:#f0f0f0}body.dark-mode .footer-links a:hover{color:#f90}body.dark-mode .footer-copyright{color:#bbb}.app-container{width:100%;min-height:100vh;background-color:#f2f2f2;display:flex;flex-direction:column;align-items:center}:root{--background-light: #fff;--text-light: #333;--link-light: #666;--highlight-light: #d4af37}body{background-color:var(--background-light);color:var(--text-light)}.header-container{padding:40px 3rem 0;max-width:1200px;margin:0 auto}.header-content{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap}.text-content{flex:1;min-width:300px}.logo{background-color:#f6f6f6;border-radius:30%;display:flex;align-items:center;justify-content:center;width:60px;height:60px;transition:background-color .3s ease}h1{font-size:42px;color:var(--text-light);margin:10px 0 0}p{color:var(--link-light);font-size:1rem;margin-top:14px;line-height:1.5}.photo-container img{margin-top:90px;width:270px;height:auto;border-radius:12px;object-fit:cover;box-shadow:0 4px 16px #0000001a}.skills-icons{display:flex;gap:20px;margin-top:20px;flex-wrap:wrap}.skills-icons svg{font-size:2.2rem;color:var(--link-light);transition:color .3s ease;cursor:pointer}.skills-icons svg:hover{color:var(--highlight-light)}.contact-info{margin-top:40px;display:flex;flex-direction:column;gap:12px;color:var(--link-light);font-size:.95rem}.contact-row{display:flex;align-items:center;gap:10px;color:var(--link-light);transition:color .3s ease}.contact-row svg{font-size:1.3rem}.contact-row:hover{color:var(--highlight-light)}.contact-space{height:14px}.contact-row a{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px;font-size:.95rem;transition:color .3s ease}.contact-row a:hover{color:var(--highlight-light)}.skills-title,.titulo,.header-container .unico{font-size:1.5rem;margin-top:40px;font-weight:400;color:#333}body.dark{--text-light: #ffffff}body.dark .contact-row a{color:#fff}body.dark .contact-row a:hover{color:#d4af37}@media (max-width: 768px){.header-container{padding:30px 1rem 0;display:flex;flex-direction:column;align-items:center}.header-content{flex-direction:column;align-items:center;text-align:center;width:100%}.text-content{text-align:center;width:100%;max-width:100%}.header-container h1{font-size:28px;padding-right:30px}.photo-container{display:flex;justify-content:center;width:100%}.photo-container img{width:180px;margin-top:20px;margin-right:30px}.skills-icons{justify-content:center;padding-right:40px}.header-container .unico{padding-right:60px;font-size:22px}.contact-info{align-items:center;text-align:center;width:100%}.contact-row{justify-content:center}}.services-section{padding:40px 3rem;max-width:100%;word-wrap:break-word;overflow-x:hidden}.services-logo-wrapper{background-color:#f6f6f6;transition:background-color .3s ease;border-radius:50%;display:flex;align-items:center;justify-content:center;width:60px;height:60px}.services-logo{width:120px;height:120px;border-radius:50%;object-fit:cover}body.dark-mode .services-logo-wrapper{background-color:#3a3a3a}body.dark-mode .services-logo{filter:brightness(.8)}.services-heading{font-size:42px;color:#333;margin:0;padding-top:10px;overflow-wrap:break-word}.services-text{color:#666;font-size:1rem;margin-top:14px;line-height:1.5;overflow-wrap:break-word;max-width:600px}.services-accent{color:#555;font-weight:700}body.dark-mode .services-heading{color:#f2f2f2}body.dark-mode .services-text{color:#ccc}.project-card{background-color:#f6f6f6;border-radius:12px;padding:1.5rem;box-shadow:0 4px 12px #0000000d;transition:transform .3s ease;margin-top:30px;box-sizing:border-box;height:320px;max-width:calc(33.333% - 2rem);display:flex;flex-direction:column;justify-content:space-between}.project-card:hover{transform:translateY(-4px);background-color:#f5eeee}.project-title{font-size:16px;margin:0 0 .5rem}.project-summary{font-size:1rem;color:#444;margin-bottom:1rem;line-height:1.4;flex-grow:1}.project-link{font-weight:700;color:#a09f9f;text-decoration:none;font-size:14px}.project-link:hover{color:#d4af37}body.dark-mode .project-card{background-color:#2d2d2d}body.dark-mode .project-title{color:#f2f2f2}body.dark-mode .project-summary{color:#ccc}body.dark-mode .project-link{color:#fff}body.dark-mode .project-link:hover{color:#d4af37}.projects-wrapper{display:flex;flex-wrap:wrap;gap:2rem;margin-top:40px;justify-content:space-between}@media (max-width: 600px){.projects-wrapper{flex-direction:column;align-items:center}.project-card{width:95%;max-width:95%;height:auto;padding:1rem}.services-heading{font-size:28px}.services-text{font-size:.95rem;max-width:90%}.project-title{font-size:14px}.project-summary{font-size:.9rem}.project-link{font-size:13px}}