/* ===========================================================================
   jjcomplementos.com — ajustes propios

   Lo carga YOOtheme Pro solo, despues del CSS generado del tema
   (vendor/yootheme/theme/src/Theme/ThemeListener.php). Es el lugar correcto:
   NO se pierde al actualizar el tema ni al guardar en el constructor.
   =========================================================================== */

/* ---------------------------------------------------------------------------
   HERO — la imagen de fondo no cargaba.

   El tema la carga con JavaScript diferido (uk-img) usando este atributo:

       data-sizes="(max-aspect-ratio: 2560/1440) 178vh"

   Una sola condicion y SIN valor por defecto. En pantallas mas anchas que
   16:9 (2560/1440 = 1.778) la condicion no se cumple, no hay alternativa que
   usar, y el tema acaba poniendo una URL vacia: el hero se queda sin foto.
   En un monitor de 1592x877 la proporcion es 1.815, asi que falla siempre.

   Aqui la ponemos directo en CSS. Si el JavaScript del tema funciona, su
   estilo en linea gana y manda el; si falla, queda esta. Red de seguridad,
   no reemplazo. Y de paso el hero deja de cargarse en diferido, que para
   una imagen que esta arriba del todo nunca tuvo sentido.

   El color de fondo es el promedio real de la foto (#024a7d, muestreado con
   canvas) para que el titulo —que va en blanco— se lea desde el primer
   instante mientras la imagen baja.
   --------------------------------------------------------------------------- */
.uk-background-fixed.uk-background-cover.uk-section-xlarge {
    background-color: #024a7d;
    background-image: url("/templates/yootheme/cache/jj-complementos-hospitalarios-principal-dark-blue-bg-transparent-01-92b1e786.webp");
}