.portfolio-page{--blue-900: #003d7a;--blue-700: #0052a3;--blue: #0066cc;--blue-400: #42a5f5;--blue-100: #e3f0ff;--blue-050: #f0f7ff;--teal: #00b894;--teal-050: #e6f9f3;--ink: #1a202c;--ink-600: #475569;--ink-400: #94a3b8;--line: #e6ecf2;--bg: #f8fafc;--white: #fff;--r-sm: 10px;--r-md: 16px;--r-lg: 24px;--r-pill: 800px;--sh-sm: 0 2px 8px rgba(15, 42, 79, .06);--sh-md: 0 12px 30px rgba(15, 42, 79, .08);--sh-lg: 0 30px 70px rgba(15, 42, 79, .14);--sh-blue: 0 16px 40px rgba(0, 102, 204, .28);--maxw: 1120px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--white);line-height:1.55;-webkit-font-smoothing:antialiased}.portfolio-page *{box-sizing:border-box}.portfolio-page p,.portfolio-page h1,.portfolio-page h2,.portfolio-page ul,.portfolio-page figure,.portfolio-page blockquote{margin:0;padding:0}.portfolio-page ul{list-style:none}.portfolio-page a{color:var(--blue);text-decoration:none}.portfolio-page a:hover{text-decoration:underline}.portfolio-page .wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 20px}.portfolio-page h1,.portfolio-page h2{color:var(--ink);letter-spacing:-.025em;line-height:1.12;font-weight:800}.portfolio-page .lead{font-size:clamp(16.5px,1.4vw,19px);color:var(--ink-600);line-height:1.6}.portfolio-page .section{padding:clamp(52px,7vw,92px) 0}.portfolio-page .section.alt{background:var(--bg)}.portfolio-page .pill-tag{display:inline-flex;align-items:center;gap:7px;background:var(--blue-050);color:var(--blue-700);border:1px solid var(--blue-100);font-size:13px;font-weight:700;padding:7px 14px;border-radius:var(--r-pill)}.portfolio-page .pill-tag .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px var(--teal-050)}.portfolio-page .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;font-size:15.5px;line-height:1;padding:15px 26px;border-radius:var(--r-pill);border:none;cursor:pointer;transition:transform .18s ease,box-shadow .25s ease,background .2s ease}.portfolio-page .btn:hover{text-decoration:none}.portfolio-page .btn svg{width:18px;height:18px;flex:0 0 auto}.portfolio-page .btn-lg{padding:17px 32px;font-size:16.5px}.portfolio-page .btn-primary{background:var(--blue);color:#fff;box-shadow:var(--sh-blue)}.portfolio-page .btn-primary:hover{background:var(--blue-700);color:#fff;transform:translateY(-2px);box-shadow:0 20px 46px #0066cc5c}.portfolio-page :is(a,button):focus-visible{outline:3px solid var(--blue-400);outline-offset:2px}.portfolio-page .pf-hero{padding:clamp(48px,6vw,84px) 0 clamp(12px,2vw,24px);background:radial-gradient(60% 80% at 15% 0%,var(--blue-050) 0%,rgba(240,247,255,0) 70%)}.portfolio-page .pf-hero h1{font-size:clamp(30px,4.4vw,50px);margin:18px 0 0;max-width:16ch}.portfolio-page .pf-hero .hl{color:var(--blue)}.portfolio-page .pf-hero .lead{margin-top:18px;max-width:58ch}.portfolio-page .pf-list{display:grid;gap:clamp(56px,7vw,96px)}.portfolio-page .pf-item{display:grid;gap:clamp(24px,3vw,44px);align-items:center}@media(min-width:860px){.portfolio-page .pf-item{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.portfolio-page .pf-item:nth-child(2n) .pf-shot{order:2}}.portfolio-page .pf-shot{display:block;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);box-shadow:var(--sh-md);background:var(--bg);aspect-ratio:2 / 1;transition:transform .25s ease,box-shadow .3s ease}.portfolio-page .pf-shot:hover{transform:translateY(-3px);box-shadow:var(--sh-lg)}.portfolio-page .pf-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.portfolio-page .pf-meta{font-size:12.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--teal)}.portfolio-page .pf-body h2{font-size:clamp(24px,2.6vw,32px);margin-top:10px}.portfolio-page .pf-resumen{margin-top:14px;color:var(--ink-600);max-width:52ch}.portfolio-page .pf-quote{margin-top:22px;padding-left:18px;border-left:3px solid var(--blue-100)}.portfolio-page .pf-quote blockquote{font-size:clamp(17px,1.5vw,20px);line-height:1.45;color:var(--ink);font-weight:600}.portfolio-page .pf-quote figcaption{margin-top:8px;font-size:14px;color:var(--ink-600)}.portfolio-page .pf-quote figcaption .sep{color:var(--ink-400)}.portfolio-page .pf-quote cite{font-style:normal}.portfolio-page .pf-body .btn{margin-top:26px}.portfolio-page .pf-cta{text-align:center;max-width:620px}.portfolio-page .pf-cta h2{font-size:clamp(24px,2.8vw,34px)}.portfolio-page .pf-cta p{margin-top:14px;color:var(--ink-600)}.portfolio-page .pf-cta .btn{margin-top:26px}@media(prefers-reduced-motion:reduce){.portfolio-page *{transition:none!important}.portfolio-page .pf-shot:hover{transform:none}}