html{scroll-snap-type:none}
.slide{position:relative;min-height:100svh;padding:120px var(--pad) 100px;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:center;overflow:hidden}h1 span,.contact h2 span{color:var(--blue)}.hero-grid{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:6vw}.hero .lead{max-width:500px;margin:28px 0 30px}.buttons{display:flex;align-items:center;gap:24px}.hero-art{position:relative;padding:38px 0 100px;transform:rotate(-3deg)}.hero-project{width:100%;height:auto;display:block;box-shadow:0 20px 40px #1112;border:7px solid white}.art-label,.art-caption{font-size:10px;letter-spacing:.14em;font-weight:700}.art-label{margin-bottom:18px}.art-caption{position:absolute;bottom:35px;left:0}.app-preview{position:absolute;right:-12px;bottom:55px;width:69%;padding:12px;background:#111;box-shadow:0 20px 40px #1113;transform:rotate(8deg)}.app-preview span{display:block;color:white;font-size:9px;letter-spacing:.13em;margin-bottom:8px}.app-preview img{width:100%;height:150px;object-fit:cover;object-position:top;display:block}.bolt{position:absolute;left:-26px;bottom:43px;font-size:135px;line-height:1;color:#ffb000;font-weight:800;transform:rotate(12deg)}.section-bottom{border-top:1px solid #1113;display:flex;justify-content:space-between;padding-top:18px;margin-top:38px;font-size:12px}.dark{background:var(--ink);color:white}.dark .eyebrow{color:var(--yellow)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:32px}.section-head p{max-width:340px;color:#777}.dark .section-head p{color:#aaa}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project-visual{border:0;width:100%;height:clamp(190px,23vh,270px);position:relative;text-align:left;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:25px}.project-visual img{width:100%;height:100%;object-fit:cover;object-position:top}.project-visual.brio{background:#c7d9ee;padding:22px}.project-visual strong{font-family:var(--display);font-size:clamp(28px,3vw,48px);letter-spacing:-.05em;line-height:1.2}.project-visual small{font-size:9px;letter-spacing:.16em;margin-bottom:15px}.project-visual>span{position:absolute;bottom:14px;right:16px;font-size:11px;padding:7px 10px;background:#111;color:white}.pedro{background:#e1dcbf;color:#26372a}.latitud{background:#cad8d3;color:#182823}.project-meta{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#bbb;margin-top:20px;margin-bottom:10px}.project p{color:#bbb;font-size:14px;margin:12px 0 16px}.project .text-link{color:var(--yellow)}.blue{background:var(--blue);color:white}.blue .eyebrow{color:var(--yellow)}.split{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.blue h2 span{color:var(--yellow)}.blue .lead{margin-top:30px;max-width:470px}.questions>div{border-top:1px solid #ffffff55;padding:20px 0;font-size:clamp(18px,2vw,28px);font-weight:500}.questions span{font-family:var(--display);font-size:10px;color:var(--yellow);margin-right:20px}.questions p{margin:20px 0}.questions .text-link{color:var(--yellow)}.services{border-top:1px solid #111}.services>button{display:grid;grid-template-columns:45px 1fr 35px;width:100%;border:0;border-bottom:1px solid #1113;background:none;padding:18px 0;text-align:left;align-items:center;gap:20px}.services>button:hover{background:#e8e8ee}.services>button div{display:grid;grid-template-columns:1fr 1.3fr;gap:30px;align-items:center}.services p{font-size:14px;color:#555}.service-number{font-size:10px;font-family:var(--display);color:var(--blue)}.service-arrow{font-size:26px;color:var(--blue)}.white{background:white}.duo{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}.feature-art{height:260px;overflow:hidden;position:relative}.feature-art.jojo{background:#cce5ed;display:flex;align-items:center}.feature-art img{width:100%;height:100%;object-fit:contain}.fantasy .feature-art{background:#2b4eff;color:white;padding:25px}.feature-art>span{font-size:10px;letter-spacing:.12em;position:relative;z-index:1}.feature-art>strong{font-family:var(--display);font-size:55px;line-height:1.1;letter-spacing:-.05em;display:block;margin-top:25px;position:relative;z-index:1}.rings{width:220px;height:220px;border:1px solid #ffffff88;border-radius:50%;position:absolute;right:-50px;bottom:-70px;box-shadow:0 0 0 25px #ffffff11,0 0 0 50px #ffffff11,0 0 0 75px #ffffff11}.feature-copy{display:grid;grid-template-columns:1fr 1.3fr;gap:10px 25px;padding-top:18px}.feature-copy p{font-size:14px;color:#555}.feature-copy button{grid-column:2;justify-self:start}.all-projects{align-self:flex-end;margin-top:28px}.yellow{background:var(--yellow)}.yellow .section-head p{color:#333}.sectors{display:flex;flex-wrap:wrap;gap:10px;margin:5px 0 25px}.sectors span{border:1px solid #111;padding:10px 18px;border-radius:100px;font-size:14px}.experience-copy{font-size:20px}.client-label{font-size:11px;margin:35px 0 18px;text-transform:uppercase;letter-spacing:.08em}.clients{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1115;margin-bottom:25px}.clients span{font-weight:700;font-size:18px;padding:20px 12px 20px 0;border-bottom:1px solid #1115}.identity-art{background:var(--fog);aspect-ratio:1;display:grid;place-content:center;position:relative;padding:12%}.identity-art img{width:100%;height:auto}.identity-art>div{position:absolute;bottom:25px;left:25px;letter-spacing:.13em;font-size:9px;color:#555}.about .lead{margin:24px 0}.about p:not(.lead){color:#bbb;margin:18px 0}.direct{border-left:3px solid var(--yellow);padding-left:18px;margin-top:25px;font-size:17px;line-height:1.5}.contact .lead{margin:25px 0 18px}.contact .email-contact{display:inline-block;margin-top:22px}.contact form{background:white;padding:30px}.contact form h3{margin-bottom:20px}label{display:block;font-size:12px;font-weight:600;margin:14px 0}input,textarea{display:block;width:100%;border:0;border-bottom:1px solid #aaa;padding:10px 0;background:white;border-radius:0;color:#111}textarea{resize:vertical}.form-note{font-size:11px;color:#666;margin-top:12px}#form-status{font-size:13px;margin-top:10px}.chrome{position:fixed;bottom:18px;left:var(--pad);right:var(--pad);z-index:15;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.chrome>div:first-child{display:flex;align-items:center;gap:18px;background:#111;color:white;padding:10px 14px;font-size:10px}#counter{font-family:var(--display)}#chapter{color:#ccc}.arrows{display:flex;gap:6px;pointer-events:auto}.arrows button{border:1px solid #ffffff55;border-radius:50%;width:44px;height:44px;background:#111;color:white;font-size:22px}.arrows button:hover{background:var(--blue)}.arrows button:disabled{opacity:.4;cursor:default}.progress{height:3px;position:fixed;bottom:0;left:0;right:0;z-index:25;background:#1113}.progress>div{height:100%;background:var(--blue);width:12.5%;transition:width .3s}.home-dialog{width:min(760px,90vw);max-height:85svh;padding:45px;border:0;background:var(--fog);color:#111}.home-dialog::backdrop{background:#111b;backdrop-filter:blur(7px)}.home-dialog h2{font-size:32px;margin-bottom:20px}.home-dialog h3{margin:25px 0 12px}.home-dialog p{margin:15px 0}.home-dialog img{width:100%;height:auto;margin-top:20px}.home-dialog ul{padding-left:20px;line-height:1.8}.home-dialog .button{margin-top:20px}.close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:32px}
@media(min-width:1600px){.slide{padding-left:max(var(--pad),calc((100vw - 1440px)/2));padding-right:max(var(--pad),calc((100vw - 1440px)/2))}}@media(max-width:1000px){h1{font-size:44px}.hero-grid{gap:35px}.buttons{flex-wrap:wrap;gap:20px}.services>button div{grid-template-columns:1fr 1fr}.hero-art{padding-bottom:110px}.app-preview img{height:110px}.project-visual{height:190px}h3{font-size:16px}.split{gap:40px}.feature-art{height:210px}.feature-art>strong{font-size:42px}}@media(max-width:700px){html{scroll-snap-type:none}.slide{padding:105px 24px 95px;min-height:100svh;overflow:visible}.hero-grid,.split{grid-template-columns:1fr;gap:35px}h1{font-size:clamp(34px,8.5vw,52px)}h2{font-size:34px}.hero .lead{margin-top:22px}.hero-art{max-width:460px;margin:0 auto;width:94%;padding-top:8px}.art-label{margin-bottom:10px}.app-preview img{height:120px}.hero .section-bottom{margin-top:0;flex-direction:column;gap:15px}.section-head{display:block}.section-head p{margin-top:20px}.project-grid,.duo{grid-template-columns:1fr;gap:35px}.project-visual{height:260px}.project-visual strong{font-size:45px}.project h3{font-size:20px}.project p{max-width:430px}.questions>div{padding:18px 0;font-size:23px}.services>button{grid-template-columns:25px 1fr 20px;gap:12px;padding:22px 0}.services>button div{display:block}.services h3{font-size:17px}.services p{margin-top:10px}.feature-art{height:240px}.feature-copy{grid-template-columns:1fr}.feature-copy button{grid-column:1;margin-top:10px}.all-projects{align-self:start}.clients{grid-template-columns:repeat(2,1fr)}.clients span{font-size:16px}.experience-copy{font-size:18px}.identity-art{max-width:380px;width:100%;margin:auto}.contact form{padding:23px}.chrome{left:24px;right:24px;bottom:12px}.home-dialog{padding:40px 24px}.home-dialog h2{font-size:26px}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress>div{transition:none}}@media print{.site-header,.chrome,.progress{display:none}.slide{min-height:0;break-inside:avoid;padding:30px}html{scroll-snap-type:none}}

/* Apertura: experiencia y proyectos reales en un marco común. */
.hero-grid{grid-template-columns:1.05fr 1fr;gap:4vw}.hero h1{font-size:clamp(34px,3.5vw,62px);line-height:1.14;letter-spacing:-.055em}.hero-art{transform:none;padding:0;min-width:0}.browser-frame{border:5px solid #666666;border-radius:22px;background:#111;padding:5px;box-shadow:0 20px 40px #1112;overflow:hidden}.browser-bar{height:28px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#111}.browser-bar span{width:7px;height:7px;border-radius:50%;background:#aaa}.browser-bar span:nth-child(2){background:#777}.browser-bar span:nth-child(3){background:#555}.showcase-screen{position:relative;aspect-ratio:1524/825;overflow:hidden;border-radius:0 0 12px 12px;background:white}.showcase-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .45s ease}.showcase-shot.is-active{opacity:1}.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;min-height:46px}.showcase-footer strong{font-size:14px;display:block}.showcase-footer span{font-size:11px;display:block;color:#555;margin-top:4px}.showcase-controls{display:flex;gap:6px}.showcase-controls button{width:32px;height:32px;border:1px solid #1113;border-radius:50%;background:transparent;font-size:15px}.showcase-controls button:hover{background:#111;color:white}.hero .section-bottom{align-items:center;gap:24px;margin-top:40px}.hero-experience{display:flex;align-items:center;gap:22px}.hero-experience strong{font-family:var(--display);font-size:clamp(22px,2.2vw,34px);letter-spacing:-.045em;white-space:nowrap}.hero-experience span{font-size:16px;max-width:300px;line-height:1.4}.hero .eyebrow{letter-spacing:.08em;line-height:1.6}
@media(max-width:1000px) and (min-width:701px){.hero h1{font-size:36px}.hero-grid{gap:28px}.hero-experience{gap:15px}.hero-experience span{font-size:14px}}
@media(max-width:700px){.hero-grid{grid-template-columns:1fr}.hero h1{font-size:clamp(32px,8vw,48px)}.hero-art{width:100%;max-width:500px;padding:0}.hero .section-bottom{margin-top:30px;align-items:start}.hero-experience{display:block}.hero-experience strong{display:block;font-size:28px}.hero-experience span{display:block;margin-top:10px;font-size:16px}.browser-frame{border-width:4px;border-radius:17px;padding:4px}}
@media(prefers-reduced-motion:reduce){.showcase-shot{transition:none}}


/* Portfolio desplazable; el contenido completo permanece en HTML. */
.project-carousel{min-width:0;width:100%}.project-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#777 #222;padding:0 0 18px;overscroll-behavior-x:contain}.carousel-project{flex:0 0 calc((100% - 48px)/3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column}.project-shot{border:0;background:none;padding:0;width:100%;text-align:left}.project-shot .browser-frame{border-width:3px;border-radius:13px;padding:3px;box-shadow:none}.project-shot .browser-bar{height:18px;padding:0 7px;gap:4px}.project-shot .browser-bar span{width:4px;height:4px}.project-shot img{display:block;width:100%;height:auto;border-radius:0 0 6px 6px}.carousel-project .project-meta{line-height:1.6;min-height:34px;color:#bbb;font-size:10px;margin-top:16px}.carousel-project h3{font-size:clamp(15px,1.4vw,22px)}.carousel-project p{font-size:14px;margin:12px 0 20px;flex:1}.carousel-project>.text-link{align-self:start}.project-placeholder{aspect-ratio:1524/1010;background:#cad8d3;color:#182823;display:flex;flex-direction:column;justify-content:center;padding:24px;border-radius:13px}.project-placeholder strong{font-family:var(--display);font-size:clamp(28px,3vw,48px);line-height:1.1;letter-spacing:-.05em}.project-placeholder span{font-size:10px;margin-top:12px}.portfolio-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.portfolio-navigation>span{font-size:11px;letter-spacing:.08em;color:#bbb}.portfolio-navigation>div{display:flex;gap:8px}.portfolio-navigation button{border:1px solid #666;border-radius:50%;background:none;color:white;width:44px;height:44px;font-size:24px}.portfolio-navigation button:hover{background:var(--blue)}.portfolio-navigation button:disabled{opacity:.3;cursor:default}.institution-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:25px}.institution-grid img{width:100%;height:clamp(130px,20vh,210px);object-fit:cover;object-position:top;border:1px solid #1114;border-radius:12px;margin-bottom:16px}.institution-grid p{margin-top:10px;max-width:500px;font-size:15px}.institution-grid h3{font-size:22px}#experiencia .client-label{margin-top:12px}#experiencia .clients{margin-bottom:0}#experiencia .clients span{font-size:15px;padding:14px 12px 14px 0}
@media(max-width:1000px) and (min-width:701px){.carousel-project{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:700px){.carousel-project{flex-basis:88%}.carousel-project h3{font-size:21px}.carousel-project .project-meta{min-height:0;font-size:10px}.project-track{scroll-padding-left:0}.institution-grid{grid-template-columns:1fr}.institution-grid img{height:auto}.project-placeholder strong{font-size:40px}.project-placeholder{aspect-ratio:1524/1010}.portfolio-navigation{margin-top:8px}}

.project-track{scrollbar-width:none;-ms-overflow-style:none}.project-track::-webkit-scrollbar{display:none;width:0;height:0}

.indeplast-board{position:relative;aspect-ratio:1524/1010;background:#edeef2;overflow:hidden;border-radius:13px;border:1px solid #777}.indeplast-board .indeplast-web{position:absolute;width:72%;height:auto;right:-10%;bottom:8%;border:4px solid #231f20;border-radius:8px;transform:rotate(6deg);box-shadow:0 8px 24px #1114}.indeplast-board .indeplast-post{position:relative;display:block;height:94%;width:auto;max-width:72%;object-fit:contain;margin:2% 0 0 8%;transform:rotate(-6deg);box-shadow:0 8px 24px #1115}
.archive-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:5vw;align-items:start}.archive-item{border-top:1px solid #1115}.archive-item:last-child{border-bottom:1px solid #1115}.archive-item summary{list-style:none;display:flex;align-items:center;gap:16px;cursor:pointer;padding:17px 0}.archive-item summary::-webkit-details-marker{display:none}.archive-item summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.archive-number{font-size:10px;color:#5c4a13}.archive-item h3{font-size:clamp(14px,1.3vw,20px);flex:1}.archive-plus{font-size:22px}.archive-item[open] .archive-plus{color:var(--blue)}.archive-description{padding:0 0 18px 30px}.archive-scope{font-size:11px;font-weight:600;color:#3f3b2d}.archive-description p{font-size:14px;margin-top:9px;line-height:1.5}.archive-description small{display:block;font-size:11px;margin-top:10px}.archive-preview{margin:0;position:sticky;top:115px}.archive-image-wrap{position:relative;background:transparent;border-radius:3px;overflow:hidden}.archive-image-wrap img{position:static;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:top center}.archive-image-wrap img[hidden]{display:none}#archive-type{font-family:var(--display);font-size:clamp(28px,4vw,58px);line-height:1.2;color:var(--yellow);padding:30px}#archive-type[hidden]{display:none}.archive-preview figcaption{display:flex;flex-direction:column;gap:7px;padding-top:18px}.archive-preview figcaption strong{font-size:20px}.archive-preview figcaption span{font-size:12px}.archive-mobile-image{display:none}
@media(max-width:700px){.archive-layout{grid-template-columns:1fr}.archive-preview{display:none}.archive-mobile-image{display:block;width:100%;height:auto;margin-top:18px;border-radius:4px}.archive-item h3{font-size:17px}.archive-description{padding-left:28px}.archive-item summary{padding:20px 0}.archive-item[open][data-archive="crit"] .archive-description{border-left:3px solid var(--blue);margin-bottom:15px}}

#archive-type{position:relative;min-height:280px;background:#111;display:flex;align-items:center}#archive-type[hidden]{display:none}

/* Trayectoria: marco común sin barra de navegador y encuadres completos. */
.archive-image-wrap{box-sizing:border-box;position:relative;aspect-ratio:1524/825;border:5px solid #666666;border-radius:22px;padding:5px;background:#111;overflow:hidden;box-shadow:0 14px 30px #1112}
.archive-image-wrap img{position:absolute;inset:5px;display:block;width:calc(100% - 10px);height:calc(100% - 10px);max-width:none;border-radius:12px;object-fit:cover;object-position:center top;background:#cfcbff}
.archive-image-wrap img[hidden]{display:none}
#archive-type{position:absolute;inset:5px;min-height:0;border-radius:12px}
.archive-mobile-frame{display:none}
@media(max-width:700px){.archive-mobile-frame{display:block;box-sizing:border-box;position:relative;aspect-ratio:1524/825;border:4px solid #666666;border-radius:17px;padding:4px;background:#111;overflow:hidden;margin-top:18px}.archive-mobile-frame .archive-mobile-image{position:absolute;inset:4px;display:block;width:calc(100% - 8px);height:calc(100% - 8px);object-fit:cover;object-position:center center;margin:0;border-radius:9px;background:#111}.archive-web .archive-mobile-image{object-position:center top;background:#fff}}

.showcase-controls button,.portfolio-navigation button,.arrows button{display:grid;place-items:center;padding:0;line-height:1}
.showcase-controls button .site-navigation-icon{width:16px;height:16px}
.portfolio-navigation button .site-navigation-icon,.arrows button .site-navigation-icon{width:20px;height:20px}