@import url("https://fonts.googleapis.com/css2?family=Sora:wght@300;400;700&display=swap");

:root { --ink:#08080b; --surface:#111117; --paper:#f4f1ea; --violet:#6b19ee; --violet-light:#c8a5ff; --line:rgba(255,255,255,.14); --dark-line:rgba(8,8,11,.15); }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ink);color:var(--paper);font-family:"Sora",Arial,sans-serif;font-weight:300} a{color:inherit;text-decoration:none} button{font:inherit} strong{font-weight:700;color:var(--violet-light)}
.site-header{position:sticky;top:0;z-index:50;height:84px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(22px,5vw,76px);background:rgba(8,8,11,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.monogram{width:58px;height:58px;display:grid;place-items:center}.monogram img{display:block;width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;gap:42px;font-size:14px;font-weight:400}.site-header nav a{transition:.2s}.site-header nav a:hover{color:var(--violet-light)}.header-cta{justify-self:end;color:white;background:transparent;border:1px solid var(--violet-light);border-radius:999px;padding:12px 18px;cursor:pointer}.header-cta span{margin-left:12px}
.drawer-shade{position:fixed;inset:0;background:rgba(0,0,0,.56);z-index:70;opacity:0;pointer-events:none;transition:.3s}.drawer-shade.is-open{opacity:1;pointer-events:auto}.contact-drawer{position:fixed;right:0;top:0;z-index:80;width:min(470px,100%);height:100%;padding:70px 48px;background:#121218;transform:translateX(100%);transition:.35s;box-shadow:-30px 0 70px rgba(0,0,0,.35)}.contact-drawer.is-open{transform:translateX(0)}.drawer-close{position:absolute;right:28px;top:22px;border:0;background:transparent;color:white;font-size:38px;cursor:pointer}.contact-drawer h2{font-size:46px;line-height:1.08;margin:0 0 54px}.contact-drawer dl div{padding:20px 0;border-bottom:1px solid var(--line)}.contact-drawer dt{color:var(--violet-light);font-size:12px;margin-bottom:7px}.contact-drawer dd{margin:0;font-size:18px}.drawer-social{display:flex;gap:22px;margin-top:36px;font-weight:400}
.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 26px;color:#858590;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.eyebrow span{width:34px;height:1px;background:var(--violet);display:block}.eyebrow.light{color:rgba(255,255,255,.6)}
.hero{min-height:calc(100vh - 84px);padding:clamp(60px,8vw,116px) clamp(22px,5vw,76px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;overflow:hidden}.hero h1,.page-intro h1,.about-hero h1,.category-intro h1{margin:0;font-size:clamp(52px,6.3vw,98px);line-height:.95;letter-spacing:-.065em;font-weight:700}.hero-description{max-width:610px;margin:34px 0 0;color:#a4a4af;font-size:clamp(16px,1.4vw,20px);line-height:1.7}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:188px;padding:15px 20px;border-radius:999px;font-size:14px;font-weight:700}.button-primary{background:var(--violet);color:white}.button-light{background:var(--paper);color:var(--ink)}.text-link{font-size:14px;border-bottom:1px solid #50505a;padding-bottom:6px}
.hero-art{min-height:570px;position:relative;display:grid;place-items:center;perspective:900px}.glass-card{width:min(72%,410px);aspect-ratio:.82;padding:30px;position:relative;z-index:4;transform:rotate(8deg);border:1px solid rgba(255,255,255,.4);border-radius:30px;background:linear-gradient(145deg,rgba(160,104,255,.72),rgba(56,15,140,.55));box-shadow:0 45px 90px rgba(52,5,139,.45);display:flex;flex-direction:column;justify-content:space-between}.glass-card span,.glass-card i{font-size:10px;font-style:normal;letter-spacing:.14em}.glass-card strong{color:white;font-size:clamp(48px,5vw,76px);line-height:.82;letter-spacing:-.08em}.orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 28%,#d6bcff 0 6%,#8949ff 30%,#330080 80%);box-shadow:inset -22px -28px 44px rgba(16,0,40,.55),0 35px 60px rgba(66,10,168,.4)}.orb-one{width:230px;height:230px;top:4%;right:1%}.orb-two{width:135px;height:135px;left:4%;bottom:8%}.ring{position:absolute;width:330px;height:330px;left:0;top:24%;border:42px solid #6a21ed;border-radius:50%;transform:rotateX(68deg) rotateZ(18deg);box-shadow:0 22px 34px rgba(62,10,145,.55)}.vertical-note{position:absolute;right:0;bottom:10%;color:#6e6e7d;font-size:9px;letter-spacing:.22em;writing-mode:vertical-rl}
.home-categories{padding:clamp(90px,11vw,165px) clamp(22px,5vw,76px);background:var(--paper);color:var(--ink)}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:70px;margin-bottom:70px}.section-heading h2{margin:0;font-size:clamp(48px,5.7vw,84px);line-height:.96;letter-spacing:-.06em}.section-heading strong{color:var(--violet)}.section-heading>p{margin:0;color:#656169;line-height:1.7;max-width:520px}.category-list{border-top:1px solid var(--dark-line)}.category-row{display:grid;grid-template-columns:70px 1fr 1fr 40px;gap:28px;align-items:center;min-height:122px;border-bottom:1px solid var(--dark-line);transition:.2s}.category-row:hover{padding-left:14px;color:var(--violet)}.category-row>span{font-size:11px;color:#77737c}.category-row h3{font-size:clamp(24px,2.8vw,42px);margin:0;letter-spacing:-.04em}.category-row p{margin:0;color:#6c6870;font-size:13px}.category-row i{font-size:25px;font-style:normal}
.inner-page{min-height:80vh}.page-intro,.category-intro{padding:clamp(76px,10vw,145px) clamp(22px,5vw,76px)}.page-intro{display:grid;grid-template-columns:1fr .6fr;gap:40px;align-items:end}.page-intro .eyebrow,.page-intro h1{grid-column:1}.page-intro>p:last-child{color:#9b9ba6;line-height:1.7}.category-grid{padding:0 clamp(22px,5vw,76px) 140px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.category-card{min-height:450px;padding:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:#15151b;border:1px solid var(--line)}.category-card>span{font-size:11px;letter-spacing:.12em}.category-card h2{font-size:30px;margin:0 0 10px}.category-card p{color:rgba(255,255,255,.65);font-size:12px;line-height:1.5;margin:0}.category-card>i{position:absolute;right:22px;bottom:22px;font-size:24px;font-style:normal}.category-mark{font-size:clamp(72px,9vw,130px);font-weight:700;text-align:center;letter-spacing:-.08em;transition:.3s}.category-card:hover .category-mark{transform:scale(1.06) rotate(-3deg)}.tone-brand{background:linear-gradient(145deg,#351000,#a02d13)}.tone-ad{background:linear-gradient(145deg,#081746,#143da0)}.tone-editorial{background:linear-gradient(145deg,#e7ddd0,#9d8368);color:#111}.tone-editorial p{color:#333}.tone-social{background:linear-gradient(145deg,#ff8fe0,#6b19ee)}.tone-multi{background:linear-gradient(145deg,#0b3e2d,#0aa36b)}.tone-three{background:radial-gradient(circle,#a96cff,#351070)}
.about-hero{padding:clamp(75px,9vw,135px) clamp(22px,5vw,76px);display:grid;grid-template-columns:1fr .78fr;gap:60px;position:relative}.about-copy{padding-top:66px}.about-copy p{color:#a8a8b2;line-height:1.75}.about-copy p:first-child{font-size:24px;color:white;line-height:1.45}.about-object{grid-column:1/-1;height:260px;position:relative;display:grid;place-items:center}.folder-back,.folder-front{position:absolute;width:240px;height:155px;border-radius:18px;transform:rotate(8deg)}.folder-back{background:#393941;transform:rotate(-7deg)}.folder-front{background:linear-gradient(145deg,#7c30ff,#4910b5);padding:28px;font-size:56px;font-weight:700;box-shadow:0 28px 55px rgba(74,10,186,.4)}.folder-front span{display:block;margin-top:30px;font-size:9px;letter-spacing:.18em}.tabs-block{padding:0 clamp(22px,5vw,76px) 140px}.tab-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tab-buttons button{padding:16px;border:0;border-radius:8px;background:#1a1a20;color:white;font-weight:700;cursor:pointer}.tab-buttons button[aria-selected="true"]{background:var(--violet)}.tab-panel{margin-top:8px;background:#15151a;border:1px solid var(--line);border-radius:14px;padding:30px}.tab-panel article{display:grid;grid-template-columns:190px 1fr;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.tab-panel article:last-child{border-bottom:0}.tab-panel time{color:#8f8f99;font-size:12px}.tab-panel h3{margin:0 0 7px;font-size:24px}.tab-panel p{margin:0;color:#9696a0;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.category-intro{max-width:1100px}.back-link{display:inline-block;margin-bottom:70px;color:var(--violet-light);font-size:13px}.category-intro>p:last-child{max-width:720px;color:#9c9ca7;line-height:1.7;font-size:17px}.work-groups{padding:0 clamp(22px,5vw,76px) 150px}.work-group{margin-bottom:120px}.work-group header{display:grid;grid-template-columns:70px 1fr;gap:20px;padding-bottom:28px;border-bottom:1px solid var(--line)}.work-group header>span{font-size:11px;color:#777783}.work-group h2{font-size:clamp(34px,4vw,58px);margin:0 0 8px}.work-group header p{margin:0;color:#8e8e98}.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:24px}.gallery-item{min-height:420px;padding:24px;position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#18181f;border-radius:3px}.gallery-item::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 25%,rgba(160,95,255,.5),transparent 25%),linear-gradient(145deg,#191921,#30165b);transition:.3s}.gallery-item:hover::before{transform:scale(1.05)}.gallery-2::before{background:linear-gradient(135deg,#34130b,#9f3a17)}.gallery-3::before{background:linear-gradient(135deg,#dcd5c9,#7b7470)}.gallery-4::before{background:linear-gradient(135deg,#08213d,#12638d)}.gallery-item span,.gallery-item strong,.gallery-item i{position:relative;z-index:2}.gallery-item span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.55)}.gallery-item strong{color:white;font-size:25px;margin-top:6px}.gallery-item i{position:absolute;right:24px;bottom:24px;font-style:normal;font-size:22px}
.site-footer{padding:clamp(90px,11vw,165px) clamp(22px,5vw,76px) 34px;background:var(--violet);color:white}.site-footer>p{font-size:12px;text-transform:uppercase;letter-spacing:.12em}.site-footer h2{font-size:clamp(62px,9vw,138px);line-height:.9;letter-spacing:-.07em;margin:40px 0}.site-footer h2 span{color:var(--ink)}.footer-actions{display:flex;align-items:center;justify-content:space-between;margin:60px 0 100px}.footer-actions>div{display:flex;gap:28px;font-size:13px}.footer-line{display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid rgba(255,255,255,.25);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.7)}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero,.about-hero,.page-intro,.section-heading{grid-template-columns:1fr}.hero-art{min-height:480px}.category-grid{grid-template-columns:repeat(2,1fr)}.category-row{grid-template-columns:46px 1fr 30px}.category-row p{grid-column:2}.category-row i{grid-column:3;grid-row:1/3}.page-intro>p:last-child{grid-column:1}.about-copy{padding-top:0}}
@media(max-width:620px){.site-header{height:72px;padding:0 20px}.hero{padding:58px 20px 78px;grid-template-columns:1fr}.hero h1,.page-intro h1,.about-hero h1,.category-intro h1{font-size:47px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-art{min-height:400px}.glass-card{width:72%;padding:22px}.glass-card strong{font-size:42px}.orb-one{width:145px;height:145px}.orb-two{width:90px;height:90px}.ring{width:215px;height:215px;border-width:28px}.home-categories,.page-intro,.about-hero,.category-intro{padding-left:20px;padding-right:20px}.category-grid{grid-template-columns:1fr;padding-left:20px;padding-right:20px}.category-card{min-height:390px}.category-row{gap:12px}.category-row h3{font-size:27px}.tabs-block,.work-groups{padding-left:20px;padding-right:20px}.tab-buttons{grid-template-columns:1fr}.tab-panel{padding:18px}.tab-panel article{grid-template-columns:1fr;gap:8px}.gallery-grid{grid-template-columns:1fr}.gallery-item{min-height:360px}.work-group header{grid-template-columns:35px 1fr}.contact-drawer{padding:68px 25px}.footer-actions,.footer-line{align-items:flex-start;flex-direction:column;gap:30px}.footer-actions>div{flex-wrap:wrap}.site-footer h2{font-size:58px}}

/* Refinamiento visual y motion */
main{animation:page-enter .65s ease both}
.monogram{animation:logo-enter .7s cubic-bezier(.2,.8,.2,1) both}.monogram img{transition:transform .3s ease,filter .3s ease}.monogram:hover img{transform:scale(1.07);filter:drop-shadow(0 0 16px rgba(200,165,255,.48))}
.header-cta{transition:background .25s ease,color .25s ease,transform .25s ease}.header-cta:hover{background:var(--violet-light);color:var(--ink);transform:translateY(-2px)}
.hero-copy>*{opacity:0;animation:rise-in .7s cubic-bezier(.2,.8,.2,1) forwards}.hero-copy>*:nth-child(1){animation-delay:.08s}.hero-copy>*:nth-child(2){animation-delay:.18s}.hero-copy>*:nth-child(3){animation-delay:.28s}.hero-copy>*:nth-child(4){animation-delay:.38s}
.hero-actions{gap:16px}.button{border:1px solid transparent;cursor:pointer;transition:transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease}.button:hover{transform:translateY(-3px)}.button-primary:hover{background:#8b49f5}.button-outline{background:transparent;color:var(--paper);border-color:rgba(200,165,255,.8)}.button-outline:hover{background:var(--violet-light);color:var(--ink);border-color:var(--violet-light)}
.glass-card{animation:card-float 5.5s ease-in-out infinite;transition:box-shadow .35s ease,filter .35s ease}.glass-card:hover{box-shadow:0 55px 110px rgba(83,22,198,.58);filter:saturate(1.12)}
.page-intro h1{grid-column:1}.category-card{transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}.category-card:hover{transform:translateY(-9px);border-color:rgba(200,165,255,.65);box-shadow:0 25px 55px rgba(0,0,0,.28)}.category-card>i{transition:transform .3s ease}.category-card:hover>i{transform:translate(4px,-4px)}
.about-object{height:430px;isolation:isolate;overflow:visible}.folder-glow{position:absolute;z-index:-1;width:min(68vw,610px);height:210px;border-radius:50%;background:radial-gradient(ellipse,rgba(107,25,238,.64),rgba(107,25,238,.2) 43%,transparent 72%);filter:blur(34px);animation:halo-pulse 4s ease-in-out infinite}.folder-frame{position:absolute;width:min(82vw,760px);height:100%;object-fit:contain;filter:drop-shadow(0 34px 44px rgba(65,9,153,.4));will-change:opacity,transform}.folder-closed{animation:folder-close 6s ease-in-out infinite}.folder-open{opacity:0;animation:folder-open 6s ease-in-out infinite}
.tab-buttons button{transition:background .25s ease,color .25s ease,transform .25s ease}.tab-buttons button:hover{transform:translateY(-2px);background:#282831}.tab-buttons button[aria-selected="true"]:hover{background:#7d2ff1}.tab-panel{animation:panel-in .45s cubic-bezier(.2,.8,.2,1) both}.skills-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.skill-item{display:flex;align-items:center;gap:13px;min-height:86px;padding:14px;border:1px solid var(--line);border-radius:12px;background:#1b1b22;opacity:0;animation:skill-in .45s ease forwards;animation-delay:var(--skill-delay)}.skill-item strong{color:white;font-size:13px}.software-icon{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1.5px solid var(--violet-light);border-radius:10px;color:var(--violet-light);font-size:15px;font-weight:700;line-height:1;box-shadow:inset 0 0 18px rgba(107,25,238,.12)}
.drawer-social{align-items:center}.social-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.45);border-radius:50%;font-size:19px;transition:background .25s ease,color .25s ease,transform .25s ease}.social-icon:hover{background:var(--violet-light);border-color:var(--violet-light);color:var(--ink);transform:translateY(-3px)}.instagram-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}.instagram-icon .icon-dot{fill:currentColor;stroke:none}.contact-drawer.is-open h2{animation:rise-in .55s .1s both}.contact-drawer.is-open dl div{animation:rise-in .5s both}.contact-drawer.is-open dl div:nth-child(1){animation-delay:.18s}.contact-drawer.is-open dl div:nth-child(2){animation-delay:.25s}.contact-drawer.is-open dl div:nth-child(3){animation-delay:.32s}.contact-drawer.is-open .drawer-social{animation:rise-in .5s .4s both}
.gallery-item{transition:transform .35s ease,box-shadow .35s ease}.gallery-item:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(0,0,0,.3)}

@supports (animation-timeline:view()){
  .category-card,.gallery-item{opacity:0;animation:reveal-up linear both;animation-timeline:view();animation-range:entry 8% cover 28%}
}

@keyframes page-enter{from{opacity:0}to{opacity:1}}
@keyframes logo-enter{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
@keyframes rise-in{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@keyframes card-float{0%,100%{transform:rotate(8deg) translateY(0)}50%{transform:rotate(6deg) translateY(-14px)}}
@keyframes halo-pulse{0%,100%{opacity:.62;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}
@keyframes folder-close{0%,18%{opacity:1;transform:translateY(6px) scale(.95)}32%,84%{opacity:0;transform:translateY(-8px) scale(1.02)}100%{opacity:1;transform:translateY(6px) scale(.95)}}
@keyframes folder-open{0%,20%{opacity:0;transform:translateY(12px) scale(.93)}34%,82%{opacity:1;transform:translateY(-8px) scale(1.02)}100%{opacity:0;transform:translateY(12px) scale(.93)}}
@keyframes panel-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes skill-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes reveal-up{from{opacity:0;transform:translateY(34px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}

@media(max-width:900px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-object{height:360px}}
@media(max-width:620px){.button-outline{min-width:188px}.about-object{height:300px}.folder-frame{width:112vw;max-width:620px}.folder-glow{width:86vw;height:160px}.skills-grid{grid-template-columns:1fr}.contact-drawer h2{font-size:38px}.social-icon{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.folder-open{opacity:1}.folder-closed{opacity:0}}

/* Carrusel editorial de especialidades */
.work-index{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 38%,rgba(107,25,238,.18),transparent 28%),#08080b}.work-index::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(200,165,255,.36) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to bottom,transparent 2%,black 24%,black 82%,transparent)}.work-index>*{position:relative;z-index:1}
.work-slider-section{padding:0 clamp(22px,5vw,76px) clamp(110px,12vw,170px);overflow:hidden}.slider-filter{max-width:1180px;margin:0 auto 38px;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}.slider-filter button{padding:10px 16px;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:rgba(8,8,11,.62);color:#aaa9b4;font-size:11px;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease,transform .25s ease;backdrop-filter:blur(10px)}.slider-filter button:hover{color:white;border-color:var(--violet-light);transform:translateY(-2px)}.slider-filter button[aria-selected="true"]{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.work-slider{height:clamp(510px,57vw,700px);position:relative;perspective:1400px;touch-action:pan-y;user-select:none}.work-slide{width:clamp(255px,29vw,390px);aspect-ratio:4/5;position:absolute;left:50%;top:50%;overflow:hidden;border-radius:28px;background:#211238;border:1px solid rgba(255,255,255,.28);box-shadow:0 30px 75px rgba(0,0,0,.5);transition:transform .7s cubic-bezier(.22,.85,.24,1),opacity .55s ease,filter .55s ease;pointer-events:none;will-change:transform,opacity}.work-slide img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .7s ease}.work-slide:hover img{transform:scale(1.035)}.work-slide.is-center{z-index:6;opacity:1;pointer-events:auto;transform:translate(-50%,-50%) translateX(0) scale(1)}.work-slide.is-left{z-index:4;opacity:.76;filter:saturate(.72) brightness(.74);transform:translate(-50%,-50%) translateX(-82%) scale(.83) rotate(-2.5deg)}.work-slide.is-right{z-index:4;opacity:.76;filter:saturate(.72) brightness(.74);transform:translate(-50%,-50%) translateX(82%) scale(.83) rotate(2.5deg)}.work-slide.is-left-far{z-index:2;opacity:.28;filter:saturate(.5) brightness(.5);transform:translate(-50%,-50%) translateX(-154%) scale(.66) rotate(-4deg)}.work-slide.is-right-far{z-index:2;opacity:.28;filter:saturate(.5) brightness(.5);transform:translate(-50%,-50%) translateX(154%) scale(.66) rotate(4deg)}.work-slide.is-hidden{z-index:1;opacity:0;transform:translate(-50%,-50%) scale(.55)}
.slide-shade{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 45%,rgba(14,4,28,.22) 63%,rgba(9,3,19,.94) 100%)}.work-slide>span{position:absolute;left:22px;top:21px;display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(255,255,255,.56);border-radius:50%;background:rgba(20,8,38,.2);color:white;font-size:10px;backdrop-filter:blur(10px)}.slide-copy{position:absolute;left:24px;right:24px;bottom:24px;color:white}.slide-copy h2{max-width:320px;margin:0;font-size:clamp(25px,2.3vw,36px);line-height:1.05;letter-spacing:-.045em}.slide-copy p{margin:9px 0 0;color:rgba(255,255,255,.72);font-size:11px;line-height:1.5}.slide-copy a{margin-top:17px;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;font-weight:700;backdrop-filter:blur(10px);transition:background .25s ease,color .25s ease}.slide-copy a:hover{background:white;color:var(--ink)}.slide-copy i{font-style:normal;font-size:16px}
.slider-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:12px}.slider-controls button{width:47px;height:47px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:transparent;color:white;font-size:18px;cursor:pointer;transition:background .25s ease,color .25s ease,transform .25s ease}.slider-controls button:hover{background:var(--violet-light);border-color:var(--violet-light);color:var(--ink);transform:scale(1.06)}.slider-controls span{min-width:72px;text-align:center;color:#777682;font-size:10px;letter-spacing:.12em}.slider-controls strong{color:white;font-size:13px}

/* Profundidad inspirada en el lenguaje visual del CV */
.software-icon{position:relative;background:linear-gradient(145deg,#34136f,#7b35ee);border-color:rgba(255,255,255,.52);color:white;box-shadow:inset 0 1px 0 rgba(255,255,255,.38),0 8px 18px rgba(54,11,134,.36)}.skill-item:nth-child(2) .software-icon{background:linear-gradient(145deg,#073a73,#168cff)}.skill-item:nth-child(3) .software-icon{background:linear-gradient(145deg,#65122b,#ed3568)}.skill-item:nth-child(4) .software-icon{background:linear-gradient(145deg,#281a73,#8d67ff)}.skill-item:nth-child(5) .software-icon{background:linear-gradient(145deg,#ededed,#fff);color:#111}.skill-item:nth-child(6) .software-icon{background:linear-gradient(145deg,#a8540b,#f69a2d)}.skill-item:nth-child(7) .software-icon{background:linear-gradient(145deg,#087587,#34cfe8)}

/* Pie de página compacto */
.compact-footer{position:relative;padding:52px clamp(22px,5vw,76px) 26px;background:radial-gradient(circle at 80% 10%,rgba(107,25,238,.23),transparent 30%),#0a0a0e;border-top:1px solid rgba(148,86,247,.72);overflow:hidden}.compact-footer::before{content:"";position:absolute;inset:0;opacity:.12;pointer-events:none;background-image:radial-gradient(rgba(200,165,255,.5) 1px,transparent 1px);background-size:18px 18px}.footer-primary,.footer-secondary{position:relative;z-index:1}.footer-primary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;padding-bottom:42px}.footer-brand{width:62px;height:62px}.footer-brand img{width:100%;height:100%;object-fit:contain;transition:transform .3s ease,filter .3s ease}.footer-brand:hover img{transform:scale(1.07);filter:drop-shadow(0 0 14px rgba(200,165,255,.5))}.footer-primary nav{display:flex;gap:32px;font-size:12px}.footer-primary nav a,.footer-social a{transition:color .25s ease}.footer-primary nav a:hover,.footer-social a:hover{color:var(--violet-light)}.footer-social{justify-self:end;display:flex;gap:22px;color:#aaa9b4;font-size:11px}.footer-secondary{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:22px;border-top:1px solid var(--line)}.footer-secondary>p{margin:0;color:#777681;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.footer-capsule{min-width:min(100%,310px);display:flex;align-items:center;justify-content:space-between;gap:30px;padding:13px 15px 13px 22px;border-radius:999px;background:var(--paper);color:var(--ink);font-size:13px;transition:transform .25s ease,box-shadow .25s ease}.footer-capsule b{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--violet);color:white}.footer-capsule:hover{transform:translateY(-3px);box-shadow:0 13px 30px rgba(85,24,184,.28)}

@media(max-width:900px){.work-slider{height:590px}.work-slide{width:min(48vw,350px)}.work-slide.is-left{transform:translate(-50%,-50%) translateX(-69%) scale(.8)}.work-slide.is-right{transform:translate(-50%,-50%) translateX(69%) scale(.8)}.work-slide.is-left-far,.work-slide.is-right-far{opacity:0}.footer-primary{grid-template-columns:1fr auto}.footer-primary nav{grid-column:1/-1;grid-row:2;justify-content:center}.footer-social{grid-column:2;grid-row:1}}
@media(max-width:620px){.work-index .page-intro{padding-bottom:68px}.work-slider-section{padding-left:12px;padding-right:12px}.slider-filter{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;margin-left:8px;margin-right:8px;padding-bottom:8px;scrollbar-width:none}.slider-filter::-webkit-scrollbar{display:none}.slider-filter button{flex:0 0 auto}.work-slider{height:510px}.work-slide{width:min(73vw,310px);border-radius:23px}.work-slide.is-left{transform:translate(-50%,-50%) translateX(-62%) scale(.76)}.work-slide.is-right{transform:translate(-50%,-50%) translateX(62%) scale(.76)}.work-slide.is-left-far,.work-slide.is-right-far{opacity:0}.slide-copy{left:19px;right:19px;bottom:19px}.slide-copy h2{font-size:27px}.slider-controls{margin-top:4px}.compact-footer{padding-top:40px}.footer-primary{grid-template-columns:1fr;justify-items:center;text-align:center;gap:25px}.footer-social{grid-column:1;grid-row:auto;justify-self:center}.footer-primary nav{grid-column:1;grid-row:auto;gap:20px;flex-wrap:wrap}.footer-secondary{flex-direction:column-reverse;text-align:center;padding-top:28px}.footer-capsule{width:100%;min-width:0}}

/* Avatar sobre la tarjeta del hero */
.hero-art{isolation:isolate}.hero-art::after{content:"";position:absolute;z-index:2;left:54%;bottom:4%;width:68%;height:55%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(129,61,247,.48),rgba(107,25,238,.14) 46%,transparent 72%);filter:blur(30px);pointer-events:none}.hero-avatar{position:absolute;z-index:7;left:56%;bottom:0;width:min(75%,430px);height:96%;object-fit:contain;object-position:center bottom;transform:translateX(-50%);filter:drop-shadow(0 24px 34px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(142,80,255,.2));pointer-events:none;animation:avatar-enter .9s .15s cubic-bezier(.2,.8,.2,1) both,avatar-breathe 5.5s 1.1s ease-in-out infinite}.glass-card{z-index:4}
@keyframes avatar-enter{from{opacity:0;transform:translateX(-50%) translateY(34px) scale(.94)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
@keyframes avatar-breathe{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-7px)}}

/* Páginas internas de proyectos */
.category-intro-simple{padding-bottom:clamp(64px,7vw,100px)}.category-intro-simple .back-link{margin-bottom:52px}.project-sliders,.branding-showcase{padding:0 clamp(22px,5vw,76px) clamp(115px,12vw,170px)}

/* Branding: una ventana horizontal por caso */
.brand-project{max-width:1280px;margin:0 auto 110px}.brand-project:last-child{margin-bottom:0}.brand-project>header{display:grid;grid-template-columns:70px 1fr;gap:20px;align-items:start;margin-bottom:28px}.brand-project>header>span{padding-top:10px;color:#777783;font-size:11px}.brand-project h2{margin:0 0 8px;font-size:clamp(35px,4vw,60px);line-height:1;letter-spacing:-.05em}.brand-project header p{margin:0;color:#8e8e98;line-height:1.6}.brand-project-visual{aspect-ratio:16/8;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:28px;background:radial-gradient(circle at 68% 25%,rgba(198,158,255,.95),transparent 25%),linear-gradient(145deg,#210a47,#7b32eb 55%,#c7a7ff);box-shadow:0 35px 85px rgba(0,0,0,.36);transition:transform .55s cubic-bezier(.2,.8,.2,1),box-shadow .55s ease}.brand-project-visual::before{content:"";position:absolute;inset:0;opacity:.24;background-image:radial-gradient(rgba(255,255,255,.65) 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(105deg,black,transparent 65%)}.brand-project-visual:hover{transform:scale(1.018);box-shadow:0 48px 100px rgba(61,12,145,.42)}.brand-visual-2{background:radial-gradient(circle at 24% 72%,rgba(213,183,255,.78),transparent 23%),linear-gradient(135deg,#10071f,#52208e 52%,#b581ff)}.brand-mockup{position:absolute;border:1px solid rgba(255,255,255,.48);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(215,190,255,.68));box-shadow:0 22px 42px rgba(34,4,78,.28),inset 0 1px 0 rgba(255,255,255,.8)}.brand-mockup::after{content:"CB";position:absolute;inset:0;display:grid;place-items:center;color:#6b19ee;font-size:clamp(26px,5vw,76px);font-weight:700;letter-spacing:-.12em}.brand-mockup-tall{width:25%;height:70%;left:11%;top:15%;transform:rotate(-4deg)}.brand-mockup-wide{width:42%;height:47%;left:39%;top:17%;transform:rotate(4deg)}.brand-mockup-small{width:25%;height:30%;right:11%;bottom:12%;transform:rotate(-7deg)}

/* Sliders de afiches, editoriales y videos */
.project-slider-block{max-width:1280px;margin:0 auto 125px}.project-slider-block:last-child{margin-bottom:0}.project-slider-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;padding-bottom:23px;border-bottom:1px solid var(--line)}.project-slider-heading h2{margin:0 0 8px;font-size:clamp(35px,4vw,58px);line-height:1;letter-spacing:-.05em}.project-slider-heading p{margin:0;color:#8e8e98;line-height:1.55}.project-slider-heading>span{flex:0 0 auto;color:#777783;font-size:10px;letter-spacing:.12em}.project-slider-stage{height:570px;position:relative;overflow:hidden;perspective:1400px;touch-action:pan-y;user-select:none}.project-slide{width:310px;position:absolute;left:50%;top:50%;margin:0;opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.22,.85,.24,1),opacity .5s ease,filter .5s ease;will-change:transform,opacity}.project-slide.is-center{z-index:6;opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.project-slide.is-left{z-index:4;opacity:.7;filter:saturate(.72) brightness(.72);transform:translate(-50%,-50%) translateX(-94%) scale(.78) rotate(-2deg)}.project-slide.is-right{z-index:4;opacity:.7;filter:saturate(.72) brightness(.72);transform:translate(-50%,-50%) translateX(94%) scale(.78) rotate(2deg)}.project-slide.is-left-far{z-index:2;opacity:.2;transform:translate(-50%,-50%) translateX(-172%) scale(.58)}.project-slide.is-right-far{z-index:2;opacity:.2;transform:translate(-50%,-50%) translateX(172%) scale(.58)}.project-slide.is-hidden{z-index:1;opacity:0;transform:translate(-50%,-50%) scale(.5)}.project-media{aspect-ratio:4/5;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.3);border-radius:25px;background:radial-gradient(circle at 70% 22%,#cba9ff 0 9%,transparent 34%),linear-gradient(145deg,#250b52,#7628e7 58%,#b88cff);box-shadow:0 30px 70px rgba(0,0,0,.48);transition:transform .4s ease,box-shadow .4s ease}.project-media::before,.project-media::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.46);background:rgba(255,255,255,.11);backdrop-filter:blur(8px)}.project-media::before{width:58%;height:45%;right:8%;top:11%;border-radius:50% 50% 16px 16px;transform:rotate(10deg)}.project-media::after{width:70%;height:22%;left:9%;bottom:11%;border-radius:16px;transform:rotate(-5deg)}.project-media.visual-2{background:radial-gradient(circle at 25% 30%,#e4cfff,transparent 23%),linear-gradient(145deg,#150725,#5c199e 56%,#a86cff)}.project-media.visual-3{background:linear-gradient(135deg,#d9c6f7,#7a31dc 50%,#220b4a)}.project-media.visual-4{background:radial-gradient(circle at 78% 70%,#d6b6ff,transparent 25%),linear-gradient(145deg,#351064,#9c5af4)}.project-media:hover{transform:scale(1.025);box-shadow:0 40px 85px rgba(70,17,165,.5)}.media-index{position:absolute;z-index:3;left:18px;top:17px;width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:white;font-size:9px}.project-slide figcaption{margin-top:18px;color:white;text-align:center;font-size:15px;font-weight:700}.project-slider-controls{display:flex;align-items:center;justify-content:center;gap:18px}.project-slider-controls button{width:46px;height:46px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:transparent;color:white;cursor:pointer;font-size:18px;transition:.25s}.project-slider-controls button:hover{background:var(--violet-light);border-color:var(--violet-light);color:var(--ink);transform:scale(1.06)}.project-progress{width:min(30vw,220px);height:2px;overflow:hidden;background:rgba(255,255,255,.17)}.project-progress span{display:block;height:100%;background:var(--violet-light);transition:width .45s ease}.project-editorial .project-slider-stage{height:500px}.project-editorial .project-slide{width:min(48vw,500px)}.project-editorial .project-media{aspect-ratio:4/3}.project-video .project-slider-stage{height:690px}.project-video .project-slide{width:280px}.project-video .project-media{aspect-ratio:9/16}.project-video .project-media::before{width:64%;height:12%;left:18%;top:14%;right:auto;border-radius:999px;transform:none}.project-video .project-media::after{width:70%;height:48%;left:15%;bottom:15%;border-radius:20px;transform:none}.video-play{position:absolute;z-index:4;left:50%;top:50%;width:64px;height:64px;display:grid;place-items:center;padding-left:4px;border:1px solid rgba(255,255,255,.62);border-radius:50%;background:rgba(10,4,20,.34);color:white;font-size:20px;transform:translate(-50%,-50%);backdrop-filter:blur(12px)}

@media(max-width:900px){.hero-avatar{width:min(65%,390px)}.project-slide.is-left{transform:translate(-50%,-50%) translateX(-72%) scale(.76)}.project-slide.is-right{transform:translate(-50%,-50%) translateX(72%) scale(.76)}.project-slide.is-left-far,.project-slide.is-right-far{opacity:0}.brand-project-visual{aspect-ratio:16/9}}
@media(max-width:620px){.hero-art::after{width:88%;height:48%}.hero-avatar{left:55%;width:min(88%,340px);height:94%}.glass-card{width:76%;margin-left:-10%}.category-intro-simple{padding-bottom:58px}.category-intro-simple .back-link{margin-bottom:40px}.project-sliders,.branding-showcase{padding-left:14px;padding-right:14px}.brand-project{margin-bottom:80px}.brand-project>header{grid-template-columns:34px 1fr;margin-left:6px;margin-right:6px}.brand-project h2{font-size:35px}.brand-project-visual{aspect-ratio:4/3;border-radius:20px}.brand-mockup-tall{width:28%;left:7%}.brand-mockup-wide{width:48%;left:36%}.brand-mockup-small{width:29%;right:8%}.project-slider-block{margin-bottom:95px}.project-slider-heading{align-items:start;padding-left:6px;padding-right:6px}.project-slider-heading h2{font-size:34px}.project-slider-heading p{font-size:12px}.project-slider-stage{height:500px}.project-slide{width:min(68vw,285px)}.project-slide.is-left{transform:translate(-50%,-50%) translateX(-59%) scale(.72)}.project-slide.is-right{transform:translate(-50%,-50%) translateX(59%) scale(.72)}.project-editorial .project-slider-stage{height:430px}.project-editorial .project-slide{width:min(78vw,390px)}.project-video .project-slider-stage{height:630px}.project-video .project-slide{width:min(66vw,260px)}.project-slider-controls{margin-top:6px}}

/* Ajustes de contenido — versión 7 */
.hero{align-items:stretch}.hero-copy{align-self:center}.hero-art{align-self:stretch;min-height:calc(570px + clamp(60px,8vw,116px));margin-bottom:calc(clamp(60px,8vw,116px) * -1)}.hero-avatar{left:57%;width:min(88%,510px);height:100%;max-height:none}.glass-card{align-self:center}.glass-card strong{font-size:clamp(43px,4.6vw,70px);line-height:.9}.glass-card span{font-size:11px;font-weight:700;color:white}.category-row{cursor:default;outline:none}.category-row:focus-visible{padding-left:14px;color:var(--violet);box-shadow:inset 3px 0 0 var(--violet)}.category-row i{font-size:20px;color:var(--violet);transition:transform .25s ease}.category-row:hover i,.category-row:focus-visible i{transform:scale(1.6)}
.about-hero-clean{padding-bottom:42px}.about-hero-clean+.tabs-block{padding-top:0}.about-hero-clean .about-copy{align-self:end}

/* Carrusel principal: proporción 1080 × 1580 y contenido dentro de la imagen */
.work-slider{height:clamp(540px,54vw,660px)}.work-slide{height:auto;aspect-ratio:1080/1580;display:block;background:#111017}.work-slide-image{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.work-slide-image::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(to bottom,rgba(11,5,21,.04) 34%,rgba(13,7,24,.18) 55%,rgba(9,3,19,.96) 100%);pointer-events:none}.work-slide-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .7s ease}.work-slide:hover .work-slide-image img{transform:scale(1.035)}.work-slide-image>span{position:absolute;left:22px;top:21px;z-index:3;display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(255,255,255,.64);border-radius:50%;background:rgba(20,8,38,.22);color:white;font-size:10px;backdrop-filter:blur(10px)}.work-slide>.slide-copy{position:absolute;z-index:3;left:24px;right:24px;bottom:24px;inset-block-start:auto;min-height:0;padding:0;display:block;color:white;background:transparent}.slide-copy h2{font-size:clamp(24px,2vw,32px)}.slide-copy p{margin-bottom:0}.slide-copy a{margin-top:17px}

/* Redes sociales: seis posts fijos por marca y desplazamiento por colección */
.social-collections{max-width:1280px;margin:0 auto}.social-collection-stage{min-height:clamp(760px,86vw,1180px);position:relative;overflow:hidden;touch-action:pan-y}.social-collection{position:absolute;inset:34px 0 20px;opacity:0;pointer-events:none;transform:translateX(12%) scale(.98);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.social-collection.is-active{opacity:1;pointer-events:auto;transform:translateX(0) scale(1)}.social-collection.is-before{transform:translateX(-12%) scale(.98)}.social-collection.is-after{transform:translateX(12%) scale(.98)}.social-collection-label{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.social-collection-label h3{margin:0;font-size:clamp(24px,3vw,40px);letter-spacing:-.04em}.social-collection-label p{margin:0;color:#858590;font-size:12px}.social-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.social-post{aspect-ratio:4/5;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:radial-gradient(circle at 72% 24%,rgba(211,178,255,.84),transparent 25%),linear-gradient(145deg,#2a0b58,#7629df 57%,#b886ff);box-shadow:0 20px 45px rgba(0,0,0,.34);transition:transform .35s ease,box-shadow .35s ease}.social-post::before,.social-post::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.44);background:rgba(255,255,255,.12)}.social-post::before{width:62%;height:32%;left:10%;top:14%;border-radius:14px;transform:rotate(-6deg)}.social-post::after{width:58%;height:20%;right:9%;bottom:13%;border-radius:999px;transform:rotate(8deg)}.social-post:hover{transform:translateY(-6px);box-shadow:0 30px 58px rgba(83,25,181,.4)}.social-post-2{background:linear-gradient(145deg,#d9c4f5,#8d54dd 52%,#32105d)}.social-post-3{background:radial-gradient(circle at 25% 28%,#eadbff,transparent 20%),linear-gradient(135deg,#441078,#a96ff2)}.social-post-4{background:linear-gradient(145deg,#190928,#5d219f 52%,#d0aafa)}.social-post-5{background:radial-gradient(circle at 70% 72%,#c69cff,transparent 24%),linear-gradient(135deg,#8c50db,#2d0c56)}.social-post-6{background:linear-gradient(145deg,#d6bdf5,#6b24c8 58%,#210838)}.social-post span{position:absolute;z-index:3;left:14px;top:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.6);border-radius:50%;color:white;font-size:9px}.social-post i{position:absolute;z-index:3;right:13px;bottom:12px;color:rgba(255,255,255,.64);font-size:8px;font-style:normal;letter-spacing:.08em}.social-collections>.project-slider-controls{margin-top:12px}

@media(max-width:900px){.hero-art{min-height:calc(500px + 90px);margin-bottom:-90px}.hero-avatar{width:min(72%,460px)}.work-slider{height:680px}.work-slide{height:610px}.social-collection-stage{min-height:900px}.social-post-grid{gap:12px}.social-collection-label{align-items:start;flex-direction:column;gap:7px}}
@media(max-width:620px){.hero{padding-bottom:78px}.hero-art{min-height:478px;margin-bottom:-78px}.hero-avatar{left:56%;width:min(104%,390px);height:100%}.glass-card{width:82%;margin-left:-12%;padding:22px}.glass-card strong{font-size:39px}.category-row{grid-template-columns:38px 1fr 16px}.category-row p{padding-bottom:14px}.about-hero-clean{padding-bottom:30px}.work-slider{height:590px}.work-slide{height:535px}.work-slide-image{height:59%;flex-basis:59%}.work-slide>.slide-copy{min-height:41%;padding:18px}.slide-copy h2{font-size:25px}.slide-copy a{margin-top:13px}.social-collections .project-slider-heading{flex-direction:column;gap:12px}.social-collection-stage{min-height:560px}.social-collection{inset:26px 0 12px}.social-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.social-post{border-radius:10px}.social-post span{left:7px;top:7px;width:24px;height:24px;font-size:7px}.social-post i{display:none}.social-collection-label h3{font-size:25px}.social-collection-label p{font-size:10px}}

/* Versión 8 — galerías reales y módulos editables */
.hero-art .glass-card{justify-content:flex-start;align-items:flex-start;padding:34px 38px}.hero-art .glass-card strong{max-width:50%;color:white;font-size:clamp(20px,1.8vw,27px);line-height:1;text-transform:none}.hero-avatar{left:65%;width:min(92%,560px);height:97%;object-position:center bottom;transform:translateX(-50%) scale(1.12);transform-origin:center bottom;animation:none}.skill-item img{width:46px;height:46px;object-fit:contain;border-radius:10px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.28))}
.project-stack,.branding-showcase{padding:0 clamp(22px,5vw,76px) clamp(110px,12vw,170px)}.project-stack{display:grid;gap:clamp(70px,9vw,125px)}
.manual-project,.social-collections,.brand-project{width:min(1280px,100%);margin:0 auto}.manual-project>h2,.social-collections>h2,.brand-project>h2,.category-subtitle{margin:0 0 24px;font-size:clamp(32px,4vw,58px);letter-spacing:-.055em;color:white}.category-subtitle{padding-top:25px;border-top:1px solid var(--line)}
.project-description{max-width:760px;margin:-10px 0 26px;color:#a7a4b0;line-height:1.65}.dynamic-3d-category{display:grid;gap:clamp(55px,7vw,95px)}.dynamic-3d-category>.category-subtitle{margin-bottom:-35px}.dynamic-3d-category>.project-description{margin-top:-40px;margin-bottom:-25px}
.manual-stage{display:grid;position:relative;overflow:hidden;padding:clamp(18px,3vw,34px);border:1px solid rgba(255,255,255,.19);border-radius:28px;background:linear-gradient(145deg,#111017,#170e22);box-shadow:0 28px 75px rgba(0,0,0,.34)}.manual-slide{grid-area:1/1;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease,transform .55s cubic-bezier(.2,.8,.2,1);transform:translateX(4%)}.manual-slide.is-active{z-index:2;opacity:1;pointer-events:auto;transform:none}.manual-project>.project-slider-controls,.social-collections>.project-slider-controls{margin-top:20px}.project-slider-controls span{min-width:72px;text-align:center;color:#898894;font-size:11px;letter-spacing:.1em}
.project-image{display:block;width:100%;max-height:760px;object-fit:contain;border-radius:18px}.manual-slide>.project-image{width:auto;max-width:100%}.media-placeholder{width:100%;display:grid;place-items:center;border:1px dashed rgba(200,165,255,.58);border-radius:18px;background:radial-gradient(circle at 68% 24%,rgba(107,25,238,.34),transparent 30%),#17121e;color:#9a96a2;overflow:hidden}.media-placeholder span{padding:20px;text-align:center;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.pair-layout{width:100%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}.pair-layout .project-image{max-height:700px}.stack-layout{display:grid;gap:22px;width:100%}.stack-layout .project-image{max-height:none}
.brand-project{margin-bottom:clamp(68px,8vw,110px)}.brand-project:last-child{margin-bottom:0}.brand-project-visual{aspect-ratio:16/9;display:grid;place-items:center}.brand-project-visual .media-placeholder{height:100%;border:0;background:transparent}.brand-project-visual:hover{transform:scale(1.018)}
.social-collection-stage{display:grid;min-height:0;overflow:hidden}.social-collection{grid-area:1/1;position:relative;inset:auto;opacity:0;pointer-events:none;transform:translateX(5%);transition:.5s}.social-collection.is-active{opacity:1;pointer-events:auto;transform:none}.social-collection h3{margin:0 0 22px;font-size:clamp(24px,3vw,40px)}.social-post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.social-post-grid .project-image{aspect-ratio:4/5;max-height:none;object-fit:cover;border:1px solid rgba(255,255,255,.2)}
.mosaic{width:100%;display:grid;gap:14px}.mosaic-four{grid-template-columns:1.34fr 1fr}.mosaic-two{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.mosaic-feature{grid-template-columns:1.15fr .95fr;align-items:stretch}.mosaic-feature>div{display:grid;gap:14px}.mosaic .media-placeholder{height:100%}
.work-slide-image img{object-fit:cover;object-position:center}.work-slide>.slide-copy{z-index:3}.work-slide-image{background:#d9c7ef}
.social-post-grid .project-image{object-fit:contain;background:#0e0d13}.static-stage .project-image{max-height:680px;object-fit:contain;background:#0e0d13}.video-group{display:grid;gap:clamp(36px,5vw,70px)}
@media(max-width:900px){.hero-avatar{left:64%;width:min(82%,500px)}.pair-layout{grid-template-columns:1fr}.social-post-grid{gap:10px}.manual-stage{border-radius:22px}.mosaic-feature{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.hero-art .glass-card{padding:24px 22px}.hero-art .glass-card strong{max-width:55%;font-size:18px}.hero-avatar{left:66%;width:min(108%,420px)}.project-stack,.branding-showcase{padding-left:14px;padding-right:14px}.manual-project>h2,.social-collections>h2,.brand-project>h2,.category-subtitle{font-size:32px;margin-left:5px}.manual-stage{padding:10px;border-radius:18px}.project-image{border-radius:11px}.pair-layout{gap:10px}.social-post-grid{gap:6px}.mosaic,.mosaic-feature>div{gap:7px}.mosaic-four,.mosaic-two,.mosaic-feature{grid-template-columns:1fr 1fr}.project-slider-controls button{width:42px;height:42px}}

/* Ajustes finales del carrusel de categorías */
@media(max-width:900px){.work-slide{height:auto;aspect-ratio:1080/1580}}
@media(max-width:620px){.work-slide{height:auto;aspect-ratio:1080/1580}.work-slide-image{height:100%;flex-basis:auto}.work-slide>.slide-copy{left:19px;right:19px;bottom:19px;min-height:0;padding:0}.slide-copy a{margin-top:13px}}

/* Posts de redes sociales: formato vertical 982 × 1411 */
.social-post-grid .project-image{aspect-ratio:982/1411;object-fit:contain}

/* Contenido audiovisual: proporción 1080 × 1920 en un tamaño visual compacto */
.audiovisual-stack .manual-project{width:min(100%,420px)}.audiovisual-stack .media-placeholder{aspect-ratio:1080/1920}.audiovisual-stack .manual-stage{touch-action:pan-y}.audiovisual-stack .video-group{width:100%}.audiovisual-stack .video-group>.manual-project{margin-left:auto;margin-right:auto}
.project-video-file{display:block;width:100%;max-height:760px;object-fit:contain;border-radius:18px;background:#0e0d13}
@media(max-width:620px){.audiovisual-stack .manual-project{width:min(82vw,300px)}.audiovisual-stack .video-group>.category-subtitle{width:100%}}

/* Redes sociales en el mismo tamaño de la web aprobada */
.social-covers-project{width:min(100%,420px)}.social-covers-project .manual-stage{touch-action:pan-y}.social-collection-stage{touch-action:pan-y}.social-collection h3{margin-bottom:22px}.social-post-grid>.media-placeholder{aspect-ratio:982/1411}
@media(max-width:620px){.social-covers-project{width:min(82vw,300px)}}

/* Composiciones 3D con boxes independientes */
.category-diseno-3d .mosaic-single{grid-template-columns:1fr}.category-diseno-3d .manual-stage{align-items:center}.category-diseno-3d .mosaic>.media-placeholder{min-width:0}.category-diseno-3d .mosaic-feature>div>.media-placeholder{min-width:0}

/* Navegación al final de cada categoría */
.category-bottom-nav{display:flex;justify-content:center;padding:0 clamp(22px,5vw,76px) clamp(80px,9vw,130px)}.category-bottom-nav a{display:inline-flex;align-items:center;gap:14px;padding:12px 20px 12px 12px;border:1px solid rgba(255,255,255,.32);border-radius:999px;color:white;font-size:13px;transition:background .25s ease,color .25s ease,transform .25s ease}.category-bottom-nav a span{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--violet);font-size:18px}.category-bottom-nav a:hover{background:var(--paper);color:var(--ink);transform:translateY(-3px)}
@media(max-width:620px){.category-bottom-nav{padding-bottom:70px}.category-bottom-nav a{width:100%;justify-content:flex-start}}

/* Integración con WordPress */
.admin-bar .site-header{top:32px}.tab-panel[hidden]{display:none!important}.wordpress-content{width:min(1280px,calc(100% - 44px));margin:0 auto;padding-bottom:clamp(90px,10vw,150px)}.wordpress-content>h2{margin:70px 0 24px;font-size:clamp(32px,4vw,58px);letter-spacing:-.055em}.wordpress-content>h2:first-child{margin-top:0}.wordpress-content .wp-block-image img,.wordpress-content .wp-block-gallery img{border-radius:18px}.wordpress-content .wp-block-gallery{gap:15px}.wordpress-content .is-style-cb-slider{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px 2px 24px;scrollbar-width:thin}.wordpress-content .is-style-cb-slider>.wp-block-image{flex:0 0 min(86vw,760px);scroll-snap-align:center}.wordpress-content .is-style-cb-slider img{width:100%;height:auto;object-fit:contain}.wordpress-content .is-style-cb-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.wordpress-content .is-style-cb-post-grid>.wp-block-image{aspect-ratio:1080/1350;margin:0;overflow:hidden}.wordpress-content .is-style-cb-post-grid img{width:100%;height:100%;object-fit:contain;background:#0e0d13}.wordpress-content .is-style-cb-video-vertical{width:min(100%,420px);margin:30px auto}.wordpress-content .is-style-cb-video-vertical video{display:block;width:100%;aspect-ratio:1080/1920;object-fit:contain;background:#0e0d13;border-radius:18px}.media-placeholder span{padding:18px;text-align:center}.brand-project-visual>.media-placeholder{height:100%}.social-post-grid>.media-placeholder{width:100%}.work-slide>.slide-copy a{display:flex}

/* Mantiene completo el contorno del boton al pasar el cursor. */
.work-slide>.slide-copy a{
  position:relative;
  isolation:isolate;
  border-color:transparent;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.44);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.work-slide>.slide-copy a:hover,
.work-slide>.slide-copy a:focus-visible{
  box-shadow:inset 0 0 0 1px #fff;
  outline:none;
}
@media(max-width:782px){.admin-bar .site-header{top:46px}}
@media(max-width:620px){.wordpress-content{width:calc(100% - 28px)}.wordpress-content .is-style-cb-post-grid{gap:7px}.wordpress-content .is-style-cb-video-vertical{width:min(82vw,300px)}}

/* Versión 1.0.5 — ajustes finales, contenido flexible y responsive */
.tab-buttons button.is-active,.tab-buttons button[aria-selected="true"]{background:var(--violet);color:#fff}.tab-buttons button:hover,.tab-buttons button:focus-visible{background:var(--violet);color:#fff;outline:none}.tab-buttons button.is-active:hover,.tab-buttons button[aria-selected="true"]:hover{background:#7d2ff1}

.brand-project-visual{aspect-ratio:1280/900;padding:0;border:0;background:transparent;box-shadow:0 30px 75px rgba(0,0,0,.32)}.brand-project-visual::before{display:none}.brand-project-visual .project-image{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;border-radius:inherit}.brand-project-visual>.media-placeholder{width:100%;height:100%;border:0}

.social-covers-project{width:min(100%,980px)}.social-covers-project .manual-stage{aspect-ratio:1920/1080;padding:0}.social-covers-project .manual-slide,.social-covers-project .project-image,.social-covers-project .media-placeholder{width:100%;height:100%;max-height:none;aspect-ratio:1920/1080}.social-covers-project .project-image{object-fit:cover;border-radius:inherit}.social-post-grid{align-items:start}.social-post-item{width:100%;aspect-ratio:var(--post-ratio);overflow:hidden;border-radius:18px;background:#0e0d13}.social-post-item .project-image,.social-post-item .media-placeholder{width:100%;height:100%;max-height:none;aspect-ratio:auto!important;object-fit:contain;border:0;border-radius:inherit}.social-brand-anypsa .social-post-item:nth-child(-n+3){aspect-ratio:980/1185}.social-brand-anypsa .social-post-item:nth-child(n+4):nth-child(-n+6){aspect-ratio:980/1020}.social-collection{align-self:start}

.audiovisual-stack .manual-project.video-carousel{width:min(1280px,100%)}.video-carousel .manual-stage{height:clamp(620px,63vw,800px);padding:0;overflow:hidden;touch-action:pan-y}.video-carousel .manual-slide{position:absolute;left:50%;top:50%;width:min(30vw,360px);display:grid;opacity:0;pointer-events:none;filter:blur(9px);transform:translate(-50%,-50%) scale(.68);transition:opacity .48s ease,transform .58s cubic-bezier(.2,.8,.2,1),filter .48s ease}.video-carousel .manual-slide.is-active{z-index:3;opacity:1;pointer-events:auto;filter:none;transform:translate(-50%,-50%) scale(1)}.video-carousel .manual-slide.is-prev{z-index:2;opacity:.34;filter:blur(5px);transform:translate(-50%,-50%) translateX(-92%) scale(.78)}.video-carousel .manual-slide.is-next{z-index:2;opacity:.34;filter:blur(5px);transform:translate(-50%,-50%) translateX(92%) scale(.78)}.video-carousel .project-video-file,.video-carousel .media-placeholder{width:100%;max-height:none;aspect-ratio:1080/1920;border-radius:20px}.video-carousel .project-video-file{object-fit:contain}

.category-diseno-3d .manual-stage{padding:12px}.category-diseno-3d .mosaic{aspect-ratio:var(--mosaic-ratio)}.category-diseno-3d .mosaic,.category-diseno-3d .mosaic-stack{gap:12px}.category-diseno-3d .mosaic-four{grid-template-columns:844fr 628fr;grid-template-rows:repeat(2,minmax(0,1fr))}.category-diseno-3d .mosaic-product.mosaic-four{grid-template-columns:repeat(2,minmax(0,1fr))}.category-diseno-3d .mosaic-two{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr;align-items:stretch}.category-diseno-3d .mosaic-feature-ambiente{grid-template-columns:843fr 645fr}.category-diseno-3d .mosaic-feature-product{grid-template-columns:761fr 721fr}.category-diseno-3d .mosaic-stack{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));min-width:0}.category-diseno-3d .mosaic-tile{min-width:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;border-radius:14px;background:#0e0d13}.category-diseno-3d .mosaic-tile>.project-image,.category-diseno-3d .mosaic-tile>.media-placeholder{width:100%;height:100%;max-height:none;aspect-ratio:auto!important;object-fit:cover;object-position:center;border:0;border-radius:0}.category-diseno-3d .mosaic-single .mosaic-tile{width:100%}

.work-slide>.slide-copy a::after{content:"";position:absolute;z-index:2;inset:0;border:1px solid rgba(255,255,255,.55);border-radius:inherit;pointer-events:none}.work-slide>.slide-copy a:hover::after,.work-slide>.slide-copy a:focus-visible::after{border-color:#fff}

@media(max-width:900px){.brand-project-visual{aspect-ratio:1280/900}.social-covers-project{width:min(100%,820px)}.video-carousel .manual-stage{height:700px}.video-carousel .manual-slide{width:min(42vw,340px)}.video-carousel .manual-slide.is-prev{transform:translate(-50%,-50%) translateX(-78%) scale(.76)}.video-carousel .manual-slide.is-next{transform:translate(-50%,-50%) translateX(78%) scale(.76)}}
@media(max-width:620px){.brand-project-visual{aspect-ratio:1280/900}.social-covers-project{width:100%}.social-covers-project .manual-stage{border-radius:14px}.social-post-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-post-item{border-radius:11px}.video-carousel .manual-stage{height:610px}.video-carousel .manual-slide{width:min(66vw,285px)}.video-carousel .manual-slide.is-prev{opacity:.25;transform:translate(-50%,-50%) translateX(-62%) scale(.72)}.video-carousel .manual-slide.is-next{opacity:.25;transform:translate(-50%,-50%) translateX(62%) scale(.72)}.category-diseno-3d .manual-stage{padding:7px}.category-diseno-3d .mosaic,.category-diseno-3d .mosaic-stack{gap:7px}.category-diseno-3d .mosaic-feature{grid-template-columns:1fr;aspect-ratio:auto}.category-diseno-3d .mosaic-feature>.mosaic-tile{width:100%;height:auto;aspect-ratio:var(--tile-ratio)}.category-diseno-3d .mosaic-feature .mosaic-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.category-diseno-3d .mosaic-feature .mosaic-stack>.mosaic-tile{height:auto;aspect-ratio:var(--tile-ratio)}.category-diseno-3d .mosaic-tile{border-radius:8px}}

/* Versión 1.0.6 — hero, navegación compacta y espaciado uniforme */
.hero-art .glass-card{width:min(86%,520px)}
.hero-avatar{left:62%;width:min(116%,690px);height:108%;bottom:-1%;z-index:7}

.work-slider-section{padding-top:12px}

/* El marco interior usa los mismos 12 px de Diseño 3D sin tocar esa categoría. */
.category-page:not(.category-diseno-3d) .manual-stage{padding:12px}
.category-page:not(.category-diseno-3d) .pair-layout,
.category-page:not(.category-diseno-3d) .stack-layout{gap:12px}
.category-page:not(.category-diseno-3d) .social-post-grid{gap:12px}

/* Los videos permanecen en el slider, pero sin caja, fondo ni borde visibles. */
.audiovisual-stack .video-carousel .manual-stage{padding:12px;border:0;border-radius:0;background:transparent;box-shadow:none}
.video-carousel .project-video-file,
.video-carousel .media-placeholder{border:0;border-radius:0;background:transparent;box-shadow:none}

.mobile-navigation{display:none}

@media(max-width:900px){
  .site-header>.header-cta{display:none}
  .hero-art .glass-card{width:min(78%,500px)}
  .hero-avatar{left:60%;width:min(96%,610px);height:105%}
}

@media(max-width:620px){
  .hero-art{min-height:520px}
  .hero-art .glass-card{width:88%;margin-left:-8%;padding:24px 22px}
  .hero-avatar{left:61%;width:min(122%,500px);height:107%;bottom:-2%}
  .category-page:not(.category-diseno-3d) .manual-stage{padding:7px}
  .category-page:not(.category-diseno-3d) .pair-layout,
  .category-page:not(.category-diseno-3d) .stack-layout,
  .category-page:not(.category-diseno-3d) .social-post-grid{gap:7px}
  .audiovisual-stack .video-carousel .manual-stage{padding:7px}
}

/* Versión 1.0.7 — retícula del hero y composición principal ampliada */
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;z-index:0;inset:0;background-image:url('../images/hero/recurso-lineas.jpg');background-repeat:no-repeat;background-position:center top;background-size:cover;filter:invert(1) sepia(.16) saturate(2.4) hue-rotate(214deg);mix-blend-mode:screen;opacity:.14;pointer-events:none}
.hero-copy,.hero-art{position:relative;z-index:2}
.hero-copy>*{position:relative;z-index:2}
.hero-copy::before{content:"";position:absolute;z-index:1;inset:-58px -52px;border-radius:48%;background:rgba(11,10,16,.16);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:radial-gradient(ellipse at center,#000 42%,rgba(0,0,0,.72) 62%,transparent 84%);mask-image:radial-gradient(ellipse at center,#000 42%,rgba(0,0,0,.72) 62%,transparent 84%);pointer-events:none}
.hero-art::before{content:"";position:absolute;z-index:1;inset:-28px -36px;border-radius:46%;background:rgba(11,10,16,.12);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);-webkit-mask-image:radial-gradient(ellipse at center,#000 48%,rgba(0,0,0,.68) 66%,transparent 86%);mask-image:radial-gradient(ellipse at center,#000 48%,rgba(0,0,0,.68) 66%,transparent 86%);pointer-events:none}
.hero-art .glass-card{width:min(90%,545px)}
.hero-avatar{left:62%;width:min(121%,720px);height:111%;bottom:-1%}

@media(max-width:900px){
  .hero::before{background-size:auto 100%;background-position:center top;opacity:.12}
  .hero-copy::before{inset:-42px -32px}
  .hero-art .glass-card{width:min(82%,520px)}
  .hero-avatar{left:60%;width:min(101%,640px);height:108%}
}

@media(max-width:620px){
  .hero::before{background-size:auto 100%;opacity:.1}
  .hero-copy::before{inset:-30px -18px}
  .hero-art::before{inset:-18px -14px}
  .hero-art .glass-card{width:92%;margin-left:-8%}
  .hero-avatar{left:61%;width:min(126%,520px);height:110%;bottom:-2%}
}

/* Versión 1.0.8 — retícula más sutil */
.hero::before{opacity:.052}
.hero-copy::before{
  inset:-58px -52px;
  background:rgba(8,8,12,.34);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 40%,rgba(0,0,0,.8) 62%,transparent 86%);
  mask-image:radial-gradient(ellipse at center,#000 40%,rgba(0,0,0,.8) 62%,transparent 86%);
}
.hero-art::before{
  inset:-28px -36px;
  background:rgba(8,8,12,.3);
  -webkit-backdrop-filter:blur(5px);
  backdrop-filter:blur(5px);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 48%,rgba(0,0,0,.76) 68%,transparent 88%);
  mask-image:radial-gradient(ellipse at center,#000 48%,rgba(0,0,0,.76) 68%,transparent 88%);
}

@media(max-width:900px){
  .hero::before{opacity:.042}
  .hero-copy::before{inset:-42px -32px}
}

@media(max-width:620px){
  .hero::before{opacity:.034}
  .hero-copy::before{inset:-30px -18px}
  .hero-art::before{inset:-18px -14px}
}

/* Versión 1.0.9 — retícula del hero con presencia mínima */
.hero::before{opacity:.028}
.hero-copy::before{
  background:rgba(8,8,12,.48);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
.hero-art::before{
  background:rgba(8,8,12,.44);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}

@media(max-width:900px){
  .hero::before{opacity:.022}
}

@media(max-width:620px){
  .hero::before{opacity:.016}
}

/* Navegación móvil — implementación única basada en el SVG aprobado */
@media(max-width:900px){
  body{padding-bottom:calc(89px + env(safe-area-inset-bottom))}
  .mobile-navigation{
    --mobile-bar:#08080b;
    --mobile-active:#6b19ee;
    position:fixed;
    z-index:65;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    height:calc(65px + env(safe-area-inset-bottom));
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    padding:0 0 env(safe-area-inset-bottom);
    overflow:visible;
    border:0;
    border-radius:0;
    background:var(--mobile-bar);
    box-shadow:0 -8px 30px rgba(8,4,18,.3);
    isolation:isolate;
  }
  .mobile-navigation__indicator{
    position:absolute;
    z-index:0;
    left:0;
    top:0;
    width:25%;
    height:65px;
    pointer-events:none;
    transform:translateX(0);
    transition:transform .48s cubic-bezier(.55,0,.3,1.1);
    will-change:transform;
  }
  .mobile-navigation[data-active-index="1"] .mobile-navigation__indicator{transform:translateX(100%)}
  .mobile-navigation[data-active-index="2"] .mobile-navigation__indicator{transform:translateX(200%)}
  .mobile-navigation[data-active-index="3"] .mobile-navigation__indicator{transform:translateX(300%)}
  .mobile-navigation__indicator svg{
    position:absolute;
    left:50%;
    top:-34px;
    width:150px;
    height:35px;
    overflow:visible;
    transform:translateX(-50%);
  }
  .mobile-navigation__indicator path{fill:var(--mobile-bar)}
  .mobile-navigation__indicator i{
    position:absolute;
    z-index:1;
    left:50%;
    top:-28px;
    width:56px;
    height:56px;
    border:0;
    border-radius:50%;
    background:var(--mobile-active);
    box-shadow:0 12px 24px rgba(28,12,62,.3);
    transform:translateX(-50%);
  }
  .mobile-navigation__item{
    position:relative;
    z-index:2;
    min-width:0;
    height:65px;
    display:grid;
    place-items:center;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    color:#fff;
    font:inherit;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
    transition:color .24s ease;
  }
  .mobile-navigation__item svg{
    width:26px;
    height:26px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:color .24s ease,transform .38s cubic-bezier(.4,0,.2,1);
  }
  .mobile-navigation__item span{
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    white-space:nowrap;
    border:0;
  }
  .mobile-navigation__item:hover,
  .mobile-navigation__item:focus-visible{
    color:#fff;
    background:transparent;
    outline:none;
  }
  .mobile-navigation__item.is-active{color:#fff}
  .mobile-navigation__item.is-active svg,
  .mobile-navigation__item.is-arriving svg{transform:translateY(-31px)}
  .mobile-navigation__item:not(.is-active):not(.is-arriving) svg{transform:translateY(0)}
}

@media(prefers-reduced-motion:reduce){
  .mobile-navigation__indicator,
  .mobile-navigation__item svg{transition:none!important}
}