body,
html {
    margin: 0;
    padding: 0;
    height: 100%;
    background:
        url("../img/fondos/fondo_entrada.jpg");
    background-size: cover;
    /* Ajusta la imagen para cubrir toda la pantalla */
    background-position: center center;
    /* Centra la imagen */
    background-repeat: no-repeat;
    /* Evita que la imagen se repita */
}

/* Altura de encabezado y pie de página */
.header, .footer {
    height: 100px; /* Ajustable según necesidad */
}

/* Contenedores con scroll */
.scroll-box {
    height: calc(100vh - 200px); /* Resta altura de header y footer */
    overflow-y: auto;
    /*border: 1px solid #ddd;*/
    padding: 15px;
}

.bg-cbtis {
    background-color: rgb(106, 11, 11);
}

.bg-container-clock {
    background-color: rgb(121, 3, 3);
}

.bg-clock {
    background-color: rgb(65, 2, 2);
}

.bg-tm {
    background-color: rgb(31, 81, 230);
}

.bg-tv {
    background-color: rgb(204, 82, 12);
}

.bg-tv-2 {
    background-color: rgb(8, 165, 147);
}

#myToast {
    background-color: rgba(33, 37, 41, 0.7); /* fondo oscuro con 70% de opacidad */
    color: white;
}