/* Casos de proyecto: lectura, capturas completas y navegación entre trabajos. */
.project-page{padding-top:30px;padding-bottom:24px}
.project-page .back-link{display:inline-flex;align-items:center;gap:10px;font-size:14px}
.project-page .back-link .icon{width:18px;height:18px;transform:rotate(180deg)}
.project-page-heading{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:end;gap:64px;margin-top:30px}
.project-page h1{font-size:clamp(38px,4.4vw,58px);line-height:1.12;letter-spacing:-.035em;max-width:19ch;overflow-wrap:break-word}
.project-page-heading>p{font-size:20px;line-height:1.6;color:#b4c2d5;max-width:42ch}
.project-page-facts{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:36px 0 34px}
.project-page-facts dt{font-size:13px;color:var(--muted);margin-bottom:7px}.project-page-facts dd{margin:0;font-size:15px;color:var(--ink)}
.project-page-cover{margin:0}.project-page-cover>a{display:block;background:var(--surface);border-radius:14px;overflow:hidden}
.project-page-cover img{width:100%;height:auto}.project-page-cover-portrait>a{max-width:820px;margin-inline:auto}
.project-page figure figcaption{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:14px;font-size:13px;line-height:1.65;color:var(--muted)}
.project-page-cover figcaption a{display:inline-flex;align-items:center;gap:6px;flex:none;color:#8ecaff;min-height:28px}.project-page-cover figcaption .icon{width:15px;height:15px}
.project-page-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:64px;margin-block:72px}
.project-page-section h2,.project-mobile-view h2,.project-process h2,.project-page-contact h2{font-size:28px;line-height:1.3}
.project-page-section p,.project-mobile-view p{font-size:16px;line-height:1.8;color:#b4c2d5;max-width:65ch}
.project-page-section p+p,.project-mobile-view p+p{margin-top:18px}.project-page-section p.project-page-lead{font-size:20px;line-height:1.65;color:var(--ink)}
.project-contributions{display:grid;gap:28px;margin-top:32px}.project-contributions h3{font-size:18px;line-height:1.4;margin-bottom:8px}
.project-mobile-view{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;padding:44px;background:var(--surface);border-radius:16px;margin-block:72px}
.project-mobile-view p{margin-top:20px;max-width:42ch}.project-mobile-view figure{width:100%;max-width:300px;justify-self:center}.project-mobile-view img{width:100%;height:auto;border-radius:8px}
.project-mobile-view figure figcaption{font-size:13px}
.project-process{margin-block:72px}.project-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;list-style:none;padding:28px;margin:28px 0 0;background:var(--surface);border-radius:16px}
.project-process h3{font-size:18px;line-height:1.4;margin-bottom:10px}.project-process p{font-size:16px;line-height:1.7;color:#b4c2d5}
.project-time-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px}
.project-time-comparison p{display:flex;flex-direction:column;gap:8px;margin:0!important}.project-time-comparison span{font-size:13px}.project-time-comparison strong{font-size:clamp(24px,2.5vw,32px);line-height:1.25;font-weight:700;letter-spacing:-.025em;color:var(--ink);font-variant-numeric:tabular-nums}
.project-time-comparison p:last-child strong{color:#8ecaff}.project-page-result .button{margin-top:24px}
.project-page-technologies ul{display:flex;align-content:start;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0}.project-page-technologies li{padding:8px 12px;font-size:14px;background:#142234;color:#dce8f8;border-radius:6px}
.project-page-contact{display:flex;justify-content:space-between;align-items:center;gap:36px;background:var(--surface);padding:32px;border-radius:16px;margin-top:72px}
.project-page-contact p{font-size:16px;line-height:1.7;color:#b4c2d5;margin-top:12px;max-width:48ch}.project-page-contact .button{flex:none}
.project-page-navigation{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-block:40px 24px}
.project-next{display:grid;grid-template-columns:minmax(0,1fr) 24px;column-gap:20px;min-height:60px;max-width:65%;text-align:right}.project-next>span{font-size:13px;color:var(--muted)}.project-next>strong{font-size:20px;line-height:1.4;grid-column:1;font-weight:600}.project-next>.icon{grid-column:2;grid-row:1/3;align-self:center;color:var(--blue)}.project-next:hover strong{color:#8ecaff}
@media(max-width:1000px){.project-page-heading{gap:32px}.project-page-section{gap:36px}.project-mobile-view{padding:32px;gap:36px}.project-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}.project-page-contact{align-items:start;flex-direction:column;gap:24px}}
@media(max-width:760px){
  .project-page{padding-top:22px}.project-page-heading{grid-template-columns:1fr;gap:20px;margin-top:24px}.project-page h1{font-size:36px;max-width:100%}.project-page-heading>p{font-size:18px;line-height:1.65}
  .project-page-facts{grid-template-columns:1fr 1fr;gap:22px;margin-block:28px}.project-page-facts dd{font-size:14px}
  .project-page figure figcaption{display:block;font-size:13px}.project-page-cover figcaption a{display:flex;margin-top:7px;width:fit-content;min-height:44px}
  .project-page-section{grid-template-columns:1fr;gap:20px;margin-block:44px}.project-page-section h2,.project-mobile-view h2,.project-process h2,.project-page-contact h2{font-size:25px}.project-page-section p.project-page-lead{font-size:18px}
  .project-mobile-view{grid-template-columns:1fr;gap:28px;padding:24px 20px;margin-block:44px}.project-mobile-view figure{max-width:270px}.project-mobile-view p{margin-top:16px}
  .project-process{margin-block:44px}.project-process ol{grid-template-columns:1fr;gap:26px;padding:24px 20px;margin-top:24px}.project-process h3{margin-bottom:6px}
  .project-time-comparison{gap:16px}.project-time-comparison strong{font-size:23px}.project-time-comparison span{font-size:12px}
  .project-page-contact{padding:24px 20px;margin-top:44px}.project-page-contact .button{width:100%}.project-page-navigation{display:grid;grid-template-columns:1fr;gap:24px;padding-top:28px}.project-next{max-width:none;text-align:left}.project-next>strong{font-size:20px}
}

/* Proyectos: resultado y enlace publicado junto a una imagen compacta. */
.project-page-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px;align-items:center;margin-top:32px;margin-bottom:56px}
.project-page-intro-copy{min-width:0}.project-page-intro .project-page-heading{display:block;margin-top:0}
.project-page-intro .project-page-heading>p{font-size:18px;line-height:1.65;margin-top:20px;max-width:46ch}
.project-page-intro .project-page-facts{gap:20px;margin:26px 0}
.project-intro-result h2{font-size:20px;line-height:1.3;margin-bottom:10px}
.project-intro-result p{font-size:16px;line-height:1.7;color:#b4c2d5;max-width:49ch}
.project-intro-result .button{margin-top:22px}
.project-intro-result .project-time-comparison{margin:16px 0 18px;gap:18px}.project-intro-result .project-time-comparison strong{font-size:26px}.project-intro-result .project-time-comparison span{font-size:12px}
.project-page-intro .project-page-cover{min-width:0}.project-page-intro .project-page-cover img{display:block;width:100%;height:auto}
.project-page-intro .project-page-cover-portrait img{max-height:520px;object-fit:contain}
.project-page-intro figure figcaption{gap:12px;font-size:12px}.project-page-intro .project-page-cover figcaption a{font-size:12px}
@media(min-width:761px) and (max-width:1000px){.project-page-intro{gap:28px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.project-page-intro h1{font-size:42px}}
@media(max-width:760px){.project-page-intro{grid-template-columns:1fr;gap:30px;margin-top:24px;margin-bottom:40px}.project-page-intro .project-page-heading>p{font-size:18px}.project-page-intro .project-page-cover{width:100%;max-width:520px}.project-page-intro figure figcaption{font-size:13px}.project-intro-result .button{width:100%}}

.project-page-cover>img{border-radius:14px;cursor:default}
.project-contribution-list{padding-left:20px;margin:0;color:#b4c2d5;font-size:16px;line-height:1.8;max-width:65ch}.project-contribution-list li+li{margin-top:14px}