/* CAP 5 — Un buen lugar de trabajo */
/* Estilos específicos del capítulo 5 (replicados desde pages.css). */

/* Bajo 820px la topbar pasa a dos filas (~145px) pero .page solo reserva 118px,
   por lo que la barra fija tapaba la parte superior de la portada. Reservamos la
   altura real de la topbar para que no quede cortada por arriba. */
@media (max-width: 820px) {
  .page {
    padding-top: 150px;
  }
}

body.chapter-theme--trabajo {
  --c-accent: #e84616;
  --c-accent-soft: #f8c3b0;
  --cap5-forma: url("../img/CAP 5 - BUEN LUGAR DE TRABAJO/FORMA_GENERAL_ CAP5.svg");
}

[data-chapter="08"] .side-index__item::before,
[data-chapter="08"] .side-index__item::after,
body.chapter-theme--trabajo .side-index__item::before,
body.chapter-theme--trabajo .side-index__item::after {
  left: 0;
  transform: translate(-50%, -50%);
}

[data-chapter="08"] .side-index__item::after,
body.chapter-theme--trabajo .side-index__item::after {
  width: calc(var(--side-index-marker-width, 1rem) - (var(--side-index-marker-stroke, 1px) * 2));
  height: calc(var(--side-index-marker-height, 1rem) - (var(--side-index-marker-stroke, 1px) * 2));
}

[data-chapter="08"] .side-index__item.is-active::before,
[data-chapter="08"] .side-index__item.is-active::after,
body.chapter-theme--trabajo .side-index__item.is-active::before,
body.chapter-theme--trabajo .side-index__item.is-active::after {
  transform: translate(-50%, -50%) scale(1.25);
}

.gov-destacado__mark:not(.gov-destacado__mark--left),
.junta-qr-card__mark,
.compliance-qr-card__mark,
.rrhh-band__mark,
.plantilla-evolution__mark {
  position: absolute;
  top: -10px;
  right: -2px;
  left: auto;
  width: var(--box-mark-width);
  height: var(--box-mark-height);
  max-height: var(--box-mark-height);
  display: block;
  object-fit: contain;
  object-position: right top;
  pointer-events: none;
  z-index: 3;
}

.highlight-band-prevencion-title .gov-destacado__mark:not(.gov-destacado__mark--left),
.plantilla-evolution__frame .plantilla-evolution__mark,
.gov-destacado.junta-cifras-highlight .gov-destacado__mark:not(.gov-destacado__mark--left) {
  top: -18px;
}

/* Cap. 5 — rrhh-band: divisor vertical entre columnas en móvil (grid 2×3) */
@media (max-width: 720px) {
  body.chapter-theme--trabajo .rrhh-band__grid:not(.rrhh-band__grid--stack) .rrhh-band__metric:nth-child(odd),
  [data-chapter="08"] .rrhh-band__grid:not(.rrhh-band__grid--stack) .rrhh-band__metric:nth-child(odd) {
    border-right: 1px solid var(--c-ink);
  }

  body.chapter-theme--trabajo .rrhh-band__forma,
  [data-chapter="08"] .rrhh-band__forma {
    right: clamp(.75rem, 5vw, 2.75rem);
    bottom: clamp(.375rem, 4.5vw, 1.75rem);
    transform: translate(clamp(-.75rem, -3vw, -.375rem), clamp(-1.8rem, -7vw, -.8rem));
  }

  body.chapter-theme--trabajo .plantilla-evolution__frame .plantilla-evolution__mark,
  [data-chapter="08"] .plantilla-evolution__frame .plantilla-evolution__mark {
    top: clamp(-1.05rem, 0vw, -.8rem);
    right: clamp(1.05rem, 5.25vw, 2.35rem);
  }
}

@media (max-width: 560px) {
  body.chapter-theme--trabajo .rrhh-band__grid:not(.rrhh-band__grid--stack),
  [data-chapter="08"] .rrhh-band__grid:not(.rrhh-band__grid--stack) {
    grid-template-columns: 1fr 1fr;
  }

  body.chapter-theme--trabajo .rrhh-band__grid:not(.rrhh-band__grid--stack) .rrhh-band__metric:nth-child(odd),
  [data-chapter="08"] .rrhh-band__grid:not(.rrhh-band__grid--stack) .rrhh-band__metric:nth-child(odd) {
    border-right: 1px solid var(--c-ink);
  }

  body.chapter-theme--trabajo .rrhh-band__forma,
  [data-chapter="08"] .rrhh-band__forma {
    right: clamp(.5rem, 6vw, 2rem);
    bottom: clamp(.65rem, 5.5vw, 2.15rem);
    transform: translate(clamp(-.625rem, -4vw, -.25rem), clamp(-1.55rem, -8.5vw, -.625rem));
  }

  body.chapter-theme--trabajo .plantilla-evolution__frame .plantilla-evolution__mark,
  [data-chapter="08"] .plantilla-evolution__frame .plantilla-evolution__mark {
    top: clamp(-1rem, .5vw, -.75rem);
    right: clamp(.8rem, 6.15vw, 1.8rem);
  }
}

/* Cap. 5 — Proyecto Releva: imagen entre 1.º y 2.º párrafo en móvil */
@media (max-width: 720px) {
  body.chapter-theme--trabajo #content1-t5-0020 .editorial-photo--right,
  [data-chapter="08"] #content1-t5-0020 .editorial-photo--right {
    float: none;
    display: block;
    width: min(100%, 14rem);
    margin: .5rem auto 1.25rem;
    clear: both;
  }
}

/* Cap. 5 — formación: figuras decorativas ancladas abajo */
body.chapter-theme--trabajo .sedes-card.gov-destacado,
[data-chapter="08"] .sedes-card.gov-destacado {
  overflow: visible;
  padding-bottom: clamp(2.75rem, 6.5vw, 4.25rem);
}

body.chapter-theme--trabajo .sedes-card .gov-destacado__panel--list,
[data-chapter="08"] .sedes-card .gov-destacado__panel--list {
  position: relative;
  z-index: 1;
  padding-bottom: clamp(5.5rem, 12.5vw, 4rem);
}

body.chapter-theme--trabajo .sedes-card .gov-destacado__footer,
[data-chapter="08"] .sedes-card .gov-destacado__footer {
  inset: auto 0 0;
  height: clamp(4.75rem, 11vw, 7rem);
  overflow: visible;
}

body.chapter-theme--trabajo .sedes-card .gov-destacado__deco,
[data-chapter="08"] .sedes-card .gov-destacado__deco {
  bottom: 0;
  top: auto;
}

body.chapter-theme--trabajo .sedes-card .gov-destacado__deco--bleed-left,
[data-chapter="08"] .sedes-card .gov-destacado__deco--bleed-left {
  left: clamp(.25rem, 1.2vw, .75rem);
  right: auto;
  width: min(76%, 12.5rem);
  object-position: left bottom;
  transform: translate(-10%, 48%);
}

body.chapter-theme--trabajo .sedes-card .gov-destacado__deco--bleed-right,
[data-chapter="08"] .sedes-card .gov-destacado__deco--bleed-right {
  right: clamp(.25rem, 1.2vw, .75rem);
  left: auto;
  width: min(70%, 11rem);
  object-position: right bottom;
  transform: translate(10%, 48%);
}

body.chapter-theme--trabajo .sedes-card.is-in .gov-destacado__deco--bleed-left,
[data-chapter="08"] .sedes-card.is-in .gov-destacado__deco--bleed-left,
body.chapter-theme--trabajo .sedes-card.reveal.is-in .gov-destacado__deco--bleed-left,
[data-chapter="08"] .sedes-card.reveal.is-in .gov-destacado__deco--bleed-left {
  transform: translate(-18%, 10%);
}

body.chapter-theme--trabajo .sedes-card.is-in .gov-destacado__deco--bleed-right,
[data-chapter="08"] .sedes-card.is-in .gov-destacado__deco--bleed-right,
body.chapter-theme--trabajo .sedes-card.reveal.is-in .gov-destacado__deco--bleed-right,
[data-chapter="08"] .sedes-card.reveal.is-in .gov-destacado__deco--bleed-right {
  transform: translate(35%, 26%);
  bottom: 14.5rem;
}

@media (max-width: 900px) {
body.chapter-theme--trabajo .sedes-card .gov-destacado__panel--list,
  [data-chapter="08"] .sedes-card .gov-destacado__panel--list {
    padding-bottom: clamp(5rem, 18vw, 7rem);
  }

body.chapter-theme--trabajo .sedes-card.gov-destacado,
  [data-chapter="08"] .sedes-card.gov-destacado {
    padding-bottom: clamp(2.25rem, 8vw, 3.5rem);
  }
}

/* Cap. 5 — caja bauhaus prevención */
.regimen-bauhaus-box--trabajo {
  grid-template-columns: minmax(0, 1fr) clamp(11rem, 17.5vw, 14.75rem);
  gap: clamp(1.35rem, 3.2vw, 2.35rem);
  padding-top: calc(var(--box-mark-height) * 0.55 + clamp(.85rem, 1.8vw, 1.15rem));
}

body.chapter-theme--trabajo .regimen-bauhaus-box.gov-destacado:not(.sedes-card),
[data-chapter="08"] .regimen-bauhaus-box.gov-destacado:not(.sedes-card) {
  margin-top: clamp(1.3rem, 3vw, 2rem);
  margin-bottom: clamp(1.6rem, 3.5vw, 2.35rem);
}

.regimen-bauhaus-box--trabajo .regimen-bauhaus-box__art {
  min-height: clamp(15.5rem, 29vw, 21rem);
  max-width: 14.75rem;
  justify-self: end;
  width: 100%;
  overflow: visible;
}

.regimen-bauhaus-box--trabajo .regimen-bauhaus-box__body {
  display: grid;
  gap: clamp(1rem, 1.9vw, 1.3rem);
  padding-right: clamp(.15rem, .6vw, .5rem);
}

.regimen-bauhaus-box--trabajo .regimen-bauhaus-box__body > p,
.regimen-bauhaus-box--trabajo .regimen-bauhaus-box__body .c-ul-content {
  margin: 0;
  max-width: 72ch;
  line-height: 1.68;
}

.regimen-bauhaus-box--trabajo .regimen-bauhaus-box__body .c-ul-content {
  display: grid;
  gap: .55em;
  padding-left: 0;
}

.regimen-bauhaus-box--trabajo .regimen-bauhaus-box__body .c-ul-content li {
  padding-left: 1.15em;
}

/* Composición unificada — figura 1 arriba, figura 2 abajo, cruce central */
.regimen-bauhaus-compose--trabajo {
  --bauhaus-jx: 30%;
  --bauhaus-jy: 50%;
  padding: 3% 4%;
  aspect-ratio: 10 / 15;
}

.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__line,
.regimen-bauhaus-compose--trabajo img {
  transition:
    opacity 1000ms cubic-bezier(.22, 1, .36, 1),
    transform 1700ms cubic-bezier(.16, 1, .22, 1);
}

.regimen-bauhaus-box--trabajo .regimen-bauhaus-compose__line {
  background: #e84616;
}

.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__line--v {
  top: 2%;
  bottom: 2%;
  left: var(--bauhaus-jx);
  width: 2px;
  transform: scaleY(0);
}

.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__line--h {
  top: var(--bauhaus-jy);
  left: 2%;
  width: 96%;
  height: 2px;
  transform: scaleX(0);
}

/* FIGURA_CAP_5_1 — banda superior */
.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__figura {
  top: 2%;
  left: 2%;
  width: 94%;
  height: auto;
  transform: translateX(-20%);
  transform-origin: left center;
  z-index: 2;
}

/* FIGURA_CAP_5_2 — banda inferior */
.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__square {
  top: auto;
  bottom: 3%;
  left: 6%;
  width: 72%;
  height: auto;
  transform: translateY(18px) scale(.72);
  transform-origin: bottom left;
  z-index: 5;
}

.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__lines {
  top: calc(var(--bauhaus-jy) + 2%);
  left: calc(var(--bauhaus-jx) + 6%);
  width: 52%;
  height: auto;
  transform: translate(12px, 10px) scale(.7);
  transform-origin: top left;
  z-index: 6;
}

.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__grid {
  top: calc(var(--bauhaus-jy) - 10%);
  left: 4%;
  width: 48%;
  height: auto;
  transform: translateY(14px) scale(.75);
  transform-origin: top center;
  z-index: 4;
}

.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__circle {
  top: 10%;
  left: calc(var(--bauhaus-jx) - 10%);
  width: 34%;
  height: auto;
  transform: translateY(-16px) scale(.62);
  transform-origin: center bottom;
  z-index: 4;
}

.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__line-dot {
  top: calc(var(--bauhaus-jy) - 1px);
  left: calc(var(--bauhaus-jx) + 40%);
  right: 1%;
  width: auto;
  height: clamp(.5rem, 5%, .72rem);
  transform: scaleX(0);
  transform-origin: left center;
  z-index: 7;
}

.regimen-bauhaus-box.is-in .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__figura {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 680ms;
  animation: bauhausTrabajoFiguraIdle 6.5s ease-in-out 2.4s infinite alternate;
}

.regimen-bauhaus-box.is-in .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__circle {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition-delay: 160ms;
  animation: bauhausTrabajoCircleIdle 5.2s ease-in-out 2.1s infinite alternate;
}

.regimen-bauhaus-box.is-in .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__square {
  opacity: 1;
  transform: scale(1) translate(0, 0);
  transition-delay: 1040ms;
  animation: bauhausTrabajoSquareIdle 7s ease-in-out 2.6s infinite alternate;
}

.regimen-bauhaus-box.is-in .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__lines {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  transition-delay: 1280ms;
  animation: bauhausTrabajoLinesIdle 5.8s ease-in-out 2.5s infinite alternate;
}

.regimen-bauhaus-box.is-in .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__grid {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition-delay: 1520ms;
  animation: bauhausTrabajoGridIdle 6.2s ease-in-out 2.7s infinite alternate;
}

.regimen-bauhaus-box.is-in .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__line-dot {
  opacity: 1;
  transform: scaleX(1);
  transform-origin: left center;
  transition-delay: 1760ms;
  animation: bauhausTrabajoDotIdle 4.5s ease-in-out 2.8s infinite alternate;
}

@keyframes bauhausTrabajoFiguraIdle {
  from { transform: translate(0, 0); }
  to { transform: translate(6px, -3px); }
}

@keyframes bauhausTrabajoCircleIdle {
  from { transform: translateY(0) scale(1); }
  to { transform: translateY(-5px) scale(1.05); }
}

@keyframes bauhausTrabajoSquareIdle {
  from { transform: scale(1) translate(0, 0); }
  to { transform: scale(1.03) translate(3px, -3px); }
}

@keyframes bauhausTrabajoLinesIdle {
  from { transform: translate(0, 0) scale(1); }
  to { transform: translate(4px, 5px) scale(1.02); }
}

@keyframes bauhausTrabajoGridIdle {
  from { transform: translateY(0) scale(1); }
  to { transform: translateY(-4px) scale(1.03); }
}

@keyframes bauhausTrabajoDotIdle {
  from { transform: scaleX(1); }
  to { transform: scaleX(1.08) translateX(3px); }
}

.regimen-bauhaus-box--trabajo:hover .regimen-bauhaus-compose__square,
.regimen-bauhaus-box--trabajo:focus-within .regimen-bauhaus-compose__square {
  animation-play-state: paused;
  transform: scale(1.04) translate(4px, -4px);
}

.regimen-bauhaus-box--trabajo:hover .regimen-bauhaus-compose__lines,
.regimen-bauhaus-box--trabajo:focus-within .regimen-bauhaus-compose__lines {
  animation-play-state: paused;
  transform: translate(5px, 6px) scale(1.04);
}

.regimen-bauhaus-box--trabajo:hover .regimen-bauhaus-compose__figura,
.regimen-bauhaus-box--trabajo:focus-within .regimen-bauhaus-compose__figura {
  animation-play-state: paused;
  transform: translate(6px, -3px);
}

.regimen-bauhaus-box--trabajo:hover .regimen-bauhaus-compose__circle,
.regimen-bauhaus-box--trabajo:focus-within .regimen-bauhaus-compose__circle {
  animation-play-state: paused;
  transform: translateY(-6px) scale(1.06);
}

.regimen-bauhaus-box--trabajo:hover .regimen-bauhaus-compose__grid,
.regimen-bauhaus-box--trabajo:focus-within .regimen-bauhaus-compose__grid {
  animation-play-state: paused;
  transform: translateY(-5px) scale(1.04);
}

@media (max-width: 900px) {
.regimen-bauhaus-box--trabajo {
    grid-template-columns: 1fr;
  }

.regimen-bauhaus-box--trabajo .regimen-bauhaus-box__art {
    min-height: clamp(14rem, 44vw, 18rem);
    max-width: min(100%, 14.75rem);
    margin: 0 auto;
    justify-self: center;
  }

.regimen-bauhaus-box--trabajo .regimen-bauhaus-box__body > p,
  .regimen-bauhaus-box--trabajo .regimen-bauhaus-box__body .c-ul-content {
    max-width: none;
  }
}

@media (prefers-reduced-motion: reduce) {
.regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__circle,
  .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__figura,
  .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__grid,
  .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__line-dot,
  .regimen-bauhaus-box.is-in .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__square,
  .regimen-bauhaus-box.is-in .regimen-bauhaus-compose--trabajo .regimen-bauhaus-compose__lines {
    opacity: 1;
    transform: none;
    transition: none;
    animation: none;
  }
}

#content1-t5-0007 + #content1-t5-0009 {
  margin-top: clamp(1.5rem, 2.8vw, 2.35rem);
}

/* CAP 5 — foto editorial con forma general + línea (patrón FOTO cap. 2) */
.trabajo-photo-frame .gov-photo-frame__photo {
  object-fit: cover;
  object-position: center top;
}

/* foto_1 — decoración derecha (width rotado = altura visible; sin container-type para no romper el float) */
.trabajo-photo-frame--foto1.gov-photo-frame--deco-right .gov-photo-frame__forma {
  top: 1%;
  right: 0.5%;
  left: auto;
  width: 24.8%;
  transform: translate(0, 0) scale(.86);
  transform-origin: top right;
}

.trabajo-photo-frame--foto1.gov-photo-frame--deco-right .gov-photo-frame__mark {
  top: 9.4%;
  right: 7%;
  left: auto;
  z-index: 10;
  width: calc(100% * 2228 / 1895 * 0.917);
  max-width: none;
  height: clamp(0.5rem, 2.5%, 0.8rem);
  object-fit: fill;
  object-position: right top;
  transform: rotate(-90deg) translateY(-108%);
  transform-origin: top right;
}

.reveal.is-in .trabajo-photo-frame--foto1.gov-photo-frame--deco-right .gov-photo-frame__forma {
  transform: translate(0, 0) scale(1);
  transition-delay: 450ms;
}

.reveal.is-in .trabajo-photo-frame--foto1.gov-photo-frame--deco-right .gov-photo-frame__mark {
  opacity: 1;
  transform: rotate(-90deg) translateY(6%);
  transition-delay: 1050ms;
}

.trabajo-photo-frame--foto1.gov-photo-frame--deco-right:hover .gov-photo-frame__forma,
.trabajo-photo-frame--foto1.gov-photo-frame--deco-right:focus-within .gov-photo-frame__forma {
  transform: translate(1px, -1px) scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
  .trabajo-photo-frame--foto1.gov-photo-frame--deco-right .gov-photo-frame__mark {
    transform: rotate(-90deg) translateY(8%);
  }
}

/* foto_4 — decoración alineada con el arte original del SVG */
.trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__forma {
  top: 1%;
  right: 0.5%;
  width: 24.8%;
  transform: translate(0, 0) scale(.86);
  transform-origin: top right;
}

.trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__mark {
  top: 9.4%;
  right: 3.5%;
  width: 91%;
  max-width: none;
  height: auto;
  transform: rotate(-90deg) translateY(-108%);
  transform-origin: top right;
}

.reveal.is-in .trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__forma {
  transform: translate(0, 0) scale(1);
}

.reveal.is-in .trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__mark {
  transform: rotate(-90deg) translateY(12%);
}

.trabajo-photo-frame--foto4.gov-photo-frame--deco-right:hover .gov-photo-frame__forma,
.trabajo-photo-frame--foto4.gov-photo-frame--deco-right:focus-within .gov-photo-frame__forma {
  transform: translate(1px, -1px) scale(1.02);
}

.gov-media-layout__aside .trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__forma {
  top: -1%;
  right: -4.5%;
  width: 24.8%;
  transform: translate(0, 0) scale(.86);
  transform-origin: top right;
}

.gov-media-layout__aside .trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__mark {
  top: 9.4%;
  right: 6%;
  left: auto;
  z-index: 10;
  width: calc(100% * 2228 / 1895 * 0.785);
  max-width: none;
  height: clamp(0.5rem, 2.5%, 0.8rem);
  object-fit: fill;
  object-position: right top;
  transform: rotate(-90deg) translateY(-108%);
  transform-origin: top right;
}

.reveal.is-in .gov-media-layout__aside .trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__forma {
  transform: translate(0, 0) scale(1);
}

.reveal.is-in .gov-media-layout__aside .trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__mark {
  transform: rotate(-90deg) translateY(12%);
}

@media (prefers-reduced-motion: reduce) {
.trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__mark,
  .gov-media-layout__aside .trabajo-photo-frame--foto4.gov-photo-frame--deco-right .gov-photo-frame__mark {
    transform: rotate(-90deg) translateY(12%);
  }
}

/* foto_2 (Retribución) — decoración izquierda: espejo de foto_4 */
.trabajo-photo-frame--foto2.gov-photo-frame--deco-left .gov-photo-frame__forma {
  top: 1%;
  left: 0.5%;
  width: 20%;
  transform: translate(0, 0) scale(.86);
  transform-origin: top left;
}

.trabajo-photo-frame--foto2.gov-photo-frame--deco-left .gov-photo-frame__mark {
  top: 13%;
  left: 14.5%;
  width: 100%;
  max-width: none;
  height: 9%;
  transform: rotate(90deg) translateY(-108%);
  transform-origin: top left;
}

.trabajo-photo-frame--foto2.gov-photo-frame--deco-left .gov-photo-frame__photo {
  margin: 0 0 0 2.1rem;
  width: auto;
}

.reveal.is-in .trabajo-photo-frame--foto2.gov-photo-frame--deco-left .gov-photo-frame__photo {
  transition-delay: 0ms;
}

.reveal.is-in .trabajo-photo-frame--foto2.gov-photo-frame--deco-left .gov-photo-frame__forma {
  opacity: 1;
  transform: translate(0, 0) scale(1);
  transition-delay: 450ms;
}

.reveal.is-in .trabajo-photo-frame--foto2.gov-photo-frame--deco-left .gov-photo-frame__mark {
  opacity: 1;
  transform: rotate(90deg) translateY(12%);
  transition-delay: 1050ms;
}

.trabajo-photo-frame--foto2.gov-photo-frame--deco-left:hover .gov-photo-frame__forma,
.trabajo-photo-frame--foto2.gov-photo-frame--deco-left:focus-within .gov-photo-frame__forma {
  transform: translate(1px, -1px) scale(1.02);
}

@media (prefers-reduced-motion: reduce) {
.trabajo-photo-frame--foto2.gov-photo-frame--deco-left .gov-photo-frame__mark {
    transform: rotate(90deg) translateY(12%);
  }
}

/* CAP 5 — imagen_3: línea superior + forma derecha (sin línea inferior) */
.trabajo-photo-frame--imagen3 {
  --imagen3-bar-height: clamp(1rem, 4.2%, 1.75rem);
  --imagen3-forma-width: clamp(2.35rem, 20%, 4.25rem);
  overflow: hidden;
}

.gov-media-layout:has(.trabajo-photo-frame--imagen3) {
  margin-bottom: clamp(2.25rem, 5vw, 3.5rem);
}

.gov-media-layout:has(.trabajo-photo-frame--imagen3) + .gov-destacado {
  margin-top: clamp(1.75rem, 3.5vw, 2.75rem);
}

.trabajo-photo-frame--imagen3 .gov-photo-frame__photo {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  object-position: center top;
  clip-path: inset(0 0 var(--imagen3-bar-height) 0);
  opacity: 0;
  transform: translateY(16px);
  transition:
    opacity 950ms cubic-bezier(.22, 1, .36, 1),
    transform 1100ms cubic-bezier(.22, 1, .36, 1);
}

.trabajo-photo-frame--imagen3 .gov-photo-frame__forma,
.gov-photo-frame.trabajo-photo-frame--imagen3 .gov-photo-frame__forma {
  top: 0;
  right: 0;
  left: auto;
  z-index: 4;
  width: var(--imagen3-forma-width);
  height: auto;
  object-fit: contain;
  object-position: right top;
  transform: translateY(-115%) scale(.9);
  transform-origin: top right;
}

.trabajo-photo-frame--imagen3 .gov-photo-frame__mark,
.gov-photo-frame.trabajo-photo-frame--imagen3 .gov-photo-frame__mark {
  top: 0;
  right: 0;
  left: 0;
  z-index: 6;
  width: 100%;
  max-width: none;
  height: var(--imagen3-bar-height);
  object-fit: fill;
  object-position: left top;
  transform: translateY(-115%);
  transform-origin: top center;
}

.reveal.is-in .trabajo-photo-frame--imagen3 .gov-photo-frame__photo,
.trabajo-photo-frame--imagen3.reveal.is-in .gov-photo-frame__photo {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0ms;
}

.reveal.is-in .trabajo-photo-frame--imagen3 .gov-photo-frame__forma,
.reveal.is-in .gov-photo-frame.trabajo-photo-frame--imagen3 .gov-photo-frame__forma,
.trabajo-photo-frame--imagen3.reveal.is-in .gov-photo-frame__forma {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition-delay: 120ms;
}

.reveal.is-in .trabajo-photo-frame--imagen3 .gov-photo-frame__mark,
.trabajo-photo-frame--imagen3.reveal.is-in .gov-photo-frame__mark {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 260ms;
}

.trabajo-photo-frame--imagen3:hover .gov-photo-frame__forma,
.trabajo-photo-frame--imagen3:focus-within .gov-photo-frame__forma,
.reveal.is-in .trabajo-photo-frame--imagen3:hover .gov-photo-frame__forma,
.reveal.is-in .trabajo-photo-frame--imagen3:focus-within .gov-photo-frame__forma {
  transform: translateY(-1px) scale(1.02);
}

.gov-media-layout__aside .trabajo-photo-frame--imagen3 img.gov-photo-frame__forma,
.gov-media-layout__aside .trabajo-photo-frame--imagen3 .gov-photo-frame__forma {
  top: 0;
  left: 0;
  width: var(--imagen3-forma-width);
  transform: translateY(-115%) scale(.9);
  transform-origin: top left;
  z-index: 4;
}

.gov-media-layout__aside .trabajo-photo-frame--imagen3 img.gov-photo-frame__mark,
.gov-media-layout__aside .trabajo-photo-frame--imagen3 .gov-photo-frame__mark {
  top: 19px;
  right: -8px;
  left: 0;
  width: 100%;
  height: var(--imagen3-bar-height);
  transform: translateY(-115%);
  transform-origin: top center;
  z-index: 10;
}

.content1-t5-0075 .gov-media-layout__aside .trabajo-photo-frame--imagen3 img.gov-photo-frame__mark {
  right: 0;
  left: 45px;
  width: 88%;
}

.reveal.is-in .gov-media-layout__aside .trabajo-photo-frame--imagen3 .gov-photo-frame__forma,
.trabajo-photo-frame--imagen3.reveal.is-in .gov-photo-frame__forma {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition-delay: 120ms;
}

.reveal.is-in .gov-media-layout__aside .trabajo-photo-frame--imagen3 .gov-photo-frame__mark,
.trabajo-photo-frame--imagen3.reveal.is-in .gov-photo-frame__mark {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 260ms;
}

@media (prefers-reduced-motion: reduce) {
.trabajo-photo-frame--imagen3 .gov-photo-frame__mark,
  .trabajo-photo-frame--imagen3 .gov-photo-frame__forma,
  .trabajo-photo-frame--imagen3.reveal.is-in .gov-photo-frame__mark {
    transform: translateY(0) scale(1);
    opacity: 1;
    transition: none;
  }

.reveal.is-in .trabajo-photo-frame--imagen3 .gov-photo-frame__forma,
  .reveal.is-in .gov-photo-frame.trabajo-photo-frame--imagen3 .gov-photo-frame__forma,
  .trabajo-photo-frame--imagen3.reveal.is-in .gov-photo-frame__forma {
    transform: translateY(0) scale(1);
  }

.trabajo-photo-frame--imagen3:hover .gov-photo-frame__forma,
  .trabajo-photo-frame--imagen3:focus-within .gov-photo-frame__forma,
  .reveal.is-in .trabajo-photo-frame--imagen3:hover .gov-photo-frame__forma,
  .reveal.is-in .trabajo-photo-frame--imagen3:focus-within .gov-photo-frame__forma {
    transform: translateY(0) scale(1);
  }
}

.editorial-photo .gov-photo-frame,
.editorial-photo .trabajo-photo-frame,
.editorial-photo .trabajo-silueta {
  width: 100%;
}

/* CAP 5 — siluetas editoriales (formas Bauhaus + foto, patrón gov-silueta) */
.trabajo-silueta {
  overflow: hidden;
}

.trabajo-silueta--training {
  aspect-ratio: 2393.96 / 2189.43;
}

.trabajo-silueta--comunicacion {
  aspect-ratio: 1561.25 / 2189.43;
}

.trabajo-silueta--mesa {
  aspect-ratio: 1561.25 / 1536.02;
  overflow: visible;
}

.trabajo-silueta .gov-silueta__accent,
.trabajo-silueta .gov-silueta__photo {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.trabajo-silueta .gov-silueta__accent {
  z-index: 2;
}

.trabajo-silueta .gov-silueta__photo {
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: 0;
  box-shadow: none;
  transition:
    opacity 1100ms cubic-bezier(.22, 1, .36, 1),
    transform 1300ms cubic-bezier(.22, 1, .36, 1);
}

.reveal[data-reveal="right"] .trabajo-silueta .gov-silueta__photo {
  transform: translateX(32px);
}

.reveal[data-reveal="left"] .trabajo-silueta .gov-silueta__photo {
  transform: translateX(-32px);
}

.reveal.is-in .trabajo-silueta .gov-silueta__photo {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 880ms;
}

.reveal.is-in .trabajo-silueta .gov-silueta__accent {
  transition-delay: 480ms;
}

/* mesa-trabajo-3 — evita recorte superior del GIF y las formas */
.trabajo-silueta--mesa .gov-silueta__accent,
.trabajo-silueta--mesa .gov-silueta__photo {
  object-fit: fill;
  object-position: top center;
}

.reveal .trabajo-silueta--mesa .gov-silueta__accent {
  transform-origin: top center;
  transform: translateY(10px) scale(.97);
}

.reveal.is-in .trabajo-silueta--mesa .gov-silueta__accent {
  transform: none;
}

@media (prefers-reduced-motion: reduce) {
.trabajo-silueta .gov-silueta__accent,
  .trabajo-silueta .gov-silueta__photo {
    opacity: 1;
    transform: none;
    transition: none;
    animation: none;
  }
}

/* Portadas editoriales — CAP 0, CAP 1, CAP 2, CAP 3, CAP 4 y CAP 5 */
.chapter-hero--government,
.chapter-hero--trabajo,
.chapter-hero--conocer,
.chapter-hero--estrategia,
.chapter-hero--informe,
.chapter-hero--cifras,
.chapter-hero--presidente,
.chapter-hero--director,
.chapter-hero--responsabilidad,
.chapter-hero--anexos {
  --gov-cover-bg: #f8f7f2;
  height: calc(100svh - var(--topbar-h));
  min-height: calc(100svh - var(--topbar-h));
  padding: 0;
  border-bottom: 0;
  background: var(--gov-cover-bg);
  display: block;
  align-content: stretch;
}

.chapter-hero--government .chapter-hero__gov-cover,
.chapter-hero--trabajo .chapter-hero__gov-cover,
.chapter-hero--conocer .chapter-hero__gov-cover,
.chapter-hero--estrategia .chapter-hero__gov-cover,
.chapter-hero--informe .chapter-hero__gov-cover,
.chapter-hero--cifras .chapter-hero__gov-cover,
.chapter-hero--presidente .chapter-hero__gov-cover,
.chapter-hero--director .chapter-hero__gov-cover,
.chapter-hero--responsabilidad .chapter-hero__gov-cover,
.chapter-hero--anexos .chapter-hero__gov-cover {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
  overflow: hidden;
}

.chapter-hero--government .chapter-hero__gov-cover,
.chapter-hero--conocer .chapter-hero__gov-cover,
.chapter-hero--estrategia .chapter-hero__gov-cover,
.chapter-hero--informe .chapter-hero__gov-cover,
.chapter-hero--trabajo .chapter-hero__gov-cover,
.chapter-hero--responsabilidad .chapter-hero__gov-cover {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.chapter-hero--government .chapter-hero__gov-art,
.chapter-hero--conocer .chapter-hero__gov-art,
.chapter-hero--estrategia .chapter-hero__gov-art,
.chapter-hero--informe .chapter-hero__gov-art,
.chapter-hero--trabajo .chapter-hero__gov-art,
.chapter-hero--responsabilidad .chapter-hero__gov-art {
  position: relative;
  inset: auto;
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  object-position: left center;
  pointer-events: none;
  user-select: none;
}

.chapter-hero--government .gif-once-stack,
.chapter-hero--conocer .gif-once-stack,
.chapter-hero--estrategia .gif-once-stack,
.chapter-hero--informe .gif-once-stack,
.chapter-hero--trabajo .gif-once-stack,
.chapter-hero--responsabilidad .gif-once-stack {
  flex: 1 1 auto;
  align-self: stretch;
  width: 100%;
  height: 100%;
}

.chapter-hero--government .gif-once-stack .chapter-hero__gov-art,
.chapter-hero--conocer .gif-once-stack .chapter-hero__gov-art,
.chapter-hero--estrategia .gif-once-stack .chapter-hero__gov-art,
.chapter-hero--informe .gif-once-stack .chapter-hero__gov-art,
.chapter-hero--trabajo .gif-once-stack .chapter-hero__gov-art,
.chapter-hero--responsabilidad .gif-once-stack .chapter-hero__gov-art {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  min-height: 0;
  object-fit: contain;
  object-position: left center;
}

.chapter-hero--government .chapter-hero__gov-copy,
.chapter-hero--trabajo .chapter-hero__gov-copy {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

/* CAP 5 — número siempre visible; título negro */
.chapter-hero--trabajo .chapter-hero__number,
.chapter-hero--trabajo .chapter-hero__number.reveal {
  opacity: 1 !important;
  transform: none !important;
  transition: none;
  z-index: 3;
}

.chapter-hero--trabajo .chapter-hero__title,
.chapter-hero--trabajo h1.chapter-hero__title {
  color: #000 !important;
}

.chapter-hero--government .chapter-hero__number,
.chapter-hero--trabajo .chapter-hero__number,
.chapter-hero--cifras .chapter-hero__number {
  position: absolute;
  top: clamp(1.5rem, 4.2vw, 3.25rem);
  left: clamp(1.15rem, 3.8vw, 3rem);
  margin: 0;
  font-family: var(--ff-heading);
  font-size: clamp(4.75rem, 13.5vw, 10.75rem);
  font-weight: 700;
  line-height: .84;
  letter-spacing: -0.03em;
  color: var(--c-ink)!important;
}

.chapter-hero--government .chapter-hero__title,
.chapter-hero--trabajo .chapter-hero__title {
  position: absolute;
  top: clamp(26%, 31vh, 36%);
  left: clamp(38%, 46vw, 50%);
  margin: 0;
  max-width: 11ch;
  font-family: var(--ff-heading);
  font-size: clamp(2.55rem, 6.6vw, 6.35rem);
  font-weight: 700;
  line-height: .9;
  letter-spacing: .015em;
  text-transform: uppercase;
  color: #000 !important;
}

@media (max-width: 920px) {
.chapter-hero--government .chapter-hero__title,
  .chapter-hero--trabajo .chapter-hero__title {
    left: clamp(1.15rem, 3.8vw, 3rem);
    top: clamp(6.5rem, 20vh, 9.5rem);
    font-size: clamp(2.2rem, 11vw, 3.4rem);
  }
}

@media (max-width: 560px) {
.chapter-hero--government .chapter-hero__number,
  .chapter-hero--trabajo .chapter-hero__number,
  .chapter-hero--cifras .chapter-hero__number {
    font-size: clamp(3.75rem, 22vw, 5.5rem);
  }

.chapter-hero--government .chapter-hero__title,
  .chapter-hero--trabajo .chapter-hero__title {
    top: clamp(5.25rem, 17vh, 7.5rem);
  }
}

@media (prefers-reduced-motion: reduce) {
.chapter-hero--government .chapter-hero__gov-art,
  .chapter-hero--trabajo .chapter-hero__gov-art,
  .chapter-hero--conocer .chapter-hero__gov-art,
  .chapter-hero--estrategia .chapter-hero__gov-art,
  .chapter-hero--informe .chapter-hero__gov-art,
  .chapter-hero--cifras .chapter-hero__gov-art,
  .chapter-hero--presidente .chapter-hero__gov-art,
  .chapter-hero--director .chapter-hero__gov-art,
  .chapter-hero--responsabilidad .chapter-hero__gov-art {
    transform: none;
  }
}

/* Portada CAP 5 — ajuste a la altura real de la imagen en pantallas estrechas
   (evita el hueco vertical al usar object-fit: contain sobre 100svh) */
@media (max-width: 920px) {
  .chapter-hero.chapter-hero--trabajo {
    height: auto;
    min-height: 0;
  }

  .chapter-hero--trabajo .chapter-hero__gov-cover {
    display: block;
    height: auto;
    min-height: 0;
    aspect-ratio: 1920 / 1080;
  }

  .chapter-hero--trabajo .chapter-hero__gov-art,
  .chapter-hero--trabajo .gif-once-stack {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: cover;
    object-position: center;
  }

  .chapter-hero--trabajo .gif-once-stack .chapter-hero__gov-art {
    object-fit: cover;
    object-position: center;
  }
}

@media (prefers-reduced-motion: reduce) {
[data-chapter="05"] .section__title::before,
  body.chapter-theme--government .section__title::before,
  [data-chapter="08"] .section__title::before,
  body.chapter-theme--trabajo .section__title::before,
  [data-chapter="10"] .section__title::before {
    transform: translate(0, 0);
  }
}

[data-chapter="08"] .section__title,
body.chapter-theme--trabajo .section__title {
  --section-title-mark: var(--cap5-forma);
  --section-title-mark-size: 1.625rem;
  --section-title-mark-gap: clamp(.65rem, 1.4vw, 1.1rem);
  --section-title-mark-inset: clamp(.45rem, 1.1vw, .9rem);
  --section-title-line-reserve: 0;
}

[data-chapter="08"] .section__title::before,
body.chapter-theme--trabajo .section__title::before {
  bottom: calc(0.12em);
  background-position: center bottom;
  transform: translate(1.35rem, 0);
  transform-origin: bottom center;
}

[data-chapter="08"] .section__head.reveal.is-in .section__title::before,
[data-chapter="08"] .section__head.is-in .section__title::before,
body.chapter-theme--trabajo .section__head.reveal.is-in .section__title::before,
body.chapter-theme--trabajo .section__head.is-in .section__title::before {
  transform: translate(0, 0);
}

.section-gap-top {
  margin-top: 2.5rem;
}

/* Plantilla — bloque editorial evolución + gráfica */
.plantilla-evolution {
  margin: clamp(1rem, 1.5vw, .15rem) 0;
  overflow: visible;
}

.plantilla-evolution__title {
  margin: 0 0 clamp(.85rem, 1.8vw, 1.15rem);
  max-width: 34ch;
  font-family: var(--ff-ui);
  font-size: clamp(1rem, .95rem + .2vw, 1.125rem);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: .06em;
  color: var(--c-accent);
}

.plantilla-evolution__frame {
  position: relative;
  margin-top: clamp(1.75rem, 3.5vw, 2.75rem);
  padding-top: 0;
  padding-right: 0;
  padding-bottom: clamp(2.5rem, 9vw, 4.5rem);
  --box-mark-height: clamp(1.4rem, 2.8vw, 1.9rem);
  --box-mark-width: clamp(4.5rem, 42%, 12.75rem);
  --box-mark-top: calc(var(--box-mark-height) * -0.55 - 1px);
  --box-mark-right: -1px;
}

.plantilla-evolution__mark {
  pointer-events: none;
}

.plantilla-evolution__panel {
  position: relative;
  border: 1px solid var(--c-ink);
  background: var(--c-white);
  padding: 0;
  overflow: visible;
}

.plantilla-evolution__layout {
  display: grid;
  grid-template-columns: minmax(0, .88fr) minmax(300px, 1.12fr);
  gap: 0;
  align-items: stretch;
  min-height: clamp(15rem, 26vw, 19rem);
}

.plantilla-evolution__lead-col {
  position: relative;
  display: flex;
  align-items: center;
  min-width: 0;
  padding: 2rem 2rem 5rem;
  border-right: 1px solid var(--c-ink);
  }

.plantilla-evolution__lead {
  margin: 0;
  padding-left: clamp(.65rem, 1.2vw, .9rem);
  font-family: var(--ff-sans);
  font-size: clamp(.9375rem, 1vw, 1rem);
  line-height: 1.55;
  color: var(--c-ink);
}

.plantilla-evolution__chart {
  margin: 0;
  display: grid;
  gap: .75rem;
  align-content: center;
  min-width: 0;
  padding: clamp(1.15rem, 2.2vw, 1.65rem) clamp(1rem, 2vw, 1.45rem);
  background: var(--c-white);
}

.plantilla-evolution__follow {
  display: grid;
  gap: clamp(.9rem, 1.8vw, 1.15rem);
  margin-top: clamp(-1rem, -2.5vw, -0.35rem);
}

.plantilla-evolution__follow p {
  margin: 0;
}

.plantilla-evolution__chart-stage {
  position: relative;
  width: 100%;
  margin: 0;
  padding: clamp(.55rem, 1.2vw, .8rem) clamp(.45rem, 1vw, .7rem) clamp(.25rem, .8vw, .45rem);
  background: var(--c-white);
}

.plantilla-evolution__chart .plantilla-feature__legend {
  width: 100%;
  margin: 0;
  justify-content: center;
  justify-self: center;
  text-align: center;
  opacity: 0;
  transform: translateY(8px);
  transition:
    opacity .65s cubic-bezier(.22, 1, .36, 1),
    transform .75s cubic-bezier(.22, 1, .36, 1);
}

.plantilla-evolution__chart.is-chart-ready .plantilla-feature__legend {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 1.15s;
}

.plantilla-evolution__deco {
  position: absolute;
  left: 0;
  bottom: -0.5rem;
  z-index: 4;
  width: clamp(8.5rem, 24vw, 14rem);
  height: auto;
  pointer-events: none;
  object-fit: contain;
  object-position: right bottom;
}

.plantilla-evolution__deco--trim-bottom {
  clip-path: inset(0 0 30% 0);
}

.plantilla-evolution .formation-chart__axis {
  stroke: color-mix(in srgb, var(--c-ink) 72%, transparent);
  stroke-width: 1.25;
  vector-effect: non-scaling-stroke;
  stroke-dasharray: 580;
  stroke-dashoffset: 580;
  opacity: .55;
  transition: stroke-dashoffset 1.35s cubic-bezier(.22, 1, .36, 1) .08s;
}

.plantilla-evolution .formation-chart.is-animated .formation-chart__axis {
  stroke-dashoffset: 0;
}

.plantilla-evolution .formation-chart__bar {
  transform: scaleY(0);
  opacity: 0;
  transition:
    transform 1.15s cubic-bezier(.22, 1, .36, 1),
    opacity .72s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--delay, 0ms);
}

.plantilla-evolution .formation-chart.is-animated .formation-chart__bar {
  transform: scaleY(1);
  opacity: 1;
}

.plantilla-evolution .formation-chart__year {
  opacity: 0;
  transition: opacity .58s cubic-bezier(.22, 1, .36, 1);
}

.plantilla-evolution .formation-chart.is-animated .formation-chart__year--g1 {
  opacity: 1;
  transition-delay: .72s;
}

.plantilla-evolution .formation-chart.is-animated .formation-chart__year--g2 {
  opacity: 1;
  transition-delay: 1.02s;
}

.plantilla-evolution .formation-chart.is-animated .formation-chart__year--g3 {
  opacity: 1;
  transition-delay: 1.32s;
}

.plantilla-evolution .formation-chart.is-animated .formation-chart__year--g4 {
  opacity: 1;
  transition-delay: 1.62s;
}

.plantilla-evolution__layout--training {
  min-height: clamp(17rem, 30vw, 22rem);
}

.plantilla-evolution__layout--training .plantilla-evolution__chart.is-chart-ready .plantilla-feature__legend {
  transition-delay: 1.45s;
}

.plantilla-evolution .formation-chart__value {
  transition:
    opacity .55s cubic-bezier(.22, 1, .36, 1),
    filter .62s cubic-bezier(.22, 1, .36, 1);
}

@media (max-width: 920px) {
.plantilla-evolution__layout {
    grid-template-columns: 1fr;
    min-height: 0;
  }

.plantilla-evolution__lead-col {
    order: 2;
    border-right: 0;
    border-top: 1px solid var(--c-ink);
    align-items: start;
  }

.plantilla-evolution__chart {
    order: 1;
  }

.plantilla-evolution__frame {
    padding-right: clamp(1.5rem, 7vw, 3rem);
    padding-bottom: clamp(2rem, 10vw, 3.5rem);
  }

.plantilla-evolution__deco {
    width: clamp(6.5rem, 22vw, 9.5rem);
    right: clamp(-.5rem, -3vw, -1rem);
    bottom: clamp(-1rem, -5vw, -2rem);
  }
}

@media (max-width: 920px) {
  body.chapter-theme--trabajo .plantilla-evolution__deco,
  [data-chapter="08"] .plantilla-evolution__deco {
    bottom: clamp(-.2rem, -.5vw, .05rem);
  }
}

@media (max-width: 720px) {
  body.chapter-theme--trabajo .plantilla-evolution__deco,
  [data-chapter="08"] .plantilla-evolution__deco {
    bottom: clamp(-.075rem, 0vw, .175rem);
  }
}

@media (max-width: 560px) {
  body.chapter-theme--trabajo .plantilla-evolution__deco,
  [data-chapter="08"] .plantilla-evolution__deco {
    bottom: clamp(.05rem, .5vw, .3rem);
  }
}

@media (prefers-reduced-motion: reduce) {
.plantilla-evolution .formation-chart__axis,
  .plantilla-evolution .formation-chart__bar,
  .plantilla-evolution .formation-chart__year,
  .plantilla-evolution__chart .plantilla-feature__legend {
    transition: none;
    transform: none;
    opacity: 1;
    stroke-dashoffset: 0;
  }
}

.plantilla-feature__chart {
  margin: 0;
  display: grid;
  gap: .9rem;
  position: relative;
  z-index: 1;
}

.plantilla-feature__media {
  width: min(100%, 34rem);
  margin: 0;
}

.plantilla-feature__title {
  font-family: var(--ff-ui);
  font-size: clamp(1rem, .95rem + .2vw, 1.125rem);
  font-weight: 700;
  line-height: 1.2;
  color: var(--c-accent);
  letter-spacing: .06em;
}

.plantilla-feature__legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: .65rem 1.25rem;
  margin: .4rem auto 2rem;
  width: 100%;
  max-width: 100%;
  font-family: var(--ff-ui);
  font-size: .82rem;
  font-weight: 500;
  line-height: 1.2;
  color: #111;
}

.plantilla-feature__legend-item {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
}

.plantilla-feature__legend-dot {
  width: .55rem;
  height: .55rem;
  border-radius: 50%;
  flex: 0 0 auto;
}

.plantilla-feature__legend-dot--total {
  background: #206cb6;
}

.plantilla-feature__legend-dot--hombres {
  background: #6e8dc9;
}

.plantilla-feature__legend-dot--mujeres {
  background: #9aa9da;
}

.plantilla-feature__legend-dot--hours {
  background: #206cb6;
}

.plantilla-feature__legend-dot--students {
  background: #9aa9da;
}

.formation-chart {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.formation-chart__year {
  font-family: var(--ff-ui);
  fill: #2567b0;
  font-size: 17.64px;
  font-weight: 500;
}

.formation-chart__value {
  font-family: var(--ff-heading);
  fill: #1d1d1b;
  font-size: 17.64px;
  font-weight: 700;
  opacity: 0;
  filter: blur(6px);
  transition:
    opacity .42s ease,
    filter .48s ease;
}

.formation-chart__bar {
  transform-box: fill-box;
  transform-origin: 50% 100%;
  transform: scaleY(.001);
  opacity: .18;
  transition:
    transform .9s cubic-bezier(.2, .8, .2, 1),
    opacity .32s ease;
  transition-delay: var(--delay, 0ms);
}

.formation-chart__bar--hours {
  fill: #2567b0;
}

.formation-chart__bar--students {
  fill: #6788c5;
}

.formation-chart__bar--total {
  fill: #2567b0;
}

.formation-chart__bar--hombres {
  fill: #6788c5;
}

.formation-chart__bar--mujeres {
  fill: #9daeda;
}

.formation-chart.is-animated .formation-chart__bar {
  transform: scaleY(1);
  opacity: 1;
}

.formation-chart.is-animated .formation-chart__value {
  opacity: 1;
  filter: blur(0);
}

/*.plantilla-feature__body::after {
  content: "";
  position: absolute;
  right: clamp(.25rem, 1vw, .5rem);
  bottom: clamp(.1rem, .5vw, .2rem);
  width: clamp(2rem, 5vw, 3rem);
  height: clamp(2.35rem, 5.8vw, 3.65rem);
  background: url("../img/FORMA CAP 5.png") no-repeat center / contain;
}*/


.c-list-box--wide {
  width: 100%;
  margin: 1.3rem 0 2rem;
  padding: clamp(1.2rem, 2vw, 1.7rem) clamp(1.15rem, 2vw, 1.6rem);
  border: 1.5px solid var(--c-paper);
  background: var(--c-paper);
}

body.chapter-theme--trabajo .chapter-body__content p:has(.mark-footnote) {
  position: relative;
  display: grid;
  gap: .4rem;
  margin-top: .9rem;
  margin-bottom: 0;
  padding: .68rem 1rem .68rem 2.55rem;
  border: 0;
  background: var(--c-accent);
  font-family: var(--ff-ui);
  font-size: .88rem;
  font-weight: 400;
  line-height: 1.45;
  color: var(--c-white);
}

body.chapter-theme--trabajo .chapter-body__content p:has(.mark-footnote)::before {
  content: "i";
  position: absolute;
  left: .82rem;
  top: .66rem;
  width: 1.16rem;
  height: 1.16rem;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: .14rem;
  font-family: var(--ff-ui);
  font-size: .74rem;
  font-weight: 700;
  line-height: 1;
  color: var(--c-accent);
  background: var(--c-white);
}

body.chapter-theme--trabajo .chapter-body__content p:has(.mark-footnote) .mark-footnote {
  color: inherit;
}

/* Representación sindical — dos filas: texto/destacado + imagen/texto */
.negociacion-layout {
  display: grid;
  gap: clamp(2rem, 4.5vw, 3.5rem);
  margin: clamp(1.25rem, 3vw, 2rem) 0 clamp(2rem, 4.5vw, 3.25rem);
}

.negociacion-layout__row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(280px, 1fr);
  gap: clamp(1.25rem, 3.2vw, 2.75rem);
  align-items: start;
}

.negociacion-layout__row--bottom {
  align-items: center;
}

.negociacion-layout__col {
  min-width: 0;
}

.negociacion-layout__col--lead p,
.negociacion-layout__col--body p {
  margin: 0;
}

.negociacion-layout__col--body {
  display: grid;
  gap: clamp(1rem, 2vw, 1.35rem);
}

.negociacion-layout__col--media {
  margin: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
  gap: 0;
}

body.chapter-theme--trabajo .negociacion-layout__col--media > p:has(.mark-footnote) {
  margin-top: 0;
  width: 100%;
}

.negociacion-layout .trabajo-silueta--mesa-1 {
  width: 100%;
  aspect-ratio: 2261.25 / 2822.36;
  max-height: min(78svh, 42rem);
}

.trabajo-silueta--mesa-1 {
  --mesa1-canvas-h: 2822.36;
  --mesa1-formas-top-h: 1934;
  --mesa1-formas-bottom-h: 889;
  position: relative;
  overflow: visible;
  aspect-ratio: 2261.25 / 2822.36;
}

.trabajo-silueta--mesa-1 .trabajo-silueta__formas-top,
.trabajo-silueta--mesa-1 .trabajo-silueta__formas-bottom {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  transition:
    opacity 1000ms cubic-bezier(.22, 1, .36, 1),
    transform 1300ms cubic-bezier(.22, 1, .36, 1);
}

.trabajo-silueta--mesa-1 .trabajo-silueta__formas-top {
  top: 0;
  z-index: 1;
  height: calc(100% * var(--mesa1-formas-top-h) / var(--mesa1-canvas-h));
  object-fit: fill;
  object-position: top center;
  transform: translateY(-10px) scale(.96);
  transform-origin: top center;
}

.trabajo-silueta--mesa-1 .gov-silueta__photo {
  position: absolute;
  inset: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  object-fit: fill;
  object-position: center;
  opacity: 0;
  box-shadow: none;
  transition:
    opacity 1100ms cubic-bezier(.22, 1, .36, 1),
    transform 1300ms cubic-bezier(.22, 1, .36, 1);
}

.trabajo-silueta--mesa-1 .trabajo-silueta__formas-bottom {
  bottom: 0;
  z-index: 10;
  height: calc(100% * var(--mesa1-formas-bottom-h) / var(--mesa1-canvas-h));
  object-fit: fill;
  object-position: bottom left;
  transform: translateY(10px) scale(.96);
  transform-origin: bottom left;
}

.reveal.is-in .trabajo-silueta--mesa-1 .trabajo-silueta__formas-top {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition-delay: 320ms;
}

.reveal.is-in .trabajo-silueta--mesa-1 .gov-silueta__photo {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 80ms;
}

.reveal.is-in .trabajo-silueta--mesa-1 .trabajo-silueta__formas-bottom {
  opacity: 1;
  transform: translateY(0) scale(1);
  transition-delay: 680ms;
}

.reveal[data-reveal="left"] .trabajo-silueta--mesa-1 .gov-silueta__photo {
  transform: translateX(-32px);
}

.reveal.is-in[data-reveal="left"] .trabajo-silueta--mesa-1 .gov-silueta__photo {
  transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
.trabajo-silueta--mesa-1 .trabajo-silueta__formas-top,
  .trabajo-silueta--mesa-1 .trabajo-silueta__formas-bottom,
  .trabajo-silueta--mesa-1 .gov-silueta__photo {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

.negociacion-highlight.gov-destacado {
  width: 100%;
  margin: 0;
  padding-bottom: clamp(1.35rem, 3vw, 2rem);
}

body.chapter-theme--trabajo .negociacion-highlight.gov-destacado,
[data-chapter="08"] .negociacion-highlight.gov-destacado {
  margin-top: 0;
  margin-bottom: 0;
}

body.chapter-theme--trabajo .negociacion-highlight .gov-destacado__panel--quote,
[data-chapter="08"] .negociacion-highlight .gov-destacado__panel--quote {
  min-height: clamp(11rem, 22vw, 14.5rem);
  padding-bottom: clamp(2.5rem, 4.8vw, 3.25rem);
}

@media (max-width: 980px) {
.negociacion-layout__row {
    grid-template-columns: 1fr;
    gap: clamp(1.5rem, 4vw, 2rem);
  }

.negociacion-layout__col--media {
    width: min(100%, 22rem);
    margin: 0 auto;
  }

.negociacion-layout .trabajo-silueta--mesa-1 {
    max-height: none;
  }
}

/* CAP 5 — viñetas: anillo + punto (patrón colegiados/gobierno) */
body.chapter-theme--trabajo .c-ul-content li,
[data-chapter="08"] .c-ul-content li {
  padding-left: 1.725rem;
}

body.chapter-theme--trabajo .c-ul-content li::before,
[data-chapter="08"] .c-ul-content li::before {
  left: .35rem;
  top: 10px;
  width: .85rem;
  height: .85rem;
  border: 1px solid #e84616;
  border-radius: 50%;
  background: radial-gradient(circle at center, #e84616 0 .18rem, transparent .19rem 100%);
  transform: none;
}

body.chapter-theme--trabajo .c-ul-content .icon-color,
[data-chapter="08"] .c-ul-content .icon-color {
  display: none;
}

body.chapter-theme--trabajo .c-ul-content--wide li,
[data-chapter="08"] .c-ul-content--wide li {
  padding-left: 2rem;
}

body.chapter-theme--trabajo .c-ul-content--wide li::before,
[data-chapter="08"] .c-ul-content--wide li::before {
  left: .15rem;
  top: 29px;
  border: 1.5px solid #e84616;
  background: radial-gradient(circle at center, #e84616 0 .18rem, transparent .19rem 100%);
  transform: translateY(-50%);
}

body.chapter-theme--trabajo .chapter-accordion__panel--trabajo .c-ul-content li,
[data-chapter="08"] .chapter-accordion__panel--trabajo .c-ul-content li {
  padding-left: 1.725rem;
  padding-top: 0;
  line-height: 1.5;
}

body.chapter-theme--trabajo .chapter-accordion__panel--trabajo .c-ul-content li + li,
[data-chapter="08"] .chapter-accordion__panel--trabajo .c-ul-content li + li {
  padding-top: .45rem;
}

body.chapter-theme--trabajo .chapter-accordion__panel--trabajo .c-ul-content li::before,
[data-chapter="08"] .chapter-accordion__panel--trabajo .c-ul-content li::before {
  left: .35rem;
  top: 10px;
  width: .85rem;
  height: .85rem;
  border: 1px solid #e84616;
  border-radius: 50%;
  background: radial-gradient(circle at center, #e84616 0 .18rem, transparent .19rem 100%);
  transform: none;
}

body.chapter-theme--trabajo .regimen-bauhaus-box--trabajo .regimen-bauhaus-box__body .c-ul-content li {
  padding-left: 1.75rem;
}

body.chapter-theme--trabajo .sedes-card__list li,
[data-chapter="08"] .sedes-card__list li {
  padding-left: 1.725rem;
}

body.chapter-theme--trabajo .sedes-card__list li::before,
[data-chapter="08"] .sedes-card__list li::before {
  left: .35rem;
  top: 10px;
  width: .85rem;
  height: .85rem;
  border: 1px solid #e84616;
  border-radius: 50%;
  background: radial-gradient(circle at center, #e84616 0 .18rem, transparent .19rem 100%);
  transform: none;
}

[data-chapter="08"] .chapter-accordion {
  --accordion-accent: #e84616;
}

body.chapter-theme--trabajo .plantilla-feature__chart--people,
body.chapter-theme--trabajo .plantilla-feature__chart--training,
[data-chapter="08"] .plantilla-feature__chart--people,
[data-chapter="08"] .plantilla-feature__chart--training {
  --chart-accent: #e84616;
  border-left-color: #e84616;
}

body.chapter-theme--trabajo .plantilla-feature__legend-dot--total,
body.chapter-theme--trabajo .plantilla-feature__legend-dot--hours,
[data-chapter="08"] .plantilla-feature__legend-dot--total,
[data-chapter="08"] .plantilla-feature__legend-dot--hours {
  background: #e84616;
}

body.chapter-theme--trabajo .plantilla-feature__legend-dot--hombres,
[data-chapter="08"] .plantilla-feature__legend-dot--hombres {
  background: #f26933;
}

body.chapter-theme--trabajo .plantilla-feature__legend-dot--mujeres,
body.chapter-theme--trabajo .plantilla-feature__legend-dot--students,
[data-chapter="08"] .plantilla-feature__legend-dot--mujeres,
[data-chapter="08"] .plantilla-feature__legend-dot--students {
  background: #f8a88a;
}

body.chapter-theme--trabajo .formation-chart__bar--total,
body.chapter-theme--trabajo .formation-chart__bar--hours,
[data-chapter="08"] .formation-chart__bar--total,
[data-chapter="08"] .formation-chart__bar--hours {
  fill: #e84616;
}

body.chapter-theme--trabajo .formation-chart__year,
[data-chapter="08"] .formation-chart__year {
  fill: #111;
}

body.chapter-theme--trabajo .formation-chart__bar--hombres,
[data-chapter="08"] .formation-chart__bar--hombres {
  fill: #f26933;
}

body.chapter-theme--trabajo .formation-chart__bar--mujeres,
body.chapter-theme--trabajo .formation-chart__bar--students,
[data-chapter="08"] .formation-chart__bar--mujeres,
[data-chapter="08"] .formation-chart__bar--students {
  fill: #f8a88a;
}

body.chapter-theme--trabajo .measure-card::before,
body.chapter-theme--trabajo .measure-card--accent,
[data-chapter="08"] .measure-card::before,
[data-chapter="08"] .measure-card--accent {
  background: #e84616;
  border-color: #e84616;
}

body.chapter-theme--trabajo .clima-highlight__panel,
[data-chapter="08"] .clima-highlight__panel {
  background: #e84616;
}

/* Cap. 5 — cajas destacadas: respiración vertical y línea superior */
body.chapter-theme--trabajo .gov-destacado,
[data-chapter="08"] .gov-destacado {
  --gov-mark-gap: clamp(.45rem, 1vw, .7rem);
}

body.chapter-theme--trabajo .gov-destacado:not(.sedes-card) .gov-destacado__panel--quote,
[data-chapter="08"] .gov-destacado:not(.sedes-card) .gov-destacado__panel--quote {
  min-height: 0;
  padding-bottom: clamp(3.25rem, 8vw, 5.5rem);
}

body.chapter-theme--trabajo .gov-destacado:not(.sedes-card) .gov-destacado__panel--quote .gov-destacado__text,
[data-chapter="08"] .gov-destacado:not(.sedes-card) .gov-destacado__panel--quote .gov-destacado__text {
  max-width: min(43ch, 100%);
}

body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-retribucion-title),
[data-chapter="08"] .gov-destacado:has(#highlight-band-retribucion-title) {
  margin-top: clamp(2rem, 4.5vw, 3.25rem);
}

body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-retribucion-title) .gov-destacado__deco--bleed-right,
[data-chapter="08"] .gov-destacado:has(#highlight-band-retribucion-title) .gov-destacado__deco--bleed-right {
  transform: translate(-14%, 55%);
}

body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-retribucion-title).is-in .gov-destacado__deco--bleed-right,
body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-retribucion-title).reveal.is-in .gov-destacado__deco--bleed-right,
[data-chapter="08"] .gov-destacado:has(#highlight-band-retribucion-title).is-in .gov-destacado__deco--bleed-right,
[data-chapter="08"] .gov-destacado:has(#highlight-band-retribucion-title).reveal.is-in .gov-destacado__deco--bleed-right {
  transform: translate(7%, 42%);
}

body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-prevencion-title),
[data-chapter="08"] .gov-destacado:has(#highlight-band-prevencion-title) {
  margin-top: clamp(2rem, 4.5vw, 3.25rem);
}

body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-prevencion-title) .gov-destacado__deco--bleed-right,
[data-chapter="08"] .gov-destacado:has(#highlight-band-prevencion-title) .gov-destacado__deco--bleed-right {
  transform: translate(-14%, 55%);
}

body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-prevencion-title).is-in .gov-destacado__deco--bleed-right,
body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-prevencion-title).reveal.is-in .gov-destacado__deco--bleed-right,
[data-chapter="08"] .gov-destacado:has(#highlight-band-prevencion-title).is-in .gov-destacado__deco--bleed-right,
[data-chapter="08"] .gov-destacado:has(#highlight-band-prevencion-title).reveal.is-in .gov-destacado__deco--bleed-right {
  transform: translate(7%, 42%);
}

@media (max-width: 720px) {
  body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-retribucion-title) .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .gov-destacado:has(#highlight-band-retribucion-title) .gov-destacado__deco--bleed-right,
  body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-prevencion-title) .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .gov-destacado:has(#highlight-band-prevencion-title) .gov-destacado__deco--bleed-right,
  body.chapter-theme--trabajo .gov-destacado.highlight-band-prevencion-title .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .gov-destacado.highlight-band-prevencion-title .gov-destacado__deco--bleed-right {
    transform: translate(-14%, 68%);
  }

  body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-retribucion-title).is-in .gov-destacado__deco--bleed-right,
  body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-retribucion-title).reveal.is-in .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .gov-destacado:has(#highlight-band-retribucion-title).is-in .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .gov-destacado:has(#highlight-band-retribucion-title).reveal.is-in .gov-destacado__deco--bleed-right,
  body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-prevencion-title).is-in .gov-destacado__deco--bleed-right,
  body.chapter-theme--trabajo .gov-destacado:has(#highlight-band-prevencion-title).reveal.is-in .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .gov-destacado:has(#highlight-band-prevencion-title).is-in .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .gov-destacado:has(#highlight-band-prevencion-title).reveal.is-in .gov-destacado__deco--bleed-right,
  body.chapter-theme--trabajo .gov-destacado.highlight-band-prevencion-title.is-in .gov-destacado__deco--bleed-right,
  body.chapter-theme--trabajo .gov-destacado.highlight-band-prevencion-title.reveal.is-in .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .gov-destacado.highlight-band-prevencion-title.is-in .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .gov-destacado.highlight-band-prevencion-title.reveal.is-in .gov-destacado__deco--bleed-right {
    transform: translate(7%, 55%);
  }

  body.chapter-theme--trabajo .gov-destacado.highlight-band-prevencion-title .gov-destacado__mark,
  [data-chapter="08"] .gov-destacado.highlight-band-prevencion-title .gov-destacado__mark {
    top: -.65rem;
  }

  body.chapter-theme--trabajo #content1-t5-0083 .sedes-cards .sedes-card .gov-destacado__mark,
  [data-chapter="08"] #content1-t5-0083 .sedes-cards .sedes-card .gov-destacado__mark {
    top: -12px;
  }

  body.chapter-theme--trabajo #content1-t5-0083 .sedes-cards .sedes-card:first-child .gov-destacado__deco--bleed-left,
  [data-chapter="08"] #content1-t5-0083 .sedes-cards .sedes-card:first-child .gov-destacado__deco--bleed-left {
    left: clamp(.4rem, 4.2vw, 1.55rem);
    width: min(58%, 8.75rem);
    transform: translate(-8%, 22%);
  }

  body.chapter-theme--trabajo #content1-t5-0083 .sedes-cards .sedes-card:first-child.is-in .gov-destacado__deco--bleed-left,
  body.chapter-theme--trabajo #content1-t5-0083 .sedes-cards .sedes-card:first-child.reveal.is-in .gov-destacado__deco--bleed-left,
  [data-chapter="08"] #content1-t5-0083 .sedes-cards .sedes-card:first-child.is-in .gov-destacado__deco--bleed-left,
  [data-chapter="08"] #content1-t5-0083 .sedes-cards .sedes-card:first-child.reveal.is-in .gov-destacado__deco--bleed-left {
    transform: translate(-12%, -4%);
  }

  body.chapter-theme--trabajo #content1-t5-0083 .sedes-cards .sedes-card:last-child .gov-destacado__deco--bleed-right,
  [data-chapter="08"] #content1-t5-0083 .sedes-cards .sedes-card:last-child .gov-destacado__deco--bleed-right {
    display: none;
  }

  body.chapter-theme--trabajo .negociacion-highlight .gov-destacado__deco--bleed-right,
  [data-chapter="08"] .negociacion-highlight .gov-destacado__deco--bleed-right {
    display: none;
  }
}

body.chapter-theme--trabajo .sedes-cards,
[data-chapter="08"] .sedes-cards {
  margin-top: clamp(2rem, 4.5vw, 3.25rem);
  margin-bottom: clamp(2.5rem, 5.5vw, 4rem);
  gap: clamp(1.35rem, 3vw, 2.25rem);
}

body.chapter-theme--trabajo .gov-destacado__footer .gov-destacado__deco--flip {
  left: 113%;
  bottom: 31px;
}

@media (max-width: 720px) {
  body.chapter-theme--trabajo .clima-highlight .gov-destacado__footer .gov-destacado__deco--flip,
  [data-chapter="08"] .clima-highlight .gov-destacado__footer .gov-destacado__deco--flip {
    left: 90%;
    bottom: 22px;
    transform: scaleX(-1) translate(-40%, 40%);
  }

  body.chapter-theme--trabajo .clima-highlight.is-in .gov-destacado__footer .gov-destacado__deco--flip,
  body.chapter-theme--trabajo .clima-highlight.reveal.is-in .gov-destacado__footer .gov-destacado__deco--flip,
  [data-chapter="08"] .clima-highlight.is-in .gov-destacado__footer .gov-destacado__deco--flip,
  [data-chapter="08"] .clima-highlight.reveal.is-in .gov-destacado__footer .gov-destacado__deco--flip {
    transform: scaleX(-1) translate(-32%, 29%);
  }
}

@media (max-width: 900px) {
body.chapter-theme--trabajo .sedes-cards .sedes-card,
  [data-chapter="08"] .sedes-cards .sedes-card {
    margin-top: clamp(1.5rem, 3.5vw, 2.25rem);
    margin-bottom: clamp(1.5rem, 3.5vw, 2.25rem);
  }

body.chapter-theme--trabajo .sedes-cards .sedes-card:first-child,
  [data-chapter="08"] .sedes-cards .sedes-card:first-child {
    margin-top: 0;
  }

body.chapter-theme--trabajo .sedes-cards .sedes-card:last-child,
  [data-chapter="08"] .sedes-cards .sedes-card:last-child {
    margin-bottom: 0;
  }
}

.editorial-photo {
  width: min(44%, 24rem);
  margin: .15rem 0 1.75rem;
  pointer-events: none;
}

.editorial-photo--right {
  float: right;
  margin-left: clamp(1rem, 2.5vw, 2rem);
}

.editorial-photo--right:has(.trabajo-photo-frame--foto1) {
  overflow: visible;
}

.editorial-photo--right:has(.trabajo-photo-frame--foto1) .gov-photo-frame {
  overflow: visible;
}

.editorial-photo--mesa {
  width: min(58%, 38rem);
  margin-bottom: clamp(1rem, 2.2vw, 1.75rem);
  overflow: visible;
}

.editorial-photo--mesa .trabajo-silueta--mesa {
  overflow: visible;
}

.editorial-photo--left {
  float: left;
  margin-right: clamp(1rem, 2.5vw, 2rem);
}

/* Foto flotante izquierda — evita clip de la decoración en overflow-x del capítulo */
.editorial-photo--left:has(.trabajo-photo-frame--foto2) {
  overflow: visible;
  margin-left: clamp(0.2rem, 0.65vw, 0.45rem);
}

.editorial-photo--left:has(.trabajo-photo-frame--foto2) .gov-photo-frame {
  overflow: visible;
}

.editorial-photo__media {
  display: block;
}

.editorial-photo img {
  display: block;
  width: 100%;
  height: auto;
}

.editorial-photo.editorial-photo--unico img {
  margin: 0 auto;
  width: auto;
}

.editorial-photo .gov-photo-frame__photo {
  width: 100%;
  height: auto;
}

.editorial-photo + p,
.editorial-photo + .editorial-photo-copy {
  margin-top: 0;
}

.editorial-photo-copy {
  display: flow-root;
  margin-bottom: 1em;
}

.variation-feature .editorial-photo {
  float: none;
  width: min(100%, 20rem);
  margin: .15rem 0 0;
  justify-self: end;
}

@media (max-width: 820px) {
.variation-feature .editorial-photo {
    justify-self: start;
    width: min(100%, 24rem);
  }
}

@media (max-width: 720px) {
.plantilla-feature {
    grid-template-columns: 1fr;
    gap: 1.25rem;
    width: 100%;
    max-width: none;
    margin-left: 0;
  }

.plantilla-feature__chart {
    max-width: 34rem;
  }

.plantilla-feature + .plantilla-feature {
    padding: 1rem;
  }

.plantilla-feature__body p {
    max-width: none;
  }

.editorial-photo {
    float: none;
    width: min(100%, 28rem);
    margin: .5rem auto 1.25rem;
  }

.editorial-photo--mesa {
    width: min(100%, 36rem);
  }
}

@media (max-width: 560px) {
.editorial-photo {
    width: 100%;
    margin-bottom: 1rem;
  }

.editorial-photo img { box-shadow: 0 14px 28px rgba(9, 11, 20, .05); }

.plantilla-feature + .plantilla-feature::after,
  .plantilla-feature__media::after,
  .plantilla-feature__body::after {
    display: none;
  }
}

/* Animaciones (@keyframes) usadas por el capítulo 5 */

@keyframes bauhausTrabajoCircleIdle {
  from { transform: translateY(0) scale(1); }
  to { transform: translateY(-5px) scale(1.05); }
}

@keyframes bauhausTrabajoDotIdle {
  from { transform: scaleX(1); }
  to { transform: scaleX(1.08) translateX(3px); }
}

@keyframes bauhausTrabajoFiguraIdle {
  from { transform: translate(0, 0); }
  to { transform: translate(6px, -3px); }
}

@keyframes bauhausTrabajoGridIdle {
  from { transform: translateY(0) scale(1); }
  to { transform: translateY(-4px) scale(1.03); }
}

@keyframes bauhausTrabajoLinesIdle {
  from { transform: translate(0, 0) scale(1); }
  to { transform: translate(4px, 5px) scale(1.02); }
}

@keyframes bauhausTrabajoSquareIdle {
  from { transform: scale(1) translate(0, 0); }
  to { transform: scale(1.03) translate(3px, -3px); }
}