/* Ficha de obra del catálogo — sobre el tema oscuro de la web */
.gas-obra-galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 10px; margin: 0 0 24px; }
.gas-obra-galeria img { width: 100%; height: 220px; object-fit: cover; border-radius: 8px; display: block; }
.gas-obra-ficha { width: 100%; max-width: 720px; border-collapse: collapse; margin: 24px 0; font-size: 15px; }
.gas-obra-ficha th { text-align: left; font-weight: 600; color: #df953a; padding: 9px 16px 9px 0; vertical-align: top; width: 34%; border-bottom: 1px solid rgba(255,255,255,.12); }
.gas-obra-ficha td { padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.gas-obra-ficha a { color: #df953a; }
@media (max-width: 600px) { .gas-obra-ficha th, .gas-obra-ficha td { display: block; width: 100%; border: 0; padding: 4px 0; } .gas-obra-ficha tr { display: block; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.12); } }

/* [gas_exposicion]: obras de una exposición con la maqueta de Sevilla Fecit (galería + ficha), sobre el fondo oscuro de la web */
.gasx { display: grid; gap: 56px; margin: 40px 0; padding-inline: clamp(16px, 3.2vw, 46px); /* la sección va estirada a todo el ancho: mismo margen que la introducción */ font-family: "Poppins", system-ui, sans-serif; }
.gasx-obra { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: start; padding-bottom: 56px; border-bottom: 1px solid rgba(255,255,255,.12); }
.gasx-obra:last-child { border-bottom: 0; }
.gasx-par .gasx-galeria { order: 2; }
.gasx-galeria { display: grid; gap: 8px; min-width: 0; }
.gasx-principal { display: block; border-radius: 4px; overflow: hidden; background: #19171a; }
.gasx-principal img { display: block; width: 100%; height: auto; max-height: 640px; object-fit: contain; }
.gasx-miniaturas { display: flex; flex-wrap: wrap; gap: 6px; }
.gasx-miniaturas button { padding: 0; border: 2px solid transparent; border-radius: 4px; background: none; cursor: pointer; line-height: 0; opacity: .7; }
.gasx-miniaturas button[aria-current] { border-color: #df953a; opacity: 1; }
.gasx-miniaturas button:focus-visible { outline: 2px solid #df953a; outline-offset: 2px; }
.gasx-miniaturas img { width: 64px; height: 64px; object-fit: cover; border-radius: 2px; }
.gasx-sinfoto { aspect-ratio: 4 / 5; display: grid; place-items: center; background: #19171a; color: #8d8589; font-size: 14px; border-radius: 4px; }
.gasx-texto { min-width: 0; }
.gasx-aviso { display: inline-block; margin: 0 0 10px; padding: 3px 10px; border-radius: 99px; background: #fbf0e1; color: #8a5408; font-size: 12px; font-weight: 600; }
.gasx-ante { margin: 0 0 6px; font-size: 13px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #df953a; }
.gasx .gasx-titulo { margin: 0 0 22px; padding-bottom: 16px; border-bottom: 1px solid rgba(223,149,58,.5); font-family: "Special Elite", "Courier New", monospace; font-weight: 400; font-size: clamp(24px, 2.6vw, 34px); line-height: 1.2; color: #f3eee8; text-wrap: balance; }
.gasx-dato { display: grid; grid-template-columns: 11em minmax(0, 1fr); gap: 4px 16px; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.08); font-size: 15px; line-height: 1.55; }
.gasx-etq { color: #df953a; font-weight: 600; font-size: 13px; letter-spacing: .04em; }
.gasx-val { color: #e9e3dd; }
.gasx-val p { margin: 0 0 .8em; }
.gasx-desc { grid-template-columns: minmax(0, 1fr); border-bottom: 0; }
.gasx .gasx-artista { justify-self: start; display: inline-block; padding: 5px 14px; border-radius: 99px; border: 1px solid #df953a; color: #df953a; text-decoration: none; font-size: 14px; font-weight: 500; }
/* Ohio («links-underline») dibuja el subrayado como fondo con el color del texto: aquí se anula para que el botón no se quede en negro */
.gasx a.gasx-artista, .gasx a.gasx-artista:hover, .gasx a.gasx-artista:focus { background-image: none !important; text-decoration: none !important; }
.gasx a.gasx-artista:hover, .gasx a.gasx-artista:focus-visible { background-color: #df953a !important; color: #19171a !important; }
@media (max-width: 860px) {
	.gasx-obra { grid-template-columns: minmax(0, 1fr); gap: 20px; }
	.gasx-par .gasx-galeria { order: 0; }
	.gasx-dato { grid-template-columns: minmax(0, 1fr); }
}

/* Ficha propia de la obra (destino del QR de la cartela): una sola obra, sin título (lo pone el tema) y con el enlace a su exposición */
.gasx-ficha { margin-top: 8px; padding-inline: 0; gap: 28px; }
.gasx-ficha .gasx-obra { border-bottom: 0; padding-bottom: 0; }
.gasx-expo { margin: 0; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); font-size: 15px; color: #e9e3dd; }
.gasx .gasx-expo a { color: #df953a; text-decoration: underline; text-underline-offset: 3px; }