/* Presentación del catálogo. Sólo se carga en las tres versiones de Trabajos. */
body[data-page-key="trabajos"] #content .works-invitation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  border-left: 4px solid #BDCC37;
  background: #f5f6f2;
  padding: 23px 25px;
  margin: 28px 0 38px;
}
body[data-page-key="trabajos"] #content .works-invitation > div { min-width: 0; }
body[data-page-key="trabajos"] #content .works-invitation p { margin: 0; }
body[data-page-key="trabajos"] #content .works-invitation .works-invitation-title { font-weight: 700; color: #3E4442; margin-bottom: 5px; }
body[data-page-key="trabajos"] #content .works-invitation .button { flex-shrink: 0; margin: 0; padding: .85em 1.1em; letter-spacing: .02em; font-size: 1em; }
body[data-page-key="trabajos"] #content .works-invitation .button span { margin-left: 14px; }
body[data-page-key="trabajos"] #content .works-album-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 28px 24px;
  margin-top: 28px;
  align-items: stretch;
}
body[data-page-key="trabajos"] #content .album-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
  border: 1px solid #e5e7e2;
  border-radius: 6px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 3px 12px #0000000a;
  color: #3E4442;
  transition: transform 220ms ease, box-shadow 220ms ease;
}
body[data-page-key="trabajos"] #content .album-card:hover,
body[data-page-key="trabajos"] #content .album-card:focus-within { transform: translateY(-5px); box-shadow: 0 12px 24px #00000016; }
body[data-page-key="trabajos"] #content .album-artwork { display: block; position: relative; aspect-ratio: 1; width: 100%; border: 0; background: #f5f5f3; }
body[data-page-key="trabajos"] #content .album-cover { display: block; width: 100%; height: 100%; aspect-ratio: 1; object-fit: contain; }
body[data-page-key="trabajos"] #content .album-cover[hidden] { display: none; }
body[data-page-key="trabajos"] #content .album-missing { display: grid; place-items: center; position: absolute; inset: 0; padding: 20px; text-align: center; font-size: .9em; color: #717778; }
body[data-page-key="trabajos"] #content .album-info { display: flex; flex-direction: column; align-items: stretch; flex: 1; gap: 0; padding: 16px; background: #fff; color: #3E4442; font-size: .9rem; }
body[data-page-key="trabajos"] #content .album-title { display: block; margin: 0; font-size: 1em; line-height: 1.4; min-height: 2.8em; font-weight: 700; color: #3E4442; overflow-wrap: anywhere; }
body[data-page-key="trabajos"] #content .album-artist { font-size: .88em; line-height: 1.55; color: #717778; overflow-wrap: anywhere; }
body[data-page-key="trabajos"] #content .album-year { font-size: .85em; line-height: 1.55; color: #717778; min-height: 1.55em; }
body[data-page-key="trabajos"] #content .album-credit { font-size: .88em; line-height: 1.55; color: #5b625f; margin: 12px 0 0; }
body[data-page-key="trabajos"] #content .album-listen { display: flex; align-items: center; justify-content: space-between; gap: 12px; border: 0; border-top: 1px solid #e5e7e2; padding-top: 14px; margin-top: auto; padding-bottom: 0; color: #3E4442; font-size: .9em; font-weight: 700; text-decoration: none; }
body[data-page-key="trabajos"] #content .album-info > :last-child { margin-top: auto; }
body[data-page-key="trabajos"] #content .album-listen i { font-size: 1.1em; color: #A0B025; margin-right: 7px; }
body[data-page-key="trabajos"] #content .album-listen > span:last-child { font-size: 1.2em; color: #7c861e; }
body[data-page-key="trabajos"] #content .album-listen:hover { color: #7c861e; }
body[data-page-key="trabajos"] #content .album-artwork:focus-visible,
body[data-page-key="trabajos"] #content .album-listen:focus-visible { outline: 2px solid #87951c; outline-offset: -3px; }
body[data-page-key="trabajos"] #content .works-others-heading { border-top: 1px solid #e0e3db; padding-top: 36px; margin-top: 45px; }
body[data-page-key="trabajos"] #content .album-story { margin: 12px 0 0; font-size: .88em; line-height: 1.65; color: #5b625f; }
body[data-page-key="trabajos"] #content .album-story summary { cursor: pointer; font-weight: 700; }
body[data-page-key="trabajos"] #content .album-story p { margin: 10px 0 0; }
body[data-page-key="trabajos"] #content .works-empty { grid-column: 1 / -1; margin: 0; }
@media (max-width:1080px) {
  body[data-page-key="trabajos"] #content .works-album-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  body[data-page-key="trabajos"] #content .works-invitation { align-items: flex-start; flex-direction: column; gap: 18px; }
}
@media (max-width:736px) {
  body[data-page-key="trabajos"] #content .works-album-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 18px; }
  body[data-page-key="trabajos"] #content .works-invitation { padding: 20px; }
  body[data-page-key="trabajos"] #content .works-invitation .button { max-width: 100%; white-space: normal; }
}
@media (max-width:520px) {
  body[data-page-key="trabajos"] #content .works-album-grid { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion:reduce) {
  body[data-page-key="trabajos"] #content .album-card { transition: none; }
  body[data-page-key="trabajos"] #content .album-card:hover,
  body[data-page-key="trabajos"] #content .album-card:focus-within { transform: none; }
}