/* site.css */

/* Ocultar scrollbar en Chrome, Safari y Edge */
::-webkit-scrollbar {
    display: none;
}

/* Ocultar scrollbar en Firefox */
html {
    scrollbar-width: none; /* Firefox 64 */
}

/* Ocultar scrollbar en IE 10+ */
body {
    -ms-overflow-style: none; /* IE and Edge */
}

/* Asegurar que el contenido se pueda desplazar */
body {
    overflow: auto;
}


body {
    font-family: Arial, sans-serif;
}

.navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #333;
    padding: 1rem;
}

.navbar-brand {
    color: #fff;
    text-decoration: none;
    font-size: 1.5rem;
}

.navbar-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.nav-item {
    margin-left: 1rem;
}

.nav-link {
    color: #fff;
    text-decoration: none;
    padding: 0.5rem 1rem;
    transition: background-color 0.3s;
}

    .nav-link:hover {
        background-color: #555;
        border-radius: 5px;
    }

.home-background {
    background-image: url('/img/fondo.jpg.jpg'); /* Ruta a tu imagen */
    background-size: cover; /* Ajusta la imagen para que cubra toda la pantalla */
    background-repeat: no-repeat; /* Evita que la imagen se repita */
    background-attachment: fixed; /* Hace que la imagen se mantenga fija al hacer scroll */
    background-position: center; /* Centra la imagen */
    height: 100vh; /* Asegura que la imagen cubra la altura total de la ventana */
}


<style >
@media print {
    .btn

{
    display: none;
}
/* Oculta los botones durante la impresión */
#printableArea {
    page-break-inside: avoid;
}
/* Evita los saltos de página dentro del área imprimible */
}
</style >