:root{--pink-50:#FDF0F5;--pink-100:#F9D6E5;--pink-200:#F2AACA;--pink-400:#D4537E;--pink-600:#993556;--pink-800:#5C1F35;--pink-900:#3A1020;--nude-50:#FAF7F4;--nude-100:#F0EAE2;--nude-200:#DDD0C4;--nude-400:#B8A594;--nude-600:#7A6B5C;--nude-800:#3E332A;--ink:#1A1208;--ink-soft:#3D3025;--ink-muted:#7A6B5C;--white:#FEFCFA;--font-display:'DM Serif Display',Georgia,serif;--font-body:'DM Sans',system-ui,sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:100px;--shadow-card:0 1px 3px #1a12080f 0 4px 16px #1a12080f;--shadow-hover:0 4px 24px #1a12081f;--max-w:1100px;--side-pad:clamp(1.25rem,5vw,3rem);--transition:220ms ease}*,::before,::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--white);color:var(--ink);font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}body::selection{background-color:var(--pink-200);color:var(--pink-800)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button{font-family:var(--font-body);cursor:pointer}ul{list-style:none}.nav{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:0 var(--side-pad);height:64px;background:var(--white);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition)}.nav.scrolled{border-color:var(--nude-100);box-shadow:0 1px 12px #1a12080f}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;color:var(--ink);letter-spacing:-.01em}.nav-logo-img{width:32px;height:32px;object-fit:contain}.nav-links{display:flex;gap:2rem}.nav-links a{font-size:14px;color:var(--ink-muted);transition:color var(--transition)}.nav-links a:hover{color:var(--ink)}.btn-nav{font-size:13px;font-weight:500;padding:8px 18px;border:1px solid var(--nude-200);border-radius:var(--radius-pill);background:transparent;color:var(--ink);transition:background var(--transition),border-color var(--transition);white-space:nowrap}.btn-nav:hover{background:var(--pink-50);border-color:var(--pink-200)}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}.hamburger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s}.mobile-menu{display:none;flex-direction:column;gap:0;position:fixed;top:64px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--nude-100);z-index:99;padding:1rem var(--side-pad) 1.5rem;transform:translateY(-10px);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}.mobile-menu.open{display:flex;transform:translateY(0);opacity:1;pointer-events:all}.mobile-link{font-size:18px;color:var(--ink);padding:.75rem 0;border-bottom:1px solid var(--nude-100)}.mobile-btn{margin-top:1rem;text-align:center}.hero{max-width:var(--max-w);margin:0 auto;padding:clamp(3rem,8vw,6rem) var(--side-pad) clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1fr 420px;align-items:center;gap:clamp(2rem,5vw,5rem)}.hero-label{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--pink-600);margin-bottom:1.25rem;display:flex;align-items:center;gap:10px}.hero-label::before{content:'';display:inline-block;width:24px;height:1px;background:var(--pink-400)}.hero-title{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--ink);margin-bottom:1.5rem}.hero-title em{font-style:italic;color:var(--pink-600)}.hero-desc{font-size:17px;color:var(--ink-muted);line-height:1.75;max-width:440px;margin-bottom:2rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:2.5rem}.btn-primary{font-size:15px;font-weight:500;padding:12px 28px;background:var(--ink);color:var(--white);border-radius:var(--radius-pill);border:2px solid var(--ink);transition:background var(--transition),color var(--transition);display:inline-block}.btn-primary:hover{background:var(--pink-800);border-color:var(--pink-800)}.btn-secondary{font-size:15px;font-weight:500;padding:12px 28px;background:transparent;color:var(--ink);border-radius:var(--radius-pill);border:2px solid var(--nude-200);transition:border-color var(--transition),background var(--transition);display:inline-block}.btn-secondary:hover{border-color:var(--pink-400);background:var(--pink-50)}.hero-social{display:flex;gap:1.5rem}.hero-social a{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-muted);transition:color var(--transition)}.hero-social a:hover{color:var(--ink)}.hero-visual{position:relative}.hero-photo-wrap{position:relative;display:inline-block}.hero-photo{width:380px;height:420px;object-fit:cover;border-radius:var(--radius-lg);background:var(--nude-100);box-shadow:var(--shadow-card);display:block}.available-badge{position:absolute;bottom:-16px;left:-20px;background:var(--white);border:1px solid var(--nude-100);border-radius:var(--radius-pill);padding:8px 16px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink-muted);box-shadow:var(--shadow-card);white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;background:#3B6D11;flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.hero-deco{position:absolute;top:-12px;right:-24px;display:flex;flex-direction:column;gap:8px}.deco-tag{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;background:var(--pink-50);border:1px solid var(--pink-100);border-radius:var(--radius-pill);color:var(--pink-600);white-space:nowrap}.star_tags .stag{color:var(--pink-400);font-size:2rem}.skills-strip.star.div{padding:2rem 0;justify-content:center}.skills-strip{border-top:1px solid var(--nude-100);border-bottom:1px solid var(--nude-100);padding:1rem var(--side-pad);display:flex;align-items:center;gap:1.5rem;overflow-x:auto;scrollbar-width:none}.skills-strip::-webkit-scrollbar{display:none}.strip-label{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);flex-shrink:0}.strip-tags{display:flex;gap:8px;flex-wrap:nowrap}.stag{font-size:13px;padding:5px 14px;border:1px solid var(--nude-200);border-radius:var(--radius-pill);color:var(--ink-soft);background:var(--nude-50);white-space:nowrap;flex-shrink:0;transition:border-color var(--transition),background var(--transition)}.stag:hover{border-color:var(--pink-200);background:var(--pink-50)}.section{max-width:var(--max-w);margin:0 auto;padding:clamp(3rem,7vw,5.5rem) var(--side-pad)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.section-eyebrow{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--pink-600);margin-bottom:.5rem}.section-title{font-family:var(--font-display);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:400;color:var(--ink);letter-spacing:-.02em;line-height:1.15}.proyectos-section{background:var(--nude-50)}.project-filters{display:flex;gap:6px;flex-wrap:wrap}.filter-btn{font-size:13px;font-weight:500;padding:7px 18px;border:1px solid var(--nude-200);border-radius:var(--radius-pill);background:var(--white);color:var(--ink-muted);transition:all var(--transition)}.filter-btn:hover{border-color:var(--pink-200);color:var(--ink)}.filter-btn.active{background:var(--ink);border-color:var(--ink);color:var(--white)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin:10% 0}.project-card{background:var(--white);border:1px solid var(--nude-100);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition),transform var(--transition)}.project-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.project-img-wrap{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--nude-100)}.project-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.project-card:hover .project-img-wrap img{transform:scale(1.04)}.project-overlay{position:absolute;inset:0;background:#1a120880;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition)}.project-card:hover .project-overlay{opacity:1}.btn-overlay{font-size:14px;font-weight:500;padding:10px 24px;background:var(--white);color:var(--ink);border-radius:var(--radius-pill);transition:background var(--transition)}.btn-overlay:hover{background:var(--pink-50)}.project-info{padding:1.25rem 1.5rem 1.5rem}.project-meta-top{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:.75rem}.project-tag{font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;background:var(--pink-50);border:1px solid var(--pink-100);border-radius:var(--radius-pill);color:var(--pink-600)}.project-name{font-family:var(--font-display);font-size:1.25rem;font-weight:400;color:var(--ink);margin-bottom:.75rem;line-height:1.2}.project-process{font-size:14px;color:var(--ink-muted);line-height:1.65;margin-bottom:1rem}.project-process strong{color:var(--ink-soft);font-weight:500}.project-link{font-size:14px;font-weight:500;color:var(--pink-600);transition:color var(--transition);display:inline-block}.project-link:hover{color:var(--pink-800)}.foto-portada-card{cursor:pointer;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--nude-100);background:var(--white);transition:box-shadow var(--transition),transform var(--transition)}.foto-portada-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.foto-portada-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}.foto-portada-card:hover img{transform:scale(1.04)}.foto-portada-card p{padding:.75rem 1rem;font-size:14px;font-weight:500;color:var(--ink-soft)}.btn-volver{font-size:14px;font-weight:500;padding:8px 18px;border:1px solid var(--nude-200);border-radius:var(--radius-pill);background:var(--white);color:var(--ink-muted);margin-bottom:1.5rem;transition:all var(--transition)}.btn-volver:hover{border-color:var(--pink-400);color:var(--ink);background:var(--pink-50)}.foto-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.foto-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--nude-100);transition:transform .4s ease}.foto-grid img:hover{transform:scale(1.02)}.ilus-item{border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--nude-100);background:var(--nude-50);transition:box-shadow var(--transition),transform var(--transition)}.ilus-item:hover{box-shadow:var(--shadow-hover);transform:translateY(-3px)}.ilus-item img{width:100%;aspect-ratio:3/4;object-fit:cover;transition:transform .5s}.ilus-item:hover img{transform:scale(1.03)}.creativo-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))!important;gap:1rem}.creativo-grid .foto-portada-card{cursor:pointer}.sobre-mi-section{background:var(--white)}.sobremi-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start}.bio-card{background:var(--nude-50);border:1px solid var(--nude-100);border-radius:var(--radius-lg);overflow:hidden;padding-bottom:1.5rem}.bio-photo{width:100%;aspect-ratio:4/3;overflow:hidden;background:var(--nude-100)}.bio-photo img{width:100%;height:100%;object-fit:cover;object-position:top center}.bio-text{padding:1.5rem}.bio-text h3{font-family:var(--font-display);font-size:1.5rem;font-weight:400;color:var(--ink);margin-bottom:.75rem}.bio-roles{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.bio-roles span{font-size:12px;padding:4px 12px;background:var(--pink-50);border:1px solid var(--pink-100);border-radius:var(--radius-pill);color:var(--pink-600)}.bio-text p{font-size:14px;color:var(--ink-muted);line-height:1.75;margin-bottom:.75rem}.skills-detail{display:flex;flex-direction:column;gap:2rem}.skills-group-label{font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:1rem}.bubbles-row{display:flex;gap:14px;flex-wrap:wrap}.skill-bubble{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 16px;background:var(--nude-50);border:1px solid var(--nude-100);border-radius:var(--radius-md);transition:all var(--transition);cursor:default}.skill-bubble:hover{background:var(--white);border-color:var(--pink-200);box-shadow:var(--shadow-card);transform:translateY(-2px)}.skill-bubble span{font-size:11px;font-weight:500;color:var(--ink-muted);letter-spacing:.04em}.skill-bubble.developing{background:var(--pink-50);border-color:var(--pink-100)}.skill-bubble.developing span{color:var(--pink-600)}.edu-item{display:flex;gap:1.25rem;align-items:flex-start;padding:1.25rem;background:var(--nude-50);border:1px solid var(--nude-100);border-radius:var(--radius-md);margin-top:.75rem}.logo-42{width:80px;object-fit:contain;flex-shrink:0;margin-top:4px;filter:grayscale(20%)}.edu-name{font-size:14px;font-weight:500;color:var(--ink);margin-bottom:.4rem}.edu-desc{font-size:13px;color:var(--ink-muted);line-height:1.65}.contacto-section{background:var(--ink);max-width:100%;padding:0;position:relative;overflow:hidden}.contacto-inner{max-width:var(--max-w);margin:0 auto;padding:clamp(3.5rem,8vw,6rem) var(--side-pad);position:relative;z-index:2}.contacto-section .section-eyebrow{color:var(--pink-200)}.contacto-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:400;color:var(--white);line-height:1.1;letter-spacing:-.02em;margin:.75rem 0 1.5rem}.contacto-title em{font-style:italic;color:var(--pink-200)}.contacto-desc{font-size:17px;color:#fefcfaa6;line-height:1.75;max-width:480px;margin-bottom:2rem}.contacto-email{display:inline-block;font-family:var(--font-display);font-size:clamp(1rem,2.5vw,1.6rem);color:var(--pink-200);border-bottom:1px solid #f2aaca66;padding-bottom:2px;margin-bottom:2.5rem;transition:color var(--transition),border-color var(--transition)}.contacto-email:hover{color:var(--white);border-color:var(--white)}.contacto-social{display:flex;gap:12px}.social-pill{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;padding:9px 20px;border:1px solid #fefcfa33;border-radius:var(--radius-pill);color:#fefcfabf;background:transparent;transition:all var(--transition)}.social-pill:hover{border-color:#fefcfa99;color:var(--white);background:#fefcfa0f}.contacto-deco{position:absolute;right:clamp(-20px,-2vw,0px);bottom:-30px;opacity:.05;pointer-events:none;z-index:1}.contacto-logo-deco{width:clamp(260px,30vw,400px);filter:invert(1)}.footer{display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--side-pad);border-top:1px solid var(--nude-100);background:var(--white)}.footer p{font-size:13px;color:var(--ink-muted)}.back-top{font-size:13px;font-weight:500;color:var(--ink-muted);transition:color var(--transition)}.back-top:hover{color:var(--ink)}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}@media (max-width: 900px){.hero{grid-template-columns:1fr;text-align:center}.hero-label{justify-content:center}.hero-desc{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-social{justify-content:center}.hero-visual{display:flex;justify-content:center;margin-top:1rem}.hero-photo{width:300px;height:340px}.hero-deco{right:0;top:-8px}.sobremi-grid{grid-template-columns:1fr}.bio-card{max-width:500px;margin:0 auto}.nav-links{display:none}.hamburger{display:flex}.btn-nav{display:none}}@media (max-width: 640px){.hero-photo{width:240px;height:280px}.hero-deco{display:none}.projects-grid{grid-template-columns:1fr}.creativo-grid{grid-template-columns:repeat(2,1fr)!important}.section-header{flex-direction:column;align-items:flex-start}.project-filters{flex-wrap:wrap}.footer{flex-direction:column;gap:.5rem;text-align:center}.skills-strip{gap:1rem}}@media (max-width: 400px){.hero-title{font-size:2rem}.creativo-grid{grid-template-columns:1fr!important}}.lightbox{position:fixed;inset:0;z-index:1000;background:#1a1208e0;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;gap:1rem;padding:1.5rem;animation:lbFadeIn .2s ease}@keyframes lbFadeIn{from{opacity:0}to{opacity:1}}.lb-content{display:flex;flex-direction:column;align-items:center;gap:1rem;max-width:90vw;max-height:90vh}.lb-content img{max-width:80vw;max-height:80vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 40px #0006;animation:lbImgIn .25s cubic-bezier(.22,.61,.36,1)}@keyframes lbImgIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.lb-caption{font-size:13px;color:#fefcfa99;text-align:center;max-width:500px}.lb-close{position:fixed;top:1.25rem;right:1.5rem;width:40px;height:40px;border-radius:50%;border:1px solid #fefcfa33;background:#fefcfa14;color:var(--white);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),transform var(--transition);z-index:1001}.lb-close:hover{background:#fefcfa2e;transform:scale(1.1)}.lb-arrow{width:48px;height:48px;border-radius:50%;border:1px solid #fefcfa33;background:#fefcfa14;color:var(--white);font-size:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition),transform var(--transition);line-height:1}.lb-arrow:hover{background:#fefcfa2e;transform:scale(1.08)}.lightbox-trigger{cursor:zoom-in}.stag{font-size:13px;padding:5px 14px;border:1px solid var(--nude-200);border-radius:var(--radius-pill);color:var(--ink-soft);background:var(--nude-50);white-space:nowrap;flex-shrink:0;transition:border-color var(--transition),background var(--transition)}