/*
  Encuadres de imágenes del Inicio.
  Estos valores viven en CSS para que el navegador conozca el recorte definitivo
  desde el primer render. JavaScript solo decide qué imagen corresponde a cada
  acceso; no recoloca imágenes después de mostrarlas.
*/

#profileAvatar{
  object-position:50% 50%;
}

/* Fiction Can Be */
#quickLinks a.orb[href*="fiction-can-be/"] .orb-image img{
  object-position:50% 30%;
}
#surfaceSections #originales a.mini-card[href*="fiction-can-be/"] .mini-thumb{
  --card-art-position:50% 12%;
}
#surfaceSections #originales a.mini-card[href*="fiction-can-be/"] .mini-thumb img{
  object-position:50% 12%;
}
#surfaceSections #store a.mini-card[href*="fiction-can-be/"] .mini-thumb{
  --card-art-position:50% 24%;
}
#surfaceSections #store a.mini-card[href*="fiction-can-be/"] .mini-thumb img{
  object-position:50% 24%;
}
#slideVisual[href*="fiction-can-be/"]{
  --card-art-position:50% 22%;
}
#slideVisual[href*="fiction-can-be/"] > #slideImage{
  object-position:50% 22%;
}

/* NaruSasu: AU Universitario */
#quickLinks a.orb[href*="fanworks/au-universitario/capitulos/"] .orb-image img{
  object-position:54% 27%;
}
#surfaceSections #fanworks a.mini-card[href*="fanworks/au-universitario/capitulos/"] .mini-thumb{
  --card-art-position:54% 22%;
}
#surfaceSections #fanworks a.mini-card[href*="fanworks/au-universitario/capitulos/"] .mini-thumb img{
  object-position:54% 22%;
}
#slideVisual[href*="fanworks/au-universitario/capitulos/"]{
  --card-art-position:54% 27%;
}
#slideVisual[href*="fanworks/au-universitario/capitulos/"] > #slideImage{
  object-position:54% 27%;
}

@media(max-width:650px){
  #quickLinks a.orb[href*="fiction-can-be/"] .orb-image img{
    object-position:50% 28%;
  }
  #surfaceSections #originales a.mini-card[href*="fiction-can-be/"] .mini-thumb{
    --card-art-position:50% 9%;
  }
  #surfaceSections #originales a.mini-card[href*="fiction-can-be/"] .mini-thumb img{
    object-position:50% 9%;
  }
  #surfaceSections #store a.mini-card[href*="fiction-can-be/"] .mini-thumb{
    --card-art-position:50% 20%;
  }
  #surfaceSections #store a.mini-card[href*="fiction-can-be/"] .mini-thumb img{
    object-position:50% 20%;
  }
  #slideVisual[href*="fiction-can-be/"]{
    --card-art-position:50% 20%;
  }
  #slideVisual[href*="fiction-can-be/"] > #slideImage{
    object-position:50% 20%;
  }

  #quickLinks a.orb[href*="fanworks/au-universitario/capitulos/"] .orb-image img{
    object-position:54% 25%;
  }
  #surfaceSections #fanworks a.mini-card[href*="fanworks/au-universitario/capitulos/"] .mini-thumb{
    --card-art-position:54% 20%;
  }
  #surfaceSections #fanworks a.mini-card[href*="fanworks/au-universitario/capitulos/"] .mini-thumb img{
    object-position:54% 20%;
  }
  #slideVisual[href*="fanworks/au-universitario/capitulos/"]{
    --card-art-position:54% 24%;
  }
  #slideVisual[href*="fanworks/au-universitario/capitulos/"] > #slideImage{
    object-position:54% 24%;
  }
}