/* Nueva versión: ventanas como lenguaje de toda la agencia. */
.hero-caption{padding:36px 4vw;border-bottom:1px solid #2e15392b}.hero-caption p{font-size:clamp(21px,2.8vw,40px);line-height:1.18}.projects{padding:85px 0 60px;background:#fffdf9}.projects .section-head h2{font-size:clamp(80px,10vw,150px);line-height:.8}.projects .section-head{grid-template-columns:1fr 2fr 1fr}.filters{top:85px;padding:14px 0}.case-grid{gap:65px 3vw}.workboard{grid-column:1/-1;display:grid;grid-template-columns:260px minmax(0,1fr);gap:3vw;margin:0 0 30px}.board-menu{align-self:start;position:sticky;top:150px}.board-caption{font-size:9px;letter-spacing:1px;border-bottom:1px solid var(--ink);padding:0 0 15px;display:flex;justify-content:space-between}.board-caption span{color:var(--purple)}.project-tab{width:100%;border:0;background:none;color:var(--ink);padding:14px 9px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:48px 1fr 16px;gap:12px;text-align:left;align-items:center;cursor:pointer;transition:background .3s,transform .3s,color .3s}.project-tab img{width:48px;height:46px;object-fit:cover}.project-tab small{font:400 8px/1.4 'DM Sans',sans-serif;display:block;margin-bottom:4px}.project-tab strong{font:600 23px/.95 'Barlow Condensed',sans-serif;display:block}.project-tab[aria-pressed=true]{background:var(--purple);color:white;transform:translateX(8px);border-color:var(--purple)}.project-tab:hover:not([aria-pressed=true]){background:var(--lilac)}.tab-arrow{font-size:18px}.board-hint{font:500 15px/1.4 'DM Sans',sans-serif;margin:28px 0;color:#786682}.board-main{min-width:0}.board-window{border:1px solid #291639;border-radius:8px;overflow:hidden;box-shadow:13px 16px 0 #e9d7ff;background:white}.board-titlebar{height:35px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:#211526;color:white;padding:0 14px;font-size:9px;letter-spacing:.8px}.board-titlebar>span:first-child{font-size:6px;letter-spacing:3px;color:#ebd4ff}.board-media{aspect-ratio:16/10;background:#f3eee8;overflow:hidden}.board-media>img,.board-media>video{width:100%;height:100%;object-fit:contain;display:block;animation:piece-open .35s ease both}.board-tools{padding:12px 15px;border-top:1px solid #291639;display:flex;justify-content:space-between;align-items:center;gap:12px}.piece-tabs{display:flex;gap:7px}.piece-tabs button,.board-film{border:1px solid #d3c1dc;background:none;color:var(--ink);font:500 10px 'DM Sans',sans-serif;padding:9px 12px;cursor:pointer}.piece-tabs button[aria-pressed=true]{background:var(--purple);color:white;border-color:var(--purple)}.board-film{border:0;padding:9px 0;color:var(--purple)}.board-film[hidden]{display:none}.board-film[aria-pressed=true]{font-weight:700}.board-story{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:36px 0 20px}.board-story [data-board-client]{font-size:10px;text-transform:uppercase;letter-spacing:.4px}.board-story h3{font:700 clamp(38px,4.6vw,70px)/.91 'Barlow Condensed',sans-serif;margin:15px 0;color:var(--purple)}.board-story [data-board-summary]{font-size:14px;line-height:1.6;margin:9px 0 20px}.board-detail{font-size:11px;border-bottom:1px solid;padding-bottom:5px}.priority-case{background:var(--yellow);border:0;padding:30px;grid-template-columns:1fr 2fr 50px}.priority-case strong{font-size:clamp(35px,4vw,60px)}.case-card{grid-column:span 6!important;margin:0!important}.case-card .image-wrap{border:1px solid var(--ink);border-radius:6px;background:#f3eee8!important;aspect-ratio:16/11!important;box-shadow:8px 9px 0 #e9d7ff;position:relative;padding-top:30px}.mini-titlebar{position:absolute;left:0;right:0;top:0;z-index:4;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;gap:12px;background:#e9d7ff;color:var(--ink);font-size:8px;text-transform:uppercase;letter-spacing:.4px}.mini-titlebar>span:first-child{font-size:5px;letter-spacing:2px}.case-card .image-wrap>img,.case-card .image-wrap .campaign-pair{height:100%}.case-motion{top:30px;height:calc(100% - 30px)}.case-card h3,.case-card:first-child h3,.case-card:nth-child(3) h3,.case-card:nth-child(4) h3{font-size:48px}.case-index{margin-top:30px}.case-index-row:hover{background:#f6ebff;padding-right:12px}.capabilities{padding:80px 4vw 100px}.capabilities .section-head{margin-bottom:65px}.capabilities .section-head h2{font-size:clamp(70px,8vw,125px)}.cap-list{background:#fffdf9;color:var(--ink);border:1px solid #1b0d28;border-radius:8px;box-shadow:15px 16px 0 #4d018e;overflow:hidden;padding:0 28px}.cap-list:before{content:'ARGUMENTAL / QUÉ HACEMOS';display:block;background:#211526;color:white;margin:0 -28px;padding:16px 28px;font-size:9px;letter-spacing:1px}.service{border-color:#e0d1e6}.service:last-child{border-color:transparent}.service summary{grid-template-columns:40px 1fr 40px;position:relative;padding:29px 0}.service h3{font-size:clamp(35px,4.5vw,65px);padding-right:130px}.service-stamp{position:absolute;right:65px;font:500 8px 'DM Sans',sans-serif;letter-spacing:.7px;border:1px solid #d4bddc;border-radius:30px;padding:7px 10px;color:var(--purple)}.service summary:hover,.service[open] summary{background:#f0e2ff;color:var(--purple);padding-left:12px}.service-body{padding:10px 70px 35px;max-width:none;display:grid;grid-template-columns:1fr 280px;gap:40px;align-items:start}.service-body p{font-size:16px}.service-body img{width:100%;max-height:230px;border:1px solid #d1b9dd;margin:0}.cap-examples a{border-color:#bca4cd;color:var(--purple)}.agency{padding:100px 4vw;position:relative;overflow:hidden}.agency-title{gap:50px}.agency h2{font-size:clamp(75px,10vw,155px);line-height:.83}.agency-title img{width:23%;height:260px}.agency-copy{margin-top:60px;max-width:1050px;padding-left:23%;gap:35px}.closing{background:#f52981;color:#fff}.closing>a{font-size:clamp(90px,19vw,290px)}.closing-foot{border-color:#ffffff80}.closing-foot span{font-size:9px}footer{background:#fffdf9}
@keyframes piece-open{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:950px){.workboard{grid-template-columns:190px 1fr;gap:24px}.project-tab{grid-template-columns:32px 1fr 12px;gap:8px}.project-tab img{width:32px;height:40px}.project-tab strong{font-size:20px}.board-story{grid-template-columns:1fr;gap:0}.service-body{grid-template-columns:1fr 200px;gap:25px}.agency-copy{padding-left:0}}
@media(max-width:560px){.hero-caption{padding:28px 20px}.projects{padding-top:55px}.projects .section-head{display:block}.projects .section-head h2{font-size:92px}.filters{top:82px}.workboard{display:block;margin-bottom:45px}.board-menu{position:static;display:flex;overflow-x:auto;gap:8px;margin:0 -20px;padding:0 20px 15px;scroll-snap-type:x proximity}.board-caption,.board-hint{display:none}.project-tab{min-width:180px;max-width:180px;border:1px solid var(--line);padding:12px;scroll-snap-align:start;grid-template-columns:30px 1fr;align-items:center}.project-tab[aria-pressed=true]{transform:none}.project-tab strong{font-size:22px}.tab-arrow{display:none}.board-titlebar{font-size:7px;padding:0 10px;gap:5px}.board-titlebar>span:first-child{letter-spacing:1px}.board-window{box-shadow:6px 8px 0 #e9d7ff}.board-media{aspect-ratio:4/3}.board-tools{padding:10px 9px}.piece-tabs{gap:4px}.piece-tabs button{padding:8px 10px;font-size:9px}.board-film{font-size:9px}.board-story{margin-top:28px}.board-story h3{font-size:48px}.board-story [data-board-summary]{font-size:13px}.case-card{margin-bottom:42px!important}.case-card h3,.case-card:first-child h3{font-size:40px}.priority-case{padding:25px;margin-bottom:40px}.priority-case strong{font-size:34px}.capabilities{padding:55px 20px 65px}.capabilities .section-head h2{font-size:69px}.cap-list{padding:0 15px;box-shadow:7px 9px 0 #4d018e}.cap-list:before{margin:0 -15px;padding:14px 15px;font-size:8px}.service summary{grid-template-columns:20px 1fr 23px;gap:8px;padding:23px 0}.service h3{font-size:31px;padding-right:0}.service-stamp{display:none}.service-body{display:block;padding:0 0 25px 28px}.service-body p{font-size:14px}.service-body img{margin-top:20px;max-height:170px;width:auto;max-width:100%}.service summary:hover,.service[open] summary{padding-left:5px}.agency{padding:65px 20px}.agency-title{align-items:center;gap:12px}.agency h2{font-size:15vw}.agency-title img{width:16%;height:100px}.agency-copy{display:block;margin-top:35px}.agency-copy p+p{margin-top:20px}.closing>a{font-size:24vw}}
@media(prefers-reduced-motion:reduce){.board-media img,.board-media video{animation:none}}
.board-pair{height:100%;display:flex;justify-content:center;gap:0;background:#f0e2ff;animation:piece-open .35s ease}.board-pair img{width:50%;height:100%;object-fit:contain}
@media(max-width:560px){.closing>a{font-size:22vw}.closing>a span{font-size:18vw;flex-shrink:0}}
@media(min-width:561px){.board-media{aspect-ratio:16/9}}
/* Recorrido continuo: cada proyecto conserva la misma ventana. */
.case-grid{display:block}.campaign-flow{display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,2.5fr);gap:4vw;align-items:start;padding:70px 0 90px;border-top:1px solid #d8cfdc}.flow-copy{position:sticky;top:120px;padding-top:10px}.flow-number{font-size:9px;letter-spacing:1px;margin:0 0 45px;color:#786682}.flow-client{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.6px;max-width:250px}.flow-copy h3{font:700 clamp(38px,4vw,65px)/.91 'Barlow Condensed',sans-serif;color:var(--purple);margin:18px 0 24px;letter-spacing:-.015em}.flow-summary{font-size:14px;line-height:1.65;margin:0 0 25px;max-width:300px}.flow-scope{font-size:10px;line-height:1.6;color:#786682;margin-bottom:28px}.campaign-flow .board-window{margin-top:10px}.campaign-flow:nth-child(4n+2) .board-window{box-shadow:13px 16px 0 #ffe33e}.campaign-flow:nth-child(4n+3) .board-window{box-shadow:13px 16px 0 #f7bbdb}.campaign-flow .board-media{aspect-ratio:16/10}.campaign-flow .board-titlebar{font-size:8px}.text-window{aspect-ratio:auto!important;min-height:350px;background:#f1e5fc}.scope-window{padding:45px 40px}.scope-window>span{font-size:10px;letter-spacing:1px;color:#7106c8}.scope-window ul{list-style:none;padding:0;margin:35px 0}.scope-window li{font:600 clamp(28px,3vw,44px)/1.12 'Barlow Condensed',sans-serif;padding:15px 0;border-bottom:1px solid #c9b4d8}.scope-window small{font-size:10px;color:#776382}.campaign-flow:nth-child(4n+2) .text-window{background:#fff6c4}.campaign-flow:nth-child(4n+3) .text-window{background:#fae2ef}
@media(max-width:850px){.campaign-flow{grid-template-columns:1fr 2fr;gap:28px}.flow-copy h3{font-size:40px}.flow-summary{font-size:13px}}
@media(max-width:560px){.campaign-flow{display:block;padding:40px 0 55px}.flow-copy{position:static;padding:0}.flow-number{margin-bottom:24px}.flow-copy h3{font-size:48px;margin:15px 0 20px}.flow-summary{max-width:none}.flow-scope{margin-bottom:15px}.campaign-flow .board-window{margin-top:28px;box-shadow:6px 8px 0 #e9d7ff}.campaign-flow:nth-child(4n+2) .board-window{box-shadow:6px 8px 0 #ffe33e}.campaign-flow:nth-child(4n+3) .board-window{box-shadow:6px 8px 0 #f7bbdb}.campaign-flow .board-titlebar{font-size:7px}.campaign-flow .board-media{aspect-ratio:4/3}.text-window{min-height:0}.scope-window{padding:30px 24px}.scope-window li{font-size:30px}}
/* Se conserva el explorador aprobado; la lista completa baja con la página. */
.all-projects{display:grid;grid-template-columns:260px minmax(0,1fr);gap:3vw;margin-top:50px;align-items:start}.all-projects .board-menu{position:static;display:block;overflow:visible;padding:0;margin:0}.all-projects .board-main{position:sticky;top:110px;align-self:start}.all-projects .board-media{height:min(52vh,600px);aspect-ratio:auto;min-height:0}.all-projects .text-window{overflow:auto}.all-projects .board-tools[hidden]{display:none}.all-projects .board-story{margin-top:28px;grid-template-columns:1fr 1fr;gap:25px}.all-projects .board-story h3{font-size:clamp(35px,4vw,58px);margin:12px 0}.all-projects .board-story [data-board-summary]{font-size:13px;margin-top:8px}.all-projects .project-tab{min-height:92px}.project-number{display:flex;align-items:center;justify-content:center;width:48px;height:46px;background:#e9d7ff;color:var(--purple);font:600 24px 'Barlow Condensed',sans-serif}.project-tab[aria-pressed=true] .project-number{background:#ffffff25;color:white}.all-projects .scope-window{padding:30px}.all-projects .scope-window ul{margin:20px 0}.all-projects .scope-window li{font-size:clamp(24px,2.7vw,38px)}
@media(max-width:950px){.all-projects{grid-template-columns:200px minmax(0,1fr)}.all-projects .board-story{display:block}.all-projects .board-story h3{font-size:36px}.all-projects .project-number{width:32px;height:40px}}
@media(max-width:700px){.all-projects{display:flex;flex-direction:column;margin-top:35px;gap:0}.all-projects .board-menu{display:flex;width:calc(100% + 40px);overflow-x:auto;gap:8px;padding:0 20px 16px;margin:0 -20px;scroll-snap-type:x proximity}.all-projects .board-caption{display:none}.all-projects .project-tab{min-width:180px;max-width:180px;min-height:90px;grid-template-columns:30px 1fr;padding:12px;border:1px solid var(--line);scroll-snap-align:start}.all-projects .project-tab[aria-pressed=true]{transform:none}.all-projects .project-number{width:30px;height:40px}.all-projects .tab-arrow{display:none}.all-projects .board-main{position:static;width:100%}.all-projects .board-media{height:380px;max-height:55vh;aspect-ratio:auto}.all-projects .board-story{margin-top:28px}.all-projects .board-story h3{font-size:46px}.all-projects .scope-window li{font-size:28px}}

/* Edición: menos señalética, más espacio para las piezas. */
.all-projects .project-tab{grid-template-columns:48px minmax(0,1fr);gap:14px;padding:20px 10px;min-height:100px}.all-projects .project-tab.without-thumb{grid-template-columns:1fr;padding-left:14px}.all-projects .project-tab small{font-size:10px;line-height:1.4}.all-projects .project-tab strong{font-size:26px;line-height:1.02}.piece-tabs{align-items:center;gap:4px}.piece-tabs[hidden]{display:none}.piece-tabs button{border:0;padding:9px;background:transparent!important;width:28px;height:28px;display:grid;place-items:center}.piece-tabs button span{display:block;width:7px;height:7px;border-radius:50%;background:#cdbdd5}.piece-tabs button[aria-pressed=true] span{background:var(--purple);width:9px;height:9px}.board-tools:has(.piece-tabs[hidden]):has(.board-film[hidden]){display:none}.board-tools{padding:7px 15px}.service summary{grid-template-columns:minmax(0,1fr) 40px}.service h3{padding-right:30px}.service-body{padding-left:0}.cap-list:before{display:none}.board-open{padding:7px;color:white}.board-story [data-board-client]{text-transform:none;font-size:12px;letter-spacing:0}.scope-window small{opacity:.7}.project-number,.service-stamp{display:none}footer{justify-content:center}.board-titlebar{font-size:10px;letter-spacing:.4px}
@media(max-width:950px){.all-projects .project-tab{grid-template-columns:32px minmax(0,1fr);gap:10px}.all-projects .project-tab strong{font-size:23px}.all-projects .project-tab small{font-size:9px}}@media(max-width:700px){.all-projects .project-tab{padding:12px;min-height:90px}.all-projects .project-tab.without-thumb{padding:12px}.all-projects .project-tab strong{font-size:22px}.service summary{grid-template-columns:minmax(0,1fr) 25px}}

/* Las pantallas web se recorren a tamaño legible dentro de la ventana. */
.all-projects .board-media.website-window{overflow-y:auto;background:white;}
.all-projects .board-media.website-window>img{width:100%;height:auto;object-fit:initial;animation:none;}