/* Reserva de espacio para las imágenes cuyo contenedor colapsaba a
   cero de alto mientras cargaban: era la causa del salto de diseño
   (CLS). La proporción es la MEDIDA en pantalla a cada ancho, así
   que el resultado visual es idéntico; solo se adelanta la reserva.
   Generado midiendo con navegador — no editar a mano. */

@media (max-width: 767px) {
  [data-x10-ar="35"] { aspect-ratio: 187 / 205 !important; height: auto !important; }
  [data-x10-ar="36"] { aspect-ratio: 187 / 208 !important; height: auto !important; }
  [data-x10-ar="37"] { aspect-ratio: 187 / 213 !important; height: auto !important; }
  [data-x10-ar="38"] { aspect-ratio: 187 / 208 !important; height: auto !important; }
  [data-x10-ar="42"] { aspect-ratio: 334 / 111 !important; height: auto !important; }
  [data-x10-ar="43"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="44"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="45"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="46"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="47"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="48"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="50"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="52"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="54"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="56"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  [data-x10-ar="35"] { aspect-ratio: 251 / 275 !important; height: auto !important; }
  [data-x10-ar="36"] { aspect-ratio: 251 / 279 !important; height: auto !important; }
  [data-x10-ar="37"] { aspect-ratio: 251 / 285 !important; height: auto !important; }
  [data-x10-ar="38"] { aspect-ratio: 251 / 278 !important; height: auto !important; }
  [data-x10-ar="43"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="44"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="45"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="46"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="47"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="48"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="49"] { aspect-ratio: 4 / 3 !important; height: auto !important; }
  [data-x10-ar="50"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="52"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="54"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="56"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
}

@media (min-width: 1025px) {
  [data-x10-ar="20"] { aspect-ratio: 45 / 26 !important; height: auto !important; }
  [data-x10-ar="21"] { aspect-ratio: 45 / 26 !important; height: auto !important; }
  [data-x10-ar="22"] { aspect-ratio: 45 / 26 !important; height: auto !important; }
  [data-x10-ar="23"] { aspect-ratio: 45 / 26 !important; height: auto !important; }
  [data-x10-ar="24"] { aspect-ratio: 45 / 26 !important; height: auto !important; }
  [data-x10-ar="35"] { aspect-ratio: 10 / 11 !important; height: auto !important; }
  [data-x10-ar="36"] { aspect-ratio: 150 / 167 !important; height: auto !important; }
  [data-x10-ar="37"] { aspect-ratio: 300 / 341 !important; height: auto !important; }
  [data-x10-ar="38"] { aspect-ratio: 100 / 111 !important; height: auto !important; }
  [data-x10-ar="39"] { aspect-ratio: 6 / 7 !important; height: auto !important; }
  [data-x10-ar="43"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="44"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="45"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="46"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="47"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="48"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="49"] { aspect-ratio: 4 / 3 !important; height: auto !important; }
  [data-x10-ar="50"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="52"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="54"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
  [data-x10-ar="56"] { aspect-ratio: 1 / 1 !important; height: auto !important; }
}