/* resources/css/custom-filament.css */

.fixed-bottom-watermark {
    position: fixed;
    bottom: 15px; /* Espacio desde el borde inferior */
    right: 20px;  /* Espacio desde el borde derecho */
    width: 350px; /* Ancho deseado para tu imagen/logo */
    height: 75px; /* Alto deseado, o usa 'auto' si quieres que se ajuste por aspect-ratio y controlas solo el ancho */
    opacity: 1.0; /* Nivel de transparencia (0.0 = invisible, 1.0 = opaco) */

    background-image: url('/assets/images/made-by.png'); /* Cambia 'watermark.png' al nombre de tu imagen */
    background-repeat: no-repeat;
    background-size: contain; /* O 'cover', o dimensiones específicas */
    background-position: center center;

    z-index: 0; /* Para que esté detrás del contenido principal pero visible */
    pointer-events: none; /* Muy importante: permite hacer clic "a través" de la imagen */
}
