/* AKELA / HISTORIAS — manifiesto Ítaca */
html{scroll-behavior:smooth} .historias-page{background:#050505;color:#f4f4f4;font-family:"D-DIN",Arial,Verdana,sans-serif} .hs-shell{width:min(1320px,calc(100% - 48px));margin-inline:auto} .hs-eyebrow,.hs-index{font-size:12px;letter-spacing:.24em;font-weight:700;text-transform:uppercase;color:#a9a9a9} .hs-hero{height:100svh;min-height:630px;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#101419} .hs-hero__image{position:absolute;inset:0;background:url('https://images.unsplash.com/photo-1518837695005-2083093ee35b?auto=format&fit=crop&w=2400&q=85') center 55%/cover no-repeat;filter:grayscale(1) brightness(.7);transform:scale(1.025)} .hs-hero__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 32%,rgba(0,0,0,.8) 100%)} .hs-hero__content{position:relative;z-index:1;padding-bottom:clamp(100px,14vh,170px)} .hs-hero h1{font-size:clamp(100px,21vw,340px);font-weight:700;letter-spacing:-.075em;line-height:.87;margin:24px 0 25px}.hs-period{color:#d0d0d0}.hs-hero__subtitle{font-size:clamp(16px,2vw,27px);letter-spacing:.14em}.hs-hero__meta{display:flex;gap:32px;margin-top:38px;font-size:11px;letter-spacing:.16em;color:#c4c4c4}.hs-scroll{position:absolute;bottom:32px;right:max(24px,calc((100vw - 1320px)/2));display:flex;gap:20px;align-items:center;letter-spacing:.2em;font-size:11px}.hs-scroll span:last-child{font-size:25px}.hs-opening{padding:clamp(110px,16vw,250px) 0}.hs-opening__grid,.hs-chapter__grid{display:grid;grid-template-columns:1fr 2fr;gap:6vw}.hs-opening h2,.hs-chapter h2,.hs-ending h2{font-size:clamp(44px,7vw,112px);line-height:.96;letter-spacing:-.035em;font-weight:700;margin:0 0 42px}.hs-opening p:not(.hs-eyebrow),.hs-chapter p:not(.hs-index){font-size:clamp(19px,2vw,27px);line-height:1.55;max-width:690px;color:#bcbcbc}.hs-interlude__photo{height:clamp(380px,63vw,780px);background:url('https://images.unsplash.com/photo-1473116763249-2faaef81ccda?auto=format&fit=crop&w=2400&q=85') center/cover;filter:grayscale(1)}.hs-interlude__caption{display:flex;justify-content:space-between;gap:20px;padding-top:20px;font-size:11px;letter-spacing:.16em;color:#888}.hs-chapter{padding:clamp(120px,15vw,230px) 0;border-bottom:1px solid #202020}.hs-chapter--dark{background:#0e0e0e}.hs-quote{text-align:center;padding:clamp(130px,20vw,300px) 0;background:#eee;color:#070707}.hs-quote .hs-eyebrow{color:#666}.hs-quote h2{font-size:clamp(43px,7vw,108px);letter-spacing:-.045em;line-height:1.04;margin:35px 0}.hs-quote p:last-child{font-size:20px;color:#555}.hs-ending{padding:clamp(130px,18vw,260px) 0;background:linear-gradient(#060606aa,#060606dd),url('https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=2400&q=85') center/cover;text-align:center}.hs-ending p:not(.hs-eyebrow){font-size:23px;color:#ddd}.hs-action{display:inline-flex;gap:50px;align-items:center;border:1px solid #ddd;padding:20px 28px;margin-top:50px;font-size:12px;letter-spacing:.18em;transition:background .2s,color .2s}.hs-action:hover{background:white;color:black}.hs-archive{padding:120px 0 140px}.hs-archive__head h2{font-size:clamp(64px,11vw,165px);letter-spacing:-.06em;line-height:1;margin:20px 0}.hs-archive__head>p:last-child{color:#aaa;font-size:21px;max-width:660px;margin-bottom:65px}.hs-feature{display:grid;grid-template-columns:1.4fr 1fr;background:#111;min-height:420px}.hs-feature__image{background:url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1400&q=85') center/cover;filter:grayscale(1)}.hs-feature__body{padding:clamp(30px,5vw,75px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.hs-feature__body>span:first-child,.hs-feature__status{font-size:12px;letter-spacing:.2em;color:#999}.hs-feature h3{font-size:clamp(50px,7vw,90px);letter-spacing:-.04em;margin:15px 0}.hs-feature p{font-size:20px;color:#bbb;line-height:1.5}.hs-feature__status{margin-top:35px;border-bottom:1px solid #777;padding-bottom:8px}.hs-archive__note{font-size:12px;letter-spacing:.2em;color:#777;margin-top:48px}.hs-back{text-align:center;padding:35px;border-top:1px solid #222;font-size:12px;letter-spacing:.2em}.hs-back a:hover{text-decoration:underline}
@media(max-width:760px){.hs-shell{width:calc(100% - 40px)}.hs-hero{min-height:560px}.hs-hero h1{font-size:clamp(84px,24vw,180px)}.hs-hero__meta{flex-direction:column;gap:8px}.hs-scroll{right:20px}.hs-opening__grid,.hs-chapter__grid{grid-template-columns:1fr;gap:35px}.hs-opening h2,.hs-chapter h2,.hs-ending h2{margin-bottom:30px}.hs-interlude__caption{flex-direction:column}.hs-feature{grid-template-columns:1fr}.hs-feature__image{height:320px}.hs-feature__body{min-height:330px}.hs-archive{padding:85px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hs-hero__image{transform:none}}

/* V2: manifiesto editorial condensado entre portada y archivo */
.hs-manifesto{padding:clamp(76px,9vw,135px) 0 clamp(80px,10vw,140px);background:#080808;border-bottom:1px solid #262626}
.hs-manifesto__grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(0,2fr);gap:clamp(35px,7vw,115px)}
.hs-manifesto__aside{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.hs-manifesto__rule{width:48px;height:1px;background:#777}
.hs-manifesto__credit{max-width:190px;color:#888;font-size:13px;line-height:1.6}
.hs-manifesto h2{font-size:clamp(44px,6.1vw,94px);font-weight:700;line-height:.98;letter-spacing:-.04em;margin:0 0 34px}
.hs-manifesto__body>p:not(.hs-manifesto__statement){font-size:clamp(17px,1.65vw,22px);line-height:1.6;color:#b8b8b8;max-width:770px;margin:0 0 19px}
.hs-manifesto__statement{font-size:clamp(21px,2.4vw,35px);font-weight:700;letter-spacing:.02em;line-height:1.15;margin:34px 0 25px;color:#fff}
.hs-manifesto__link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid #888;padding-bottom:12px;font-size:12px;letter-spacing:.16em;transition:color .2s}
.hs-manifesto__link:hover{color:#aaa}
.hs-archive{padding-top:clamp(70px,8vw,110px)}
@media(max-width:760px){.hs-manifesto__grid{grid-template-columns:1fr;gap:30px}.hs-manifesto__aside{gap:10px}.hs-manifesto__credit{max-width:100%}.hs-manifesto h2{margin-bottom:25px}.hs-manifesto__statement{margin-top:28px}}

/* V3: desplegable nativo del poema, sin JavaScript */
.hs-poem{margin:42px 0 34px;border-top:1px solid #414141;border-bottom:1px solid #414141}
.hs-poem__trigger{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;padding:24px 0;min-height:85px}
.hs-poem__trigger::-webkit-details-marker{display:none}
.hs-poem__trigger-text{display:flex;flex-direction:column;gap:9px}
.hs-poem__trigger strong{font-size:clamp(13px,1.2vw,16px);letter-spacing:.12em;font-weight:700}
.hs-poem__trigger small{font-size:11px;letter-spacing:.16em;color:#999}
.hs-poem__toggle{position:relative;flex:0 0 23px;width:23px;height:23px}
.hs-poem__toggle:before,.hs-poem__toggle:after{content:"";position:absolute;background:#fff;top:11px;left:2px;width:19px;height:1px;transition:transform .2s}
.hs-poem__toggle:after{transform:rotate(90deg)}
.hs-poem[open] .hs-poem__toggle:after{transform:rotate(0)}
.hs-poem__trigger:focus-visible{outline:2px solid #fff;outline-offset:5px}
.hs-poem__content{padding:8px 0 42px;max-width:720px}
.hs-poem__content h3{font-size:clamp(28px,3vw,42px);margin:0 0 25px;letter-spacing:.02em}
.hs-poem__notice{font-size:clamp(17px,1.6vw,21px);color:#bbb;line-height:1.65;border-left:1px solid #777;padding-left:24px}
.hs-poem__attribution{font-size:11px;letter-spacing:.16em;color:#888;margin-top:26px}
@media(max-width:760px){.hs-poem{margin-top:34px}.hs-poem__trigger{padding:20px 0}.hs-poem__trigger strong{line-height:1.5}}

/* V4: estrofas completas de Ítaca, conservando saltos de verso */
.hs-poem__stanza{font-size:clamp(17px,1.65vw,21px);line-height:1.85;color:#d4d4d4;margin:0 0 2.1em;letter-spacing:.005em;overflow-wrap:break-word}
.hs-poem__stanza:last-of-type{margin-bottom:0}
@media(max-width:760px){.hs-poem__stanza{font-size:16px;line-height:1.85}}

/* V5 — Aire entre el identificador del hero y el acento de ÍTACA. */
.hs-hero__content{padding-top:clamp(115px,17vh,200px)}
.hs-hero .hs-eyebrow{position:relative;display:block;margin:0 0 clamp(65px,8vh,110px);line-height:1.5}
.hs-hero h1{margin:0 0 30px;line-height:1.08;letter-spacing:-.075em;overflow:visible}
.hs-hero__subtitle{margin:0}
@media(max-width:760px){
 .hs-hero__content{padding-top:125px;padding-bottom:110px}
 .hs-hero .hs-eyebrow{margin-bottom:60px}
 .hs-hero h1{font-size:clamp(72px,21vw,150px);line-height:1.1;margin-bottom:25px}
}

/* V6: lectura del poema en columna izquierda */
@media (min-width:761px){
  .hs-manifesto__grid{grid-template-columns:minmax(255px,1fr) minmax(0,2fr)}
  .hs-manifesto__aside{min-width:0}
}
.hs-manifesto__aside .hs-poem{width:100%;margin:6px 0 0}
.hs-manifesto__aside .hs-poem__trigger{padding:18px 0;min-height:70px;align-items:flex-start}
.hs-manifesto__aside .hs-poem__trigger strong{font-size:12px;letter-spacing:.24em;line-height:1.6;font-weight:700}
.hs-manifesto__aside .hs-poem__trigger small{font-size:10px;letter-spacing:.13em;line-height:1.6}
.hs-manifesto__aside .hs-poem__trigger-text{min-width:0}
.hs-manifesto__aside .hs-poem__content{max-width:100%;padding-bottom:25px}
.hs-manifesto__aside .hs-poem__content h3{font-size:24px}
.hs-manifesto__aside .hs-poem__stanza{font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.hs-manifesto__aside .hs-poem__attribution{line-height:1.7}
@media(max-width:760px){.hs-manifesto__aside .hs-poem{margin-top:12px}.hs-manifesto__aside .hs-poem__stanza{font-size:16px}}