@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=IBM+Plex+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--cream:#F7EEE3;--paper:#FFF9F0;--violet:#7968A3;--deep:#493866;--ink:#2F2540;--pink:#F86578;--coral:#F47A54;--yellow:#F3D16E;--line:#B3A2BF;--rule:1px solid var(--ink)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:400 1rem/1.58 'IBM Plex Sans',Arial,sans-serif}body,button,input{font-family:'IBM Plex Sans',Arial,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--pink);outline-offset:3px}img{display:block;max-width:100%}button{cursor:pointer}.wrap{width:min(100% - 64px,1380px);margin-inline:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3,.display{font-family:'Bricolage Grotesque',Arial,sans-serif;line-height:.96;letter-spacing:-.065em;font-weight:800}h1{font-size:clamp(4rem,7.4vw,8.5rem)}h2{font-size:clamp(3rem,5.1vw,6.3rem)}h3{font-size:clamp(2rem,3vw,3.5rem)}.serif,h1 i{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.035em}.label{font-size:.83rem;line-height:1.3;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.lead{font-size:clamp(1.19rem,1.6vw,1.55rem);line-height:1.45;max-width:700px}.muted{color:#62566C}.meta{font-size:.82rem;letter-spacing:.045em;text-transform:uppercase;font-weight:600;color:#62566C}
/* Cabecera: una placa editorial, no una barra genérica. */
.top{background:var(--cream);border-bottom:2px solid var(--ink);position:relative;z-index:10}.top-inner{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:13px;text-decoration:none;flex:none}.brand img{width:65px;height:76px;object-fit:contain}.brand-name{display:flex;flex-direction:column;color:var(--deep);line-height:.87}.brand-name span{font-family:'IBM Plex Sans',sans-serif;font-size:.75rem;font-weight:700;letter-spacing:.15em}.brand-name strong{font:800 2.35rem/.95 'Bricolage Grotesque',sans-serif;letter-spacing:-.08em}.nav{display:flex;align-items:center;gap:clamp(12px,2vw,30px)}.nav a{text-decoration:none;font-size:.88rem;font-weight:700;position:relative}.nav a:not(.outlined)::after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--violet);transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav a:not(.outlined):hover::after{transform:scaleX(1)}.nav .outlined{border:1px solid var(--ink);padding:12px 16px;transition:background .2s,color .2s}.nav .outlined:hover{background:var(--ink);color:var(--cream)}.menu-toggle{display:none}
/* Apertura: gran titular de periódico y la marca como sello. */
.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:670px;background:var(--violet);color:var(--cream)}.hero-copy{padding:clamp(45px,5vw,78px) 5vw 55px max(32px,calc((100vw - 1380px)/2));display:flex;flex-direction:column;justify-content:center}.hero-id{display:flex;align-items:center;gap:18px}.hero-id img{width:90px;height:103px;object-fit:contain}.hero-id .label{font-size:.94rem}.hero-id small{display:block;font-size:.77rem;font-weight:600;letter-spacing:.08em;margin-top:7px}.hero h1{max-width:11ch;margin:27px 0 27px}.hero h1 i{display:inline-block;color:var(--cream);font-size:1.08em}.hero-copy .lead{max-width:610px;margin-bottom:5px}.hero-action{margin-top:25px}.hero-visual{display:grid;grid-template-columns:1.08fr .92fr;grid-template-rows:1fr 1fr;gap:6px;min-height:620px;background:var(--cream);padding:6px 6px 6px 0;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}.hero-visual img:hover{transform:scale(1.035);filter:saturate(1.16)}.hero-visual img:first-child{grid-row:span 2}.hero-visual img:nth-child(3){object-position:center top}
/* Flecha y texto forman un pequeño artefacto de navegación. */
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;padding:11px 12px 11px 18px;border:1.5px solid currentColor;background:transparent;color:inherit;text-decoration:none;font-size:.9rem;font-weight:700;line-height:1.3;transition:background .25s,color .25s,transform .25s}.btn span:last-child{font-size:1.3rem;line-height:1;transition:transform .25s}.btn:hover{background:var(--ink);color:var(--cream);transform:translateY(-3px)}.btn:hover span:last-child{transform:translate(3px,-3px)}.btn.dark{background:var(--cream);color:var(--ink);border-color:var(--cream)}.btn.dark:hover{background:var(--pink);border-color:var(--pink)}
.section{padding-block:clamp(78px,9vw,135px)}.section.line{border-top:var(--rule)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:36px;margin-bottom:43px;padding-top:18px;border-top:2px solid var(--ink)}.section-head h2{max-width:970px;margin:22px 0 0}.section-head p{max-width:330px;margin:0;font-size:1.06rem}.section-head .btn{flex:none}.triptych{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border:2px solid var(--ink)}.portal{display:flex;flex-direction:column;min-height:470px;padding:28px;text-decoration:none;overflow:hidden;position:relative;isolation:isolate;transition:background .28s}.portal+.portal{border-left:2px solid var(--ink)}.portal:after{content:'↗';font-family:'Bricolage Grotesque',sans-serif;font-size:2.2rem;position:absolute;right:25px;top:17px;transition:transform .28s}.portal:hover:after{transform:translate(6px,-6px)}.portal.pink{background:var(--pink)}.portal.blue{background:var(--violet);color:var(--cream)}.portal.yellow{background:var(--yellow)}.portal h3{font-size:clamp(2.8rem,3.7vw,4.6rem);margin:35px 0 0;max-width:8ch}.portal p{margin:auto 0 5px;max-width:295px;position:relative;z-index:2;font-weight:600}.portal img{position:absolute;right:-55px;bottom:-65px;width:58%;height:50%;object-fit:contain;transform:rotate(8deg);opacity:.66;transition:transform .4s,opacity .4s}.portal:hover img{transform:rotate(3deg) scale(1.09);opacity:.9}.portal.blue img{object-fit:cover;mix-blend-mode:luminosity}
.timeline{background:var(--ink);color:var(--cream);padding:22px 0;border-block:2px solid var(--ink)}.timeline .wrap{display:flex;align-items:center;justify-content:space-between;gap:26px}.timeline span{white-space:nowrap;display:flex;flex-direction:column;gap:3px}.timeline strong{font:700 clamp(1rem,1.6vw,1.55rem)/1.12 'Bricolage Grotesque',sans-serif;letter-spacing:-.04em}.timeline i{font-style:normal;color:var(--yellow);font-size:.83rem;font-weight:700;letter-spacing:.07em}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.project{display:grid;grid-template-columns:1.08fr .92fr;min-height:380px;border:2px solid var(--ink);background:var(--paper);text-decoration:none;overflow:hidden;transition:box-shadow .3s,transform .3s}.project:hover{transform:translate(-3px,-3px);box-shadow:8px 8px 0 var(--violet)}.project .body{display:flex;flex-direction:column;padding:27px;min-width:0}.project h3{font-size:clamp(2.2rem,3vw,3.7rem);margin:30px 0 18px}.project p{font-size:.98rem;line-height:1.5}.project .more{margin-top:auto;padding-top:14px;border-top:1px solid var(--ink);font-size:.87rem;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.project .visual{display:grid;place-items:center;overflow:hidden;background:var(--violet)}.project .visual.pink{background:var(--pink)}.project .visual.coral{background:var(--coral)}.project .visual img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.project:hover .visual img{transform:scale(1.07)}.project .visual.logo img{object-fit:contain;padding:20px;max-height:260px}
.feature{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:var(--deep);color:var(--cream)}.feature .copy{padding:clamp(45px,6vw,90px);display:flex;flex-direction:column;justify-content:center}.feature h2{font-size:clamp(3.4rem,5.2vw,6rem)}.feature img{width:100%;height:100%;object-fit:cover}.feature p{font-size:1.17rem;max-width:550px}.feature .btn:hover,.archive-hero .btn:hover{background:var(--pink);color:var(--ink)}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.media-card{display:block;text-decoration:none;border-top:2px solid var(--ink);padding-top:9px}.media-card .thumb{aspect-ratio:16/9;overflow:hidden;background:#D5C8D6;position:relative}.media-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s;filter:saturate(.82)}.media-card:hover img{transform:scale(1.05);filter:saturate(1.1)}.media-card .play{position:absolute;left:12px;bottom:12px;display:grid;place-items:center;width:47px;height:47px;border:2px solid var(--ink);background:var(--yellow);color:var(--ink);font-size:1rem;transition:transform .25s,background .25s}.media-card:hover .play{transform:rotate(-8deg) scale(1.1);background:var(--pink)}.media-card h3{font-size:clamp(1.4rem,2vw,2.05rem);line-height:1.08;margin:17px 0 9px;letter-spacing:-.045em}.media-card .meta{padding-bottom:8px}
.join{position:relative;overflow:hidden;background:var(--violet);color:var(--cream);padding:110px 0}.join:after{content:"";position:absolute;right:5%;top:8%;width:290px;height:330px;background:url('/logo-industria-aji-crema.svg') center/contain no-repeat;opacity:.13;pointer-events:none}.join .wrap{position:relative;z-index:1}.join h2{max-width:980px;margin:18px 0 27px}.join p{max-width:690px}.footer{background:var(--deep);color:var(--cream);padding:75px 0 95px;border-top:7px solid var(--pink)}.footer-inner{display:grid;grid-template-columns:2.2fr 1fr 1fr;gap:35px}.footer .brand img{width:84px;height:95px}.footer .brand-name{color:var(--cream)}.footer p{max-width:460px;margin:25px 0 0}.footer a:not(.brand){display:block;margin-top:13px;text-decoration:none;border-bottom:1px solid transparent;width:fit-content}.footer a:not(.brand):hover{border-color:currentColor}.footer .label{margin-bottom:25px;color:var(--yellow)}
/* Historias individuales: encabezados de capítulo y notas al margen. */
.breadcrumb{padding-top:24px;padding-bottom:24px;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700}.breadcrumb a{text-underline-offset:4px}.project-hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:570px;border-block:2px solid var(--ink)}.project-hero .text{padding:clamp(45px,6vw,95px) 5vw 55px max(32px,calc((100vw - 1380px)/2));display:flex;flex-direction:column;justify-content:center}.project-hero h1{font-size:clamp(3.7rem,5.8vw,7.2rem);margin:18px 0 27px;overflow-wrap:anywhere}.project-hero .text p{max-width:630px}.project-hero .text>.label:last-child{margin-top:28px;padding-top:16px;border-top:1px solid currentColor}.project-hero .art{min-height:470px;display:grid;place-items:center;overflow:hidden;border-left:2px solid var(--ink)}.project-hero .art img{width:100%;height:100%;object-fit:cover}.project-hero .art.logo-image img{object-fit:contain;padding:12%;max-height:450px;max-width:550px}.project-hero .art.cover-books img{object-fit:contain;padding:30px;max-height:590px}.project-hero.pink .text,.project-hero.pink .art{background:var(--pink);color:var(--ink)}.project-hero.pink .art{background:#F58C9A}.project-hero.blue .text,.project-hero.blue .art{background:var(--violet);color:var(--cream)}.project-hero.blue .art{background:var(--deep)}.project-hero.coral .text,.project-hero.coral .art{background:var(--coral);color:var(--ink)}.project-hero.coral .art{background:#EE916D}.narrative{display:grid;grid-template-columns:1fr 2.05fr;gap:clamp(30px,5vw,80px);padding:100px 0}.narrative>div:first-child{position:sticky;top:30px;align-self:start;border-top:2px solid var(--ink);padding-top:20px}.narrative h2{font-size:clamp(3rem,4.5vw,5.5rem);margin:19px 0}.narrative .story>p{font-size:clamp(1.19rem,1.6vw,1.46rem);line-height:1.58;margin-bottom:27px;max-width:760px}.narrative .story>p:first-child:first-letter{font-family:'Instrument Serif',Georgia,serif;font-size:3.6em;line-height:.7;float:left;margin:12px 8px 0 0;color:var(--violet)}.fact-row{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.8fr;gap:20px;padding:17px 0}.fact-row:last-child{border-bottom:1px solid var(--line)}.fact-row span:first-child{color:#62566C}.resource-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.resource-list .btn{font-size:.86rem}.identity-mark{background:var(--ink);color:var(--cream);padding:24px;margin-top:32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.identity-mark img{max-height:105px;max-width:165px;object-fit:contain}.related{padding:90px 0;border-top:2px solid var(--ink)}.related .media-grid{margin-top:25px}
/* Archivo: fichas de lectura, filtros como índice. */
.archive-hero{background:var(--violet);color:var(--cream);padding:88px 0;border-bottom:2px solid var(--ink)}.archive-hero h1{max-width:970px;margin:20px 0}.archive-hero p{max-width:790px}.archive-tools{padding:35px 0;display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;border-bottom:2px solid var(--ink);margin-bottom:40px}.search{border:1.5px solid var(--ink);border-radius:0;background:var(--paper);font-size:1rem;padding:13px 16px;min-width:min(350px,100%)}.filters{display:flex;flex-wrap:wrap;gap:6px}.filters button{border:1.5px solid var(--ink);border-radius:0;background:transparent;padding:11px 15px;font-size:.87rem;font-weight:700;transition:background .2s,color .2s}.filters button.active,.filters button:hover{background:var(--deep);color:var(--cream)}.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 18px}.archive-grid .media-card h3{font-size:1.38rem}.archive-grid [hidden]{display:none}.collection{background:var(--yellow);padding:75px 0;margin-top:100px;border-top:2px solid var(--ink)}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.collection a{display:flex;justify-content:space-between;align-items:center;gap:15px;text-decoration:none;background:var(--paper);padding:23px;border:1.5px solid var(--ink);font-weight:700;transition:transform .25s,background .25s}.collection a:hover{background:var(--pink);transform:translateY(-3px)}.empty{display:none;padding:30px 0}.empty.show{display:block}.small-note{font-size:.93rem;color:#62566C}.archive-count{font-weight:700}.all-link{margin-top:34px}
dialog#video-player{width:min(940px,94vw);max-width:none;max-height:90vh;border:2px solid var(--ink);padding:18px;background:var(--cream);color:var(--ink)}dialog#video-player::backdrop{background:rgba(35,22,55,.85)}.player-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:12px}.close-player{border:1.5px solid var(--ink);background:var(--pink);padding:9px 15px;font-weight:700}.player-frame{aspect-ratio:16/9;background:#111}.player-frame iframe{width:100%;height:100%;border:0}#video-player p{margin:12px 0 0;text-align:right;font-weight:700}
/* Movimiento de lectura, con contenido visible aun sin JavaScript. */
@keyframes rise{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.hero-id,.hero h1,.hero-copy .lead,.hero-action{animation:enter .7s both}.hero h1{animation-delay:.1s}.hero-copy .lead{animation-delay:.2s}.hero-action{animation-delay:.3s}.motion-ready [data-reveal]{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.motion-ready [data-reveal].visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.nav{gap:13px}.nav a{font-size:.8rem}.project-grid{grid-template-columns:1fr}.portal{min-height:390px}.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.wrap{width:min(100% - 36px,1380px)}.top-inner{min-height:80px}.brand img{width:50px;height:58px}.brand-name span{font-size:.59rem}.brand-name strong{font-size:1.75rem}.menu-toggle{display:block;border:1.5px solid var(--ink);background:transparent;color:var(--ink);padding:9px 14px;font-weight:700;font-size:.9rem}.nav{display:none;position:absolute;top:80px;left:0;right:0;background:var(--cream);border-bottom:2px solid var(--ink);padding:20px 18px 25px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 12px 20px #2F254022}.nav.open{display:flex}.nav a{font-size:1.02rem;padding:11px 7px;border-bottom:1px solid var(--line)}.nav .outlined{margin-top:15px;text-align:center;border:1.5px solid var(--ink)}.hero,.project-hero{grid-template-columns:1fr}.hero{min-height:0}.hero-copy{padding:44px 24px 55px}.hero h1{font-size:clamp(4rem,11vw,7rem)}.hero-visual{height:380px;min-height:0;padding:6px}.triptych{grid-template-columns:1fr 1fr}.portal:nth-child(3){grid-column:span 2;border-left:0;border-top:2px solid var(--ink);min-height:290px}.portal:nth-child(3) img{max-width:35%;right:10px}.timeline .wrap{overflow-x:auto;justify-content:flex-start}.timeline span{padding-right:15px}.section{padding-block:78px}.section-head{display:block}.section-head p,.section-head .btn{margin-top:22px}.feature{grid-template-columns:1fr}.feature img{max-height:470px;min-height:350px}.project-hero .text{padding:60px 24px}.project-hero .art{height:390px;min-height:0;border-left:0;border-top:2px solid var(--ink)}.narrative{grid-template-columns:1fr;gap:20px;padding:70px 0}.narrative>div:first-child{position:static}.archive-hero{padding:65px 0}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner>div:first-child{grid-column:span 2}}
@media(max-width:590px){h2{font-size:clamp(2.9rem,11vw,4.6rem)}.hero-id img{width:68px;height:78px}.hero h1{font-size:clamp(3.8rem,13vw,5.3rem)}.hero-visual{height:310px}.triptych,.media-grid,.archive-grid{grid-template-columns:1fr}.portal,.portal:nth-child(3){grid-column:auto;min-height:340px;border-left:0;border-top:2px solid var(--ink)}.portal:first-child{border-top:0}.portal:nth-child(3) img{max-width:none;right:-35px}.project{grid-template-columns:1fr}.project .visual{height:235px;order:-1}.project .body{min-height:300px}.feature img{min-height:270px}.fact-row{grid-template-columns:1fr;gap:0}.archive-tools{display:block}.search{width:100%;min-width:0}.filters{margin-top:18px}.archive-grid{gap:29px}.join{padding:80px 0}.join:after{width:175px;height:205px;right:-30px;top:20px}.footer-inner{gap:40px}.footer-inner>div:first-child{grid-column:span 2}.identity-mark{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}}
.edition-line{background:var(--cream);border-bottom:2px solid var(--ink);font-size:.77rem;font-weight:700;letter-spacing:.1em}.edition-line .wrap{min-height:39px;display:flex;justify-content:space-between;align-items:center;gap:14px}.footer-signature{grid-column:1/-1;border-top:1px solid #B7A8C3;margin-top:40px;padding-top:17px;font:800 clamp(3.6rem,11.6vw,11.5rem)/.8 'Bricolage Grotesque',sans-serif;letter-spacing:-.09em;white-space:nowrap;overflow:hidden}.footer-signature span{font-size:.35em;vertical-align:top;letter-spacing:0;color:var(--pink)}
@media(max-width:590px){.edition-line .wrap{font-size:.69rem;min-height:38px}.edition-line .wrap span:last-child{display:none}.footer-signature{font-size:clamp(3.3rem,13vw,6rem);margin-top:15px}}
/* Cabecera compacta: escudo original y nombre en la misma familia editorial. */
.top-inner{min-height:78px}.brand{gap:10px}.brand img{width:47px;height:57px}.brand-name{display:block;color:var(--deep);font:800 clamp(1.23rem,1.55vw,1.62rem)/1 'Bricolage Grotesque',sans-serif;letter-spacing:-.055em;white-space:nowrap}.nav{gap:clamp(14px,1.7vw,27px)}.nav a{font:700 .91rem/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:-.015em}.nav .outlined{border:0;border-bottom:2px solid var(--violet);padding:8px 0;color:var(--deep)}.nav .outlined:hover{background:transparent;color:var(--deep);border-color:var(--pink)}
/* Apertura concebida como cartel tipográfico. El llamado a explorar entra en el primer viewport. */
.edition-line .wrap{min-height:34px}.hero{min-height:min(700px,calc(100svh - 116px));max-height:800px;grid-template-columns:1.07fr .93fr}.hero-copy{padding-block:clamp(26px,3vw,55px)}.hero h1{font-size:clamp(3.8rem,6.2vw,7.4rem);margin:19px 0 17px}.hero-copy .lead{font-size:clamp(1.08rem,1.45vw,1.35rem);line-height:1.4}.hero-action{margin-top:17px}.hero-poster{min-height:0;background:var(--deep);color:var(--cream);border-left:2px solid var(--ink);padding:clamp(22px,3vw,45px);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.hero-poster:after{content:'';position:absolute;border:2px solid #F7EEE344;inset:13px;pointer-events:none}.poster-top,.poster-bottom{display:flex;justify-content:space-between;gap:14px;align-items:start;font:.75rem/1.2 'IBM Plex Sans',sans-serif;font-weight:700;letter-spacing:.08em;position:relative;z-index:1}.poster-display{font:800 clamp(3.3rem,6.4vw,7.2rem)/.89 'Bricolage Grotesque',sans-serif;letter-spacing:-.075em;position:relative;z-index:1}.poster-display>span{display:block}.poster-display>span:nth-child(2){color:var(--yellow);transform:translateX(.09em)}.poster-display>span:nth-child(3){font-size:.77em;color:var(--pink)}.poster-serif{font:italic 1.02em/.8 'Instrument Serif',Georgia,serif;letter-spacing:-.06em;color:var(--cream)}.poster-bottom{align-items:end}.poster-bottom img{height:105px;width:auto;max-width:100px}.poster-bottom p{margin:0;text-align:right}.footer-credit{grid-column:1/-1;border-top:1px solid #B7A8C3;margin-top:22px;padding-top:21px;font-size:.81rem;letter-spacing:.02em}.footer-credit a{display:inline!important;margin:0!important;text-decoration:underline!important;text-underline-offset:4px}.footer .brand-name{color:var(--cream)}
/* Capítulos, catálogo y fichas del archivo. */
.story-chapter{padding:0 0 32px;margin-bottom:36px;border-bottom:1px solid var(--line)}.story-chapter h3{font-size:clamp(1.65rem,2.2vw,2.5rem);margin:0 0 18px;color:var(--deep)}.narrative .story .story-chapter p{font-size:clamp(1.13rem,1.48vw,1.32rem);line-height:1.66;max-width:760px;margin:0}.book-section{padding:80px 0;border-top:2px solid var(--ink)}.book-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ink)}.book-row{display:grid;grid-template-columns:65px 1fr;gap:15px;min-height:140px;padding:18px 18px 22px 0;border-bottom:1px solid var(--ink)}.book-row:nth-child(odd){border-right:1px solid var(--ink)}.book-row:nth-child(even){padding-left:23px}.book-no{font:700 .83rem 'IBM Plex Sans',sans-serif;color:var(--violet)}.book-row small{display:block;font-size:.77rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700}.book-row h3{font-size:clamp(1.45rem,1.8vw,2.2rem);line-height:1.08;margin:8px 0}.book-row p{margin:0;font-size:.95rem}.authors-index{display:grid;grid-template-columns:1fr 3fr;gap:30px;padding:44px 0;border-bottom:1px solid var(--ink)}.authors-index>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.authors-index span{border:1px solid var(--line);padding:8px 12px;font-size:.88rem}.book-purchase{margin:30px 0 0}.magazine-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 35px}.magazine-stats>div{border-top:2px solid var(--ink);padding:14px 0}.magazine-stats strong{display:block;font:800 clamp(2.5rem,5vw,5rem)/.9 'Bricolage Grotesque',sans-serif;color:var(--violet);letter-spacing:-.07em}.magazine-stats span{display:block;font-size:.86rem;line-height:1.3;margin-top:10px}.faculty-record{border-top:2px solid var(--violet)}.record-initial{height:115px;display:flex;align-items:center;padding-left:22px;background:var(--violet);color:var(--cream);font:800 5rem/.9 'Bricolage Grotesque',sans-serif}.faculty-record p{font-size:.95rem}.playlist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.playlist{border-top:2px solid var(--ink);padding-top:13px}.playlist iframe{display:block;width:100%;aspect-ratio:16/9;margin-top:16px;border:0;background:var(--deep)}
@media(max-width:1100px){.nav a{font-size:.82rem}.hero{min-height:580px}.poster-display{font-size:clamp(2.6rem,6.2vw,5rem)}}
@media(max-width:800px){.top-inner{min-height:75px}.nav{top:75px}.nav a{font-size:1rem}.nav .outlined{border:1px solid var(--ink);padding:12px;text-align:left}.hero{max-height:none;min-height:0}.hero-copy{padding:44px 24px 46px}.hero h1{font-size:clamp(3.8rem,11vw,6.6rem)}.hero-poster{min-height:350px;border-left:0;border-top:2px solid var(--ink)}.poster-display{font-size:clamp(4rem,10vw,6.5rem)}.poster-bottom img{height:75px}.book-list{grid-template-columns:1fr}.book-row:nth-child(odd){border-right:0}.book-row:nth-child(even){padding-left:0}.authors-index{grid-template-columns:1fr}.playlist-grid{grid-template-columns:1fr}}
@media(max-width:590px){.brand-name{font-size:1.28rem}.hero-poster{min-height:315px}.poster-display{font-size:clamp(3.3rem,12vw,5.5rem)}.poster-bottom p{font-size:.67rem}.book-section{padding:55px 0}.magazine-stats{grid-template-columns:1fr 1fr}.magazine-stats>div:last-child{grid-column:1/-1}}
.authors-index>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.authors-index article{border-top:1px solid var(--line);padding:13px 0}.authors-index h3{font-size:1.3rem;letter-spacing:-.04em;margin:0 0 7px}.authors-index p{margin:0;font-size:.88rem;line-height:1.45}
@media(max-width:590px){.authors-index>div:last-child{grid-template-columns:1fr}}
.book-row{grid-template-columns:36px 94px 1fr;align-items:start;min-height:180px}.book-row img{width:84px;height:125px;object-fit:contain;filter:drop-shadow(3px 6px 3px #2F254028)}
@media(max-width:590px){.book-row{grid-template-columns:30px 72px 1fr;gap:9px}.book-row img{width:68px;height:105px}}

/* Archivo visual y ediciones */
.hero-document{position:relative;min-height:0;overflow:hidden;background:#3e2859;border-left:2px solid var(--ink);color:var(--cream)}
.hero-document>img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;filter:saturate(.75) contrast(1.1);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.hero-document:hover>img{transform:scale(1.035)}
.hero-document:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(36,18,62,.66),transparent 33%,transparent 47%,rgba(36,18,62,.8));pointer-events:none}
.hero-document-top,.hero-document-caption{position:absolute;z-index:1;left:clamp(22px,3vw,50px);right:clamp(22px,3vw,50px);display:flex;justify-content:space-between;gap:18px}
.hero-document-top{top:clamp(24px,3vw,48px);font:700 .76rem/1.3 'IBM Plex Sans',sans-serif;letter-spacing:.08em;border-top:1px solid currentColor;padding-top:14px}
.hero-document-caption{bottom:clamp(24px,3vw,48px);align-items:end;border-bottom:1px solid currentColor;padding-bottom:18px}
.hero-document-caption span{font:700 clamp(2.1rem,3.8vw,4.9rem)/.93 'Bricolage Grotesque',sans-serif;letter-spacing:-.055em;max-width:9ch}
.hero-document-caption small{font:.8rem/1.4 'IBM Plex Sans',sans-serif;max-width:145px;text-align:right}
.gallery-section{padding:85px 0 95px;background:var(--cream);border-block:2px solid var(--ink)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:30px}
.gallery-grid figure{margin:0;min-width:0;background:var(--paper);border:1.5px solid var(--ink);overflow:hidden}
.gallery-grid figure:first-child{grid-column:span 2;grid-row:span 2}
.gallery-grid img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;filter:saturate(.86);transition:transform .6s ease,filter .6s ease}
.gallery-grid figure:first-child img{aspect-ratio:1.5;height:calc(100% - 48px)}
.gallery-grid figure:hover img{transform:scale(1.025);filter:saturate(1.1)}
.gallery-grid figcaption{font:600 .82rem/1.35 'IBM Plex Sans',sans-serif;padding:13px 15px;min-height:48px}
.editions{padding:100px 0}.year-nav{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 45px}.year-nav a{border:1.5px solid var(--ink);color:var(--ink);font:700 1rem 'IBM Plex Sans',sans-serif;text-decoration:none;padding:12px 25px;transition:background .2s,color .2s}.year-nav a:hover,.year-nav a:focus-visible{background:var(--violet);color:var(--cream)}
.year-chapter{border-top:2px solid var(--ink);padding:35px 0 75px;scroll-margin-top:110px}.year-heading{display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:start;margin-bottom:33px}.year-heading>span{font:800 clamp(5rem,12vw,13rem)/.85 'Bricolage Grotesque',sans-serif;letter-spacing:-.1em;color:var(--violet)}.year-heading h3{font-size:clamp(2.8rem,5vw,6rem);margin:0 0 16px}.year-heading p{font-size:1.16rem;max-width:690px;line-height:1.55}.year-chapter .media-grid{margin-top:26px}
@media(max-width:800px){.hero-document{min-height:450px;border-left:0;border-top:2px solid var(--ink)}.hero-document-caption span{font-size:clamp(2.6rem,7vw,4rem)}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid figure:first-child{grid-column:span 2;grid-row:auto}.gallery-grid figure:first-child img{height:auto;aspect-ratio:1.7}.year-heading{grid-template-columns:1fr}}
@media(max-width:590px){.hero-document{min-height:360px}.hero-document-caption{display:block}.hero-document-caption span{display:block}.hero-document-caption small{display:block;margin-top:14px;text-align:left}.gallery-section{padding:60px 0}.gallery-grid{grid-template-columns:1fr}.gallery-grid figure:first-child{grid-column:auto}.gallery-grid figure:first-child img{aspect-ratio:1.45}.editions{padding:65px 0}.year-heading>span{font-size:5.8rem}}

/* Cronología continua: dos copias exactas para un recorrido sin saltos. */
.timeline{padding:0;overflow:hidden}.timeline-track{display:flex;width:max-content;animation:timeline-scroll 38s linear infinite}.timeline-sequence{display:flex;align-items:center;gap:clamp(30px,4vw,72px);padding:18px clamp(30px,4vw,72px) 18px 0;flex:none}.timeline-sequence span{min-width:max-content}.timeline:focus-within .timeline-track,.timeline:hover .timeline-track{animation-play-state:paused}@keyframes timeline-scroll{to{transform:translateX(-50%)}}
.icon-arrow{width:1em;height:1em;display:inline-block;vertical-align:-.13em;flex:none}.icon-play{width:20px;height:20px;display:block}.portal:after{content:'';width:24px;height:24px;background:currentColor;clip-path:polygon(30% 5%,95% 5%,95% 70%,84% 70%,84% 24%,10% 98%,2% 90%,76% 16%,30% 16%)}
.faculty-sources{padding:95px 0}.faculty-intro{display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:2px solid var(--ink);padding-bottom:50px}.faculty-intro p{font-size:1.27rem;max-width:630px;margin:0}.faculty-intro .btn{flex:none}.people-block{padding:55px 0;border-bottom:1px solid var(--line)}.people-block h3{font-size:clamp(2.3rem,4vw,4.7rem);max-width:850px}.people-block>p{max-width:650px}.names-grid{list-style:none;padding:0;margin:25px 0 12px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}.names-grid li{padding:10px 0;border-top:1px solid var(--line);font-weight:600;font-size:.94rem}.author-group{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);margin-top:-1px}.author-group summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 4px;font:700 1.2rem/1.3 'Bricolage Grotesque',sans-serif;letter-spacing:-.025em;list-style:none}.author-group summary::-webkit-details-marker{display:none}.author-group summary:after{content:'+';font:400 1.8rem/1 'Instrument Serif',serif;color:var(--deep)}.author-group[open] summary:after{content:'−'}.author-group summary span{margin-left:auto;font:600 .8rem/1.3 'IBM Plex Sans',sans-serif;letter-spacing:.03em;text-transform:uppercase}.author-group .names-grid{padding:4px 4px 25px}.authors-heading{margin-top:75px}.author-groups{margin-bottom:27px}.magazine-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.extra-video{max-width:430px;margin-top:35px}.reading-dialog{width:min(760px,calc(100vw - 24px));max-height:min(88vh,920px);padding:0;border:2px solid var(--ink);background:var(--paper);color:var(--ink);overflow:auto}.reading-dialog::backdrop{background:rgba(35,22,55,.84)}.reading-head{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:15px 24px;background:var(--yellow);border-bottom:2px solid var(--ink);z-index:1}.reading-content{padding:35px clamp(24px,5vw,65px) 52px}.reading-content h2{font-size:clamp(2.7rem,5vw,4.6rem);line-height:1.01}.reading-content p{font-size:1.1rem;line-height:1.7}.reading-content .byline{border-block:1px solid var(--ink);padding:12px 0;font-weight:700}.gallery-section figure:first-child img{object-position:center 45%}
@media(max-width:800px){.timeline .timeline-track{overflow:visible}.timeline-sequence{gap:28px;padding-right:28px}.faculty-intro{display:block}.faculty-intro .btn{margin-top:20px}.names-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magazine-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.project-hero h1{font-size:clamp(2.8rem,8.5vw,5.6rem);line-height:1.05;overflow-wrap:normal;hyphens:auto}.brand-name{white-space:normal}}
@media(max-width:590px){.timeline-sequence{gap:22px;padding:14px 22px 14px 0}.timeline-track{animation-duration:29s}.timeline strong{font-size:1rem}.names-grid{grid-template-columns:1fr}.magazine-stats>div:last-child{grid-column:auto}.author-group summary{font-size:1rem}.author-group summary span{font-size:.65rem;max-width:90px}.faculty-sources{padding:65px 0}.faculty-intro p{font-size:1.07rem}.people-block{padding:40px 0}.project-hero h1{font-size:clamp(2.6rem,11.5vw,4rem);letter-spacing:-.055em}.reading-content{padding:26px 20px 38px}.reading-content p{font-size:1rem}.gallery-section figure:first-child img{aspect-ratio:1.45}}
@media(prefers-reduced-motion:reduce){.timeline{overflow-x:auto}.timeline-track{animation:none}.timeline-sequence[aria-hidden=true]{display:none}}
.magazine-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
.year-heading .year-word{font-size:clamp(2.8rem,6vw,6rem);letter-spacing:-.065em;overflow-wrap:anywhere}

/* En celular, la portada es una sola pieza tipográfica y conserva el acceso a proyectos. */
@media(max-width:800px){
  .hero{display:block;min-height:0;max-height:none}
  .hero-document{display:none}
  .hero-copy{min-height:min(650px,calc(100svh - 110px));padding:clamp(42px,8vh,72px) 24px;align-items:flex-start}
  .hero-copy .lead{max-width:36ch}
}