/* Cadre foto Sites — aceeași convenție ca portalul (padding-top, nu aspect-ratio). */
[class*="ratio-"] {
  position: relative;
  width: 100%;
  padding: 0;
}
[class*="ratio-1-1"] { padding-top: 100%; }
[class*="ratio-2-1"] { padding-top: 50%; }
[class*="ratio-27-10"] { padding-top: 36%; }
[class*="ratio-24-10"] { padding-top: 42%; }
[class*="ratio-3-2"] { padding-top: 66.66%; }
[class*="ratio-4-3"] { padding-top: 75%; }
[class*="ratio-16-9"] { padding-top: 56.25%; }
[class*="ratio-1-2"] { padding-top: 200%; }
[class*="ratio-2-3"] { padding-top: 150%; }
[class*="ratio-3-4"] { padding-top: 133.33%; }
[class*="ratio-"][class*="-cover"] > *:first-child,
[class*="ratio-"][class*="-fit"] > *:first-child,
[class*="ratio-"][class*="-center"] > *:first-child {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
[class*="ratio-"][class*="-cover"] > *:first-child { object-fit: cover; }
[class*="ratio-"][class*="-fit"] > *:first-child { object-fit: contain; }
[class*="ratio-"][class*="-center"] > *:first-child { object-fit: none; }