/* Plop Corn — ajustes de ESTA ficha (tras css/proyecto.css). */

/* Portada: el módulo ocupa el centro de la foto; se ancla un poco más
   arriba del centro para que el recorte de la franja ancha salga del piso
   y no del letrero. */
.proyecto__hero img { object-position: center 40%; }

/* ─── Galería: proporción de cada foto ────────────────────────── */
/* Van acá y no inline porque el CSP del sitio (style-src 'self')
   bloquea el atributo style. Fila 1 = fotos del módulo terminado
   (verticales); filas 2 y 3 = renders del proyecto. */
.proyecto-more__row:nth-child(1) > :nth-child(1) { --r: 0.8000; }
.proyecto-more__row:nth-child(1) > :nth-child(2) { --r: 0.8000; }
.proyecto-more__row:nth-child(2) > :nth-child(1) { --r: 1.4000; }
.proyecto-more__row:nth-child(2) > :nth-child(2) { --r: 1.4000; }
.proyecto-more__row:nth-child(3) > :nth-child(1) { --r: 1.4000; }
.proyecto-more__row:nth-child(3) > :nth-child(2) { --r: 1.4000; }

/* ─── Planos: elevación + planta apiladas a la izquierda y la
   axonométrica vertical a la derecha. La axonométrica (alto natural)
   define el alto de la fila; el par apilado se estira a ese mismo alto
   y reparte la mitad a cada plano (flex + object-fit: contain), así no
   depende de que las proporciones calcen justo. ─────────────────── */
.proyecto__drawings--tall-axo {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: auto;
}

.proyecto__drawings--tall-axo .proyecto__drawings-pair { grid-column: 1; grid-row: 1; }
.proyecto__drawings--tall-axo .proyecto__drawing--axo { grid-column: 2; grid-row: 1; }

.proyecto__drawings-pair {
  display: flex;
  flex-direction: column;
  gap: clamp(1rem, 2vw, 1.6rem);
  min-height: 0;
}

.proyecto__drawings-pair .proyecto__drawing {
  flex: 1 1 0;
  min-height: 0;
  background: #000;
}

.proyecto__drawings-pair .proyecto__drawing img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media (max-width: 768px) {
  .proyecto__drawings--tall-axo { grid-template-columns: 1fr; }
  .proyecto__drawings--tall-axo .proyecto__drawings-pair,
  .proyecto__drawings--tall-axo .proyecto__drawing--axo { grid-column: 1; grid-row: auto; }
  .proyecto__drawings-pair .proyecto__drawing { flex: initial; }
  .proyecto__drawings-pair .proyecto__drawing img { height: auto; }
}