/* =========================================================
   LOTERÍA DEL ARTE · PORTADA VIVA 2
========================================================= */

.site-hero{
  max-width:1680px !important;
  min-height:calc(100svh - 72px) !important;
  grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr) !important;
  gap:clamp(28px,3.5vw,58px) !important;
  align-items:start !important;
  padding-top:clamp(18px,2.4vw,36px) !important;
  padding-bottom:clamp(22px,2.6vw,38px) !important;
  border-bottom:0 !important;
}

.hero-intro{
  align-self:start !important;
  padding-top:clamp(14px,3.2vh,34px) !important;
  max-width:560px !important;
}

.hero-intro .eyebrow{margin-bottom:18px !important}
.hero-intro h1{font-size:clamp(56px,5.7vw,94px) !important}
.hero-lead{margin-top:16px !important}
.hero-actions{margin-top:24px !important}
.hero-round,.round-strip{display:none !important}

.hero-showcase{
  align-self:start !important;
  min-width:0;
  width:100%;
}

.hero-showcase .projector-stage{
  width:100% !important;
  min-height:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:flex-start !important;
  justify-content:flex-end !important;
  overflow:visible !important;
}

.projector-slide{
  width:100%;
  min-height:0;
  display:grid;
  align-items:start;
  justify-content:end;
  gap:clamp(14px,1.6vw,24px);
  transition:opacity .28s ease, transform .28s ease;
}

.projector-slide.is-changing{
  opacity:.08;
  transform:scale(.994);
}

.projector-slide.is-single{
  grid-template-columns:minmax(0,1fr);
}

.projector-slide.is-pair{
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.projector-polaroid{
  position:relative;
  width:100%;
  max-width:100%;
  justify-self:end;
  background:#fff;
  padding:clamp(8px,.75vw,12px) clamp(8px,.75vw,12px) clamp(48px,4vw,66px);
  box-shadow:0 18px 54px rgba(20,20,18,.11);
  overflow:hidden;
}

.projector-slide.is-single .projector-polaroid{
  width:min(100%,900px);
}

.projector-slide.is-pair .projector-polaroid{
  width:100%;
}

.projector-photo-area{
  width:100%;
  min-width:0;
  background:#efeee9;
  display:grid;
  place-items:center;
  overflow:hidden;
}

.projector-slide.is-single .projector-photo-area{
  max-height:calc(100svh - 150px);
}

.projector-slide.is-pair .projector-photo-area{
  max-height:calc(100svh - 175px);
}

.projector-photo-area img,
.projector-placeholder{
  display:block;
  width:100%;
  height:auto;
  max-height:inherit;
  object-fit:contain;
}

.projector-polaroid-caption{
  position:absolute;
  left:clamp(14px,1.25vw,20px);
  right:14px;
  bottom:clamp(15px,1.35vw,23px);
  min-height:20px;
  display:flex;
  align-items:center;
}

.projector-polaroid-caption .projector-artist{
  color:#55514b;
  text-decoration:none;
  font-size:clamp(10px,.82vw,12px);
  font-weight:650;
  letter-spacing:.01em;
}

.projector-polaroid-caption .projector-artist:hover{color:#111}

/* La navegación manual desaparece: el carrusel respira y cambia solo. */
.projector-side-arrow,
.hero-view-work,
.hero-showcase .projector-dots,
.hero-art-meta-only,
.projector-count{
  display:none !important;
}

/* Barra de selección: se puede ocultar sin perder los números elegidos. */
.selection{
  position:fixed !important;
  padding-right:64px !important;
  overflow:visible !important;
}

.selection .selection-close{
  position:absolute !important;
  right:-11px !important;
  top:-11px !important;
  width:32px !important;
  height:32px !important;
  min-width:32px !important;
  min-height:32px !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  place-items:center !important;
  border:1px solid #dedbd4 !important;
  border-radius:50% !important;
  background:#fff !important;
  color:#4b4741 !important;
  box-shadow:0 8px 24px rgba(17,17,17,.12) !important;
  font:400 22px/1 Arial,sans-serif !important;
  cursor:pointer !important;
}

.selection .selection-close:hover{
  color:#111 !important;
  transform:scale(1.04);
}

/* Número seleccionado sigue siendo clickeable para volver a disponible. */
.number-grid .num.available.selected{
  cursor:pointer !important;
  pointer-events:auto !important;
}


/* =========================================================
   HISTORIAS DE ARTISTAS
========================================================= */
.artist-stories{
  position:relative;
  z-index:3;
  background:#fff;
  border-top:1px solid #eceae4;
  border-bottom:1px solid #eceae4;
}

.artist-stories-inner{
  max-width:1680px;
  margin:0 auto;
  padding:18px clamp(18px,4.6vw,76px) 20px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:28px;
  align-items:center;
}

.stories-heading{
  width:118px;
  display:grid;
  gap:4px;
  align-self:start;
  padding-top:11px;
}

.stories-heading .eyebrow{
  color:#8a867f;
}

.stories-heading strong{
  font-size:13px;
  line-height:1.2;
  letter-spacing:-.01em;
}

.stories-track{
  display:flex;
  align-items:flex-start;
  gap:17px;
  overflow-x:auto;
  overflow-y:hidden;
  padding:7px 4px 8px;
  scrollbar-width:none;
  scroll-snap-type:x proximity;
}

.stories-track::-webkit-scrollbar{display:none}

.artist-story{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 82px;
  width:82px;
  border:0;
  background:transparent;
  padding:0;
  color:#111;
  cursor:pointer;
  display:grid;
  justify-items:center;
  gap:8px;
  scroll-snap-align:start;
  font:inherit;
  text-align:center;
}

.story-avatar{
  position:relative;
  width:68px;
  height:68px;
  display:grid;
  place-items:center;
  border-radius:50%;
  isolation:isolate;
}

.story-avatar::before{
  content:"";
  position:absolute;
  inset:-4px;
  z-index:-2;
  border-radius:50%;
  background:
    conic-gradient(
      from 10deg,
      rgba(17,17,17,.05) 0deg 205deg,
      rgba(17,17,17,.16) 226deg,
      rgba(17,17,17,.95) 258deg,
      rgba(17,17,17,.28) 288deg,
      rgba(17,17,17,.05) 330deg 360deg
    );
  animation:ldaStoryOrbit 5.8s linear infinite;
  animation-delay:var(--story-delay,0s);
}

.story-avatar::after{
  content:"";
  position:absolute;
  inset:-9px;
  z-index:-3;
  border-radius:50%;
  border:1px solid rgba(17,17,17,.08);
  opacity:.15;
  animation:ldaStoryPulse 3.2s ease-in-out infinite;
  animation-delay:var(--story-delay,0s);
}

.story-avatar img,
.story-initial{
  width:62px;
  height:62px;
  border-radius:50%;
  border:3px solid #fff;
  display:grid;
  place-items:center;
  object-fit:cover;
  background:#f0efe9;
  color:#4f4c47;
  font-size:20px;
  font-weight:750;
  box-shadow:0 3px 14px rgba(20,20,18,.055);
}

.story-copy{
  width:100%;
  display:grid;
  gap:2px;
}

.story-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  line-height:1.2;
  font-weight:720;
}

.story-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  color:#938e86;
  line-height:1.2;
}

.artist-story:hover .story-avatar{
  transform:translateY(-2px);
}

.artist-story .story-avatar{
  transition:transform .22s ease;
}

@keyframes ldaStoryOrbit{
  to{transform:rotate(360deg)}
}

@keyframes ldaStoryPulse{
  0%,100%{transform:scale(.96);opacity:.08}
  50%{transform:scale(1.055);opacity:.32}
}

/* La galería respira después de las historias. */
.artist-stories + .works{
  padding-top:clamp(58px,6vw,92px) !important;
}

/* =========================================================
   VISOR DE HISTORIA
========================================================= */
.story-viewer{
  position:fixed;
  inset:0;
  z-index:9500;
  display:none;
  place-items:center;
  padding:22px;
}

.story-viewer[aria-hidden="false"]{
  display:grid;
}

.story-viewer-backdrop{
  position:absolute;
  inset:0;
  background:rgba(244,243,239,.83);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.story-viewer-card{
  position:relative;
  z-index:1;
  width:min(430px,calc(100vw - 28px));
  max-height:calc(100svh - 36px);
  overflow:auto;
  background:#fff;
  border:1px solid #e2dfd7;
  border-radius:25px;
  box-shadow:0 34px 100px rgba(18,18,16,.18);
}

.story-viewer-progress{
  position:absolute;
  z-index:3;
  top:13px;
  left:16px;
  right:58px;
  height:2px;
  background:rgba(255,255,255,.35);
  border-radius:999px;
  overflow:hidden;
}

.story-viewer-progress i{
  display:block;
  width:0;
  height:100%;
  background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,.7);
}

.story-viewer.is-open .story-viewer-progress i{
  animation:ldaStoryProgress 6.5s linear forwards;
}

.story-viewer-close{
  position:absolute;
  z-index:4;
  top:12px;
  right:12px;
  width:34px;
  height:34px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.88);
  color:#111;
  font-size:23px;
  line-height:1;
  cursor:pointer;
  backdrop-filter:blur(8px);
}

.story-viewer-media{
  width:100%;
  aspect-ratio:4/5;
  overflow:hidden;
  background:#efeee8;
  display:grid;
  place-items:center;
}

.story-viewer-media img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.story-viewer-media .story-large-initial{
  font-size:92px;
  font-weight:750;
  color:#89857e;
}

.story-viewer-copy{
  padding:22px 23px 25px;
}

.story-viewer-copy .eyebrow{
  color:#8d4942;
}

.story-viewer-copy h2{
  margin:8px 0 7px;
  font-size:clamp(29px,7vw,40px);
  line-height:.98;
  letter-spacing:-.045em;
}

.story-viewer-copy p{
  margin:0;
  color:#706b64;
  font-size:14px;
}

.story-viewer-link{
  margin-top:20px;
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#111;
  text-decoration:none;
  font-size:12px;
  font-weight:800;
}

@keyframes ldaStoryProgress{
  from{width:0}
  to{width:100%}
}

body.story-viewer-open{
  overflow:hidden;
}

@media (prefers-reduced-motion:reduce){
  .story-avatar::before,
  .story-avatar::after,
  .story-viewer.is-open .story-viewer-progress i{
    animation:none !important;
  }
}

/* =========================================================
   TABLET / MÓVIL
========================================================= */
@media(max-width:1100px){
  .site-hero{
    grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr) !important;
    gap:30px !important;
  }
  .hero-showcase .projector-image-wrap{
    width:min(100%,720px) !important;
  }
}

@media(max-width:820px){
  .site-hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    gap:28px !important;
    padding-top:25px !important;
    padding-left:16px !important;
    padding-right:16px !important;
    padding-bottom:30px !important;
  }

  .hero-intro{
    padding-top:0;
  }

  .hero-intro h1{
    font-size:clamp(50px,14vw,74px) !important;
  }

  .hero-showcase .projector-stage{
    justify-content:center !important;
  }

  .hero-showcase .projector-image-wrap{
    width:100% !important;
    padding:8px 8px 50px !important;
    margin:0 !important;
    transform:none !important;
  }

  .hero-showcase .projector-image-wrap img,
  .hero-showcase .projector-placeholder{
    max-height:72svh !important;
  }

  .artist-stories-inner{
    grid-template-columns:1fr;
    gap:8px;
    padding:15px 14px 15px;
  }

  .stories-heading{
    width:auto;
    display:flex;
    align-items:baseline;
    gap:9px;
    padding:0 3px;
  }

  .stories-heading strong{
    font-size:12px;
  }

  .stories-track{
    margin-left:-2px;
    margin-right:-14px;
    padding-right:18px;
  }

  .artist-story{
    flex-basis:76px;
    width:76px;
  }

  .story-avatar{
    width:64px;
    height:64px;
  }

  .story-avatar img,
  .story-initial{
    width:58px;
    height:58px;
  }

  .artist-stories + .works{
    padding-top:54px !important;
  }
}

@media(max-width:520px){
  .hero-actions{
    gap:8px !important;
  }

  .story-viewer{
    padding:8px;
  }

  .story-viewer-card{
    width:100%;
    max-height:calc(100svh - 16px);
    border-radius:22px;
  }
}


@media(max-width:820px){
  .site-hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    gap:24px !important;
    padding-top:20px !important;
    padding-left:16px !important;
    padding-right:16px !important;
    padding-bottom:26px !important;
  }

  .hero-intro{padding-top:0 !important}
  .hero-intro h1{font-size:clamp(50px,14vw,72px) !important}

  .projector-slide{gap:8px}
  .projector-slide.is-pair{
    grid-template-columns:minmax(0,1fr);
  }

  .projector-slide.is-single .projector-polaroid,
  .projector-slide.is-pair .projector-polaroid{
    width:100%;
    max-width:none;
  }

  .projector-polaroid{
    padding:6px 6px 42px;
    box-shadow:0 12px 34px rgba(20,20,18,.10);
  }

  .projector-slide.is-single .projector-photo-area{
    max-height:68svh;
  }

  .projector-slide.is-pair .projector-photo-area{
    max-height:56svh;
  }

  .projector-polaroid-caption{
    left:11px;
    bottom:12px;
  }

  .projector-polaroid-caption .projector-artist{
    font-size:9px;
  }

  .selection{
    min-width:calc(100vw - 24px) !important;
    width:calc(100vw - 24px) !important;
    gap:14px !important;
    padding-left:16px !important;
    padding-right:54px !important;
  }

  .selection #reserveOpen{
    padding-left:15px !important;
    padding-right:15px !important;
  }
}


/* =========================================================
   HISTORIAS · LIKES Y CONTENIDO ADMINISTRABLE
========================================================= */
.story-copy .story-like-count{color:#aaa59d;font-size:9px;margin-top:1px}
.story-viewer-text{margin:12px 0 0!important;color:#55514b!important;font-size:14px!important;line-height:1.58!important;white-space:pre-wrap}
.story-viewer-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid #efede7}
.story-viewer-actions .story-viewer-link{margin-top:0}
.story-viewer-like{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;padding:5px 0;color:#111;cursor:pointer;font:inherit}
.story-viewer-like .story-heart{width:23px;height:23px;display:grid;place-items:center}
.story-viewer-like svg{width:21px;height:21px;display:block}
.story-viewer-like path{fill:transparent;stroke:#111;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;transition:fill .18s ease,transform .18s ease}
.story-viewer-like.liked path{fill:#111}
.story-viewer-like b{font-size:12px}
.story-viewer-like:active path{transform:scale(.9)}
@media(max-width:520px){.story-viewer-actions{align-items:flex-start;flex-direction:column}.story-viewer-like{padding-top:0}}


/* =========================================================
   HISTORIAS AGRUPADAS POR ARTISTA · COLA + VISTAS
========================================================= */

.artist-story{
  display:none!important;
}

.artist-story-group{
  appearance:none;
  -webkit-appearance:none;
  flex:0 0 88px;
  width:88px;
  border:0;
  background:transparent;
  padding:0;
  color:#111;
  cursor:pointer;
  display:grid;
  justify-items:center;
  gap:8px;
  scroll-snap-align:start;
  font:inherit;
  text-align:center;
}

.artist-story-group .story-avatar{
  position:relative;
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border-radius:50%;
  isolation:isolate;
  transition:transform .22s ease,opacity .22s ease;
}

/* Anula el aro antiguo: ahora cada segmento representa UNA historia. */
.artist-story-group .story-avatar::before,
.artist-story-group .story-avatar::after{
  content:none!important;
  display:none!important;
}

.story-segment-ring{
  position:absolute;
  inset:0;
  width:76px;
  height:76px;
  overflow:visible;
  pointer-events:none;
}

.story-ring-segment{
  fill:none;
  stroke-width:3.15;
  stroke-linecap:round;
  transition:stroke .22s ease,opacity .22s ease;
}

.story-ring-segment.is-unseen{
  stroke:#171717;
}

.story-ring-segment.is-seen{
  stroke:#d2cfc8;
}

.story-ring-orbit{
  fill:none;
  stroke:#111;
  stroke-width:1.1;
  stroke-linecap:round;
  opacity:.22;
  transform-origin:36px 36px;
  animation:ldaStorySegmentOrbit 4.8s linear infinite;
}

.story-avatar-core{
  position:relative;
  z-index:2;
  width:62px;
  height:62px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f0efe9;
  overflow:hidden;
  box-shadow:0 3px 14px rgba(20,20,18,.055);
}

.story-avatar-core img,
.story-avatar-core .story-initial{
  width:62px!important;
  height:62px!important;
  border:0!important;
  border-radius:50%;
  object-fit:cover;
  display:grid;
  place-items:center;
  background:#f0efe9;
}

.story-count-badge{
  position:absolute;
  z-index:4;
  right:-1px;
  bottom:2px;
  min-width:20px;
  height:20px;
  padding:0 5px;
  border:2px solid #fff;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:#111;
  color:#fff;
  font-size:9px;
  font-weight:800;
  line-height:1;
  box-shadow:0 3px 10px rgba(17,17,17,.13);
}

.artist-story-group.is-seen .story-count-badge{
  background:#d2cfc8;
  color:#5f5b55;
}

.artist-story-group:hover .story-avatar{
  transform:translateY(-2px);
}

.artist-story-group.is-seen{
  opacity:.76;
}

.artist-story-group .story-copy{
  width:100%;
  display:grid;
  gap:2px;
}

.artist-story-group .story-copy strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  line-height:1.2;
  font-weight:720;
}

.artist-story-group .story-copy small{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:9px;
  color:#918d86;
  line-height:1.2;
}

.artist-story-group:not(.is-seen) .story-copy small{
  color:#4d4944;
  font-weight:700;
}

@keyframes ldaStorySegmentOrbit{
  to{transform:rotate(360deg)}
}

/* Progreso interno: una barra por historia del artista. */
.story-viewer-progress{
  position:absolute!important;
  z-index:4;
  top:14px!important;
  left:14px!important;
  right:54px!important;
  height:3px!important;
  display:flex!important;
  gap:4px!important;
  background:transparent!important;
  overflow:visible!important;
}

.story-progress-part{
  flex:1 1 0;
  height:3px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.34);
}

.story-progress-part i{
  display:block;
  width:0;
  height:100%;
  border-radius:inherit;
  background:#fff;
  box-shadow:0 0 8px rgba(255,255,255,.32);
}

.story-progress-part.is-done i{
  width:100%;
}

.story-progress-part.is-current i{
  width:0;
}

.story-viewer-media{
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
}

/* Sutil pista de navegación sin botones visibles. */
.story-viewer-media::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.025),transparent 22%,transparent 78%,rgba(255,255,255,.025));
}

@media(max-width:820px){
  .artist-story-group{
    flex-basis:82px;
    width:82px;
  }

  .artist-story-group .story-avatar,
  .story-segment-ring{
    width:70px;
    height:70px;
  }

  .story-avatar-core,
  .story-avatar-core img,
  .story-avatar-core .story-initial{
    width:57px!important;
    height:57px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .story-ring-orbit{
    animation:none!important;
  }
}


/* =========================================================
   HISTORIAS · PROGRESO SECUENCIAL
   JS anima exclusivamente la historia actual.
========================================================= */
.story-viewer.is-open .story-viewer-progress .story-progress-part i{
  animation:none;
  width:0;
  transition:none;
}
.story-viewer.is-open .story-viewer-progress .story-progress-part.is-done i{
  width:100%;
}
.story-viewer.is-open .story-viewer-progress .story-progress-part:not(.is-done):not(.is-current) i{
  width:0;
}

/* Compartir historia */
.story-share{
  margin-top:16px;
  padding-top:14px;
  border-top:1px solid #efede7;
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
}
.story-share>span{
  margin-right:3px;
  color:#918c84;
  font-size:10px;
  font-weight:760;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.story-share button{
  appearance:none;
  border:1px solid #dedad1;
  border-radius:999px;
  background:#fff;
  color:#3e3a35;
  padding:7px 10px;
  font:inherit;
  font-size:10px;
  font-weight:700;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease;
}
.story-share button:hover{background:#f7f5f0;border-color:#c6c1b7;transform:translateY(-1px)}
.story-share-notice{
  margin:9px 0 0!important;
  padding:9px 11px;
  border-radius:10px;
  background:#f3f1eb;
  color:#66615a!important;
  font-size:11px!important;
  line-height:1.4!important;
}
.story-share-notice[hidden]{display:none!important}

@media(max-width:520px){
  .story-share{gap:6px}
  .story-share>span{width:100%;margin-bottom:1px}
  .story-share button{flex:1 1 auto;text-align:center}
}


/* =========================================================
   PORTADA · ALTURA ESTABLE DEL PROYECTOR
   La proporción de cada obra ya no modifica la altura de la portada.
   2026-08-30
========================================================= */
@media(min-width:821px){
  .hero-showcase .projector-stage{height:clamp(540px,68svh,780px)!important;min-height:540px!important;max-height:780px!important;align-items:stretch!important}
  .projector-slide{height:100%!important;min-height:0!important;align-items:stretch!important}
  .projector-polaroid{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important}
  .projector-photo-area{flex:1 1 auto!important;height:auto!important;min-height:0!important;max-height:none!important}
  .projector-photo-area img,.projector-placeholder{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
}
@media(max-width:820px){
  .hero-showcase .projector-stage{height:clamp(390px,74vw,540px)!important;min-height:390px!important;align-items:stretch!important}
  .projector-slide{height:100%!important;min-height:0!important;align-items:stretch!important}
  .projector-polaroid{height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important}
  .projector-photo-area{flex:1 1 auto!important;min-height:0!important;max-height:none!important}
  .projector-photo-area img,.projector-placeholder{width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important}
}

/* =========================================================
   HISTORIAS · VISOR COMPLETO BAJO EL MENÚ
   2026-08-30
========================================================= */
.story-viewer{inset:var(--site-header-h,72px) 0 0 0!important}
.story-viewer-card{max-height:calc(100svh - var(--site-header-h,72px) - 28px)!important;max-height:calc(100dvh - var(--site-header-h,72px) - 28px)!important}
@media(max-width:520px){
  .story-viewer-card{max-height:calc(100svh - var(--site-header-h,72px) - 12px)!important;max-height:calc(100dvh - var(--site-header-h,72px) - 12px)!important}
}

/* =========================================================
   HISTORIAS · TEXTO INTEGRADO SOBRE LA IMAGEN
========================================================= */
.story-viewer-media{position:relative!important;isolation:isolate;display:grid!important;place-items:center!important;color:#fff}
.story-viewer-media>img{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover}.story-viewer-media>.story-large-initial{position:relative;z-index:0}
.story-viewer-media::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.08) 42%,rgba(0,0,0,.63))}
.story-viewer-overlay{position:absolute;z-index:2;max-width:86%;text-shadow:0 2px 20px rgba(0,0,0,.28)}.story-viewer-overlay .eyebrow{display:block;color:#fff!important;margin-bottom:9px}.story-viewer-overlay h2{color:#fff;margin:0!important}.story-viewer-overlay .story-viewer-text{color:#fff!important;margin-top:12px!important;white-space:pre-wrap}.story-viewer-copy{padding-top:17px!important}.story-viewer-copy>#storyViewerArtist{font-size:12px;font-weight:800;color:#57534d}
.story-viewer-media.template-editorial .story-viewer-overlay{left:8%;right:8%;bottom:8%}.story-viewer-media.template-editorial h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(38px,9vw,58px)!important;line-height:.92!important}
.story-viewer-media.template-brutal .story-viewer-overlay{left:5%;right:4%;top:9%}.story-viewer-media.template-brutal::before{background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 68%)}.story-viewer-media.template-brutal h2{font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:clamp(54px,12vw,78px)!important;line-height:.78!important;letter-spacing:-.04em!important}.story-viewer-media.template-brutal .story-viewer-text{font-weight:850;max-width:74%}
.story-viewer-media.template-museo .story-viewer-overlay{left:9%;right:9%;bottom:10%;text-align:center}.story-viewer-media.template-museo h2{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(42px,10vw,64px)!important;line-height:.96!important}
.story-viewer-media.template-neon .story-viewer-overlay{left:7%;right:7%;top:42%;transform:translateY(-50%);text-align:center}.story-viewer-media.template-neon::before{background:rgba(12,8,20,.3)}.story-viewer-media.template-neon h2{font-family:"Arial Black",Arial,sans-serif;text-transform:uppercase;font-size:clamp(40px,10vw,62px)!important;line-height:.88!important;letter-spacing:.07em!important;text-shadow:3px 3px 0 rgba(226,65,98,.78),-3px -3px 0 rgba(53,204,208,.56)}
.story-viewer-media.template-archivo .story-viewer-overlay{left:7%;bottom:7%;width:72%;background:rgba(246,242,231,.9);color:#111;text-shadow:none;padding:16px}.story-viewer-media.template-archivo .eyebrow,.story-viewer-media.template-archivo h2,.story-viewer-media.template-archivo .story-viewer-text{color:#111!important}.story-viewer-media.template-archivo h2{font-family:"Courier New",monospace;text-transform:uppercase;font-size:clamp(28px,7vw,42px)!important;line-height:.98!important}.story-viewer-media.template-archivo .story-viewer-text{font-family:"Courier New",monospace;font-size:12px!important}
.story-viewer-media.template-manifiesto .story-viewer-overlay{left:6%;right:6%;top:12%;transform:rotate(-2deg)}.story-viewer-media.template-manifiesto h2{display:inline;background:#fff;color:#111!important;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 7px;font-family:Impact,"Arial Black",sans-serif;text-transform:uppercase;font-size:clamp(44px,11vw,68px)!important;line-height:1.03!important;text-shadow:none}.story-viewer-media.template-manifiesto .story-viewer-text{margin-top:22px!important;max-width:76%;background:#111;padding:9px 11px;font-weight:750;text-shadow:none}
.story-viewer-media.template-poema .story-viewer-overlay{left:11%;right:11%;bottom:13%}.story-viewer-media.template-poema::before{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.72))}.story-viewer-media.template-poema h2{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(34px,8vw,54px)!important;line-height:1.04!important}.story-viewer-media.template-poema .story-viewer-text{font-family:Georgia,serif;font-size:14px!important}
.story-viewer-media.template-cartel .story-viewer-overlay{left:5%;right:5%;bottom:5%}.story-viewer-media.template-cartel h2{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-stretch:condensed;font-weight:950;text-transform:uppercase;font-size:clamp(56px,13vw,86px)!important;line-height:.72!important;letter-spacing:-.075em!important}.story-viewer-media.template-cartel .story-viewer-text{font-weight:900;text-transform:uppercase;letter-spacing:.035em}
.story-viewer-media.template-lateral .story-viewer-overlay{left:auto;right:5%;top:7%;bottom:7%;max-width:48%;display:flex;flex-direction:column;justify-content:flex-end}.story-viewer-media.template-lateral h2{font-family:"Arial Black",Arial,sans-serif;font-size:clamp(36px,9vw,52px)!important;line-height:.9!important;writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-end}.story-viewer-media.template-lateral .story-viewer-text{font-size:11px!important;max-width:170px}
.story-viewer-media.template-minimal .story-viewer-overlay{left:8%;right:8%;bottom:7%;max-width:70%}.story-viewer-media.template-minimal::before{background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.48))}.story-viewer-media.template-minimal h2{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-weight:550;font-size:clamp(28px,7vw,40px)!important;line-height:1!important}.story-viewer-media.template-minimal .story-viewer-text{font-size:12px!important;max-width:75%}

/* =========================================================
   HISTORIAS PÚBLICAS v2 · BASE VERTICAL + VIDEO + TEXTOS SOBRE MEDIA
========================================================= */
.story-viewer-card{
  width:min(410px,calc((100dvh - var(--site-header-h,72px) - 118px) * .5625),calc(100vw - 24px))!important;
  min-width:min(310px,calc(100vw - 24px));
  overflow:hidden!important;
}
.story-viewer-media{position:relative!important;aspect-ratio:9/16!important;overflow:hidden!important;background:#161615!important}
.story-viewer-media>img,.story-viewer-media>video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;display:block}
.story-viewer-media>video[hidden],.story-viewer-media>img[hidden]{display:none!important}
.story-viewer-media::before{z-index:1!important}
.story-viewer-overlay{
  position:absolute!important;inset:0!important;z-index:2!important;width:auto!important;max-width:none!important;height:auto!important;
  left:0!important;right:0!important;top:0!important;bottom:0!important;display:block!important;transform:none!important;
  padding:0!important;background:transparent!important;color:#fff!important;text-align:left!important;text-shadow:0 2px 20px rgba(0,0,0,.28)!important;pointer-events:none
}
.story-viewer-block{position:absolute;z-index:3;max-width:84%;pointer-events:none}
.story-viewer-title-block{width:84%}.story-viewer-text-block{width:76%}.story-viewer-kind-block,.story-viewer-artist-block,.story-viewer-cta-block{width:max-content;max-width:84%}
.story-viewer-block h2,.story-viewer-block p,.story-viewer-block span{margin:0!important}
.story-viewer-kind-block .eyebrow{display:inline-flex!important;margin:0!important;padding:5px 7px;border-radius:999px;background:rgba(17,17,17,.34);color:#fff!important;backdrop-filter:blur(8px);font-size:9px!important;letter-spacing:.14em!important}
.story-viewer-artist-block span{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.91);color:#111;text-shadow:none;font-size:11px;font-weight:850;backdrop-filter:blur(9px)}
.story-viewer-cta-block{pointer-events:auto}.story-viewer-cta-block .story-viewer-link{margin:0!important;padding:8px 11px;border:1px solid rgba(255,255,255,.82);border-radius:999px;background:rgba(17,17,17,.43);color:#fff!important;text-shadow:none;font-size:10px;font-weight:850;backdrop-filter:blur(9px)}
.story-viewer-text-block .story-viewer-text{margin:0!important;color:#fff!important;font-size:14px!important;line-height:1.45!important;background:transparent!important;box-shadow:none!important}
.story-viewer-actions-compact{justify-content:flex-start!important;margin-top:0!important;padding-top:0!important;border-top:0!important}.story-viewer-copy{padding:12px 18px 16px!important}.story-share{margin-top:9px!important}
.story-viewer-media.template-archivo .story-viewer-title-block,.story-viewer-media.template-archivo .story-viewer-text-block{background:rgba(246,242,231,.9);color:#111!important;text-shadow:none;padding:10px 12px}.story-viewer-media.template-archivo .story-viewer-title-block h2,.story-viewer-media.template-archivo .story-viewer-text-block .story-viewer-text{color:#111!important}
.story-viewer-media.template-manifiesto .story-viewer-title-block{transform:rotate(-2deg)}.story-viewer-media.template-manifiesto .story-viewer-text-block{background:#111;color:#fff;padding:9px 11px;transform:rotate(-2deg);text-shadow:none}
.story-viewer-media.template-museo .story-viewer-title-block,.story-viewer-media.template-museo .story-viewer-text-block,.story-viewer-media.template-neon .story-viewer-title-block,.story-viewer-media.template-neon .story-viewer-text-block{text-align:center}
.story-viewer-media.template-lateral .story-viewer-title-block{width:auto;max-width:30%}.story-viewer-media.template-lateral .story-viewer-text-block{width:42%;max-width:42%}
@media(max-width:520px){
  .story-viewer-card{width:min(385px,calc((100dvh - var(--site-header-h,64px) - 102px) * .5625),calc(100vw - 16px))!important;min-width:min(292px,calc(100vw - 16px))}
  .story-viewer-copy{padding:10px 14px 13px!important}
}