/* Estilo para la barra de navegación */
.navbar {
	background-color: #1F1F1F;
}
/* Estilo para los enlaces de la barra de navegación */
.navbar-nav .nav-link {
	color: #C4C4C4; /* Gris claro para enlaces normales */
}
/* Estilo para el enlace activo */
.navbar-nav .nav-link.active {
	color: #FFFFFF; /* Blanco para enlace activo */
}
/* Estilo para cambiar el color del botón de toggler y su icono */
.custom-toggler .navbar-toggler-icon{
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
.custom-toggler.navbar-toggler{
	border-color: rgb(255, 255, 255);
}

.contenedor_banner{
	background-image: url(imagenes/fondo01_1024x600.png); 
	background-repeat: no-repeat; 
	background-position: 50% 50%; 
	background-color: #1F1F1F;
}
.titulo_programa{
	color: #ffffff;
}
.sub_titulo_programa{
	color: #C4C4C4;
}
.background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%; /* Tamaño de la imagen de fondo */
  height: 100%; /* Altura del contenedor */
  background-image: url('imagenes/fondo/marco_izquierdo303x4006.png'); /* Ruta de la imagen */
  background-size: auto; /* Mantiene el tamaño original de la imagen */
  background-repeat: no-repeat; /* No se repite */
  z-index: -1; /* Coloca la imagen detrás del contenido */
}
.btn-rojo-encendido {
    background-color: #FE0000;
    border-color: #FE0000;
    color: white;
}

.btn-rojo-encendido:hover {
    background-color: #BF0000;
    border-color: #BF0000;
    color: white;
}