body {
    background-image: url("images/fondohorarios.jpg"); /* Ruta relativa a la imagen de fondo */
    background-size: cover; /* Cubrir todo el fondo */
    background-position: center; /* Centrar la imagen de fondo */
    background-repeat: no-repeat; /* No repetir la imagen */
}
/* CSS personalizado */

/* Estilos para la imagen del logo */
.img-logo {
    height: auto;
    width: 100%;
    max-width: 300px; /* Establece un tamaño máximo para la imagen */
    margin: 15px auto; /* Ajusta los márgenes vertical y horizontalmente */
    display: block; /* Asegura que la imagen se muestre como un bloque */
}

/* Estilos para el título "Horario de CyberFuel" */
.titulo1 {
    text-align: center; /* Centra el texto */
    margin-bottom: 30px; /* Agrega un margen inferior para separarlo de otras secciones */
	color: black; /* Cambia el color del texto a blanco */
}
/* Estilos para el título "Horario de Soporte", "Horario de SAC", etc. */
.titulo2 {
    text-align: center; /* Centra el texto */
    margin-top: 30px; /* Agrega un margen superior para separarlo del título anterior */
    margin-bottom: 15px; /* Agrega un margen inferior para separarlo del contenido siguiente */
    color: black; /* Cambia el color del texto a blanco */
}

/* Estilos para las imágenes de horarios */
.img-horario {
    max-width: 100%; /* Establece un tamaño máximo para las imágenes */
    margin: 15px auto; /* Ajusta los márgenes vertical y horizontalmente */
    display: block; /* Asegura que la imagen se muestre como un bloque */
}