/* =====================================================================
   +CODE · bloques editoriales (Proyectos = sala/catálogo, Ideas = revista)
   Solo clases pc-*. Espacios con nombre: S 32 · M 64 · L 112 (celular 24 · 40 · 64).
   Especificación: docs/bloques-proyectos-ideas.md
   ===================================================================== */

:root{
  --pc-s:32px;--pc-m:64px;--pc-l:112px;
  --pc-verde:#00FF7F;--pc-gris-banda:#F4F4F4;--pc-gris-texto:#4D4D52;--pc-linea:rgba(0,0,0,.2);
  --pc-rotulo-ancho:260px;--pc-columna:760px;--pc-ancha:1100px;
  --pc-titular:'Space Grotesk',sans-serif;--pc-lectura:'Arimo',sans-serif;
}
@media (max-width:690px){:root{--pc-s:24px;--pc-m:40px;--pc-l:64px}}

/* La fila que contiene los bloques no agrega espacio propio */
html body .pc-plantilla{padding-top:0 !important;padding-bottom:0 !important}
html body .pc-plantilla > .row_col_wrap_12 > .wpb_column > .vc_column-inner > .wpb_wrapper{display:flow-root}

html body .pc-bloque{margin:var(--pc-l) 0 0;color:#000}
html body .pc-bloque:first-child{margin-top:var(--pc-l)}
html body .pc-bloque p,html body .pc-bloque h1,html body .pc-bloque h2,html body .pc-bloque dl,html body .pc-bloque dd,html body .pc-bloque ul{margin:0;padding:0}
html body .pc-bloque img{display:block;max-width:100%;height:auto}
html body .pc-bloque em,html body .pc-bloque i{font-size:inherit !important;font-family:inherit !important;line-height:inherit !important}

/* Salient encierra el contenido de notas (1000 px) y proyectos (1145 px): los bloques anchos se salen al contenedor del sitio */
html body .pc-p-cabecera,html body .pc-p-imagen,html body .pc-grilla,html body .pc-p-obra,
html body .pc-i-cabecera,html body .pc-i-imagen,html body .pc-i-seguir,html body .pc-i-figura--completa{
  width:min(92vw,1680px);max-width:none;margin-left:calc(50% - min(46vw,840px)) !important;margin-right:0 !important}
html body .pc-i-figura--ancha,html body .pc-i-video{width:min(92vw,var(--pc-ancha));max-width:none;margin-left:calc(50% - min(46vw,550px)) !important;margin-right:0 !important}

/* --- Piezas comunes --- */
html body .pc-rotulo{font-family:var(--pc-titular) !important;font-weight:700 !important;font-size:15px !important;line-height:1.3 !important;
  letter-spacing:.08em !important;text-transform:uppercase;color:#000 !important;margin:0 !important}
html body .pc-lectura,html body .pc-lectura p{font-family:var(--pc-lectura) !important;font-weight:500 !important;font-size:20px !important;line-height:1.6 !important;color:#000}
html body .pc-lectura p + p{margin-top:24px !important}
html body .pc-lectura h2{font-family:var(--pc-titular) !important;font-weight:700 !important;font-size:28px !important;line-height:1.2 !important;letter-spacing:-.02em;margin:0 0 24px !important}
html body .pc-lectura * + h2{margin-top:var(--pc-m) !important}
html body .pc-lectura a{color:#000 !important}
html body .pc-pie{margin-top:12px;font-family:var(--pc-lectura);font-size:15px;line-height:1.5;color:var(--pc-gris-texto)}
html body .pc-boton{display:inline-block;margin-top:var(--pc-s);padding:16px 32px;border-radius:999px;background:#000;color:#fff !important;
  font-family:var(--pc-titular);font-weight:700;font-size:15px;letter-spacing:.06em;text-decoration:none !important;transition:background .2s,color .2s}
html body .pc-boton:hover{background:var(--pc-verde);color:#000 !important}
html body .pc-boton--borde{background:transparent;border:1.5px solid #000;color:#000 !important}
html body .pc-boton--borde:hover{background:#000;color:var(--pc-verde) !important;border-color:#000}

/* =====================================================================
   PROYECTOS · grilla 260 px + contenido, líneas finas, banda gris para obras
   ===================================================================== */
html body .pc-grilla{display:grid;grid-template-columns:var(--pc-rotulo-ancho) minmax(0,1fr);column-gap:48px;
  border-top:1px solid var(--pc-linea);padding-top:var(--pc-s)}
html body .pc-grilla.pc-continua,html body .pc-p-ficha + .pc-p-texto:not(:has(.pc-rotulo)){border-top:0;padding-top:0;margin-top:var(--pc-s)}
html body .pc-grilla__cuerpo{min-width:0}
html body .pc-lectura{max-width:var(--pc-columna)}

/* P1 */
html body .pc-p-cabecera .pc-pastilla{display:inline-block;background:#000;color:#fff !important;font-family:var(--pc-titular);font-weight:700;font-size:14px;
  letter-spacing:.08em;line-height:1;padding:9px 16px;border-radius:999px;margin:0 0 24px}
html body .pc-p-cabecera__grid{display:grid;grid-template-columns:var(--pc-rotulo-ancho) minmax(0,1fr);column-gap:48px;border-top:2px solid #000;padding-top:40px}
html body .pc-p-cabecera__titulo{font-family:var(--pc-titular) !important;font-weight:700 !important;font-size:clamp(34px,3vw,48px) !important;
  line-height:1.05 !important;letter-spacing:-.03em !important;color:#000 !important}
html body .pc-p-cabecera__entrada{font-family:var(--pc-titular);font-weight:500;font-size:clamp(28px,2.5vw,38px);line-height:1.2;letter-spacing:-.02em;max-width:1000px}

/* P2 */
html body .pc-p-imagen{margin-top:var(--pc-m)}
html body .pc-p-imagen__img{width:100%;height:620px !important;object-fit:cover;border-radius:32px}
html body .pc-enfoque-top .pc-p-imagen__img{object-position:top}
html body .pc-enfoque-bottom .pc-p-imagen__img{object-position:bottom}

/* P3 */
html body .pc-p-texto__img{margin-top:var(--pc-s);border-radius:20px}
html body .pc-p-texto--nota .pc-lectura,html body .pc-p-texto--nota .pc-lectura p,html body .pc-p-texto--nota .pc-lectura span{font-size:15px !important;line-height:1.6 !important;color:var(--pc-gris-texto) !important}

/* P4 */
html body .pc-ficha{border-top:1px solid var(--pc-linea);max-width:var(--pc-columna)}
html body .pc-ficha__fila{display:grid;grid-template-columns:200px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--pc-linea)}
html body .pc-ficha__fila--sola{grid-template-columns:minmax(0,1fr)}
html body .pc-ficha dt{font-family:var(--pc-titular);font-weight:700;font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--pc-gris-texto)}
html body .pc-ficha dd{font-family:var(--pc-lectura);font-weight:500;font-size:18px;line-height:1.45;color:#000}

/* P5 */
html body .pc-artistas{list-style:none;font-family:var(--pc-titular) !important;font-weight:500;font-size:clamp(28px,2.6vw,40px);line-height:1.2;letter-spacing:-.02em}
html body .pc-artistas li{display:flex;justify-content:space-between;align-items:baseline;gap:24px;font:inherit;padding:14px 0;border-bottom:1px solid var(--pc-linea);margin:0 !important;list-style:none}
html body .pc-artistas li::before{display:none !important}
html body .pc-artistas strong{font-weight:700}
html body .pc-artistas a{color:#000 !important;text-decoration:none !important;font:inherit !important}
html body .pc-artistas__con-enlace::after{content:"↗";flex:none;font-size:.7em;transition:color .2s}
html body .pc-artistas__con-enlace:hover::after{color:#000;background:var(--pc-verde);border-radius:999px;padding:0 .2em}
html body .pc-p-artistas--corrido .pc-artistas,html body .pc-p-artistas--corrido .pc-artistas p{font-size:27px !important;font-family:var(--pc-titular) !important;max-width:1000px}

/* P6: banda gris a todo el ancho; las obras seguidas la comparten */
html body .pc-p-obra{position:relative;background:var(--pc-gris-banda);box-shadow:0 0 0 100vmax var(--pc-gris-banda);clip-path:inset(0 -100vmax);
  padding:var(--pc-l) 0}
html body .pc-p-obra + .pc-p-obra{margin-top:0;padding-top:0}
html body .pc-p-obra > .pc-rotulo{margin-bottom:var(--pc-s) !important}
html body .pc-p-obra__grid{display:grid;grid-template-columns:var(--pc-rotulo-ancho) minmax(0,1fr);column-gap:48px;border-top:1px solid var(--pc-linea);padding-top:var(--pc-s)}
html body .pc-p-obra + .pc-p-obra .pc-p-obra__grid{padding-top:var(--pc-s)}
html body .pc-p-obra__titulo{font-family:var(--pc-titular) !important;font-weight:700 !important;font-size:clamp(30px,3vw,44px) !important;line-height:1.05 !important;letter-spacing:-.03em !important;color:#000 !important}
html body .pc-p-obra__artista,html body .pc-p-obra__artista em{margin-top:12px !important;font-family:var(--pc-titular);font-weight:500;font-style:normal;font-size:20px;line-height:1.3}
html body .pc-p-obra__medios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body .pc-p-obra__medios > :first-child{grid-column:1 / -1}
html body .pc-p-obra__medios > :only-child{grid-column:1 / -1}
html body .pc-p-obra__img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px}
html body .pc-p-obra__medios .nectar-video-box,html body .pc-p-obra__medios .nectar-video-box *{border-radius:20px}
html body .pc-p-obra__textos{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:48px;margin-top:var(--pc-m)}
html body .pc-p-obra__textos .pc-lectura a,html body .pc-p-obra__textos .pc-lectura span{color:#000 !important}
html body .pc-cartela{display:flex;flex-direction:column;border-top:2px solid #000;padding-top:10px;font-family:var(--pc-titular);font-size:15px;line-height:1.45;color:var(--pc-gris-texto)}
html body .pc-cartela__linea{display:block;padding:3px 0}
html body .pc-cartela__linea--fuerte{color:#000;font-weight:700}
html body .pc-cartela__sep{display:block;height:12px;border-bottom:1px solid var(--pc-linea);margin-bottom:10px}
html body .pc-cartela a{color:#000 !important;word-break:break-all}

/* P7 */
html body .pc-p-galeria .pc-boton{margin-top:var(--pc-s)}

/* =====================================================================
   IDEAS · un solo eje: columna de 760 px centrada; imágenes que se salen
   ===================================================================== */
html body .pc-columna{max-width:var(--pc-columna);margin-left:auto !important;margin-right:auto !important}

/* I1: en el HTML va rótulo → título → fecha; en pantalla la fecha sube a la derecha del rótulo */
html body .pc-i-cabecera{display:grid;grid-template-columns:1fr auto;grid-template-areas:"rot fecha" "tit tit";align-items:end}
html body .pc-i-cabecera__rotulo{grid-area:rot;border-bottom:1px solid #000;padding-bottom:16px}
html body .pc-i-cabecera__fecha{grid-area:fecha;border-bottom:1px solid #000;padding-bottom:16px;text-align:right;
  font-family:var(--pc-titular);font-weight:500;font-size:15px;line-height:1.3;color:var(--pc-gris-texto)}
html body .pc-i-cabecera__titulo{grid-area:tit;margin-top:40px !important;max-width:1200px;font-family:var(--pc-titular) !important;font-weight:700 !important;
  font-size:clamp(40px,4vw,64px) !important;line-height:1.02 !important;letter-spacing:-.035em !important;color:#000 !important}

/* I2 */
html body .pc-i-imagen{margin-top:var(--pc-m)}
html body .pc-i-imagen__img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:20px}

/* I3: la barra verde es la marca de Ideas (verde como fondo, nunca como texto) */
html body .pc-i-bajada{margin-top:var(--pc-m)}
html body .pc-i-bajada p{border-left:6px solid var(--pc-verde);padding-left:28px !important;font-family:var(--pc-titular) !important;font-weight:500 !important;
  font-size:clamp(26px,2.4vw,34px) !important;line-height:1.22 !important;letter-spacing:-.02em;color:#000 !important}

/* I4 */
html body .pc-i-texto{margin-top:var(--pc-m)}
html body .pc-i-texto blockquote{margin:var(--pc-m) 0 !important;padding:0 0 0 28px !important;border:0 !important;font-family:var(--pc-titular) !important;font-size:28px !important;line-height:1.3 !important}

/* I5 */
html body .pc-i-figura{margin:var(--pc-m) auto 0}
html body .pc-i-figura--columna{max-width:var(--pc-columna)}
html body .pc-i-figura--ancha{max-width:var(--pc-ancha)}
html body .pc-i-figura__img{width:100%;border-radius:20px}

/* I6: capítulo sobre blanco, carrusel a sangre */
html body .pc-i-obra{border-top:0}
html body .pc-i-obra__titulo{border-top:1px solid var(--pc-linea);padding-top:var(--pc-s) !important;font-family:var(--pc-titular) !important;font-weight:700 !important;
  font-size:36px !important;line-height:1.1 !important;letter-spacing:-.025em !important;color:#000 !important}
/* El carrusel arranca alineado con la columna de texto y sale a sangre por la derecha */
html body .pc-i-obra__carrusel{margin:40px calc(50% - 50vw) 40px max(0px,calc((100% - var(--pc-columna)) / 2)) !important}
html body .pc-i-obra > .pc-lectura{margin-top:0}
html body .pc-i-obra__figura{margin-top:40px !important;margin-bottom:40px !important}

/* I7 */
html body .pc-i-video{max-width:var(--pc-ancha);margin-left:auto;margin-right:auto}
html body .pc-i-video .nectar-video-box,html body .pc-i-video .nectar-video-box *{border-radius:20px}

/* I8 */
html body .pc-i-creditos{margin-top:var(--pc-m);border-top:1px solid var(--pc-linea);padding-top:20px}
html body .pc-i-creditos,html body .pc-i-creditos p,html body .pc-i-creditos em{font-family:var(--pc-lectura) !important;font-size:15px !important;line-height:1.6 !important;
  font-style:normal !important;color:var(--pc-gris-texto) !important}

/* I9: tarjeta de revista (texto debajo de la foto, sin panel difuminado) */
html body .pc-i-seguir{border-top:1px solid #000;padding-top:16px;margin-bottom:var(--pc-l)}
html body .pc-i-seguir__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:var(--pc-s)}
html body .pc-tarjeta-revista{display:flex;flex-direction:column;gap:14px;text-decoration:none !important;color:#000 !important}
html body .pc-tarjeta-revista__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}
html body .pc-tarjeta-revista__titulo{font-family:var(--pc-titular);font-weight:700;font-size:23px;line-height:1.2;letter-spacing:-.01em}
html body .pc-tarjeta-revista__fecha{font-family:var(--pc-titular);font-size:15px;color:var(--pc-gris-texto)}
html body .pc-tarjeta-revista:hover .pc-tarjeta-revista__titulo{text-decoration:underline;text-decoration-color:var(--pc-verde);text-decoration-thickness:3px;text-underline-offset:5px}

/* =====================================================================
   LISTADOS
   ===================================================================== */
html body .pc-p-listado,html body .pc-i-listado{width:min(92vw,1680px);max-width:none;margin-left:calc(50% - min(46vw,840px)) !important;margin-right:0 !important;margin-bottom:var(--pc-l)}
html body .pc-p-listado .pc-grilla,html body .pc-i-listado .pc-grilla{width:auto;margin-left:0 !important}

/* Home de Ideas · revista */
html body .pc-i-listado__titulo{font-family:var(--pc-titular) !important;font-weight:700 !important;font-size:clamp(56px,7vw,96px) !important;line-height:1 !important;
  letter-spacing:-.045em !important;color:#000 !important;border-bottom:1px solid #000;padding-bottom:24px !important}
html body .pc-i-destacada{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:end;margin-top:var(--pc-m);text-decoration:none !important;color:#000 !important}
html body .pc-i-destacada__img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:20px}
html body .pc-i-destacada__texto{display:flex;flex-direction:column;gap:20px;padding-bottom:8px}
html body .pc-i-destacada__titulo{font-family:var(--pc-titular);font-weight:700;font-size:clamp(34px,3.4vw,48px);line-height:1.05;letter-spacing:-.03em}
html body .pc-i-destacada__bajada{border-left:6px solid var(--pc-verde);padding-left:20px;font-family:var(--pc-titular);font-weight:500;font-size:24px;line-height:1.3}
html body .pc-i-destacada:hover .pc-i-destacada__titulo{text-decoration:underline;text-decoration-color:var(--pc-verde);text-decoration-thickness:3px;text-underline-offset:6px}
html body .pc-i-listado__seccion{margin-top:var(--pc-l);border-top:1px solid #000;padding-top:16px}
html body .pc-i-listado__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 24px;margin-top:var(--pc-s)}
html body .pc-filas{list-style:none;margin:0 !important;padding:0 !important}
html body .pc-filas li{list-style:none;margin:0 !important;padding:0 !important}
html body .pc-filas li::before{display:none !important}
html body .pc-fila{display:grid;grid-template-columns:160px minmax(0,1fr) 40px;gap:24px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--pc-linea);text-decoration:none !important;color:#000 !important}
html body .pc-fila__titulo{font-family:var(--pc-titular);font-weight:500;font-size:26px;line-height:1.2;letter-spacing:-.015em}
html body .pc-fila__flecha{justify-self:end;font-size:22px;transition:transform .2s}
html body .pc-fila:hover .pc-fila__titulo{text-decoration:underline;text-decoration-color:var(--pc-verde);text-decoration-thickness:3px;text-underline-offset:5px}
html body .pc-fila:hover .pc-fila__flecha{transform:translateX(6px)}
html body .pc-i-listado__seccion--filas .pc-filas{margin-top:8px !important}

/* Home de Proyectos · sala */
html body .pc-p-listado__cab .pc-pastilla{display:inline-block;background:#000;color:#fff !important;font-family:var(--pc-titular);font-weight:700;font-size:14px;
  letter-spacing:.08em;line-height:1;padding:9px 16px;border-radius:999px;margin:0 0 24px}
html body .pc-p-listado__titulo{border-top:2px solid #000;padding-top:40px !important;padding-right:max(0px,calc(100% - 1150px)) !important;max-width:none;font-family:var(--pc-titular) !important;font-weight:700 !important;
  font-size:clamp(34px,4.4vw,64px) !important;line-height:1.04 !important;letter-spacing:-.035em !important;color:#000 !important}
html body .pc-p-listado__filtros{margin-top:var(--pc-m);align-items:center}
html body .pc-pastillas{display:flex;flex-wrap:wrap;gap:10px}
html body .pc-pastilla-filtro{display:inline-block;font-family:var(--pc-titular);font-weight:500;font-size:16px;line-height:1;padding:12px 18px;border-radius:999px;
  border:1.5px solid #000;color:#000 !important;text-decoration:none !important;transition:background .2s,color .2s}
html body .pc-pastilla-filtro:hover{background:#000;color:var(--pc-verde) !important}
html body .pc-pastilla-filtro.is-activa{background:var(--pc-verde);border-color:var(--pc-verde);font-weight:700;color:#000 !important}
html body .pc-p-listado__grid{display:grid;gap:24px;margin-top:24px}
html body .pc-p-listado__grid--dos{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px}
html body .pc-p-listado__grid--tres{grid-template-columns:repeat(3,minmax(0,1fr))}
html body .pc-tarjeta-sala{position:relative;display:block;border-radius:20px;overflow:hidden;text-decoration:none !important;background:#000}
html body .pc-tarjeta-sala__img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
html body .pc-tarjeta-sala__banda{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:6px;padding:64px 24px 22px;color:#fff;text-shadow:0 1px 14px rgba(0,0,0,.45);isolation:isolate}
html body .pc-tarjeta-sala__banda::before{content:"";position:absolute;inset:0;z-index:-1;backdrop-filter:blur(22px) saturate(1.5);-webkit-backdrop-filter:blur(22px) saturate(1.5);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 55%);mask-image:linear-gradient(to bottom,transparent,#000 55%);transition:background .2s}
html body .pc-tarjeta-sala__titulo{font-family:var(--pc-titular);font-weight:700;font-size:24px;line-height:1.15;letter-spacing:-.015em}
html body .pc-p-listado__grid--dos .pc-tarjeta-sala__titulo{font-size:clamp(26px,2.4vw,34px)}
html body .pc-tarjeta-sala__meta{font-family:var(--pc-titular);font-weight:500;font-size:14px;letter-spacing:.08em;text-transform:uppercase}
html body .pc-tarjeta-sala:hover .pc-tarjeta-sala__banda{color:#000;text-shadow:none}
html body .pc-tarjeta-sala:hover .pc-tarjeta-sala__banda::before{background:rgba(0,255,127,.92);-webkit-mask-image:none;mask-image:none}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  html body .pc-tarjeta-sala__banda::before{background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.55))}
}

/* --- Celular --- */
@media (max-width:690px){
  html body .pc-grilla,html body .pc-p-cabecera__grid,html body .pc-p-obra__grid,html body .pc-p-obra__textos,html body .pc-ficha__fila{grid-template-columns:minmax(0,1fr);row-gap:20px}
  html body .pc-p-cabecera__entrada{font-size:24px}
  html body .pc-lectura,html body .pc-lectura p{font-size:18px !important}
  html body .pc-p-imagen__img{height:280px !important;border-radius:20px}
  html body .pc-artistas{font-size:24px}
  html body .pc-p-obra__medios{grid-template-columns:minmax(0,1fr)}
  html body .pc-i-cabecera__titulo{font-size:34px !important;margin-top:24px !important}
  html body .pc-i-bajada p{font-size:24px !important;padding-left:18px !important}
  html body .pc-i-obra__titulo{font-size:28px !important}
  html body .pc-i-seguir__grid{grid-template-columns:minmax(0,1fr)}
  html body .pc-i-destacada,html body .pc-i-listado__grid,html body .pc-p-listado__grid--dos,html body .pc-p-listado__grid--tres{grid-template-columns:minmax(0,1fr)}
  html body .pc-i-destacada{gap:20px}
  html body .pc-i-destacada__bajada{font-size:20px}
  html body .pc-fila{grid-template-columns:minmax(0,1fr);gap:6px}
  html body .pc-fila__flecha{display:none}
  html body .pc-fila__titulo{font-size:22px}
  html body .pc-tarjeta-sala__titulo,html body .pc-p-listado__grid--dos .pc-tarjeta-sala__titulo{font-size:22px}
}