/* Encuadres revisados sobre los originales; las fotografías no se modifican. */
.yk-photo { object-position: var(--photo-x, 50%) var(--photo-y, 50%); }

/* Portada: personas, herramientas y activos que deben mantenerse en el recorte. */
.yk-photo[src$="/group-01.jpg"] { --photo-ratio: 1448/1086; --photo-x: 56%; --photo-y: 48%; }
.yk-photo[src$="/group-02.jpg"] { --photo-ratio: 900/1200; --photo-x: 52%; --photo-y: 30%; }
.yk-photo[src$="/group-03.jpg"] { --photo-ratio: 611/1200; --photo-x: 35%; --photo-y: 35%; }
.yk-photo[src$="/group-04.jpg"] { --photo-ratio: 1200/1600; --photo-x: 55%; --photo-y: 40%; }
.yk-photo[src$="/group-05.jpg"] { --photo-ratio: 1600/900; --photo-x: 74%; --photo-y: 62%; }
.yk-photo[src$="/group-06.jpg"] { --photo-ratio: 900/1200; --photo-x: 52%; --photo-y: 65%; }
.yk-photo[src$="/group-07.jpg"] { --photo-ratio: 1086/1098; --photo-x: 60%; --photo-y: 45%; }
.yk-photo[src$="/group-08.jpg"] { --photo-ratio: 1448/1086; --photo-x: 56%; --photo-y: 78%; }
.yk-photo[src$="/group-09.jpg"] { --photo-ratio: 1448/1086; --photo-x: 66%; --photo-y: 78%; }
.yk-photo[src$="/group-10.jpg"] { --photo-ratio: 1536/1024; --photo-x: 62%; --photo-y: 50%; }
.yk-photo[src$="/group-11.jpg"] { --photo-ratio: 1448/1086; --photo-x: 55%; --photo-y: 50%; }
.yk-photo[src$="/group-12.jpg"] { --photo-ratio: 901/1200; --photo-x: 50%; --photo-y: 40%; }

/* Urbano. */
.yk-photo[src$="/urbano-01.jpg"] { --photo-ratio: 1536/1024; --photo-x: 30%; --photo-y: 45%; }
.yk-photo[src$="/urbano-02.jpg"] { --photo-ratio: 1536/1024; --photo-x: 30%; --photo-y: 45%; }
.yk-photo[src$="/urbano-03.jpg"] { --photo-ratio: 1536/1152; --photo-x: 55%; --photo-y: 35%; }
.yk-photo[src$="/urbano-04.jpg"] { --photo-ratio: 864/1536; --photo-x: 58%; --photo-y: 35%; }
.yk-photo[src$="/urbano-05.jpg"] { --photo-ratio: 866/1536; --photo-x: 48%; --photo-y: 45%; }
.yk-photo[src$="/urbano-06.jpg"] { --photo-ratio: 1152/1536; --photo-x: 45%; --photo-y: 40%; }
.yk-photo[src$="/urbano-07.jpg"] { --photo-ratio: 1083/1452; --photo-x: 48%; --photo-y: 45%; }
.yk-photo[src$="/urbano-08.jpg"] { --photo-ratio: 1152/1536; --photo-x: 55%; --photo-y: 30%; }
.yk-photo[src$="/urbano-09.jpg"] { --photo-ratio: 866/1536; --photo-x: 52%; --photo-y: 30%; }
.yk-photo[src$="/urbano-10.jpg"] { --photo-ratio: 1536/1024; --photo-x: 65%; --photo-y: 55%; }
.yk-photo[src$="/urbano-11.jpg"] { --photo-ratio: 1086/1448; --photo-x: 55%; --photo-y: 48%; }

/* Industria. */
.yk-photo[src$="/industria-01.jpg"] { --photo-ratio: 1448/1086; --photo-x: 50%; --photo-y: 50%; }
.yk-photo[src$="/industria-02.jpg"] { --photo-ratio: 800/1200; --photo-x: 55%; --photo-y: 25%; }
.yk-photo[src$="/industria-03.jpg"] { --photo-ratio: 800/1200; --photo-x: 50%; --photo-y: 32%; }
.yk-photo[src$="/industria-04.jpg"] { --photo-ratio: 1448/1086; --photo-x: 50%; --photo-y: 45%; }
.yk-photo[src$="/industria-05.jpg"] { --photo-ratio: 1448/1086; --photo-x: 55%; --photo-y: 45%; }
.yk-photo[src$="/industria-06.jpg"] { --photo-ratio: 1448/1086; --photo-x: 58%; --photo-y: 65%; }

/* Eólica: técnicos y componentes del aerogenerador. */
.yk-photo[src$="/eolica-01.jpg"] { --photo-ratio: 900/1200; --photo-x: 62%; --photo-y: 60%; }
.yk-photo[src$="/eolica-02.jpg"] { --photo-ratio: 1447/1087; --photo-x: 52%; --photo-y: 25%; }
.yk-photo[src$="/eolica-03.jpg"] { --photo-ratio: 1448/1086; --photo-x: 50%; --photo-y: 72%; }
.yk-photo[src$="/eolica-04.jpg"] { --photo-ratio: 900/1200; --photo-x: 50%; --photo-y: 55%; }
.yk-photo[src$="/eolica-05.jpg"] { --photo-ratio: 900/1200; --photo-x: 50%; --photo-y: 92%; }
.yk-photo[src$="/eolica-06.jpg"] { --photo-ratio: 900/1200; --photo-x: 50%; --photo-y: 45%; }

.yk-photo--hero[src$="/eolica-03.jpg"] {
  --photo-y: 100%; transform: scale(1.2); transform-origin: 0% 100%;
}
.yk-photo--related[src$="/urbano-05.jpg"] { --photo-y: 42%; }
.yk-photo--related[src$="/industria-03.jpg"] { --photo-y: 55%; }
.yk-photo--related[src$="/eolica-03.jpg"] { --photo-y: 78%; }
.yk-photo--case[src$="/eolica-06.jpg"] { --photo-y: 0%; }
.yk-photo--chapter[src$="/eolica-03.jpg"] { transform: scale(1.3); transform-origin: 50% 100%; }

/* Las galerías muestran la foto completa, también en las pantallas estrechas. */
.yk-photo--gallery { object-position: center; aspect-ratio: var(--photo-ratio); }

/* En vertical, subir a los técnicos para que las caras queden sobre el texto. */
@media (max-width: 1000px) and (orientation: portrait) {
  .yk-photo--hero[src$="/eolica-03.jpg"] {
    transform: scale(1.3); transform-origin: 50% 100%;
  }
}
@media (max-width: 700px) {
  .yk-photo--intro[src$="/group-03.jpg"] { --photo-x: 0%; }
  .yk-photo--intro[src$="/group-07.jpg"] { --photo-x: 45%; }
  .yk-photo--intro[src$="/group-09.jpg"] { --photo-x: 66%; }
  .yk-photo--hero[src$="/urbano-05.jpg"] { --photo-x: 48%; --photo-y: 48%; }
  .yk-photo--hero[src$="/industria-03.jpg"] { --photo-x: 50%; --photo-y: 35%; }
  .yk-photo--hero[src$="/eolica-03.jpg"] { --photo-x: 50%; --photo-y: 72%; }
}
@media (max-width: 700px) and (orientation: portrait) {
  .yk-photo--hero[src$="/urbano-05.jpg"] { transform: scale(1.25); transform-origin: 50% 100%; }
  .yk-photo--hero[src$="/eolica-03.jpg"] { transform: scale(1.7); }
}
@media (min-aspect-ratio: 2/1) {
  .yk-photo--hero[src$="/eolica-03.jpg"] { --photo-y: 85%; transform: none; }
}