/* Proyectos — página 3 */
.pj-page { background: #3c2415; }

/* escenarios en unidades de diseño (px de Figma), escalados por JS */
.pj-stage { position: absolute; left: 0; top: 0; transform-origin: 0 0; }
.pj-stage p { margin: 0; }
.pj-stage img { user-select: none; -webkit-user-drag: none; }
.isvg { overflow: visible; }

/* escena fija del inicio */
.pj-intro { position: relative; }
.pj-pin { position: relative; height: 100vh; height: 100svh; overflow: hidden; background: #3c2415; }
.pj-layer { position: absolute; inset: 0; overflow: hidden; }
.pj-l227 { background: #3c2415; }
.pj-l228, .pj-l229 { background: #bb5227; visibility: hidden; }
.pj-l228 .isvg > g > rect:first-child { display: none; }  /* el fondo lo pone la capa */

/* secciones que fluyen hacia abajo */
.pj-sec { position: relative; overflow: hidden; }
#s292 { background: #bb5227; z-index: 1; }
#s288 { background: #3c2415; z-index: 2; overflow: visible; }
#s288 > .pj-stage { overflow: visible; }
#s296 { background: #3c2415; z-index: 1; }
.pj-leaves { position: absolute; left: 0; top: 0; width: 2980px; height: 1867px; z-index: 6; pointer-events: none; }
.pj-leaves > div { will-change: transform; }
@media (max-width: 760px) { .pj-leaves > div { will-change: auto; } }

/* fotos: al pasar por una, las demás se apagan */
.pj-photo { cursor: pointer; transition: filter .45s ease; border-radius: 6px; overflow: hidden; }
.pj-stage.dimming .pj-photo:not(.on) { filter: brightness(.45) saturate(.6); }

.pj-diploma { cursor: grab; }

@media (prefers-reduced-motion: reduce) {
  .pj-photo { transition: none; }
}

/* celular: el texto de los escenarios se agranda para que se lea */
@media (max-width: 760px) {
  .pj-stage p.pj-txt { font-size: var(--mfs) !important; letter-spacing: .01em !important; line-height: 1.28 !important; }
  .pj-stage p.pj-txt[style*="width"] { width: var(--mw) !important; }
  .pj-stage p.pj-txt[style*="-100%"] { left: 2730px !important; }
  .pj-stage p.pj-txt:not([style*="width"]) { margin-top: var(--mdy); }
  /* el dibujo y la mano de la primera jornada se corren para dejar sitio al texto */
  [data-id="239:6966"], [data-id="239:7035"], [data-id="239:7058"] { margin-left: 850px; }
  [data-id="239:1129"], [data-id="239:1130"], [data-id="239:1131"] { margin-top: 175px; }
}