:root{--navy:#07142c;--navy2:#0c1c39;--blue:#006dff;--sky:#20b1ff;--ink:#0c1933;--panel:#eaf0fa;--border:#cfddf3;--white:#fff;--font:'Poppins',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:75px}body{margin:0;color:var(--ink);font:400 14px/1.48 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(88%,1120px);margin-inline:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon,.brand-icon{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.topbar{height:56px;background:radial-gradient(ellipse at 25% 10%,#152e55e6 0%,transparent 60%),#07142ce6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:white;position:relative;z-index:10}.nav-wrap{width:min(90%,1140px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:16px;font-size:22px;font-weight:400;letter-spacing:-.5px;white-space:nowrap}.brand-icon{color:#25b8ff;width:38px;height:38px;stroke-width:2.3}.main-nav{display:flex;gap:34px;align-items:center}.main-nav a{font-family:var(--font);font-weight:400;font-size:13px;color:#f8faff;transition:color .2s}.main-nav a:hover{color:#24b7ff}.menu-toggle{display:none;background:none;border:0;color:white;cursor:pointer}.hero{height:311px;position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 94% 108%,#064e9e 0,transparent 28%),linear-gradient(120deg,#132c52,#08152d 67%)}.hero:after{content:"";position:absolute;right:-140px;bottom:-208px;height:285px;width:330px;transform:rotate(-37deg);border:1px solid #1676ed;border-radius:43px;background:linear-gradient(90deg,transparent 25%,#006de36b);pointer-events:none}.hero-photo{position:absolute;inset:0 auto 0 0;width:43.46%;background:#091a35 url('assets/nicolas-hero-hd.webp') center top/cover no-repeat}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,#091a35a8)}.hero-slice{position:absolute;top:-270px;left:16%;width:35%;height:365px;transform:rotate(29deg);border-bottom:1px solid #14a3f5;border-radius:0 0 65% 0;background:linear-gradient(135deg,#0c1a37bb,#0a3c77aa);pointer-events:none}.hero-content{height:100%;position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end}.hero-copy{width:54%;padding-bottom:2px}.blue-line{display:block;width:45px;height:4px;border-radius:4px;background:linear-gradient(90deg,#05bafa,#0664ff);margin-bottom:15px}.hero h1{font-size:clamp(24px,3.12vw,38px);line-height:1.14;letter-spacing:.2px;margin:0 0 13px;font-weight:700}.hero h1 em{font-style:normal;color:#16a9fc}.hero p{font-size:14px;line-height:1.53;max-width:530px;margin:0 0 18px}.hero-actions{display:flex;gap:20px}.btn{min-height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:8px 28px;font-weight:500;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn .icon{width:24px;height:24px}.btn-primary{background:linear-gradient(180deg,#128fffc4,#0058f4a8);border:1px solid #2499ffa6;color:white;box-shadow:0 4px 14px #0054c22e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.btn-primary:hover{background:linear-gradient(180deg,#2a9dffdb,#0a63ffc2);border-color:#5fb4ff;box-shadow:0 7px 20px #007aff45}.btn-outline{border:1px solid #c8d8f3;color:white;background:#08162b5b}.btn-outline:hover{background:#143962}.content-background{background:radial-gradient(ellipse at 16% 17%,#edf2fa 0,transparent 34%),radial-gradient(ellipse at 87% 61%,#edf3fc 0,transparent 33%),#fbfcff;padding:26px 0 42px}.section+.section{margin-top:35px}.section-heading{display:flex;align-items:center;gap:19px;margin-bottom:18px}.section-icon,.job-icon,.timeline-icon{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#eff5fe,#dce9fa);color:#0069ff;border-radius:16px}.section-icon{height:52px;width:54px}.section-icon .icon{width:30px;height:30px}.section-heading h2{font-size:27px;font-weight:700;letter-spacing:-.8px;line-height:1.1;margin:0 0 10px}.small-line{height:3px;width:36px;display:block;background:#087cff;border-radius:3px}.glass-panel{border:1px solid var(--border);background:linear-gradient(145deg,#f2f6fd,#e5edfa 100%);border-radius:15px}.about-panel{padding:16px 43px 17px}.about-panel p{font-size:13.5px;line-height:1.52;margin:0}.about-panel p+p{margin-top:10px}.tech-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.tech-card{height:100px;border:1px solid #d6e1f4;border-radius:15px;background:linear-gradient(145deg,#f3f7fd,#e8eff9);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;font-size:16px;font-weight:400;transition:transform .2s,box-shadow .2s}.tech-card:hover{transform:translateY(-4px);box-shadow:0 7px 20px #0b3c891a}.tech-card img{height:52px;width:54px;object-fit:contain}.experience-section{margin-top:41px!important}.experience-panel{overflow:hidden}.job-header{min-height:68px;display:flex;align-items:center;gap:35px;padding:9px 23px;background:linear-gradient(90deg,#f1f5fc,#e5edfa)}.job-company{display:flex;align-items:center;gap:21px;min-width:215px}.job-icon{width:55px;height:52px}.job-icon .icon{width:31px;height:31px}.job-company h3{font-size:22px;margin:0;letter-spacing:-.6px}.job-company h3 span{display:block;font-size:.6em;font-weight:400;letter-spacing:0;line-height:1.25;margin-top:2px;color:#23406b}.job-divider{width:1px;height:34px;background:#b4c7e5}.job-role{font-size:15px;font-weight:700;white-space:nowrap}.job-date{margin-left:auto;display:flex;align-items:center;gap:10px;border-radius:16px;padding:8px 16px;background:#d7e6fb;color:#123264;white-space:nowrap;font-size:12px;font-weight:400}.job-date .icon{width:21px;height:21px;color:#0057c8}.timeline{display:flex;gap:20px;padding:15px 26px 21px 49px}.timeline-rail{width:28px;display:flex;flex-direction:column;justify-content:space-around;align-items:center;position:relative;flex-shrink:0}.timeline-rail:before{content:"";position:absolute;z-index:0;top:25px;bottom:25px;width:2px;background:#006aff}.timeline-rail span{width:17px;height:17px;border-radius:50%;border:3px solid #0068ff;background:#f4f8ff;z-index:1}.timeline-items{flex:1;display:flex;flex-direction:column;gap:8px}.timeline-card{min-height:61px;display:flex;align-items:center;gap:20px;border-radius:14px;background:linear-gradient(105deg,#eff4fc,#e1eaf7);padding:6px 12px}.timeline-icon{width:60px;height:52px;flex-shrink:0;border-radius:12px}.timeline-icon .icon{height:29px;width:29px}.timeline-card h4{margin:0;font-size:14.5px;font-weight:700;line-height:1.4}.timeline-card p{font-size:12px;line-height:1.4;margin:1px 0 0;color:#193154}.footer{background:radial-gradient(ellipse at 37% 0%,#152e57e6,#08152ee6 75%);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:-255px;left:-130px;width:250px;height:390px;transform:rotate(35deg);background:linear-gradient(90deg,transparent,#0067bd7a);border-right:1px solid #168dfa}.footer:after{content:"";position:absolute;bottom:-230px;right:-205px;width:360px;height:325px;transform:rotate(-29deg);border-top:1px solid #0d8eff;background:linear-gradient(#0b74da70,transparent)}.footer-inner{position:relative;z-index:1;padding-top:29px}.contact-intro{display:flex;align-items:center;gap:28px;max-width:780px;margin:0 auto}.handshake-icon{width:67px;height:64px;border:1px solid #385985;background:linear-gradient(145deg,#1c3c66,#14233f);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#1fb4ff}.handshake-icon .icon{width:42px;height:42px}.contact-divider{width:1px;height:66px;background:#436494}.contact-intro h2{font-size:25px;letter-spacing:-.6px;margin:0 0 2px}.contact-intro p{margin:0;font-size:14px;line-height:1.55}.footer-contact{margin-left:auto;min-width:194px}.socials{display:flex;justify-content:center;gap:20px;margin:25px auto 23px}.social-button{width:162px;height:44px;border:1px solid #a5caf6;border-radius:10px;display:flex;justify-content:center;align-items:center;gap:14px;font-size:13px;font-weight:400;transition:background .2s,transform .2s}.social-button:hover{background:#1a3e6b;transform:translateY(-2px)}.social-symbol.linkedin{background:#0a85c6;font-size:18px;font-weight:700;border-radius:2px;width:24px;height:24px;line-height:24px;text-align:center}.social-icon,.gmail-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.gmail-icon img{display:block;width:22px;height:auto}.whatsapp-icon{width:25px;height:25px;display:block}.footer-bottom{border-top:1px solid #42618e;display:flex;justify-content:space-between;align-items:center;min-height:55px;gap:18px}.footer-brand{display:inline-block;font-weight:400;font-size:15px}.footer-bottom small{font-size:10px}.toast{position:fixed;bottom:20px;right:20px;max-width:min(400px,calc(100vw - 40px));padding:12px 18px;border-radius:10px;background:#0a2246;color:#fff;box-shadow:0 8px 30px #0004;font-size:13px;z-index:100;opacity:0;pointer-events:none;transform:translateY(15px);transition:all .2s}.toast.show{opacity:1;transform:translateY(0)}
@media(min-width:1250px){.hero{height:355px}.hero-photo{width:43%}.hero-copy{width:53%}.hero h1{font-size:36px}.hero p{font-size:15px}.content-background{padding-top:33px;padding-bottom:47px}.section+.section{margin-top:42px}.tech-card{height:112px}.timeline-card{min-height:68px}}
@media(max-width:900px){.container{width:90%}.hero-copy{width:56%}.hero h1{font-size:clamp(22px,3vw,27px)}.hero p{font-size:12px}.hero-actions{gap:8px}.btn{padding:8px 16px;font-size:12px}.main-nav{gap:18px}.job-header{gap:15px}.job-company{min-width:auto;gap:9px}.job-company h3{font-size:19px}.job-date{padding:7px;font-size:11px}.job-role{font-size:13px}.contact-intro{gap:15px}.footer-contact{min-width:155px}}
@media(max-width:650px){.topbar{height:62px}.nav-wrap{width:90%}.brand{font-size:18px;gap:9px}.brand-icon{width:31px;height:31px}.menu-toggle{display:flex;align-items:center;justify-content:center}.main-nav{display:none;position:absolute;top:62px;left:0;right:0;padding:16px 6%;background:#08172e;flex-direction:column;gap:0;box-shadow:0 10px 16px #0003}.main-nav.open{display:flex}.main-nav a{padding:12px;width:100%;text-align:center}.hero{height:auto;min-height:570px;display:flex;flex-direction:column}.hero-photo{position:relative;width:100%;height:265px}.hero-photo:after{background:linear-gradient(0deg,#09172b 0%,transparent 48%)}.hero-slice{display:none}.hero-content{height:auto;display:block;padding-top:4px;padding-bottom:30px}.hero-copy{width:100%}.hero h1{font-size:clamp(24px,6vw,34px)}.hero-break{display:none}.hero p{font-size:13px}.hero-actions{flex-wrap:wrap;gap:12px}.btn{font-size:13px}.content-background{padding:25px 0 40px}.section+.section{margin-top:33px}.section-heading{gap:13px;margin-bottom:16px}.section-heading h2{font-size:23px}.section-icon{width:47px;height:47px;border-radius:13px}.about-panel{padding:20px}.about-panel p{font-size:13px}.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tech-card{height:99px;font-size:14px}.tech-card img{height:50px}.job-header{flex-wrap:wrap;gap:10px;padding:12px}.job-company{flex:1 1 100%}.job-divider{display:none}.job-role{margin-left:5px}.job-date{margin-left:auto}.timeline{padding:14px 11px 17px 11px;gap:9px}.timeline-rail{width:20px}.timeline-rail span{height:13px;width:13px}.timeline-card{gap:10px;padding:9px}.timeline-icon{width:40px;height:43px}.timeline-icon .icon{width:23px;height:23px}.timeline-card h4{font-size:12px}.timeline-card p{font-size:11px}.footer-inner{padding-top:28px}.contact-intro{flex-wrap:wrap;gap:15px}.handshake-icon{width:53px;height:53px}.contact-divider{height:56px}.contact-intro h2{font-size:20px}.contact-intro p{font-size:12px}.footer-contact{margin-left:0;width:100%}.socials{gap:8px;flex-wrap:wrap;margin:22px 0}.social-button{width:auto;flex:1 1 110px;min-width:105px;padding:0 10px;gap:7px;font-size:12px}.footer-bottom{padding:14px 0;flex-direction:column;justify-content:center;gap:7px}.desktop-only{display:none}}
@media(max-width:385px){.job-date{margin-left:4px}.hero-actions .btn{flex:1 1 100%}.timeline-card h4{font-size:11px}.timeline-card p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

 
/* =======================================================
   REDISEÑO MINIMALISTA — OPCIÓN 5
   Preserva textos, enlaces, rutas e interacciones originales.
   ======================================================= */
:root{--navy:#101f3c;--navy2:#1d2d4a;--blue:#0969e9;--sky:#4b9df5;--ink:#142241;--panel:#f7faff;--border:#e0e9f5}
html{scroll-padding-top:96px}
body{background:#f6f9ff;color:var(--ink);font-size:14px;line-height:1.65}
.container{width:min(90%,1130px)}
.topbar{height:88px;position:relative;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--navy);z-index:20}
.nav-wrap{width:min(92%,1175px);height:58px;position:relative;top:16px;padding:0 32px;border:1px solid #e4eaf4;border-radius:24px;background:rgba(255,255,255,.90);box-shadow:0 9px 30px #264c8710}
.brand{font-size:21px;font-weight:700;letter-spacing:-.55px;gap:0}
.brand-icon{display:none}
.main-nav{gap:36px}.main-nav a{color:#15223e;font-size:13px;font-weight:500}.main-nav a:hover{color:var(--blue)}
.hero{height:auto;min-height:390px;overflow:visible;color:var(--ink);background:transparent}
.hero:after{right:-130px;bottom:-32px;width:340px;height:240px;transform:rotate(-38deg);border:0;background:#dbe9ff70;border-radius:100px;z-index:0;overflow:hidden}
.hero-photo{top:18px;bottom:auto;left:max(5%,calc((100% - 1130px)/2));width:min(32%,390px);height:345px;border-radius:34px;background-color:#d9e6f7;background-position:center top;background-size:cover;box-shadow:0 15px 42px #355b8b1a;z-index:2}
.hero-photo:after{display:none}.hero-slice{display:none}
.hero-content{min-height:390px;justify-content:flex-end}
.hero-copy{width:55%;padding:12px 0 26px;z-index:3}
.blue-line{display:none}
.hero h1{font-size:clamp(26px,3.1vw,40px);letter-spacing:-1.45px;line-height:1.15;margin-bottom:18px;color:#101f3c}
.hero h1 em{color:var(--blue)}
.hero p{font-size:14px;line-height:1.75;max-width:630px;margin-bottom:24px;color:#3d4b67}
.hero-actions{gap:14px}
.btn{min-height:47px;border-radius:11px;padding:9px 23px;font-size:13px;gap:10px;box-shadow:none}
.btn .icon{width:20px;height:20px}
.btn-primary{background:#e9f1fe;border:1px solid #d7e5fb;color:#075985;box-shadow:0 7px 18px rgba(29,78,137,.08)}
.btn-primary:hover{background:#dceaff;border-color:#c5daf7;box-shadow:0 8px 20px rgba(29,78,137,.12)}
.btn-outline{color:#152742;border:1px solid #b8c8df;background:#ffffffbd}
.btn-outline:hover{background:#edf4ff}
.content-background{background:transparent;padding:12px 0 46px}
.section+.section{margin-top:34px}
.section-heading{gap:13px;margin-bottom:16px}
.section-icon{width:46px;height:46px;border-radius:14px;background:#e9f1fe;color:#0872f2}
.section-icon .icon{width:26px;height:26px}
.section-heading h2{font-size:27px;letter-spacing:-.9px;margin-bottom:8px}
.small-line{height:3px;width:30px;background:#1375eb}
.glass-panel{border:1px solid #e1e9f5;background:rgba(255,255,255,.80);border-radius:23px;box-shadow:0 14px 36px #294b7b0b}
.about-panel{padding:30px 36px}
.about-panel p{font-size:13.5px;line-height:1.76;color:#34445e}
.about-panel p+p{margin-top:13px}
.tech-grid{gap:12px}
.tech-card{height:105px;border:1px solid #e0e9f5;border-radius:18px;background:rgba(255,255,255,.80);box-shadow:0 10px 26px #294b7b09;font-size:14px;font-weight:500;gap:5px}
.tech-card img{width:47px;height:47px}
.experience-section{margin-top:37px!important}
.experience-panel{border-radius:23px}
.job-header{min-height:87px;background:transparent;gap:26px;padding:18px 24px}
.job-icon,.timeline-icon{border-radius:13px;background:#e9f2ff}
.job-icon{width:52px;height:52px}
.job-company h3{font-size:20px}
.job-company h3 span{color:#5d708c}
.job-divider{background:#d4dfed}
.job-role{color:#213350;font-size:14px}
.job-date{background:#edf4ff;color:#3b5a84;border-radius:24px;padding:9px 15px}
.timeline{padding:4px 24px 23px 35px;gap:24px}
.timeline-rail:before{background:#1e78ee}
.timeline-rail span{background:#fff}
.timeline-items{gap:8px}
.timeline-card{background:#f3f7fd;border-radius:15px;min-height:68px;padding:10px 13px}
.timeline-icon{width:51px;height:47px}
.timeline-card h4{font-size:14px}
.timeline-card p{color:#53657e;font-size:12px;line-height:1.5}
.footer{color:var(--ink);background:#f6f9ff;backdrop-filter:none;-webkit-backdrop-filter:none;overflow:visible;padding:0 0 8px}
.footer:before,.footer:after,.footer-glow{display:none}
.footer-inner{padding-top:0}
.contact-intro{max-width:none;display:flex;justify-content:center;align-items:center;text-align:center;gap:32px;border:1px solid #e0e9f5;border-radius:25px 25px 0 0;border-bottom:0;background:rgba(255,255,255,.72);padding:32px 36px 11px;margin:0}
.contact-copy{flex:1;min-width:0}
.contact-intro h2{font-size:27px;letter-spacing:-.9px;line-height:1.2;color:#142241;margin-bottom:8px}
.contact-intro p{font-size:13px;color:#5d6c82;line-height:1.6}
.footer-contact{min-width:170px;margin-left:0}
.socials{justify-content:center;flex-wrap:wrap;margin:0;padding:6px 36px 30px;gap:12px;background:rgba(255,255,255,.72);border:1px solid #e0e9f5;border-top:0;border-radius:0 0 25px 25px}
.social-button{width:auto;min-width:140px;height:43px;border:1px solid #d5e1ef;border-radius:11px;padding:0 18px;gap:10px;background:#fff;font-size:12px;font-weight:500}
.social-button:hover{background:#eff6ff;transform:translateY(-2px)}
.footer-bottom{margin-top:22px;min-height:50px;border-top:1px solid #cfdbeb;color:#53647d;justify-content:center;text-align:center}
.footer-brand{font-weight:500;font-size:14px;color:#233753}
.footer-bottom small{font-size:11px}
@media(max-width:1000px){.hero-photo{width:34%;height:320px}.hero-content{min-height:355px}.hero-copy{width:60%}.hero h1{font-size:clamp(24px,3vw,33px)}.hero p{font-size:12.5px}.nav-wrap{padding:0 23px}.main-nav{gap:22px}.job-header{gap:13px}.job-role{white-space:normal}}
@media(max-width:700px){.topbar{height:80px}.nav-wrap{height:56px;top:10px;padding:0 17px;width:92%;border-radius:17px}.brand{font-size:18px}.menu-toggle{display:flex;color:#142241}.main-nav{top:68px;left:4%;right:4%;border-radius:14px;background:#fff;box-shadow:0 12px 24px #233b6020;border:1px solid #e0e9f5}.main-nav a{color:#142241}.hero{min-height:0;display:flex;flex-direction:column}.hero-photo{position:relative;left:auto;top:auto;width:min(83%,390px);height:300px;min-height:0;margin:12px auto 0;border-radius:25px;background-position:center top}.hero-content{min-height:0;padding:27px 0 15px}.hero-copy{width:100%;padding:0}.hero h1{font-size:clamp(26px,6vw,36px);letter-spacing:-.8px}.hero p{font-size:13px;line-height:1.7}.hero-actions{gap:10px;flex-wrap:wrap}.btn{font-size:12px;padding:9px 18px}.content-background{padding:14px 0 36px}.section+.section{margin-top:28px}.section-heading h2{font-size:24px}.about-panel{padding:22px 21px}.about-panel p{font-size:13px}.tech-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.tech-card{height:96px;font-size:13px}.tech-card img{width:45px;height:45px}.job-header{flex-wrap:wrap;padding:17px;gap:9px}.job-company{flex:1 1 100%}.job-divider{display:none}.job-role{margin-left:0}.job-date{margin-left:auto}.timeline{padding:6px 12px 20px 13px;gap:10px}.timeline-rail{width:19px}.timeline-rail span{width:13px;height:13px}.timeline-card{gap:10px;padding:10px}.timeline-icon{width:42px;height:43px}.timeline-card h4{font-size:12px}.timeline-card p{font-size:11px}.contact-intro{padding:26px 23px 11px;display:block}.contact-intro h2{font-size:24px}.footer-contact{margin-top:17px;width:auto}.socials{padding:10px 23px 25px;flex-wrap:wrap;gap:9px}.social-button{min-width:0;flex:1 1 100px;padding:0 10px}.footer-bottom{gap:8px;padding:14px 0;flex-direction:column}.footer-bottom small{text-align:center}}
@media(max-width:385px){.hero-actions .btn{flex:1 1 100%}.social-button{font-size:11px}.timeline-card h4{font-size:11px}.timeline-card p{font-size:10px}}