/* ==========================================================================
   SITIO · base, cabecera con menú desplegable, portada, catálogo, vídeo, textos
   Colores, tipografía y medidas: theme.css. Aquí sólo estructura.
   Usa propiedades lógicas (inline/block) para que el hebreo (derecha a izquierda) funcione sin reescribir.
   Orden: base · cabecera y menú · bloques · portada · catálogo · visor · vídeo · textos · pie.
   ========================================================================== */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-body);line-height:1.5}
a{color:inherit}
img{display:block;max-width:100%}

/* ---------- Cabecera y menú ---------- */
.site-head{width:var(--hero-w);margin:0 auto;padding:22px 0 0}
.nav{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px}
/* Identidad: nombre en negrita y, debajo, el subtítulo */
.nav__id{margin-inline-end:auto;display:flex;flex-direction:column;line-height:1.2}
.nav__brand{font-size:var(--fs-brand);font-weight:var(--fw-brand);letter-spacing:.02em;text-decoration:none;transition:color var(--t-ui)}

.nav__list{flex:1 0 100%;display:flex;flex-wrap:wrap;align-items:center;gap:6px clamp(14px,2.2vw,32px);margin:14px 0 0;padding:0;list-style:none}
.nav__list a,.nav__sub-btn{display:block;padding:6px 0;font:inherit;font-size:var(--fs-menu);text-decoration:none;color:var(--ink);background:none;border:0;cursor:pointer;transition:color var(--t-ui)}
/* Cursor o foco: viraje a gris, sin subrayado */
.nav__list a:hover,.nav__sub-btn:hover,.nav__list a:focus-visible,.nav__sub-btn:focus-visible,.nav__brand:hover,.nav__brand:focus-visible{color:var(--hover)}
/* Elemento activo: bordó */
.nav__list a[aria-current="page"],.nav__item.is-current>.nav__sub-btn{color:var(--active)}
.nav__list a:focus-visible,.nav__sub-btn:focus-visible,.nav__toggle:focus-visible,.nav__brand:focus-visible{outline:1px solid var(--hover);outline-offset:3px}

/* Submenú desplegable de Works: sin bordes, fondo semitransparente con desenfoque y aparición en cascada hacia abajo.
   Se abre con el cursor, con el foco o con el botón. El retardo entre elementos es --t-menu-step. */
.nav__item{position:relative}
.nav__sub-btn::after{content:"";display:inline-block;margin-inline-start:.45em;width:.4em;height:.4em;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.15em) rotate(45deg)}
.nav__sub{position:absolute;inset-inline-start:-14px;top:100%;z-index:30;min-width:13em;margin:0;padding:8px 14px;list-style:none;border:0;
  background:var(--menu-bg);-webkit-backdrop-filter:blur(var(--menu-blur));backdrop-filter:blur(var(--menu-blur));
  visibility:hidden;opacity:0;transition:opacity .2s ease,visibility 0s linear .2s}
.nav__item:hover>.nav__sub,.nav__item:focus-within>.nav__sub,.nav__item.is-open>.nav__sub{visibility:visible;opacity:1;transition:opacity .2s ease,visibility 0s}
.nav__sub li{opacity:0;transform:translateY(-6px);transition:opacity .25s ease,transform .25s ease}
.nav__item:hover>.nav__sub li,.nav__item:focus-within>.nav__sub li,.nav__item.is-open>.nav__sub li{opacity:1;transform:none;transition-delay:calc(var(--i,0) * var(--t-menu-step))}
.nav__sub li:nth-child(1){--i:1}.nav__sub li:nth-child(2){--i:2}.nav__sub li:nth-child(3){--i:3}.nav__sub li:nth-child(4){--i:4}.nav__sub li:nth-child(5){--i:5}.nav__sub li:nth-child(6){--i:6}
.nav__sub a{padding:7px 0}

/* Selector de idioma (visible sólo cuando hay más de un idioma activo) */
.nav__lang{display:flex;align-items:center;gap:.6em;margin-inline-start:auto;font-size:.9rem}
.nav__lang a{padding:0;letter-spacing:.04em;font-size:inherit}
.nav__lang a[aria-current]{font-weight:700;color:var(--active)}

/* Botón hamburguesa (móvil) */
.nav__toggle{display:none;appearance:none;border:0;background:none;padding:10px;cursor:pointer;color:var(--ink);margin-inline-start:auto}
.nav__bars,.nav__bars::before,.nav__bars::after{display:block;width:26px;height:2px;background:currentColor;transition:transform .2s,opacity .2s}
.nav__bars{position:relative}
.nav__bars::before,.nav__bars::after{content:"";position:absolute;inset-inline-start:0}
.nav__bars::before{top:-8px}.nav__bars::after{top:8px}
.nav.is-open .nav__bars{background:transparent}
.nav.is-open .nav__bars::before{top:0;transform:rotate(45deg)}
.nav.is-open .nav__bars::after{top:0;transform:rotate(-45deg)}

@media (max-width:760px){
  .site-head{width:100%;padding:22px var(--pad) 0}
  .nav__toggle{display:block}
  .nav__list{position:absolute;top:100%;inset-inline:calc(-1 * var(--pad));z-index:20;display:none;flex-direction:column;align-items:flex-start;gap:0;margin:0;
    padding:8px var(--pad) 14px;background:var(--menu-bg);-webkit-backdrop-filter:blur(var(--menu-blur));backdrop-filter:blur(var(--menu-blur))}
  .nav.is-open .nav__list{display:flex}
  .nav__list a,.nav__sub-btn{padding:12px 0;font-size:1.1rem}
  .nav__sub{position:static;visibility:visible;opacity:1;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0 0 0 1em;min-width:0}
  .nav__sub li{opacity:1;transform:none}
  .nav__sub-btn::after{display:none}
  .nav__lang{margin-inline-start:0;padding:12px 0}
}

/* ---------- Bloques centrales ---------- */
main{display:block}
.block{width:var(--hero-w);margin:clamp(24px,4vw,48px) auto 0}
.page-title{margin:0 0 1.1em;padding-bottom:.45em;border-bottom:1px solid var(--rule);font-size:var(--fs-h1);font-weight:var(--fw-h1);line-height:1.15;color:var(--title-color);letter-spacing:.01em}
/* Migas de pan: Home » Sección » Página; la última (página actual) va en negrita */
.crumbs{margin:0 0 .9rem;font-size:var(--fs-crumbs);color:var(--title-color)}
.crumbs ol{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}
.crumbs li+li::before{content:"»";margin:0 .4em}
.crumbs a{text-decoration:none;transition:opacity var(--t-ui)}
.crumbs a:hover,.crumbs a:focus-visible{opacity:.6}
.crumbs [aria-current]{font-weight:700}
.prose{max-width:var(--measure)}
.prose p{margin:0 0 1em;line-height:var(--lh-body)}
.site-foot{width:var(--hero-w);margin:clamp(40px,6vw,80px) auto 40px;color:var(--active);font-size:.8rem;text-align:start}   /* copyright, abajo a la izquierda, en bordó */
@media (max-width:760px){
  .block,.site-foot{width:100%}
  main{padding:0 var(--pad)}
  .site-foot{padding:0 var(--pad)}
}

/* ---------- Portada: visor con fundido y texto debajo ---------- */
.hero__stage{position:relative;width:100%;aspect-ratio:var(--hero-ratio);max-height:var(--hero-max-h);margin:0;overflow:hidden}
.hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:var(--blend);opacity:0;transition:opacity var(--t-fade) ease;-webkit-user-drag:none;user-select:none}
.hero__img.is-active{opacity:1}
.hero__caption{margin:10px 0 0;color:var(--muted);font-size:var(--fs-caption);letter-spacing:var(--ls-caption)}
.hero__text{margin-top:clamp(20px,3vw,36px)}

/* ---------- Páginas de catálogo ---------- */
.series-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:clamp(16px,2.4vw,32px);margin:0;padding:0;list-style:none}
.series-tile a{display:block;text-decoration:none;transition:color var(--t-ui)}
.series-tile a:hover,.series-tile a:focus-visible{color:var(--hover)}
.series-tile img{transition:opacity var(--t-ui)}
.series-tile a:hover img{opacity:.8}
.series-tile img{width:100%;aspect-ratio:3/2;object-fit:cover}
.series-tile span{display:block;margin-top:8px;font-size:1rem;letter-spacing:.03em}
.series-tile small{color:var(--muted)}

.catalog-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.catalog-count{color:var(--muted);font-size:var(--fs-caption);letter-spacing:var(--ls-caption);padding-top:8px}

/* Desplegable «criterios de selección» (sobrio, sin aspecto por defecto) */
.crit{position:relative}
.crit summary{list-style:none;cursor:pointer;display:inline-block;padding:8px 16px;border:var(--crit-border);background:var(--crit-bg);font-size:.9rem;letter-spacing:.04em;user-select:none}
.crit summary::-webkit-details-marker{display:none}
.crit summary::after{content:"";display:inline-block;margin-inline-start:.7em;width:.4em;height:.4em;border-inline-end:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.15em) rotate(45deg)}
.crit[open] summary::after{transform:translateY(.05em) rotate(-135deg)}
.crit__panel{position:absolute;z-index:15;inset-inline-start:0;top:calc(100% + 4px);width:min(560px,92vw);max-height:70vh;overflow:auto;padding:16px 18px;
  border:var(--crit-border);background:rgba(246,246,243,.97);backdrop-filter:blur(4px)}
.crit__group{margin:0 0 14px;padding:0;border:0}
.crit__group legend{padding:0;margin-bottom:6px;font-size:var(--fs-h2);font-weight:600;letter-spacing:var(--ls-h2);text-transform:uppercase;color:var(--muted)}
.crit__group label{display:inline-flex;align-items:center;gap:.4em;margin:0 14px 6px 0;font-size:.92rem;cursor:pointer}
.crit summary:hover{color:var(--hover)}
.crit__clear:hover{color:var(--hover)}
.crit__clear{appearance:none;border:0;background:none;padding:0;font:inherit;font-size:.85rem;text-decoration:underline;cursor:pointer;color:var(--muted)}

/* Mosaico con la proporción real de cada cuadro: cada celda crece según su proporción (--r = ancho/alto) */
.mosaic{display:flex;flex-wrap:wrap;gap:var(--gap);margin:0;padding:0;list-style:none}
.mosaic::after{content:"";flex-grow:1000000}
.mosaic>li{position:relative;flex:calc(var(--r) * 100) 1 calc(var(--r) * var(--row-h));max-width:calc(var(--r) * var(--row-max-h));margin:0}
.mosaic>li[hidden]{display:none}
.gated[hidden],.series-tiles[hidden]{display:none}
.mosaic a{display:block;cursor:zoom-in}
.mosaic img{transition:opacity var(--t-ui);width:100%;height:auto;aspect-ratio:var(--r);mix-blend-mode:var(--blend);-webkit-user-drag:none;user-select:none}
.mosaic a:hover img{opacity:.85}
.sold{position:absolute;inset-inline-end:8px;bottom:8px;width:var(--sold-size);height:var(--sold-size);fill:var(--sold);pointer-events:none}
.no-results{color:var(--muted);margin:24px 0}

/* ---------- Visor ampliado ---------- */
.lb{position:fixed;inset:0;z-index:1000;background:var(--lb-bg);display:none;flex-direction:column;opacity:0;transition:opacity .25s ease}
.lb.is-open{display:flex}.lb.is-visible{opacity:1}
.lb__bar{display:flex;justify-content:flex-end;padding:14px 20px}
.lb__btn{appearance:none;border:0;background:none;padding:8px;cursor:pointer;color:var(--ink);line-height:0;transition:color var(--t-ui)}
.lb__btn:hover,.lb__btn:focus-visible,.lb__mail:hover{color:var(--hover)}
.lb__btn svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:square}
.lb__main{position:relative;flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:0 80px}
.lb__img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-drag:none;user-select:none}
.lb__nav{position:absolute;top:50%;transform:translateY(-50%)}
.lb__nav--prev{inset-inline-start:16px}.lb__nav--next{inset-inline-end:16px}
.lb__info{flex:0 0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;padding:14px 24px 20px;font-size:.9rem}
.lb__title{font-weight:600}
.lb__meta{color:var(--muted)}
.lb__sold{display:inline-flex;align-items:center;gap:.4em}
.lb__sold svg{width:var(--sold-size-lb);height:var(--sold-size-lb);fill:var(--sold)}
.lb__mail{text-decoration:underline}
@media (max-width:760px){.lb__main{padding:0 8px}.lb__nav{top:auto;bottom:-44px;transform:none}}

/* ---------- Vídeo (reproductor propio) ---------- */
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:clamp(20px,3vw,40px);margin:0;padding:0;list-style:none}
.vp{position:relative;background:#000;aspect-ratio:16/9;overflow:hidden}
.vp video{width:100%;height:100%;display:block;object-fit:contain}
.vp__bar{position:absolute;inset-inline:0;bottom:0;display:flex;align-items:center;gap:10px;padding:8px 10px;background:linear-gradient(transparent,rgba(0,0,0,.65));color:#fff;opacity:0;transition:opacity .2s}
.vp:hover .vp__bar,.vp:focus-within .vp__bar,.vp.is-paused .vp__bar{opacity:1}
.vp__btn{appearance:none;border:0;background:none;color:inherit;padding:4px;cursor:pointer;line-height:0}
.vp__btn svg{width:20px;height:20px;fill:currentColor}
.vp__seek{flex:1;accent-color:#fff;cursor:pointer}
.vp__time{font-size:.75rem;font-variant-numeric:tabular-nums;min-width:5.5em;text-align:end}
.vp__big{position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;border:0;background:rgba(0,0,0,.55);color:#fff;cursor:pointer}
.vp__big svg{width:28px;height:28px;fill:currentColor}
.vp:not(.is-paused) .vp__big{display:none}
.video-cap{margin:8px 0 0;color:var(--muted);font-size:var(--fs-caption);letter-spacing:var(--ls-caption)}
.video-cap strong{color:var(--ink);font-weight:600}

/* ---------- CV, publicaciones, contacto ---------- */
.cv h2,.pubs h2{margin:2em 0 .8em;font-size:var(--fs-h2);font-weight:600;letter-spacing:var(--ls-h2);text-transform:uppercase;color:var(--muted)}
.cv h2:first-child,.pubs h2:first-child{margin-top:0}
.cv ul{margin:0;padding:0;list-style:none}
.cv li{display:grid;grid-template-columns:7.5em 1fr;gap:0 16px;padding:5px 0;line-height:1.5}
.cv li ul{grid-column:2;margin-top:4px}
.cv-y{color:var(--muted);font-variant-numeric:tabular-nums}
@media (max-width:560px){.cv li{grid-template-columns:1fr}}
.pubs ul{margin:0;padding:0;list-style:none}
.pubs li{padding:7px 0;border-bottom:1px solid var(--rule)}
.pubs a{text-decoration:none}.pubs a:hover{color:var(--hover);text-decoration:none}
.pubs small{color:var(--muted);margin-inline-start:.6em}
.contact dl{display:grid;grid-template-columns:max-content 1fr;gap:10px 28px;margin:0}
.contact dt{color:var(--muted);font-size:var(--fs-h2);letter-spacing:var(--ls-h2);text-transform:uppercase;padding-top:.25em}
.contact dd{margin:0}
.empty{color:var(--muted);border:1px dashed var(--rule);padding:48px 16px;text-align:center}

/* ---------- Formulario de contacto y redes ---------- */
.cform{max-width:520px;margin-top:36px}
.cform label{display:block;margin-bottom:14px;font-size:.85rem;color:var(--muted)}
.cform input,.cform textarea{display:block;width:100%;margin-top:4px;padding:9px 11px;border:var(--crit-border);background:var(--crit-bg);font:inherit;color:var(--ink)}
.cbtn{appearance:none;padding:9px 22px;border:var(--crit-border);background:var(--ink);color:#fff;font:inherit;cursor:pointer}
.social{display:flex;gap:14px;margin:28px 0 0;padding:0;list-style:none}
.social a{display:block;width:26px;height:26px;color:var(--ink);opacity:.75;transition:opacity var(--t-ui)}
.social a:hover{opacity:1}
.social svg{width:100%;height:100%;display:block}
.cv .social{margin:0 0 28px}