/* Estilos globales para la aplicación */

h1 {
    color: white;
    text-align: center;
    margin-top: 50px;
    font-size: 3em;
    text-shadow: 2px 2px 2px #000000;
}

h2 {
    color: white;
    text-align: left;
    margin-top: 8px;
    font-size: 2.5em;
    text-shadow: 2px 2px 1px #000000;
}

h3 {
    color: white;
    text-align: left;
    margin-top: 8px;
    font-size: 2em;
    text-shadow: 2px 2px 1px #000000;
}


.background-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('/images/PqSCADA.png');
    background-size: cover;
    background-position: center;
    z-index: -1;
    opacity: 0.1;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
    text-align: center;
    padding: 10px 0;
}

/* Light/Dark mode background colors 
.light-bg-lightblue {
    background-color: antiquewhite;
}
.mud-theme-dark .dark-bg-darkblue {
    background-color: #011225;
}
*/